:root{color-scheme:light dark;--bg:#0b0d10;--panel:#14181d;--border:#232a32;--text:#e6edf3;--muted:#8b949e;--ok:#3fb950;--bad:#f85149;--accent:#58a6ff}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:880px;margin:0 auto;padding:32px 20px}.header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}h1{font-size:22px;margin:0}.muted{color:var(--muted);font-size:13px}.grid{grid-template-columns:1fr;grid-gap:8px;gap:8px}.grid,.row{display:grid}.row{grid-template-columns:14px 1fr auto auto;grid-gap:12px;gap:12px;align-items:center;padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.dot{width:10px;height:10px;border-radius:50%}.dot.ok{background:var(--ok)}.dot.bad{background:var(--bad)}.host{font-weight:500}.latency,.status{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}.login{max-width:360px;margin:15vh auto;padding:28px 24px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.login h1{margin-bottom:16px}.login input[type=password]{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text)}.login button,.login input[type=password]{width:100%;padding:10px 12px;font-size:14px}.login button{margin-top:12px;background:var(--accent);border:none;border-radius:6px;color:#0b0d10;font-weight:600;cursor:pointer}.login button:disabled{opacity:.6;cursor:not-allowed}.error{margin-top:12px;color:var(--bad);font-size:13px}.toolbar{display:flex;gap:12px;align-items:center}.toolbar form{margin:0}.btn{padding:6px 10px;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:6px;font-size:12px;cursor:pointer}.btn:hover{border-color:var(--accent)}