:root{--bg:#0b0d10;--panel:#12151b;--panel-2:#181c24;--border:#252a34;--text:#e7ecf3;--muted:#8a95a6;--accent:#7ab8ff;--accent-2:#8bf0c1;--danger:#ff8c8c;--warn:#f6c177}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:24px 16px}.sidebar h1{font-size:15px;margin:0 0 4px}.sidebar .sub{color:var(--muted);font-size:12px;margin-bottom:24px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{padding:8px 10px;border-radius:6px;color:var(--text);font-weight:500}.sidebar nav a:hover{background:var(--panel-2);text-decoration:none}.sidebar nav a.active{background:var(--panel-2);color:var(--accent)}.main{padding:24px 32px}.main h2{margin-top:0;font-size:20px}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.grid-2,.grid-3,.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.card h3{margin:0 0 8px;font-size:15px}.card .muted{color:var(--muted);font-size:12px}.metric{font-size:26px;font-weight:600}.metric .unit{font-size:12px;color:var(--muted);font-weight:400;margin-left:6px}.pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--panel-2);color:var(--muted);border:1px solid var(--border)}.pill.ok{color:var(--accent-2);border-color:#1f3a2e;background:#0f1b16}.pill.warn{color:var(--warn);border-color:#3a2f19;background:#1f1710}.pill.danger{color:var(--danger);border-color:#3a1f1f;background:#1f1010}.btn,button{background:var(--accent);color:#061224;border:0;padding:8px 14px;border-radius:6px;font-weight:600;cursor:pointer;font-size:13px}.btn.ghost,button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}button.danger{background:var(--danger);color:#2a0a0a}input,select,textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:8px 10px;border-radius:6px;font-size:13px;font-family:inherit;width:100%}textarea{min-height:120px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:10px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500}.mono,th{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.row,.row-end{display:flex;gap:8px;align-items:center}.row-end{justify-content:flex-end}.empty{color:var(--muted);padding:32px;text-align:center}pre{background:var(--panel-2);border:1px solid var(--border);padding:12px;border-radius:6px;overflow:auto}.login{max-width:380px;margin:15vh auto}.login .card{padding:32px}