:root{--bg: #0a0d14;--bg2: #0d111a;--card: #141925;--card2: #171d2b;--card-hi: #1c2435;--line: rgba(255,255,255,.07);--line2: rgba(255,255,255,.04);--txt: #e9edf5;--text: #e9edf5;--muted: #8b95a7;--muted2: #5c6577;--mint: #22d3a6;--mint-dim: #12876b;--violet: #7c8aff;--cyan: #38d6ff;--amber: #ffb547;--rose: #ff6b81;--accent: #22d3a6;--danger: #ff6b81;--ring: conic-gradient(from -90deg,#22d3a6,#38d6ff 60%,#7c8aff);--shadow: 0 18px 40px -22px rgba(0,0,0,.9);--radius: 18px;font-synthesis:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1100px 540px at 78% -8%,rgba(124,138,255,.1),transparent 60%),radial-gradient(900px 520px at 2% 4%,rgba(34,211,166,.09),transparent 55%),var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.45}.app{max-width:880px;margin:0 auto;padding:16px;min-height:100vh}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);background:linear-gradient(180deg,#141925b3,#0d111a59);padding:22px 16px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:6px 10px 20px}.logo{width:34px;height:34px;border-radius:10px;background:var(--ring);display:grid;place-items:center;font-weight:800;color:#06231b;box-shadow:0 6px 18px -6px #22d3a6b3}.brand-logo{width:34px;height:34px;border-radius:10px;display:block;object-fit:cover;box-shadow:0 6px 18px -8px #000c;border:1px solid var(--line)}.brand b{font-size:15px;letter-spacing:.2px}.brand span{display:block;font-size:11px;color:var(--muted2);font-weight:500}.nav{display:flex;flex-direction:column;gap:3px;margin-top:4px}.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:.15s}.nav a .ic{width:18px;text-align:center;opacity:.85}.nav a:hover{background:var(--card);color:var(--txt)}.nav a.active{background:linear-gradient(90deg,#22d3a629,#22d3a608);color:var(--txt);box-shadow:inset 0 0 0 1px #22d3a640}.nav a.active .ic{color:var(--mint)}.side .foot{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.uchip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px}.uchip .av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7c8aff,#38d6ff);display:grid;place-items:center;font-weight:700;font-size:13px;color:#0a0d14}.uchip small{color:var(--muted2);font-size:11px}.main{padding:26px 30px 40px;max-width:1240px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.top h1{font-size:22px;font-weight:700;letter-spacing:-.3px}.top .sub{color:var(--muted);font-size:13px;margin-top:2px}.tools{display:flex;gap:10px;align-items:center}.grid{display:grid;gap:16px}.cols-12{grid-template-columns:repeat(12,1fr)}.span-12{grid-column:span 12}.span-11{grid-column:span 11}.span-10{grid-column:span 10}.span-9{grid-column:span 9}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.span-2{grid-column:span 2}.span-1{grid-column:span 1}.card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card h3{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.3px;text-transform:uppercase;margin-bottom:2px}.card .hint{font-size:12px;color:var(--muted2)}.btn{background:linear-gradient(90deg,#22d3a6,#1bbd9a);color:#06231b;font-weight:700;border:none;padding:9px 16px;border-radius:11px;font-size:13px;cursor:pointer;box-shadow:0 8px 20px -10px #22d3a6cc}.btn.secondary{background:var(--card-hi);color:var(--txt);border:1px solid var(--line);box-shadow:none}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);box-shadow:none}.btn.primary{background:linear-gradient(90deg,#22d3a6,#1bbd9a);color:#06231b}.pill{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);padding:8px 14px;border-radius:11px;font-size:13px;color:var(--txt);font-weight:500;cursor:pointer}.pill.ghost{color:var(--muted)}.pill.pos{color:var(--mint)}.pill.neg{color:var(--rose)}.badge{font-size:10.5px;padding:2px 8px;border-radius:20px;font-weight:600}.badge.soon{background:#ffb54724;color:var(--amber)}.badge.ok{background:#22d3a621;color:var(--mint)}.badge.neg{background:#ff6b8124;color:var(--rose)}.track{height:9px;border-radius:6px;background:#ffffff0f;overflow:hidden}.fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#22d3a6,#1bbd9a)}.fill.over{background:linear-gradient(90deg,#ff6b81,#e0566c)}.fill.pos{background:linear-gradient(90deg,#22d3a6,#1bbd9a)}.fill.neg{background:linear-gradient(90deg,#ff6b81,#e0566c)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tile{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:15px;padding:16px}.tile .k{font-size:12px;color:var(--muted)}.tile .v{font-size:21px;font-weight:800;letter-spacing:-.5px;margin-top:6px;font-variant-numeric:tabular-nums}.tile .chg{font-size:11.5px;margin-top:6px;display:flex;align-items:center;gap:5px}.tile.positive .v{color:var(--mint)}.tile.negative .v{color:var(--rose)}.tile.neutral .v{color:var(--txt)}.legend{display:flex;flex-direction:column;gap:9px;margin-top:6px}.legend .li{display:flex;align-items:center;justify-content:space-between;font-size:13px}.legend .li .name{display:flex;align-items:center;gap:9px;color:var(--muted)}.legend .li .amt{font-weight:600;font-variant-numeric:tabular-nums}.bars{display:flex;flex-direction:column;gap:15px;margin-top:6px}.bar:has(>span){height:8px;background:#ffffff0f;border-radius:6px;overflow:hidden}.bar .head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px}.bar .head .nm{color:var(--txt);font-weight:500}.bar .head .mt{color:var(--muted);font-variant-numeric:tabular-nums}.bar>span{display:block;height:100%;background:var(--accent)}.bills{display:flex;flex-direction:column;gap:2px;margin-top:4px}.bli{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line2);font-size:13.5px}.bli:last-child{border-bottom:none}.bli .l{display:flex;align-items:center;gap:11px}.bli .ico{width:30px;height:30px;border-radius:9px;background:var(--card-hi);display:grid;place-items:center;font-size:14px}.bli .due{font-size:11.5px;color:var(--muted2)}.bli .amt{font-weight:600;font-variant-numeric:tabular-nums}.hero{display:flex;gap:24px;align-items:center}.ringwrap{position:relative;flex:0 0 168px;width:168px;height:168px}.ringwrap .lbl{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px}.ringwrap .lbl .k{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ringwrap .lbl .v{font-size:24px;font-weight:800;letter-spacing:-.5px;margin-top:2px;white-space:nowrap;font-variant-numeric:tabular-nums}.ringwrap .lbl .v small{font-size:14px;font-weight:600;color:var(--muted);letter-spacing:0}.ringwrap .lbl .pct{font-size:11px;color:var(--mint);margin-top:4px;font-weight:600;white-space:nowrap}.herostats{display:flex;flex-direction:column;gap:12px;flex:1}.srow{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:13px;background:var(--card-hi);border:1px solid var(--line2)}.srow .lab{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.dot{width:9px;height:9px;border-radius:3px}.srow .num{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.pos{color:var(--mint)}.neg{color:var(--rose)}.note{margin:26px 30px 0;color:var(--muted2);font-size:12.5px;border-top:1px solid var(--line);padding-top:14px;max-width:1240px}.note b{color:var(--muted)}.row{display:flex;gap:8px;align-items:center}.muted{color:var(--muted)}.scroller{overflow-x:auto}input,select{background:#0e1014;color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%}.menu-btn{display:none;position:fixed;top:14px;left:14px;z-index:60;background:var(--card);color:var(--txt);border:1px solid var(--line);border-radius:10px;width:40px;height:40px;font-size:18px;cursor:pointer;align-items:center;justify-content:center}.nav-overlay{display:none}@media (max-width: 880px){.app-shell{grid-template-columns:1fr}.menu-btn{display:flex}.side{position:fixed;left:0;top:0;height:100vh;width:264px;transform:translate(-100%);transition:transform .2s ease;z-index:50;background:#0d111a;box-shadow:8px 0 36px -8px #000000d9}.side.open{transform:translate(0)}.nav-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.span-5,.span-7,.span-4,.span-8,.span-3,.span-6{grid-column:span 12}.hero{flex-direction:column}.tiles{grid-template-columns:repeat(2,1fr)}.main{padding:70px 16px 32px}body,html{overflow-x:hidden}}