:root{--bg:#f6f7f9;--fg:#1d2330;--card:#fff;--line:#e3e6ec;--muted:#6b7385;--accent:#2f6fed;--ok:#1f9d55;--warn:#c98a04;--off:#9aa1ad;--danger:#d23b3b;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#12151b;--fg:#e6e9ef;--card:#1b1f27;--line:#2a303b;--muted:#9aa3b2;--accent:#6b9bff;--danger:#ef6b6b}}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--accent)}h1{font-size:1.3rem}button,.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:.45rem .8rem;font-size:.9rem;text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{color:var(--fg);border:1px solid var(--line);background:0 0}button.danger{background:var(--danger)}.danger-text{color:var(--danger)!important}input,select,textarea{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:6px;width:100%;padding:.4rem .5rem}.center{text-align:center;place-content:center;gap:1rem;min-height:100vh;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem}.topbar{background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.brand{color:var(--fg);font-weight:600;text-decoration:none}.spacer,.grow{flex:1;min-width:0}.page{max-width:1100px;margin:0 auto;padding:1rem}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1rem;display:grid}.list{gap:.5rem;margin-top:1rem;display:grid}.row{align-items:center;gap:.6rem;display:flex}.actions{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.form{gap:.6rem;margin-top:.8rem;display:grid}.form label{gap:.25rem;font-size:.85rem;display:grid}.fields{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem;display:grid}.muted{color:var(--muted)}.small{font-size:.82rem}.mono{font-family:Menlo,Monaco,monospace}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.error{color:var(--danger)}.faded{opacity:.55}.pill{border:1px solid var(--line);border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.warn{color:var(--warn);border-color:var(--warn)}.pill.off{color:var(--off)}.dot{background:var(--off);border-radius:50%;width:.6rem;height:.6rem}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.hw{border:1px solid var(--line);border-radius:8px;gap:.35rem;margin-top:.8rem;padding:.6rem;display:grid}.bar{background:var(--line);border-radius:3px;height:5px;overflow:hidden}.bar>div{background:var(--accent);height:100%}.bar>div.warn{background:var(--warn)}.bar>div.danger{background:var(--danger)}.terminal-page{flex-direction:column;height:calc(100dvh - 52px);display:flex}.topline{gap:1rem;padding:.4rem 1rem;display:flex}.terminal{background:#0f172a;flex:1;min-height:0;padding:4px}.keys{background:#1e293b;gap:.4rem;padding:.4rem;display:flex;overflow-x:auto}.key{background:#334155;flex-shrink:0;font-family:Menlo,Monaco,monospace}