:root{--bg: #0c0f14;--panel: #141922;--panel-2: #10151d;--panel-3: #1b2230;--line: #2a3342;--line-strong: #3a4658;--text: #e7edf5;--muted: #8f9bad;--subtle: #667286;--green: #31c48d;--yellow: #f0b429;--red: #f05252;--blue: #4ea1ff;--gray: #5c6675;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),var(--bg);background-size:24px 24px}button,input{font:inherit}button{color:inherit}.loading{display:grid;min-height:100vh;place-items:center;color:var(--muted)}.ops-shell{min-height:100vh;padding:16px}.topbar{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);align-items:center;gap:16px;min-height:62px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#141922f5}.brand{display:flex;align-items:center;gap:10px}.brand svg{color:var(--blue)}.brand strong{display:block;font-size:15px}.brand span,.runtime span,.panel-heading span,.node-row small,.workflow-node small,.ops-table small,.timeline small,.status-footer span,.agent-detail span{color:var(--muted);font-size:12px}.top-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#0d1118}.top-tabs button{min-width:64px;height:32px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.top-tabs button.active{background:var(--panel-3);color:var(--text)}.runtime{display:flex;justify-content:flex-end;gap:8px}.runtime span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#0d1118}.runtime .ok{color:var(--green)}.runtime .bad{color:var(--red)}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.metric-strip article,.node-list,.workflow-panel,.task-table-panel,.timeline-panel,.chat-panel,.status-footer{border:1px solid var(--line);border-radius:8px;background:#141922f5;box-shadow:0 16px 40px #0000002e}.metric-strip article{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:72px;padding:16px}.metric-strip svg{color:var(--blue)}.metric-strip span{color:var(--muted);font-size:13px}.metric-strip strong{font-size:28px}.ops-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 360px;gap:14px;align-items:start}.panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 14px;border-bottom:1px solid var(--line)}.panel-heading strong{color:#cbd5e1;font-size:12px;font-weight:600}.node-list__items{display:grid;gap:1px;padding:8px}.node-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:9px 10px;border:1px solid transparent;border-radius:6px;background:transparent;text-align:left;cursor:pointer}.node-row:hover,.node-row.active{border-color:var(--line-strong);background:#192130}.node-row strong{display:block;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-led,.status-light{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--gray)}.node-led.online,.status-pill.online .status-light{background:var(--green);box-shadow:0 0 0 3px #31c48d1f}.node-led.busy,.status-pill.busy .status-light{background:var(--yellow);box-shadow:0 0 0 3px #f0b4291f}.node-led.warn,.status-pill.warn .status-light{background:var(--yellow)}.node-led.error,.status-pill.error .status-light{background:var(--red)}.node-led.offline,.status-pill.offline .status-light{background:var(--gray)}.status-pill{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 8px;border:1px solid var(--line);border-radius:999px;background:#0f141c;color:#cbd5e1;font-size:12px;white-space:nowrap}.main-stack{display:grid;gap:14px}.workflow-canvas{position:relative;min-height:430px;overflow:hidden;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#0e131b;background-size:32px 32px}.workflow-canvas svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.workflow-canvas line{stroke:#586275;stroke-width:.25}.workflow-node{position:absolute;display:grid;grid-template-columns:10px minmax(0,1fr);gap:8px;width:170px;min-height:54px;padding:10px;border:1px solid var(--line-strong);border-radius:7px;background:#eef2f7;color:#111827;text-align:left;cursor:pointer}.workflow-node strong,.workflow-node small{grid-column:2}.workflow-node small{color:#596579;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-node .node-led{grid-row:1 / span 2;margin-top:5px}.table-wrap{overflow-x:auto}.ops-table{width:100%;border-collapse:collapse;font-size:13px}.ops-table th,.ops-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.ops-table th{color:var(--muted);font-size:12px;font-weight:600}.ops-table tr:hover td{background:#ffffff06}.task-name{display:block;margin-bottom:4px;color:var(--text)}.task-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:600}.task-tag.pending{background:#94a3b824;color:#cbd5e1}.task-tag.running{background:#f0b42924;color:#f8d77a}.task-tag.done{background:#31c48d24;color:#75e0b5}.task-tag.failed{background:#f0525224;color:#ff9b9b}.progress-track{display:inline-block;width:140px;height:6px;margin-right:8px;overflow:hidden;border-radius:999px;background:#293241;vertical-align:middle}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--blue)}.timeline{display:grid;padding:10px 14px 14px}.timeline article{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;padding:10px 0}.timeline article+article{border-top:1px solid var(--line)}.timeline-dot{width:9px;height:9px;margin-top:5px;border-radius:999px;background:var(--blue)}.timeline strong{color:#dbe4ef}.timeline p{margin:6px 0;color:#b8c3d3;line-height:1.45}.status-footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding:10px 12px}.status-footer span{display:inline-flex;align-items:center;gap:6px}.chat-panel{position:fixed;top:18px;right:18px;z-index:20;display:grid;grid-template-rows:auto auto 1fr auto;width:min(430px,calc(100vw - 36px));height:min(680px,calc(100vh - 36px));background:#111722}.chat-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.chat-panel header span{display:block;color:var(--muted);font-size:12px}.icon-button{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:6px;background:#0d1118;cursor:pointer}.agent-detail{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.chat-stream{display:flex;flex-direction:column;gap:10px;min-height:0;padding:14px;overflow:auto}.empty-line{margin:0;color:var(--muted)}.bubble{max-width:86%;padding:10px 12px;border-radius:7px;line-height:1.45}.bubble.user{align-self:flex-end;background:#1f3b63}.bubble.agent{align-self:flex-start;background:#1d2633}.chat-input{display:grid;grid-template-columns:1fr 38px;gap:10px;padding:12px;border-top:1px solid var(--line)}.chat-input input{min-width:0;border:1px solid var(--line);border-radius:6px;padding:0 10px;background:#0d1118;color:var(--text);outline:none}@media(max-width:1280px){.ops-grid{grid-template-columns:280px minmax(0,1fr)}.timeline-panel{grid-column:1 / -1}}@media(max-width:860px){.topbar,.ops-grid,.metric-strip{grid-template-columns:1fr}.runtime,.top-tabs{justify-content:flex-start}.workflow-canvas{min-height:560px}.workflow-node{width:145px}}