:root{--bg: #05070c;--bg-1: #080b12;--bg-2: #0a0e16;--panel: #0b0f18;--panel-2: #11161f;--line: rgba(255, 255, 255, .06);--line-2: rgba(255, 255, 255, .11);--text: #f1f4fa;--text-2: #99a5b8;--text-3: #5e6776;--cyan: #00b2ff;--cyan-dim: rgba(0, 178, 255, .12);--violet: #8b5cf6;--violet-dim: rgba(139, 92, 246, .12);--teal: #2dd4bf;--amber: #f5b14c;--good: #34d399;--bad: #f87171;--radius: 18px;--radius-sm: 11px;--radius-xs: 8px;--font: "Space Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:radial-gradient(1200px 620px at 78% -8%,rgba(0,178,255,.06),transparent 60%),radial-gradient(1000px 520px at 4% -4%,rgba(139,92,246,.05),transparent 55%),var(--bg);background-attachment:fixed;color:var(--text);font-size:14px;line-height:1.55;letter-spacing:-.011em;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono);font-feature-settings:"zero" 1}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 200px),var(--bg-1)}.brand{display:flex;flex-direction:column;gap:1px;padding:6px 10px 0}.brand-mark{display:none}.brand-name{font-weight:700;font-size:18px;letter-spacing:-.04em;color:var(--text)}.brand-sub{font-family:var(--mono);font-size:9.5px;color:var(--text-3);letter-spacing:.16em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:2px}.nav-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);padding:6px 12px 8px}.nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-2);font-size:13.5px;font-weight:500;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.nav a .ic{width:17px;height:17px;flex-shrink:0;opacity:.7;transition:opacity .16s,color .16s}.nav a:hover{background:var(--panel);color:var(--text)}.nav a:hover .ic{opacity:1}.nav a.active{background:var(--panel-2);color:var(--text);box-shadow:inset 2px 0 0 var(--cyan)}.nav a.active .ic{color:var(--cyan);opacity:1}.nav .dot{display:none}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.user-card{display:flex;align-items:center;gap:11px;padding:10px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel)}.avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--violet));display:grid;place-items:center;font-weight:700;color:#04070e;font-size:14px;flex-shrink:0}.user-card .nm{font-size:13px;font-weight:600;line-height:1.2}.user-card .rl{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-top:3px}.status-row{display:flex;align-items:center;gap:8px;padding:0 4px;font-family:var(--mono);font-size:10.5px;color:var(--text-3)}.pulse{width:7px;height:7px;border-radius:50%;background:var(--good);animation:pulse 2.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #34d39973}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}.who-box{padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel)}.who-box .label{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.who-box .name{font-size:13px;font-weight:600;margin-top:2px}.main{min-width:0}.topbar{display:flex;align-items:flex-start;justify-content:space-between;padding:30px 40px 20px;gap:20px}.crumb{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);display:flex;align-items:center;gap:9px;margin-bottom:10px}.crumb .sep{opacity:.45}.crumb .cur{color:var(--text-2)}.page-title{font-size:25px;font-weight:600;letter-spacing:-.035em}.page-sub{color:var(--text-3);font-size:13.5px;margin-top:5px;max-width:600px}.content{padding:8px 40px 76px}.tabs{display:flex;gap:6px;padding:0 40px;border-bottom:1px solid var(--line)}.tabs a{padding:12px 14px;font-size:13.5px;font-weight:500;color:var(--text-3);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .16s}.tabs a:hover{color:var(--text-2)}.tabs a.active{color:var(--text);border-bottom-color:var(--cyan)}.toolbar{display:flex;align-items:center;gap:10px}.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--radius-sm);overflow:hidden;background:var(--panel)}.seg a{padding:8px 14px;font-size:12px;font-family:var(--mono);color:var(--text-2);border-right:1px solid var(--line);transition:background .14s,color .14s}.seg a:last-child{border-right:none}.seg a:hover{background:var(--panel-2);color:var(--text)}.seg a.active{background:var(--cyan-dim);color:var(--cyan)}.panel{background:linear-gradient(180deg,rgba(255,255,255,.022),transparent 140px),var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.panel-pad{padding:22px}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.panel-head h3{font-size:14px;font-weight:600;letter-spacing:-.01em}.panel-head .link{font-size:11.5px;color:var(--text-3);font-family:var(--mono);transition:color .14s}.panel-head .link:hover{color:var(--cyan)}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.mt{margin-top:16px}.mt-l{margin-top:24px}.row{display:flex;gap:10px;align-items:center}.spread{justify-content:space-between}.stat{position:relative;overflow:hidden;min-height:138px;display:flex;flex-direction:column;padding:20px 22px 0}.stat:after{content:"";position:absolute;top:-50px;right:-50px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,var(--stat-accent, var(--cyan)),transparent 68%);opacity:.1;pointer-events:none}.stat .label{font-size:12.5px;color:var(--text-2);font-weight:500}.stat .value{font-family:var(--mono);font-size:33px;font-weight:600;letter-spacing:-.035em;margin-top:14px;line-height:1}.stat .delta{font-family:var(--mono);font-size:11.5px;margin-top:10px;margin-bottom:16px;display:inline-flex;align-items:center;gap:5px}.stat .delta.up{color:var(--good)}.stat .delta.down{color:var(--bad)}.stat .delta.flat,.stat .delta .vs{color:var(--text-3)}.stat .spark{position:absolute;left:0;right:0;bottom:0;width:100%;height:46px;opacity:.9}.chart-wrap{padding:20px 22px 16px}.chart-host{position:relative}.chart-svg{display:block;width:100%;height:210px}.chart-svg.tall{height:250px}.chart-host .cross{opacity:0;transition:opacity .1s}.chart-host .hot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid var(--chart-accent, var(--cyan));transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .1s;box-shadow:0 0 10px var(--chart-accent, var(--cyan))}.chart-host .tip{position:absolute;top:-4px;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--line-2);border-radius:9px;padding:7px 11px;pointer-events:none;opacity:0;transition:opacity .1s;white-space:nowrap;display:flex;flex-direction:column;gap:2px;z-index:5;box-shadow:0 8px 24px #0006}.chart-host .tip .tl{font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.04em}.chart-host .tip .tv{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--text)}.axis-row{display:flex;justify-content:space-between;margin-top:10px;font-family:var(--mono);font-size:10.5px;color:var(--text-3)}.legend{display:flex;gap:16px;flex-wrap:wrap;padding:12px 22px 4px}.legend span{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-2)}.legend .swatch{width:9px;height:9px;border-radius:3px}.hbar{display:flex;flex-direction:column;gap:15px;padding:20px 22px}.hbar .item .meta{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:7px}.hbar .item .meta .nm{color:var(--text);font-weight:500}.hbar .item .meta .vl{font-family:var(--mono);color:var(--text-2)}.hbar .item .track{height:7px;border-radius:5px;background:var(--bg-1);overflow:hidden}.hbar .item .fill{height:100%;border-radius:5px}.ranks{display:flex;flex-direction:column}.ranks .r{display:flex;align-items:center;gap:13px;padding:14px 22px;border-bottom:1px solid var(--line)}.ranks .r:last-child{border-bottom:none}.ranks .r .idx{font-family:var(--mono);font-size:12px;color:var(--text-3);width:16px}.ranks .r .dot2{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ranks .r .nm{font-size:13px;font-weight:500}.ranks .r .sub{font-family:var(--mono);font-size:11px;color:var(--text-3)}.ranks .r .val{margin-left:auto;font-family:var(--mono);font-size:12.5px;color:var(--text-2)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);font-weight:500;padding:14px 18px;border-bottom:1px solid var(--line)}td{padding:15px 18px;border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background .12s}tbody tr:hover td{background:#ffffff05}td.mono,th.mono{font-family:var(--mono)}td strong{color:var(--text);font-weight:600}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;padding:4px 10px;border-radius:999px;border:1px solid var(--line-2);color:var(--text-2);letter-spacing:.02em}.badge.on{color:var(--good);border-color:#34d39947;background:#34d3990f}.badge.on:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 6px var(--good)}.badge.off{color:var(--text-3)}.badge.off:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-3)}.badge.cyan{color:var(--cyan);border-color:#00b2ff4d;background:#00b2ff0d}.badge.violet{color:var(--violet);border-color:#8b5cf64d;background:#8b5cf60d}.badge.amber{color:var(--amber);border-color:#f5b14c4d;background:#f5b14c0d}.btn{font-family:var(--font);font-size:13px;font-weight:500;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--panel);color:var(--text);cursor:pointer;transition:background .14s,border-color .14s,transform .08s}.btn:hover{background:var(--panel-2);border-color:#ffffff2e}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--cyan);color:#03070d;border-color:var(--cyan);font-weight:600}.btn.primary:hover{background:#2bbdff;border-color:#2bbdff}.btn.ghost{background:transparent}.btn.sm{padding:7px 12px;font-size:12px}.btn.danger:hover{color:var(--bad);border-color:#f8717173}.field{display:flex;flex-direction:column;gap:7px}.field label{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}input,select,textarea{font-family:var(--font);font-size:13.5px;background:var(--bg-1);border:1px solid var(--line-2);color:var(--text);border-radius:var(--radius-sm);padding:11px 13px;width:100%;outline:none;transition:border-color .14s,box-shadow .14s}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-dim)}textarea{resize:vertical;min-height:84px;font-family:var(--mono);font-size:12.5px}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.check input{width:auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:24px 0 15px}.section-head h2{font-size:16px;font-weight:600;letter-spacing:-.02em}pre.code{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 18px;overflow-x:auto;font-family:var(--mono);font-size:12.5px;line-height:1.7;color:#c5d3e6;white-space:pre}.empty{text-align:center;padding:48px 20px;color:var(--text-3);font-family:var(--mono);font-size:12.5px}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth .card{width:380px}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:column}.nav{flex-direction:row;flex-wrap:wrap}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr 1fr}.content,.topbar,.tabs{padding-left:18px;padding-right:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}