:root{--vs-bg:#0a1118;--vs-surface:#101a24;--vs-surface-raised:#162331;--vs-border:#22344a;--vs-text:#e6f0f7;--vs-text-muted:#8ba0b3;--vs-primary:#22c3ff;--vs-on-primary:#03131c;--vs-live:#ff4d5e;--vs-focus-ring:0 0 0 3px #22c3ff73}*{box-sizing:border-box}body{background:var(--vs-bg);color:var(--vs-text);margin:0;font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}h1{margin:0 0 4px;font-size:22px}h2{margin:0 0 8px;font-size:15px}p{margin:0 0 8px}.muted{color:var(--vs-text-muted);font-size:13px}.error{color:var(--vs-live);font-size:13px}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.side{background:var(--vs-surface);border-right:1px solid var(--vs-border);padding:16px 8px;overflow-y:auto}.brand{align-items:center;gap:8px;padding:4px 12px 12px;font-weight:600;display:flex}.side button{width:100%;color:var(--vs-text-muted);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;padding:7px 12px;font-size:13px;display:flex}.side button:hover,.side button[aria-current=page]{background:var(--vs-surface-raised);color:var(--vs-text)}.main{min-width:0;padding:24px}.grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:16px 0;display:grid}.card{background:var(--vs-surface);border:1px solid var(--vs-border);border-radius:12px;margin-bottom:12px;padding:14px}.stat{font-size:22px;font-weight:600}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.btn{border:1px solid var(--vs-border);background:var(--vs-surface-raised);color:var(--vs-text);font:inherit;cursor:pointer;border-radius:8px;padding:7px 14px;font-size:13px}.btn.primary{background:var(--vs-primary);border-color:var(--vs-primary);color:var(--vs-on-primary);font-weight:600}.btn.danger{background:var(--vs-live);border-color:var(--vs-live);color:#1a0004;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{border:1px solid var(--vs-border);background:var(--vs-bg);width:100%;color:var(--vs-text);font:inherit;border-radius:8px;padding:8px 10px;font-size:13px}:focus-visible{box-shadow:var(--vs-focus-ring);outline:none}.narrow{max-width:360px;margin:12vh auto;padding:0 16px}.narrow .card>*+*{margin-top:10px}.tag{border:1px solid var(--vs-border);color:var(--vs-text-muted);white-space:nowrap;border-radius:99px;padding:1px 7px;font-size:11px}.tag.on{color:var(--vs-primary);border-color:var(--vs-primary)}.tag.bad{color:var(--vs-live);border-color:var(--vs-live)}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--vs-border);vertical-align:top;padding:6px 8px}th{color:var(--vs-text-muted);font-weight:500}.scroll{overflow-x:auto}@media (width<=760px){.app{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--vs-border);gap:4px;display:flex;overflow-x:auto}.side button{white-space:nowrap;width:auto}.brand{display:none}.main{padding:16px}}