:root{--bg:#f7f7f8;--panel:#ffffff;--border:#e2e2e6;--border-strong:#cfcfd6;--text:#16161a;--muted:#6b6b76;--accent:#2f6feb;--online:#1f9d55;--idle:#c9820a;--offline:#9aa0ab;--danger:#d64545;--danger-bg:#fdecec;--danger-border:#f3bcbc;--row-hover:#f2f4f8;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--panel:#171a21;--border:#262b35;--border-strong:#333a47;--text:#e7e9ee;--muted:#9198a5;--accent:#5b8cff;--online:#35c07a;--idle:#e0a53a;--offline:#5b6270;--danger:#ff6b6b;--danger-bg:#2a1618;--danger-border:#4d2528;--row-hover:#1d222b}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}.mono,code{font-family:var(--mono);font-size:12px}.page{max-width:1200px;margin:0 auto;padding:24px 20px 64px}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}.topbar h1{font-size:18px;font-weight:600;margin:0}.topbar .sub{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}.pane{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.pane-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.pane-head h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0}.pane-count{color:var(--muted);font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:10px 16px;white-space:nowrap;border-bottom:1px solid var(--border)}th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--row-hover)}.name{font-weight:600}.dim{color:var(--muted)}.status{display:inline-flex;align-items:center;gap:7px}.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot.on{background:var(--online);box-shadow:0 0 0 3px color-mix(in srgb,var(--online) 22%,transparent)}.dot.idle{background:var(--idle);box-shadow:0 0 0 3px color-mix(in srgb,var(--idle) 22%,transparent)}.dot.off{background:var(--offline)}.tag{display:inline-block;padding:1px 7px;margin-right:4px;border:1px solid var(--border-strong);border-radius:999px;font-size:11px;color:var(--muted)}.over{font-weight:600}.banner,.over{color:var(--danger)}.banner{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:16px;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:8px;font-size:13px}.banner a{color:var(--danger);font-weight:600}button{font:inherit;cursor:pointer}.btn{padding:6px 12px;border:1px solid var(--border-strong);border-radius:7px;background:var(--panel);color:var(--text)}.btn:hover{border-color:var(--accent)}.empty{padding:28px 16px;text-align:center;color:var(--muted)}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:320px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px}.login-card h1{font-size:16px;margin:0 0 4px}.login-card p{margin:0 0 18px}.login-card label,.login-card p{color:var(--muted);font-size:12px}.login-card label{display:block;margin-bottom:6px}.login-card input{width:100%;padding:9px 11px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;margin-bottom:14px}.login-card input:focus{outline:2px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:1px;border-color:var(--accent)}.login-card button{width:100%;padding:10px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-weight:600}.login-card button:disabled{opacity:.6;cursor:default}.login-error{color:var(--danger);font-size:12px;margin:0 0 14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:start}.grid-2,.grid-2>.pane{min-width:0}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.sub-line{font-size:11px;margin-top:2px}.danger{color:var(--danger)}.feed{list-style:none;margin:0;padding:0;max-height:360px;overflow-y:auto}.event{display:grid;grid-template-columns:auto auto 1fr;grid-gap:10px;gap:10px;align-items:baseline;padding:7px 16px;border-bottom:1px solid var(--border)}.event:last-child{border-bottom:none}.event-time{font-size:11px;white-space:nowrap}.event-app{max-width:160px}.event-app,.event-msg{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-msg{min-width:0}.action-col{width:1%}.action-cell{text-align:right;white-space:nowrap}.btn-danger{padding:3px 10px;border:1px solid var(--danger-border);border-radius:6px;background:transparent;color:var(--danger);font-size:12px;line-height:1.4;white-space:nowrap}.btn-danger.armed,.btn-danger:hover{border-color:var(--danger)}.btn-danger.armed{background:var(--danger);color:#fff}.btn-danger:disabled{opacity:.6;cursor:default}