:root{color-scheme:dark;--bg:#090b12;--panel:#111521;--panel2:#151b29;--line:rgba(255,255,255,.08);--muted:#929bad;--text:#f4f6fb;--accent:#a78bfa;--green:#52d6a0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh;overflow-x:hidden}.ambient{position:fixed;width:480px;height:480px;border-radius:50%;filter:blur(120px);opacity:.14;pointer-events:none}.ambient-one{background:#7652e8;top:-230px;left:-120px}.ambient-two{background:#3155a8;right:-250px;bottom:-250px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;position:relative;animation:appear .7s ease}.login-card{width:min(100%,440px);padding:48px 42px 34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(22,27,42,.96),rgba(13,16,26,.96));box-shadow:0 30px 100px #0008;text-align:center;backdrop-filter:blur(20px)}.brand-mark{height:64px;width:64px;margin:0 auto 24px;border-radius:20px;background:linear-gradient(145deg,#a78bfa,#6650c9);display:grid;place-items:center;position:relative;box-shadow:0 10px 35px #8665ee55}.brand-mark span{font:700 36px 'Space Grotesk';color:white}.brand-mark i{position:absolute;width:9px;height:9px;border-radius:50%;background:#65e6b1;right:8px;bottom:8px;border:2px solid #8b72df}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#9c8bd7;font-weight:800}.login-card h1{font:700 25px 'Space Grotesk';letter-spacing:1px;margin:12px 0 0}.login-card h1 span{color:#b49cff}.login-card h2{font:600 17px 'Space Grotesk';color:#c5cada;margin:4px 0 12px}.intro{font-size:13px;color:var(--muted);line-height:1.7;margin:0 auto 28px;max-width:310px}.discord-button{height:52px;border-radius:12px;background:#5865f2;color:white;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:11px;font-weight:700;font-size:14px;transition:.22s;box-shadow:0 8px 25px #5865f233}.discord-button:hover{transform:translateY(-2px);background:#6975ff;box-shadow:0 12px 32px #5865f255}.discord-button svg{width:21px}.secure-note{font-size:11px;color:#7e8798;margin-top:25px}.lock{color:#b49cff;margin-right:5px}.notice{color:#ff9292;font-size:12px;min-height:18px;margin-top:12px}.login-wrap footer{font-size:9px;letter-spacing:2px;color:#586174;margin-top:24px}.login-wrap footer span{color:#a78bfa;padding:0 6px}.hidden{display:none!important}.app{min-height:100vh;display:flex;animation:appear .5s ease}.sidebar{width:244px;background:#0d1019;border-right:1px solid var(--line);padding:27px 16px;display:flex;flex-direction:column;min-height:100vh}.side-brand{display:flex;align-items:center;gap:11px;padding:0 9px 37px}.mini-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#a78bfa,#6650c9);display:grid;place-items:center;font:700 21px 'Space Grotesk'}.side-brand b{font:700 11px 'Space Grotesk';letter-spacing:.8px;display:block}.side-brand small{font-size:9px;color:#8c94a7;letter-spacing:1.8px}.side-label{font-size:9px;letter-spacing:1.8px;color:#687184;padding:0 11px 12px}.nav{border:0;background:transparent;color:#929bad;text-align:left;padding:12px 13px;border-radius:10px;margin:2px 0;font:600 13px 'DM Sans';cursor:pointer;transition:.2s}.nav span{margin-left:9px}.nav:hover,.nav.active{background:#1b2030;color:#d9ceff}.nav.active{box-shadow:inset 2px 0 #a78bfa}.sidebar-bottom{margin-top:auto}.user-chip{display:flex;align-items:center;gap:10px;padding:13px 7px;border-top:1px solid var(--line)}.avatar{width:34px;height:34px;border-radius:50%;background:#30264e;display:grid;place-items:center;color:#c9b8ff;font-weight:700}.user-info b{font-size:12px;display:block}.user-info small{font-size:10px;color:var(--green)}.logout{background:none;border:0;color:#8992a4;font:12px 'DM Sans';cursor:pointer;padding:10px 8px}.main-area{flex:1;min-width:0}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.topbar h2{font:600 20px 'Space Grotesk';margin:4px 0}.top-right{font-size:11px;color:#9ca5b5}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 12px #52d6a0}.content{max-width:1250px;margin:auto;padding:38px 42px}.welcome{background:linear-gradient(110deg,#1b1b34,#171b2b 60%,#20203a);border:1px solid #ffffff12;border-radius:18px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.welcome h1{font:600 25px 'Space Grotesk';margin:9px 0 5px}.welcome p{color:#9ca5b5;font-size:13px;margin:0}.welcome-orb{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;font:700 58px 'Space Grotesk';color:#c7b8ff;background:radial-gradient(circle at 35% 30%,#a78bfa66,#7861c022 70%);border:1px solid #b9a5ff33;box-shadow:0 0 65px #8b6bf433}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:19px 0}.stat,.panel-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px}.stat small{display:block;color:#7f899b;font-size:9px;letter-spacing:1.4px;font-weight:700}.stat strong{display:block;font:600 20px 'Space Grotesk';margin:12px 0 4px}.stat span{font-size:11px;color:#8791a3}.green{color:var(--green)}.panel-card{min-height:250px}.card-heading{display:flex;align-items:center;justify-content:space-between}.card-heading h3{font:600 15px 'Space Grotesk';margin:0 0 5px}.card-heading p{font-size:11px;color:#8791a3;margin:0}.tag{font-size:9px;letter-spacing:1px;color:#bbaaff;border:1px solid #a78bfa44;padding:7px 9px;border-radius:7px}.empty-state{text-align:center;padding:38px 10px}.empty-icon{margin:auto;width:42px;height:42px;border-radius:13px;background:#a78bfa18;color:#bbaaff;display:grid;place-items:center;font-size:22px}.empty-state h3{font:600 14px 'Space Grotesk';margin:13px 0 5px}.empty-state p{font-size:11px;color:#8791a3;margin:0 auto;max-width:420px;line-height:1.6}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.sidebar{width:68px;padding:20px 8px}.side-brand{padding:0 7px 30px}.side-brand>div:last-child,.side-label,.nav span,.user-info,.logout{display:none}.nav{text-align:center;padding:13px 8px}.nav span{display:none}.topbar{padding:0 20px}.content{padding:22px 16px}.stats{grid-template-columns:1fr}.welcome{padding:23px}.welcome-orb{width:65px;height:65px;font-size:36px}.login-card{padding:38px 24px}.card-heading{gap:12px;align-items:flex-start;flex-direction:column}}