:root{--bg: #0a0e14;--panel: #111823;--panel-2: #172131;--border: #1f2c3f;--text: #dbe4f0;--muted: #7d8da3;--accent: #38bdf8;--info: #64748b;--notice: #38bdf8;--elevated: #f59e0b;--critical: #f43f5e;--ok: #34d399;--beast: #a855f7;--radius: 10px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:8px 14px;transition:border-color .15s,background .15s}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#05131c;font-weight:600}button.danger{background:var(--critical);border-color:var(--critical);color:#fff;font-weight:600}button.beast{background:linear-gradient(135deg,#a855f7,#f43f5e);border:none;color:#fff;font-weight:700;letter-spacing:.04em}input,select{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px;width:100%}input:focus,select:focus{outline:none;border-color:var(--accent)}.app{display:grid;grid-template-columns:210px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column}.brand{font-weight:800;letter-spacing:.1em;font-size:15px;padding:0 10px 18px}.brand span{color:var(--accent)}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav button{background:none;border:none;text-align:left;color:var(--muted);padding:9px 10px;border-radius:8px}.nav button:hover{background:var(--panel-2);color:var(--text)}.nav button.active{background:var(--panel-2);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.whoami{border-top:1px solid var(--border);padding-top:12px;font-size:12px;color:var(--muted)}.whoami strong{color:var(--text);display:block}.main{padding:22px 26px 60px;overflow-y:auto;max-height:100vh}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.page-head h1{margin:0 0 3px;font-size:20px}.page-head p{margin:0;color:var(--muted);font-size:13px;max-width:62ch}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.agent-card h3{margin:0 0 2px;font-size:15px}.agent-card .role{color:var(--muted);font-size:12px;min-height:32px;margin-bottom:10px}.agent-stats{display:flex;gap:16px;font-size:12px;color:var(--muted)}.agent-stats b{display:block;color:var(--text);font-size:17px;font-variant-numeric:tabular-nums}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px}.state-idle .dot,.state-working .dot{background:var(--ok)}.state-offline .dot{background:var(--muted)}.state-throttled .dot,.state-degraded .dot{background:var(--elevated)}.state-error .dot{background:var(--critical)}.state-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.band{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.band-info{background:#64748b2e;color:var(--info)}.band-notice{background:#38bdf829;color:var(--notice)}.band-elevated{background:#f59e0b29;color:var(--elevated)}.band-critical{background:#f43f5e2e;color:var(--critical)}.anomaly{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);margin-bottom:10px;overflow:hidden}.anomaly-head{display:flex;align-items:center;gap:14px;padding:13px 15px;cursor:pointer}.anomaly-head:hover{background:var(--panel-2)}.anomaly-score{font-family:var(--mono);font-size:21px;font-weight:700;min-width:58px;font-variant-numeric:tabular-nums}.anomaly-title{flex:1;min-width:0}.anomaly-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anomaly-title span{color:var(--muted);font-size:12px}.anomaly-body{border-top:1px solid var(--border);padding:15px;background:#0d141d}.explanation{background:var(--panel-2);border-left:3px solid var(--accent);padding:11px 13px;border-radius:0 8px 8px 0;margin-bottom:16px;font-size:13px}.signal{margin-bottom:12px}.signal-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px}.signal-head .contrib{font-family:var(--mono);font-variant-numeric:tabular-nums}.bar{height:7px;background:var(--panel-2);border-radius:4px;overflow:hidden;margin:5px 0 4px}.bar>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--beast));border-radius:4px}.signal-meta{font-size:11.5px;color:var(--muted);font-family:var(--mono)}.signal.excluded{opacity:.5}.signal.excluded .bar>div{background:var(--muted)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:8px 10px;border-bottom:1px solid var(--border)}td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top}tr:hover td{background:var(--panel-2)}code,.mono{font-family:var(--mono);font-size:12px}.banner{border-radius:var(--radius);padding:13px 15px;margin-bottom:16px;font-size:13px;border:1px solid}.banner-warn{background:#f59e0b1a;border-color:#f59e0b66;color:#fcd34d}.banner-error{background:#f43f5e1a;border-color:#f43f5e66;color:#fda4af}.banner-ok{background:#34d3991a;border-color:#34d39966;color:#6ee7b7}.banner-beast{background:linear-gradient(135deg,#a855f729,#f43f5e29);border-color:#a855f780}.field{margin-bottom:13px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.field .hint{font-size:11.5px;color:var(--muted);margin-top:4px}.muted{color:var(--muted)}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.canvas-wrap{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden;height:560px}.canvas-wrap svg{display:block;width:100%;height:100%;background-image:radial-gradient(circle,#1b2534 1px,transparent 1px);background-size:22px 22px}.wf-node{cursor:grab}.wf-node:active{cursor:grabbing}.wf-node rect{fill:var(--panel-2);stroke:var(--border);stroke-width:1.5}.wf-node.selected rect{stroke:var(--accent);stroke-width:2.5}.wf-node.invalid rect{stroke:var(--critical);stroke-width:2.5}.wf-node text{fill:var(--text);font-size:12px;font-weight:600;pointer-events:none}.wf-node text.type{fill:var(--muted);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.wf-edge{stroke:#33455e;stroke-width:2;fill:none;marker-end:url(#arrow)}.wf-edge-label{fill:var(--muted);font-size:10px;font-family:var(--mono)}.palette{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.palette button{padding:5px 11px;font-size:12px}.issue{padding:8px 11px;border-radius:7px;margin-bottom:6px;font-size:12.5px;border-left:3px solid}.issue-error{background:#f43f5e17;border-color:var(--critical)}.issue-warning{background:#f59e0b17;border-color:var(--elevated)}.issue code{color:var(--muted);margin-right:7px}.signin{display:grid;place-items:center;min-height:100vh;text-align:center}.signin .panel{max-width:400px;padding:32px}.signin h1{letter-spacing:.1em;margin:0 0 6px}.signin p{color:var(--muted);margin:0 0 22px;font-size:13px}.spin{display:inline-block;width:13px;height:13px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.app{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;overflow-x:auto}.nav{flex-direction:row}}