:root{--bg: #f6fafd;--panel: #ffffff;--ink: #010120;--muted: #545469;--line: #e1e6f0;--accent: #fc4c02;--accent-deep: #d63f00;--blue: #197ecf;--blue-wash: #e5f3ff;--danger: #dd464c;--danger-wash: #fce9ea;--dot-blue: #197ecf;--dot-cyan: #70e9f0;--dot-purple: #bdbbff;--dot-pink: #f7b0df}@media(prefers-color-scheme:dark){:root{--bg: #010120;--panel: #0a0a2e;--ink: #f2f4fb;--muted: #9ca0b8;--line: #23234a;--accent: #ff5a14;--accent-deep: #ff7a42;--blue: #9bcdf5;--blue-wash: rgba(155, 205, 245, .14);--danger: #f0868b;--danger-wash: rgba(221, 70, 76, .16);--dot-blue: #9bcdf5;--dot-cyan: #70e9f0;--dot-purple: #bdbbff;--dot-pink: #f7b0df}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Instrument Sans,system-ui,Helvetica Neue,Arial,sans-serif}.wrap{max-width:1080px;margin:0 auto;padding:2rem 1.25rem}.mono{font-family:Fragment Mono,ui-monospace,Menlo,monospace}.brand{display:flex;align-items:center;gap:.7rem}.mark{display:grid;grid-template-columns:repeat(2,10px);gap:3px}.mark i{width:10px;height:10px;border-radius:3px}.mark i:nth-child(1){background:var(--dot-blue)}.mark i:nth-child(2){background:var(--dot-cyan)}.mark i:nth-child(3){background:var(--dot-purple)}.mark i:nth-child(4){background:var(--dot-pink)}h1{font-size:1.3rem;font-weight:700;letter-spacing:-.01em;margin:0}h2{font-size:1.05rem;font-weight:600;letter-spacing:-.01em;margin:0}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.6rem}.badge{font-family:Fragment Mono,ui-monospace,Menlo,monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);background:var(--blue-wash);padding:.25rem .6rem;border-radius:4px;margin-left:.4rem}button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.55rem 1rem;font-family:inherit;font-weight:600;font-size:.85rem;cursor:pointer}button:hover{background:var(--accent-deep)}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}button.ghost:hover{border-color:var(--ink);color:var(--ink);background:transparent}button.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}button.danger:hover{background:var(--danger-wash)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea,select{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.6rem .75rem;font-family:inherit;font-size:.9rem}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{font-family:Fragment Mono,ui-monospace,Menlo,monospace;font-size:.8rem;min-height:140px}label{display:block;font-family:Fragment Mono,ui-monospace,Menlo,monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:.95rem 0 .35rem}label.plain{display:flex;align-items:center;gap:.5rem;margin-top:1rem;text-transform:none;letter-spacing:0;font-family:Instrument Sans,system-ui,sans-serif;font-size:.85rem}label.plain input{width:auto}table{width:100%;border-collapse:collapse;font-size:.87rem}th,td{text-align:left;padding:.7rem;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--bg)}th{font-family:Fragment Mono,ui-monospace,Menlo,monospace;color:var(--muted);font-weight:400;font-size:.64rem;text-transform:uppercase;letter-spacing:.1em}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.4rem}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem}.stat{font-family:Fragment Mono,ui-monospace,Menlo,monospace;font-size:.82rem;color:var(--accent);font-variant-numeric:tabular-nums}.pill{font-family:Fragment Mono,ui-monospace,Menlo,monospace;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .55rem;border-radius:4px}.pill.on{background:var(--blue-wash);color:var(--blue)}.pill.off{background:var(--danger-wash);color:var(--danger)}.row{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.3rem}.error{color:var(--danger);font-size:.85rem;margin-top:.8rem;min-height:1.1em}.hint{color:var(--muted);font-size:.78rem;margin-top:.3rem;font-family:Instrument Sans,system-ui,sans-serif;text-transform:none;letter-spacing:0}.key{font-family:Fragment Mono,ui-monospace,Menlo,monospace;font-size:.74rem;background:var(--bg);border:1px solid var(--line);padding:.28rem .5rem;border-radius:4px;word-break:break-all}.login-box{max-width:420px;margin:12vh auto 0}.empty{color:var(--muted);padding:1.2rem 0;font-size:.9rem}td .muted{color:var(--muted);font-size:.74rem;font-family:Fragment Mono,ui-monospace,Menlo,monospace}.table-scroll{overflow-x:auto}.ws-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1.1rem}.ws-bar select{width:auto;min-width:14rem}.ws-bar label{margin:0}.ws-key{display:flex;align-items:center;gap:.5rem;margin-left:auto}.cell-actions{text-align:right;white-space:nowrap}.cell-actions button+button{margin-left:.4rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0101208c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10}.modal{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:1.6rem;width:min(620px,92vw);max-height:90vh;overflow-y:auto}.pill.neutral{background:var(--bg);border:1px solid var(--line);color:var(--muted)}.role-select{width:auto;padding:.3rem .5rem;font-family:Fragment Mono,ui-monospace,Menlo,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.toasts{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:100;max-width:22rem}.toast{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:8px;padding:.7rem .9rem;font-size:.85rem;box-shadow:0 8px 24px #0101201f;cursor:pointer;display:flex;align-items:baseline;gap:.6rem}.toast-kind{font-family:Fragment Mono,ui-monospace,Menlo,monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex:none}.toast.success{border-left-color:var(--blue)}.toast.success .toast-kind{color:var(--blue)}.toast.error{border-left-color:var(--danger)}.toast.error .toast-kind{color:var(--danger)}.toast.info{border-left-color:var(--accent)}button:disabled{opacity:.55;cursor:default}.chart-legend{display:flex;gap:1rem;margin:.4rem 0 .6rem;font-family:Fragment Mono,ui-monospace,Menlo,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.chart-legend span,.chart-tip span{display:inline-flex;align-items:center;gap:.4rem}.chart-legend i,.chart-tip i{width:10px;height:3px;border-radius:2px;display:inline-block}.chart-wrap{position:relative;background:var(--panel)}.chart-grid{stroke:var(--line);stroke-width:1}.chart-tick{fill:var(--muted);font-family:Fragment Mono,ui-monospace,Menlo,monospace;font-size:10px}.chart-endlabel{fill:var(--ink);font-family:Fragment Mono,ui-monospace,Menlo,monospace;font-size:10px}.chart-crosshair{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.chart-dot{stroke:var(--panel);stroke-width:2}.chart-tip{display:flex;gap:1rem;align-items:center;margin-top:.5rem;padding:.45rem .7rem;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:.8rem;color:var(--muted)}.chart-tip b{color:var(--ink);font-variant-numeric:tabular-nums}