:root{--bg:#0d1117;--surface:#161b22;--surface-2:#1c2333;--border:#2a3140;--text:#e6edf3;--text-dim:#8b98a9;--accent:#4da3ff;--ok:#3fb950;--warn:#d29922;--danger:#f0506e;--danger-bg:#2a1218;--font-ui:-apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, "Courier New", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius:6px;--nav-width:220px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-ui);margin:0;padding:0;font-size:14px;line-height:1.45}code,kbd,samp,pre,.mono{font-family:var(--font-mono);font-size:13px}a{color:var(--accent)}.app{grid-template-columns:var(--nav-width) 1fr;min-height:100vh;display:grid}.nav{background:var(--surface);border-right:1px solid var(--border);padding:var(--space-4) 0;flex-direction:column;align-self:start;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.nav-brand{padding:0 var(--space-4) var(--space-4);letter-spacing:.02em;font-weight:600}.nav-brand small{color:var(--text-dim);margin-top:2px;font-size:12px;font-weight:400;display:block}.nav-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--text-dim);border-left:2px solid #0000;text-decoration:none;transition:background .14s ease-out,color .14s ease-out;display:flex}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-link[aria-current=page]{color:var(--text);border-left-color:var(--accent);background:var(--surface-2)}.nav-group{padding:var(--space-4) var(--space-4) var(--space-1);text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);font-size:12px}.nav-foot{padding:var(--space-4);border-top:1px solid var(--border);color:var(--text-dim);margin-top:auto;font-size:12px}.main{padding:var(--space-6);max-width:1280px}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.topbar h1{margin:0;font-size:20px}.label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-bottom:var(--space-1);font-size:12px;display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.card h2{margin:0 0 var(--space-3);font-size:16px}.card+.card{margin-top:var(--space-4)}.tiles{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.tile .num{font-family:var(--font-mono);margin-top:6px;font-size:28px;font-weight:600}.tile .sub{color:var(--text-dim);margin-top:var(--space-1);font-size:12px}.cols{gap:var(--space-4);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}@media (max-width:1100px){.cols{grid-template-columns:1fr}}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 8px;font-size:13px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);font-size:12px;font-weight:400}td.num,th.num{text-align:right;font-family:var(--font-mono)}tbody tr:last-child td{border-bottom:none}.dot{width:8px;height:8px;margin-right:var(--space-2);vertical-align:middle;border-radius:50%;display:inline-block}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.off{background:var(--danger)}.st{color:var(--text-dim);font-size:12px}.pill{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:11px}.pill.warn{color:var(--warn);border-color:var(--warn)}.pill.danger{color:var(--danger);border-color:var(--danger)}.pill.ok{color:var(--ok);border-color:var(--ok)}.muted{color:var(--text-dim)}.foot{margin-top:var(--space-6);color:var(--text-dim);font-size:12px}.field{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:8px 12px;font-family:inherit;font-size:14px}.field:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}textarea.field{font-family:var(--font-mono);font-size:13px}.btn{font-family:var(--font-ui);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:4px;padding:7px 12px;font-size:13px;transition:background .14s ease-out,border-color .14s ease-out}.btn:hover{background:var(--border)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0d1117;font-weight:600}.btn.primary:hover{background:#6cb4ff}.btn.ghost{color:var(--text-dim);background:0 0}.btn.danger{background:var(--danger);border-color:var(--danger);color:#1a0509;font-weight:600}.btn.danger-outline{border-color:var(--danger);color:var(--danger);background:0 0}.row{gap:var(--space-2);flex-wrap:wrap;align-items:flex-end;display:flex}.stack{gap:var(--space-4);display:grid}.alert{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-size:13px}.alert.danger{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.alert.warn{border-color:var(--warn);color:var(--warn)}.confirm{border-color:var(--danger);background:var(--danger-bg);animation:.6s ease-out pulse-once}@keyframes pulse-once{0%{box-shadow:0 0 #f0506e80}to{box-shadow:0 0 0 8px #f0506e00}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.grp{padding:var(--space-4) var(--space-4) var(--space-1);text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);font-size:12px}.env{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.env b{color:var(--warn)}.tag{color:var(--danger);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.cmd{font-family:var(--font-mono);border:1px solid var(--border);color:#ffd7de;white-space:pre-wrap;word-break:break-all;background:#0a0d12;border-radius:4px;margin:10px 0;padding:10px;font-size:13px}.cmd.neutral{color:var(--text)}.btns{gap:var(--space-2);flex-wrap:wrap;margin-top:6px;display:flex}.queue-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:10px 8px;display:flex}.queue-item .who{font-weight:600}.queue-item .msg{color:var(--text-dim);max-width:260px;margin-top:2px;font-size:13px}.queue-item .age{font-family:var(--font-mono);color:var(--warn);font-size:12px}.queue-item.pick{text-align:left;border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;background:0 0;min-width:0;transition:border-color .14s ease-out,background .14s ease-out;display:block;overflow:hidden}.queue-item.pick:hover{background:var(--surface-2)}.queue-item.pick[aria-current=true]{border-color:var(--accent);background:var(--surface-2)}.queue-item.pick .preview{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:12px;overflow:hidden}.bubble{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);max-width:76%;padding:var(--space-3);justify-self:start}.bubble.outbound{background:var(--surface);justify-self:end}.bubble.agent{border-color:var(--accent)}.bubble .meta{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-bottom:4px;font-size:11px}.bubble .body{white-space:pre-wrap;font-size:14px}.transcript{margin-top:var(--space-4);gap:var(--space-3);max-height:58vh;padding-right:var(--space-2);display:grid;overflow-y:auto}.field.short{width:96px;font-family:var(--font-mono);padding:6px 8px;font-size:13px}.notice{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-size:13px}.notice.danger{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.notice.ok{border-color:var(--ok);color:var(--text)}.notice.warn{border-color:var(--warn);color:var(--text)}