:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080a0f;--panel:#10141d;--panel-2:#151b26;--line:#242b38;--soft:#ffffff12;--text:#f2f5f8;--muted:#96a0ad;--brand:#4f8cff;--green:#22c55e;--warn:#f59e0b;--danger:#ef4444;--shadow:0 24px 80px #0005;font-family:Inter,ui-sans-serif,system-ui}:root[data-theme=neon]{--bg:#050816;--panel:#0a1024;--panel-2:#101a36;--line:#1b315c;--soft:#5ba6ff29;--text:#f4f8ff;--muted:#a6b8d6;--brand:#55a9ff;--green:#54e6c1}:root[data-theme=contrast]{--bg:#000;--panel:#090909;--panel-2:#151515;--line:#4b4b4b;--soft:#fff3;--text:#fff;--muted:#d1d1d1}:root[data-theme=space]{--bg:#020202;--panel:#080808dc;--panel-2:#111;--line:#343434;--soft:#fff2;--text:#f7f7f7;--muted:#b3b3b3;--brand:#fff;--green:#ddd}*{box-sizing:border-box}body{background:linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px), linear-gradient(135deg, #4f8cff28, transparent 34%), linear-gradient(225deg, #22c55e16, transparent 36%), var(--bg);min-width:320px;color:var(--text);background-size:44px 44px,44px 44px,auto,auto,auto;margin:0}:root[data-theme=contrast] body,:root[data-theme=space] body{background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0d13e0;height:100vh;padding:22px;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:6px 4px 22px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--brand), #68d391);color:#fff;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand-title{font-weight:760}.brand-subtitle,.muted{color:var(--muted);margin-top:3px;font-size:12px}.nav-list{gap:6px;display:grid}.nav-link{min-height:42px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.nav-link.active{color:var(--text);background:#4f8cff1f;border-color:#4f8cff47}.sidebar-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-top:24px;padding:16px}.sidebar-card p{color:var(--muted);font-size:13px;line-height:1.5}.main-area{min-width:0}.topbar{border-bottom:1px solid var(--soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080a0fb8;justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar select,.theme,select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:8px}.theme{align-items:center;gap:6px;padding:0 8px;display:flex}.theme select{border:0;padding:8px 0}.icon-button{border:1px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.content{width:min(1220px,100%);margin:auto;padding:34px}.page-head{margin-bottom:24px}.eyebrow{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.page-head h1,.login-panel h1{letter-spacing:-.035em;margin:7px 0 10px;font-size:30px}.lead{max-width:760px;color:var(--muted);margin:0;line-height:1.6}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.section{margin-top:24px}.card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px}.card-pad{padding:20px}.metric{align-items:center;gap:14px;min-height:106px;display:flex}.metric-icon{width:40px;height:40px;color:var(--brand);background:#4f8cff1f;border:1px solid #4f8cff38;border-radius:9px;flex:none;place-items:center;display:grid}.metric-value{letter-spacing:-.03em;font-size:24px;font-weight:760}.metric-label{color:var(--muted);margin-top:4px;font-size:13px}.success{color:var(--green)}.danger{color:var(--danger)}.warning{color:var(--warn)}.toolbar{justify-content:space-between;gap:18px;display:flex}.toolbar h2,.card h2{margin:0;font-size:17px}.toolbar p{color:var(--muted);margin:6px 0;font-size:13px}.signal{background:#f59e0b12;border:1px solid #f59e0b44;border-radius:8px;margin-top:24px;padding:17px}.signal b{margin-bottom:6px;font-size:20px;display:block}.signal span{color:var(--muted);font-size:13px}.bars{gap:17px;margin-top:22px;display:grid}.bar>div{justify-content:space-between;font-size:13px;display:flex}.bar i{background:var(--panel-2);border-radius:999px;height:8px;margin-top:8px;display:block;overflow:hidden}.bar em{background:linear-gradient(90deg, var(--brand), var(--green));border-radius:999px;height:100%;display:block}.usage-row{border-bottom:1px solid var(--soft);grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:15px 0;display:grid}.usage-row:last-child{border:0}.usage-row strong{font-size:14px;display:block}.usage-row span{color:var(--muted);font-size:12px}.empty{color:var(--muted);padding:28px 0;font-size:13px}.btn{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:650;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;justify-content:center;width:100%}.table{margin-top:20px}.table-head,.table-row{align-items:center;gap:16px;display:grid}.referral-grid{grid-template-columns:1.15fr 1.35fr .7fr .75fr 1fr}.table-head{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding-bottom:11px;font-size:11px;font-weight:700}.table-row{border-top:1px solid var(--soft);padding:13px 0;font-size:13px}.table-row strong,.table-row small{display:block}.table-row small{color:var(--muted);margin-top:3px}.loading-line{color:var(--brand);gap:8px;margin-bottom:14px;font-size:13px;display:flex}.notice{color:#fca5a5;background:#ef444422;border:1px solid #ef444455;border-radius:8px;margin-bottom:16px;padding:12px}.loading-screen{min-height:44vh;color:var(--muted);place-items:center;display:grid}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(100%,520px);box-shadow:var(--shadow);background:#10141de0;border-radius:12px;padding:34px}.field-label{color:var(--muted);gap:8px;margin:26px 0 14px;font-size:13px;display:grid}.field-label input{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:8px;padding:12px}.form-error{color:#fca5a5;font-size:13px}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--soft);height:auto;position:static}.nav-list{display:flex;overflow:auto}.nav-link{white-space:nowrap}.sidebar-card{display:none}.content{padding:24px 16px}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.topbar{padding:0 16px}.grid-4,.grid-2{grid-template-columns:1fr}.topbar>b{display:none}.referral-grid{grid-template-columns:1fr .8fr}.table-head span:nth-child(2),.table-head span:nth-child(4),.table-row span:nth-child(2),.table-row span:nth-child(4){display:none}}.space-canvas{z-index:0;pointer-events:none;opacity:.62;position:fixed;inset:0}.space-canvas canvas{width:100%;height:100%;display:block}:root[data-theme=space] .app-shell{z-index:1;position:relative}:root[data-theme=space] .sidebar,:root[data-theme=space] .topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020202c9}:root[data-theme=space] .card{background:#080808c7;box-shadow:0 18px 55px #0000008c}:root[data-theme=space] .metric-icon,:root[data-theme=space] .nav-link.active{color:#fff;background:#ffffff1c;border-color:#ffffff40}:root[data-theme=space] .brand-mark{color:#000;background:#fff}:root[data-theme=space] .btn-primary{color:#000;background:#fff;border-color:#fff}:root[data-theme=neon] .metric-icon{color:#8cc9ff;background:#55a9ff29;border-color:#55a9ff52}:root[data-theme=neon] .card{background:linear-gradient(135deg, #2e7aff29, #0a1024f0 48%), var(--panel);box-shadow:0 18px 70px #00258233}:root[data-theme=contrast] .metric-icon{color:#000;background:#fff;border-color:#fff}:root[data-theme=contrast] .card{box-shadow:none}