@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-dark:#020205;--bg-mesh:linear-gradient(135deg, #05050a 0%, #0c0d1b 100%);--bg-accent:#111224;--primary:#7c4dff;--primary-glow:#7c4dff4d;--secondary:#00e5ff;--success:#00c853;--warning:#ffd600;--error:#ff1744;--white:#fff;--white-muted:#fff9;--border:#ffffff14;--glass:#ffffff08;--sidebar-width:280px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background:var(--bg-dark);color:var(--white);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#7c4dff0d 0,#0000 50%),radial-gradient(at 100% 0,#00e5ff0d 0,#0000 50%);height:100vh;font-family:Inter,sans-serif;overflow:hidden}h1,h2,h3,h4{letter-spacing:-.03em;font-family:Outfit,sans-serif;font-weight:700}.app-container{height:100vh;animation:.8s fadeIn;display:flex}@media (width<=1024px){.sidebar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a12fa;width:280px;height:100vh;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;left:-300px}.mobile-open .sidebar{transform:translate(300px)}.dashboard-main{width:100%;margin-left:0}.mobile-only{display:flex!important}.topbar{width:100%;left:0}.content-container{padding:20px!important}}.mobile-only{display:none}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-right:1px solid var(--border);z-index:100;background:#04040c99;flex-direction:column;padding:24px;display:flex}.sidebar-header{align-items:center;gap:16px;margin-bottom:40px;display:flex}.sidebar-brand-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:40px;height:40px;box-shadow:0 8px 16px var(--primary-glow);border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.sidebar-brand-text{background:linear-gradient(to right, #fff, var(--white-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.4rem}.guild-selector{background:var(--glass);border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:14px;margin-bottom:32px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.guild-selector:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.guild-icon{border-radius:8px;width:32px;height:32px}.guild-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;font-weight:600;overflow:hidden}.nav-links{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{color:var(--white-muted);cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:12px 18px;font-weight:500;transition:all .3s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d;transform:translate(5px)}.nav-item.active{color:#fff;border-left:3px solid var(--primary);background:linear-gradient(90deg,#7c4dff26,#0000)}.user-profile{border-top:1px solid var(--border);align-items:center;gap:16px;margin-top:auto;padding-top:24px;display:flex}.user-avatar{border:2px solid var(--border);border-radius:50%}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#020205cc;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex}.content-area{background:radial-gradient(circle at center, #0c0d1bcc 0%, var(--bg-dark) 100%);flex:1;padding:40px;overflow-y:auto}.card{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 20px 40px #0006}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-item{background:var(--glass);border:1px solid var(--border);border-radius:18px;padding:24px;position:relative;overflow:hidden}.stat-item:before{content:"";background:var(--primary);width:4px;height:100%;position:absolute;top:0;left:0}.stat-label{color:var(--white-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.8rem;font-weight:700}.stat-value{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800}.btn{cursor:pointer;background:var(--glass);border:1px solid var(--border);color:#fff;border-radius:10px;outline:none;align-items:center;gap:10px;height:44px;padding:0 24px;font-family:Inter,sans-serif;font-weight:600;transition:all .3s;display:inline-flex}.btn:hover{background:#ffffff14;transform:translateY(-2px)}.btn-primary{background:var(--primary);box-shadow:0 4px 20px var(--primary-glow);border:none}.btn-primary:hover{box-shadow:0 8px 30px var(--primary-glow);background:#8e62ff;transform:translateY(-2px)scale(1.02)}.leaderboard-row{border-bottom:1px solid var(--border);transition:all .3s}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:#ffffff08;transform:scale(1.01)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--white-muted)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-wrapper{animation:.5s cubic-bezier(.19,1,.22,1) slideUp}