:root{--void:#07080b;--base:#0b0d12;--panel:#101319;--raised:#161a22;--line:#1e232d;--line-bright:#2a3140;--text:#e8eaf0;--text-dim:#9aa3b4;--text-faint:#626b7d;--live:#f0a63a;--live-soft:rgba(240,166,58,0.14);--data:#46c8d8;--data-soft:rgba(70,200,216,0.12);--claim:#a78bfa;--claim-soft:rgba(167,139,250,0.13);--good:#4ade80;--bad:#f87171;--radius:14px;--radius-sm:9px;--sidebar:252px;--mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Mono",Menlo,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Display","Segoe UI",Inter,system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--void);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(900px 600px at 12% -8%,rgba(70,200,216,.07),transparent 60%),radial-gradient(700px 500px at 88% 4%,rgba(167,139,250,.05),transparent 55%);z-index:0}a{color:inherit;text-decoration:none}.shell{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px;padding:22px 14px;background:linear-gradient(180deg,var(--base),var(--void));border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 20px}.brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(140deg,var(--data),var(--claim));position:relative;flex:none}.brand-mark:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--base)}.brand-name{font-weight:620;letter-spacing:-.02em;font-size:15px}.brand-sub{font-size:11px;color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase}.nav-group{margin-top:14px}.nav-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary .chev{margin-left:auto;transition:transform .18s ease;opacity:.6}.nav-group[open]>summary .chev{transform:rotate(90deg)}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:1px 0;border-radius:var(--radius-sm);color:var(--text-dim);font-size:13.5px;transition:background .14s ease,color .14s ease}.nav-item:hover{background:var(--panel);color:var(--text)}.nav-item[data-active=true]{background:var(--raised);color:var(--text)}.nav-item[data-active=true]:before{content:"";width:3px;height:15px;border-radius:3px;background:var(--data);margin-left:-6px;margin-right:3px}.nav-count{margin-left:auto;font-family:var(--mono);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-faint);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:1px 7px}.nav-item[data-tone=claim] .nav-count{color:var(--claim);border-color:rgba(167,139,250,.3)}.nav-add{margin-left:auto;font-size:15px;line-height:1}.nav-add,.sidebar-foot{color:var(--text-faint)}.sidebar-foot{margin-top:auto;padding:12px 10px 0;border-top:1px solid var(--line);font-size:12px}.main{padding:26px 32px 60px;max-width:1320px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}h1{font-size:25px;font-weight:640;letter-spacing:-.025em;margin:0}.page-sub{font-size:13.5px;margin:5px 0 0;max-width:62ch}.page-sub,h2{color:var(--text-faint)}h2{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;margin:0 0 12px}.panel{background:linear-gradient(180deg,var(--panel),var(--base));border:1px solid var(--line);border-radius:var(--radius);padding:18px}.grid{display:grid;grid-gap:14px;gap:14px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:1fr 1fr}.grid-wide{grid-template-columns:1.65fr 1fr}@media (max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-wide{grid-template-columns:1fr}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.main{padding:20px 16px 48px}.grid-4{grid-template-columns:1fr}}.stat{position:relative;overflow:hidden}.stat-label{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.stat-value{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;letter-spacing:-.03em;margin-top:6px;line-height:1.05}.stat-foot{margin-top:6px;font-size:12px;color:var(--text-faint)}.stat[data-tone=live] .stat-value{color:var(--live)}.stat[data-tone=data] .stat-value{color:var(--data)}.stat[data-tone=claim] .stat-value{color:var(--claim)}.stat:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.35}.stat[data-tone=live]:after{color:var(--live)}.stat[data-tone=data]:after{color:var(--data)}.stat[data-tone=claim]:after{color:var(--claim)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 0 var(--live-soft);animation:pulse 2s ease-out infinite;flex:none}.live-dot[data-idle=true]{background:var(--text-faint);animation:none;box-shadow:none}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(240,166,58,.45)}70%{box-shadow:0 0 0 9px rgba(240,166,58,0)}to{box-shadow:0 0 0 0 rgba(240,166,58,0)}}.live-tag{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:4px 11px}.chart-wrap{position:relative}.chart-svg{display:block;width:100%;height:168px;overflow:visible}.chart-line{fill:none;stroke:var(--live);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 1.1s cubic-bezier(.22,1,.36,1) forwards}@keyframes draw{to{stroke-dashoffset:0}}.chart-area{fill:url(#liveFade);opacity:0;animation:fade-in .9s ease .35s forwards}@keyframes fade-in{to{opacity:1}}.chart-grid line{stroke:var(--line);stroke-dasharray:2 5}.chart-axis{font-family:var(--mono);font-size:10px;fill:var(--text-faint)}.chart-cursor{stroke:var(--line-bright);stroke-width:1}.chart-empty{display:grid;place-items:center;height:168px;color:var(--text-faint);font-size:13px}.radial{display:grid;place-items:center;position:relative}.radial svg{transform:rotate(-90deg)}.radial-track{fill:none;stroke:var(--line);stroke-width:9}.radial-value{fill:none;stroke:var(--live);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .7s cubic-bezier(.22,1,.36,1)}.radial-mid{position:absolute;text-align:center}.radial-pct{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:27px;font-weight:600;letter-spacing:-.03em}.radial-cap{font-size:11px;color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase}.bar{display:flex;height:10px;border-radius:20px;overflow:hidden;background:var(--raised)}.bar span{transition:width .8s cubic-bezier(.22,1,.36,1)}.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:12.5px;color:var(--text-dim)}.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:7px;vertical-align:baseline}.legend b{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;color:var(--text);margin-left:5px}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:600;padding:0 10px 9px}td,th{border-bottom:1px solid var(--line)}td{padding:11px 10px;color:var(--text-dim)}tr:last-child td{border-bottom:none}tbody tr{transition:background .12s ease}tbody tr:hover{background:var(--panel)}td.num,th.num{text-align:right;font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}td.name,td.num,th.num{color:var(--text)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:3px 9px;border-radius:20px;border:1px solid var(--line-bright);color:var(--text-dim);white-space:nowrap}.pill[data-tone=live]{color:var(--live);border-color:rgba(240,166,58,.35);background:var(--live-soft)}.pill[data-tone=good]{color:var(--good);border-color:rgba(74,222,128,.3)}.pill[data-tone=bad]{color:var(--bad);border-color:rgba(248,113,113,.3)}.pill[data-tone=claim]{color:var(--claim);border-color:rgba(167,139,250,.35);background:var(--claim-soft)}.btn,button{font:inherit;font-size:13.5px;color:var(--text);background:var(--raised);border:1px solid var(--line-bright);border-radius:var(--radius-sm);padding:9px 15px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .08s ease}.btn:hover,button:hover{border-color:var(--data);background:var(--panel)}.btn:active,button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default;transform:none}.btn-primary{background:linear-gradient(180deg,rgba(70,200,216,.22),rgba(70,200,216,.1));border-color:rgba(70,200,216,.45);color:#d8fbff}input[type=email],input[type=password],input[type=text]{font:inherit;font-size:14px;width:100%;color:var(--text);background:var(--void);border:1px solid var(--line-bright);border-radius:var(--radius-sm);padding:10px 12px}input:focus{outline:none;border-color:var(--data)}.drop{border:1.5px dashed var(--line-bright);border-radius:var(--radius);padding:40px 22px;text-align:center;color:var(--text-dim);transition:border-color .16s ease,background .16s ease;cursor:pointer}.drop[data-over=true]{border-color:var(--data);background:var(--data-soft)}.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.muted{color:var(--text-faint)}.mono{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.error{color:var(--bad);font-size:13.5px}.stack{display:grid;grid-gap:16px;gap:16px}.empty{padding:34px 18px;text-align:center;color:var(--text-faint);font-size:13.5px}.rise{animation:rise .5s cubic-bezier(.22,1,.36,1) backwards}@keyframes rise{0%{opacity:0;transform:translateY(9px)}}@media (prefers-reduced-motion:reduce){.chart-area,.chart-line,.live-dot,.rise{animation:none}.bar span,.radial-value{transition:none}}