:root{color:#1d252f;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;letter-spacing:0;text-rendering:optimizeLegibility;--amber: #b7791f;--blue: #2563eb;--border: #d9e0e8;--green: #0f8b57;--ink: #1d252f;--muted: #6d7885;--panel: #ffffff;--red: #c2413b;--soft: #eef2f6}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:#111827;color:#f8fafc;display:flex;flex-direction:column;gap:28px;padding:22px 16px}.brand{align-items:center;display:flex;gap:12px;min-height:48px}.brand-mark{align-items:center;background:#22c55e;border-radius:6px;color:#0b1220;display:flex;font-weight:800;height:38px;justify-content:center;width:38px}.brand h1{font-size:16px;line-height:1.1;margin:0}.brand span,.eyebrow,.metric-card span,.metric-card small,.panel-heading span,.detail-list dt,.timeline small,.load-note{color:var(--muted)}.brand span{color:#9ca3af;display:block;font-size:12px;margin-top:3px}.nav-list{display:grid;gap:6px}.nav-button{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:#cbd5e1;display:flex;gap:10px;height:42px;padding:0 12px;text-align:left;width:100%}.nav-button:hover,.nav-button.active{background:#1f2937;border-color:#334155;color:#fff}.workspace{display:flex;flex-direction:column;gap:18px;min-width:0;padding:24px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between}.eyebrow{font-size:12px;margin:0 0 4px;text-transform:uppercase}.topbar h2{font-size:28px;line-height:1.1;margin:0}.topbar-actions{align-items:center;display:flex;gap:10px}.source-pill,.badge{align-items:center;border:1px solid var(--border);border-radius:6px;display:inline-flex;font-size:12px;font-weight:700;min-height:26px;padding:0 8px;white-space:nowrap}.source-pill.api{background:#e7f7ee;border-color:#b9e6cb;color:var(--green)}.source-pill.mock{background:#fff7e7;border-color:#edd59b;color:var(--amber)}.icon-button{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--ink);display:flex;height:36px;justify-content:center;width:36px}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.view-stack{display:grid;gap:18px}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.panel,.worker-card{background:var(--panel);border:1px solid var(--border);border-radius:6px}.metric-card{align-items:flex-start;display:flex;gap:12px;min-height:116px;padding:18px}.metric-card svg{color:var(--blue);flex:0 0 auto;margin-top:3px}.metric-card strong{display:block;font-size:28px;line-height:1.15;margin:6px 0 2px}.metric-card span,.metric-card small{display:block;font-size:12px}.overview-grid,.task-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.panel,.worker-card{min-width:0;padding:18px}.panel-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.panel-heading h3{font-size:16px;line-height:1.2;margin:0}.panel-heading span{font-size:12px}.status-grid{display:grid;gap:8px}.status-row,.worker-chip,.failure-row{align-items:center;background:var(--soft);border-radius:6px;display:grid;gap:10px}.status-row{grid-template-columns:10px minmax(0,1fr) auto;min-height:38px;padding:0 12px}.status-row span:nth-child(2),.worker-chip span:nth-child(2),.failure-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{border-radius:999px;display:inline-block;height:9px;width:9px}.load-meter{background:#e7ecf2;border-radius:6px;height:14px;margin:6px 0 14px;overflow:hidden}.load-meter div{background:#2563eb;height:100%;max-width:100%;transition:width .18s ease}.load-meter.compact{height:10px}.worker-strip{display:grid;gap:8px}.worker-chip{grid-template-columns:10px minmax(0,1fr) auto;min-height:40px;padding:0 12px}.toolbar{display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) 150px;margin-bottom:12px}.search-box{align-items:center;background:#fff;border:1px solid var(--border);border-radius:6px;color:var(--muted);display:flex;gap:8px;min-height:40px;padding:0 12px}.search-box input,.toolbar select{background:#fff;border:0;color:var(--ink);min-width:0;outline:none;width:100%}.toolbar select{border:1px solid var(--border);border-radius:6px;min-height:40px;padding:0 10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;min-width:760px;width:100%}th,td{border-bottom:1px solid var(--border);font-size:13px;padding:12px 10px;text-align:left}th{color:var(--muted);font-size:12px;font-weight:700}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#eef5ff}td{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-detail{align-self:start}.task-visual{background:#f8fafc;border:1px solid var(--border);border-radius:6px;display:grid;gap:8px;grid-template-columns:1.2fr repeat(3,minmax(0,1fr));min-height:124px;padding:8px}.reference-tile,.candidate-tile{border-radius:5px;min-height:106px;overflow:hidden;position:relative}.reference-tile{background:#dfe8f1}.reference-tile:before,.reference-tile:after,.candidate-tile:before,.candidate-tile:after{content:"";position:absolute}.reference-tile:before{background:#8fb0d3;height:42px;left:18%;top:18%;width:48px}.reference-tile:after{background:#8dbf9d;height:34px;right:16%;top:46%;width:68px}.candidate-tile{background:#eef2f6;border:2px solid transparent}.candidate-tile:before{background:#e5a33d;height:28px;left:24%;top:26%;width:28px}.candidate-tile:after{background:#6c8fb8;height:34px;right:18%;top:52%;width:38px}.candidate-tile.predicted{border-color:var(--green)}.detail-list{display:grid;gap:10px;margin:16px 0}.detail-list div{display:grid;gap:10px;grid-template-columns:88px minmax(0,1fr)}.detail-list dt,.detail-list dd{font-size:13px;margin:0}.detail-list dd{min-width:0;overflow-wrap:anywhere}.timeline{display:grid;gap:10px}.timeline div{align-items:center;display:grid;gap:10px;grid-template-columns:10px minmax(0,1fr) auto}.timeline span{background:var(--blue);border-radius:999px;height:8px;width:8px}.timeline strong,.timeline small{font-size:12px}.worker-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.failure-list{display:grid;gap:10px}.failure-row{grid-template-columns:22px minmax(160px,1fr) minmax(140px,2fr) 56px;min-height:48px;padding:0 12px}.failure-row svg{color:var(--amber)}.failure-bar{background:#e7ecf2;border-radius:6px;height:10px;overflow:hidden}.failure-bar div{background:var(--red);height:100%;max-width:100%}.badge.queued,.status-dot.queued{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8}.badge.active,.status-dot.active{background:#e0f2fe;border-color:#bae6fd;color:#0369a1}.badge.success,.status-dot.success{background:#dcfce7;border-color:#bbf7d0;color:var(--green)}.badge.danger,.status-dot.danger{background:#fee2e2;border-color:#fecaca;color:var(--red)}.badge.warning,.status-dot.warning{background:#fef3c7;border-color:#fde68a;color:var(--amber)}.badge.muted,.status-dot.muted{background:#e5e7eb;border-color:#d1d5db;color:#4b5563}.status-dot.queued,.status-dot.active,.status-dot.success,.status-dot.danger,.status-dot.warning,.status-dot.muted{border:0;padding:0}.load-note{font-size:12px;margin:0}@media(max-width:1180px){.metric-grid,.worker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.task-layout{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{gap:14px;padding:14px}.nav-list{grid-auto-flow:column;overflow-x:auto}.nav-button{min-width:118px}.workspace{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.metric-grid,.worker-grid,.toolbar{grid-template-columns:1fr}.task-visual{grid-template-columns:1fr 1fr}.failure-row{grid-template-columns:22px minmax(0,1fr) 46px}.failure-bar{grid-column:1 / -1}}