:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101922;color:#e8f0f2;font-synthesis:none;--night: #101922;--navy: #172630;--panel: #1a2b36;--panel-soft: #20333e;--line: #35505c;--ink: #e8f0f2;--muted: #8da3ab;--cyan: #53e4d0;--cyan-dim: #1e6f70;--amber: #f2b45e;--red: #ff7771;--blue: #91b9ff;--mono: "SFMono-Regular", Consolas, "Liberation Mono", ui-monospace, monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--night)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:10;top:8px;left:8px;transform:translateY(-150%);padding:10px 14px;background:var(--cyan);color:var(--night);font-weight:700}.skip-link:focus{transform:translateY(0)}.mono{font-family:var(--mono)}.muted{color:var(--muted);font-size:.82rem}.eyebrow{margin:0 0 .45rem;color:var(--cyan);font:600 .67rem/1 var(--mono);letter-spacing:.16em}.boot-screen,.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,#203b45 0,var(--night) 42%)}.boot-screen{color:var(--muted);font:.82rem var(--mono)}.cursor{color:var(--cyan);animation:blink 1s step-end infinite}.login-panel{width:min(440px,calc(100% - 32px));padding:40px;border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 80px #0005}.login-panel h1{margin:1.3rem 0 .7rem;font-size:2rem;line-height:1.06;letter-spacing:-.04em}.login-panel form{display:grid;gap:.55rem;margin-top:2rem}.login-panel label{color:var(--muted);font-size:.78rem}.login-panel input,.search-field,select{border:1px solid var(--line);background:#0d171e;color:var(--ink)}.login-panel input{height:46px;padding:0 .8rem}.login-panel .button{margin-top:.7rem}.brand-mark{color:var(--ink);font:600 1.1rem var(--mono);letter-spacing:-.08em}.brand-mark span{color:var(--cyan);padding:0 .1em}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;padding:30px 18px 22px;border-right:1px solid var(--line);background:#0d171e}.sidebar .brand-mark{padding:0 12px}.brand-caption{margin:.7rem 12px 3.2rem;color:var(--muted);font:.6rem/1.35 var(--mono);letter-spacing:.12em}.sidebar nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:11px;min-height:43px;padding:0 12px;border:0;background:transparent;color:var(--muted);text-align:left}.nav-item:hover{color:var(--ink);background:#ffffff08}.nav-item.active{color:var(--ink);background:var(--panel);box-shadow:inset 2px 0 var(--cyan)}.nav-icon{display:grid;place-items:center;width:21px;color:var(--cyan);font:1.1rem var(--mono)}.nav-count{margin-left:auto;color:var(--cyan);font:.72rem var(--mono)}.sidebar-footer{margin-top:auto;padding:16px 12px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem;line-height:1.7}.sidebar-footer small{color:#617b84;font:.65rem var(--mono)}.workspace{width:min(1600px,100%);padding:34px 42px 60px;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.topbar h1,.section-heading h2{margin:0;color:var(--ink);font-size:clamp(1.55rem,2.6vw,2.45rem);line-height:1;letter-spacing:-.06em}.topbar-actions{display:flex;align-items:center;gap:20px}.connection{display:flex;align-items:center;gap:8px;color:var(--cyan);font-size:.8rem}.connection small{color:var(--muted);font:.65rem var(--mono)}.connection-stale{color:var(--amber)}.connection-offline{color:var(--red)}.icon-button{width:37px;height:37px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:1.25rem}.icon-button:hover{color:var(--cyan);border-color:var(--cyan-dim)}.operator-chip{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem}.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--cyan);color:var(--night);font:600 .62rem var(--mono)}.signal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor}.signal-live{color:var(--cyan);box-shadow:0 0 0 4px #53e4d01a}.route-line{display:flex;align-items:center;gap:7px;height:35px;margin:20px 0 1px;border-bottom:1px solid var(--line)}.route-line span{display:block;width:7px;height:7px;border:1px solid var(--cyan);border-radius:50%}.route-line span:first-child{background:var(--cyan)}.route-line span:nth-child(2){margin-left:68px}.route-line span:nth-child(3){margin-left:auto;border-color:var(--amber)}.summary-strip{display:flex;align-items:center;gap:0;min-height:71px;border-bottom:1px solid var(--line)}.summary-primary{display:flex;align-items:baseline;gap:10px;min-width:265px;color:var(--muted);font-size:.8rem}.summary-primary strong{color:var(--ink);font:600 2rem var(--mono);letter-spacing:-.1em}.metric{display:flex;flex-direction:column-reverse;gap:3px;min-width:125px;padding-left:20px;border-left:1px solid var(--line)}.metric span{color:var(--muted);font-size:.7rem}.metric strong{color:var(--ink);font:600 1.2rem var(--mono)}.metric.warning strong{color:var(--amber)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:44px 0 18px}.live-tag{display:flex;align-items:center;gap:8px;color:var(--cyan);font:600 .68rem var(--mono);letter-spacing:.12em}.live-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.panel{border:1px solid var(--line);background:var(--panel)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-header h3{margin:0;color:var(--ink);font-size:.96rem;letter-spacing:-.02em}.panel-header span{color:var(--muted);font:.65rem var(--mono)}.panel-divider{border-top:1px solid var(--line);margin:9px 20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:11px 16px;color:#6f8892;font:600 .63rem var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}td{padding:15px 16px;border-top:1px solid #35505c88;color:#bfd0d4;font-size:.78rem;white-space:nowrap}tbody tr:hover{background:#ffffff05}.agent-cell{display:flex;align-items:center;gap:10px;min-width:170px}.agent-cell strong{display:block;color:var(--ink);font-size:.82rem}.agent-cell small,.runtime-row small,.command-row small{display:block;margin-top:4px;color:var(--muted);font:.63rem var(--mono)}.role-mark{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #53e4d01a}.role-lead{background:var(--blue);box-shadow:0 0 0 4px #91b9ff1a}.role-worker{background:var(--amber);box-shadow:0 0 0 4px #f2b45e1a}.role-specialist{background:#c49aff;box-shadow:0 0 0 4px #c49aff1a}.role-badge{color:var(--muted);font:.64rem var(--mono)}.role-badge-orchestrator{color:var(--cyan)}.role-badge-lead{color:var(--blue)}.role-badge-worker{color:var(--amber)}.role-badge-specialist{color:#c49aff}.model-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;display:inline-block;color:#9fb5bc;font-size:.66rem}.duration-cell{color:var(--ink)}.usage-cell{color:var(--cyan);font-size:.68rem}.usage-cell small{color:var(--muted)}.action-link{border:0;border-bottom:1px solid #8d474b;padding:0 0 2px;background:transparent;color:var(--red);font-size:.7rem}.action-link:hover{color:#ffaaa4}.action-link:disabled{opacity:.35;cursor:not-allowed}.runtime-panel{min-height:290px}.runtime-row,.command-row{display:flex;align-items:center;gap:12px;padding:14px 20px}.runtime-row+.runtime-row,.command-row+.command-row{border-top:1px solid #35505c88}.runtime-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--cyan-dim);color:var(--cyan);font-size:1.2rem}.runtime-row strong,.command-row strong{display:block;color:var(--ink);font-size:.76rem}.runtime-row>.signal-dot{margin-left:auto}.status-badge{margin-left:auto;padding:3px 6px;border:1px solid currentColor;font:.57rem var(--mono);text-transform:uppercase}.status-queued,.status-delivered{color:var(--amber)}.status-acknowledged{color:var(--cyan)}.status-rejected,.status-failed{color:var(--red)}.status-expired{color:var(--muted)}.empty-state{display:grid;justify-items:center;gap:7px;padding:54px 20px;color:var(--muted);text-align:center}.empty-state strong{color:var(--ink);font-size:.85rem}.empty-state span:last-child{font-size:.73rem}.empty-glyph{color:var(--cyan-dim);font:2rem var(--mono)}.filters{display:flex;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.search-field{display:flex;align-items:center;flex:1;height:36px;padding:0 10px;gap:8px}.search-field span{color:var(--cyan);font-size:1.2rem}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:.75rem}.filters select{min-width:150px;padding:0 9px;font-size:.72rem}.topology-panel{padding:26px;min-height:430px}.topology-branch{position:relative}.topology-node{position:relative;display:flex;align-items:center;gap:11px;width:min(430px,100%);min-height:58px;padding:12px 14px;border:1px solid var(--line);background:#20333e}.topology-node strong{display:block;color:var(--ink);font-size:.82rem}.topology-node small{display:block;margin-top:4px;color:var(--muted);font:.65rem var(--mono)}.topology-node .node-status{margin-left:auto;color:var(--cyan);font-size:.62rem}.topology-lead{margin-left:56px;border-color:#52719b}.topology-worker,.topology-specialist{margin-left:112px}.topology-children{display:grid;gap:10px;margin:10px 0 10px 28px;padding-left:28px;border-left:1px solid var(--line)}.topology-children .topology-branch:before{position:absolute;top:29px;left:-29px;width:28px;border-top:1px solid var(--line);content:""}.tracking-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.timeline-panel{padding:24px}.timeline{display:grid;gap:2px}.timeline-item{display:grid;grid-template-columns:17px minmax(0,1fr);gap:12px;padding:13px 0}.timeline-dot{width:8px;height:8px;margin-top:4px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 4px #53e4d01a}.timeline-command{border-color:var(--amber);box-shadow:0 0 0 4px #f2b45e1a}.timeline-head{display:flex;justify-content:space-between;gap:12px}.timeline-head strong{color:var(--ink);font-size:.78rem}.timeline-head time{color:var(--muted);font:.62rem var(--mono)}.timeline-item p{margin:5px 0 0;color:var(--muted);font-size:.74rem}.command-panel{align-self:start;min-height:250px}.command-row-detailed{padding-left:20px;padding-right:20px}.alert{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:12px 15px;border:1px solid var(--red);background:#ff77710d;color:#ffaaa4;font-size:.78rem}.alert button{border:0;background:transparent;color:inherit;font-size:1.1rem}.form-error{color:var(--red);font-size:.75rem}.button{min-height:44px;border:1px solid var(--cyan);padding:0 15px;background:var(--cyan);color:var(--night);font-weight:700}.button:hover{background:#8af2e5}.button:disabled{opacity:.6;cursor:wait}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:1100px){.workspace{padding:28px 24px 48px}.live-grid,.tracking-layout{grid-template-columns:1fr}.runtime-panel,.command-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.runtime-panel .panel-header,.runtime-panel .panel-divider,.command-panel .panel-header{grid-column:1 / -1}.runtime-panel .panel-divider{margin:0}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:sticky;top:0;z-index:3;display:block;padding:14px 16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand-mark,.brand-caption,.sidebar-footer{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:4px}.nav-item{min-width:max-content;min-height:38px}.nav-count{margin-left:2px}.workspace{padding:23px 16px 40px}.topbar{align-items:start}.topbar h1{font-size:1.55rem}.topbar-actions{gap:10px}.operator-chip span:last-child{display:none}.connection{font-size:0}.connection small{display:none}.summary-strip{flex-wrap:wrap;gap:13px 0;padding:15px 0}.summary-primary{min-width:100%}.metric{min-width:25%;padding-left:10px}.metric strong{font-size:1rem}.metric span{font-size:.6rem}.section-heading{margin-top:30px}.section-heading h2{font-size:1.55rem}.runtime-panel,.command-panel{display:block}.filters{display:grid}.filters select{height:36px}.topology-panel{padding:16px}.topology-lead,.topology-worker,.topology-specialist{margin-left:16px}.topology-children{margin-left:8px;padding-left:13px}.topology-children .topology-branch:before{left:-14px;width:13px}}