:root{color-scheme:dark;--bg:#080e17;--side:#0b121d;--panel:#101a28;--border:#233346;--ink:#e8f0f7;--muted:#9aabbe;--green:#49f5ad;--amber:#ffd083;font:15px system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#122233,transparent 45%),var(--bg);color:var(--ink)}[hidden]{display:none!important}
button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--ink);padding:.55rem .8rem;border-radius:7px}button:hover,button:focus-visible{border-color:var(--green)}button.primary{background:var(--green);color:#06170e;font-weight:750}.brand{display:flex;align-items:center;gap:.65rem;font-weight:850;letter-spacing:.045em;white-space:nowrap}.brand b,.green{color:var(--green)}.brand small{display:block;font:10px ui-monospace,monospace;letter-spacing:.12em;color:var(--muted);margin-top:.22rem}.mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #287b5d;background:#12332b;color:var(--green);border-radius:8px;font-size:26px}
#shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}aside{background:var(--side);border-right:1px solid var(--border);padding:1.35rem .9rem;display:flex;flex-direction:column;gap:1.6rem}nav{display:grid;gap:.26rem}nav a{color:var(--muted);text-decoration:none;padding:.56rem .7rem;border:1px solid transparent;border-radius:7px;white-space:nowrap}nav a span{display:inline-block;width:1.75rem;color:#7793a9;font-family:monospace}nav a:hover,nav a[aria-current]{background:#122a29;border-color:#1f493f;color:var(--green)}.aside-footer{margin-top:auto;color:var(--muted);font-size:.8rem}.aside-footer span{color:var(--green)}
header{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;border-bottom:1px solid var(--border);padding:.9rem clamp(1rem,3vw,2rem);color:var(--muted)}.actions{display:flex;gap:.5rem;flex-wrap:wrap}main{max-width:1500px;margin:auto;padding:clamp(1rem,3vw,2rem)}h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.1;margin:.35rem 0 .65rem;letter-spacing:-.055em}h2{font-size:1.03rem;margin:0 0 1rem}p{margin:.45rem 0;line-height:1.5}.lead,.muted,label{color:var(--muted)}.hero{margin-bottom:1.5rem}.tag{display:inline-block;border-radius:5px;padding:.28rem .48rem;border:1px solid #2c5348;color:var(--green);background:#112c25;font:11px ui-monospace,monospace;text-transform:uppercase}.tag.demo{color:var(--amber);background:#342817;border-color:#625039}.panel{padding:1.1rem;background:linear-gradient(155deg,#111d2b,#0e1724);border:1px solid var(--border);border-radius:11px;min-width:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.85rem;margin-bottom:.85rem}.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:.85rem;margin-bottom:.85rem}.metric strong{display:block;font:700 1.8rem ui-monospace,monospace;margin-top:.4rem}.metric span,.mono{font:12px ui-monospace,monospace;color:var(--muted)}.row{padding:.7rem 0;border-top:1px solid var(--border);overflow-wrap:anywhere}.row:first-of-type{border-top:0}.row strong{font-weight:650}.row p{white-space:pre-wrap}.row-head{display:flex;gap:.65rem;justify-content:space-between;align-items:baseline;flex-wrap:wrap}.chart{display:block;width:100%;height:245px}.chart text{fill:var(--muted);font:11px monospace}.login{min-height:100vh;display:grid;place-items:center;padding:1rem}.login form{width:min(100%,420px);display:grid;gap:.8rem}.login h1{font-size:1.8rem}.login p,#connection{color:var(--amber)}input{background:#080f19;border:1px solid var(--border);border-radius:6px;color:var(--ink);padding:.6rem;width:100%}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:.7rem;margin:.8rem 0}.form-grid label{display:grid;gap:.3rem}#connection{padding:0 2rem 1rem}
@media(max-width:850px){#shell{grid-template-columns:1fr}aside{gap:.8rem;border-right:0;border-bottom:1px solid var(--border);padding:1rem}nav{display:flex;overflow:auto}.aside-footer{display:none}.split{grid-template-columns:1fr}}