:root{--bg: #0c0d10;--fg: #d7d9de;--muted: #7a7f8a;--line: #1c1f26;--acc: #c4a574;--bad: #c45c5c;--ok: #6aa84f;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--fg)}a{color:var(--acc);text-decoration:none}.shell{min-height:100%;padding:20px 28px}.shell.center{display:grid;place-items:center}header{display:flex;gap:16px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.brand{font-weight:650;letter-spacing:.12em;text-transform:lowercase}.muted{color:var(--muted)}.card.login{display:flex;flex-direction:column;gap:10px;width:280px}input,button{background:#14161c;color:var(--fg);border:1px solid var(--line);padding:8px 10px;border-radius:2px}button{cursor:pointer}button:hover{border-color:var(--acc)}.err{color:var(--bad);font-size:13px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted)}.dot.on{background:var(--ok)}.dot.off{background:#3a3d44}.viewer .stage{background:#050506;display:grid;place-items:center;min-height:calc(100vh - 90px)}canvas{max-width:100%;height:auto}.pill{font-size:12px;color:var(--muted)}.pill.bad{color:var(--bad)}.pill.ok{color:var(--ok)}label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}