:root{--bg:#0d1117;--card:#161b22;--border:#30363d;--text:#e6edf3;--muted:#8b949e;--accent:#3fb950;--warn:#d29922;--danger:#f85149;--accent-soft:#3fb9501a;--danger-soft:#f851491a;--warn-soft:#d299221a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-width:320px;font-family:-apple-system,PingFang SC,Helvetica Neue,sans-serif;line-height:1.5}main{max-width:1200px;margin:0 auto;padding:24px 16px}h1{letter-spacing:-.02em;font-size:clamp(22px,3vw,30px)}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-header p:not(.eyebrow){color:var(--muted);margin-top:4px;font-size:14px}.eyebrow{color:var(--accent);letter-spacing:.16em;margin-bottom:4px;font-size:11px;font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:14px;box-shadow:0 8px 28px #0000001f}.card .label{color:var(--muted);font-size:12px}.card .value{margin-top:4px;font-size:24px;font-weight:600}.card .delta{margin-top:2px;font-size:12px}.overview-sections{gap:24px;display:grid}.activity-section{gap:12px;display:grid}.section-heading,.activity-trend-header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.section-heading h2{font-size:17px}.activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-card{background:linear-gradient(145deg, #3fb95017, var(--card) 58%);border-color:#3fb95059}.activity-card .value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:30px}.data-freshness{color:var(--muted);font-size:11px}.activity-trend{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:14px}.activity-trend-header strong{font-size:13px}.activity-trend-header span{color:var(--muted);font-size:11px}.activity-bars{grid-template-columns:repeat(auto-fit,minmax(34px,1fr));align-items:end;gap:7px;height:150px;margin-top:12px;display:grid}.activity-bar-column{text-align:center;grid-template-rows:18px 1fr 18px;align-items:end;min-width:0;height:100%;display:grid}.activity-bar-column>span,.activity-bar-column>small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.activity-bar-track{background:#30363d80;border-radius:4px 4px 2px 2px;height:100%;position:relative;overflow:hidden}.activity-bar-fill{background:linear-gradient(#56d364,#238636);border-radius:4px 4px 2px 2px;position:absolute;bottom:0;left:0;right:0}.agent-runtime-details{border-top:1px solid var(--border);color:var(--muted);gap:3px;margin-top:9px;padding-top:8px;font-size:11px;display:grid}.up{color:var(--accent)}.down{color:var(--danger)}.warn{color:var(--warn)}table{border-collapse:collapse;width:100%;margin-top:12px}.table-wrap{border:1px solid var(--border);background:var(--card);border-radius:10px;width:100%;overflow-x:auto}.table-wrap table{min-width:640px;margin-top:0}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px;font-size:13px}th{color:var(--muted);font-weight:500}button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#21262d;border-radius:6px;padding:6px 14px;font-size:13px}button:hover{background:#30363d}button.approve{border-color:var(--accent);color:var(--accent)}button.reject{border-color:var(--danger);color:var(--danger)}button:disabled{cursor:not-allowed;opacity:.45}.employee-control{border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--card);border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:16px;display:flex}.employee-control.paused{border-left-color:var(--danger);background:var(--danger-soft)}.employee-control .control-label{color:var(--muted);letter-spacing:.1em;font-size:11px;font-weight:700}.employee-control strong{margin-top:2px;font-size:17px;display:block}.employee-control p:not(.control-label){color:var(--muted);margin-top:2px;font-size:12px}.employee-control .control-error{color:var(--danger)!important}.control-actions{gap:8px;display:flex}.usage-summary{grid-template-columns:repeat(2,minmax(170px,1fr));gap:8px;margin-left:auto;display:grid}.usage-summary>div{border:1px solid var(--border);background:#0d111773;border-radius:8px;padding:9px 11px}.usage-summary span,.usage-summary small{color:var(--muted);font-size:11px;display:block}.usage-summary strong{font-variant-numeric:tabular-nums;margin:2px 0;font-size:15px}button.pause-all{color:var(--danger);border-color:#f85149b3}button.resume-all{color:var(--accent);border-color:#3fb950b3}nav{border-bottom:1px solid var(--border);background:var(--card);z-index:10;flex-direction:column;padding:8px max(16px,50vw - 600px);display:flex;position:sticky;top:0;box-shadow:0 8px 30px #0000002e}.brand{color:var(--text);padding:4px 12px 2px;font-size:14px}.brand span{color:var(--muted);margin-left:5px;font-weight:500}.nav-links{scrollbar-width:thin;gap:2px;padding-bottom:1px;display:flex;overflow-x:auto}nav a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;flex:none;padding:10px 12px;font-size:14px;text-decoration:none}nav a.active,nav a:hover{color:var(--text);border-bottom-color:var(--accent)}.status-pill{white-space:nowrap;border:1px solid var(--border);color:var(--muted);background:#21262d;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-pill.good{color:var(--accent);background:var(--accent-soft);border-color:#3fb95080}.state-panel{border:1px dashed var(--border);background:var(--card);border-radius:10px;align-items:flex-start;gap:12px;padding:20px;display:flex}.state-panel strong{font-size:14px}.state-panel p{color:var(--muted);margin-top:3px;font-size:13px}.state-panel.error{background:var(--danger-soft);border-color:#f8514980}.state-panel.loading{background:var(--warn-soft);border-color:#d2992273}.state-dot{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px;margin-top:6px}.state-panel.error .state-dot{background:var(--danger)}.state-panel.loading .state-dot{background:var(--warn);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}@media (max-width:640px){main{padding:20px 12px}nav{padding:7px 4px}.nav-links{padding-inline:4px}nav a{padding:8px 9px;font-size:12px}.page-header{align-items:flex-start}.page-header>.status-pill{margin-top:4px}.grid,.activity-grid{grid-template-columns:1fr}.employee-control{flex-direction:column;align-items:stretch}.usage-summary{grid-template-columns:1fr;margin-left:0}.control-actions button{flex:1}}.office-stage{margin-bottom:20px;padding:12px}.office-scene{background:var(--bg);border:1px solid var(--border);border-radius:8px;width:100%;height:auto;display:block}.zone-label{letter-spacing:2px;opacity:.75}.employee .bust{image-rendering:pixelated;transition:filter .4s}.employee.state-working .bust{animation:.76s steps(2,end) infinite bob}.employee.state-error .bust{filter:drop-shadow(0 0 4px var(--danger))}.employee.state-paused .bust{filter:grayscale(.9)brightness(.75)}.employee.selected .employee-label{fill:var(--accent);font-weight:700}.employee-label,.state-badge{pointer-events:none}.badge-float{animation:2.4s ease-in-out infinite badge-float}.badge-title{letter-spacing:1px;font-weight:700}.coffee-light{animation:1.8s steps(2,end) infinite flicker}.rack-light{animation:1.2s steps(2,end) infinite flicker}.paused-overlay .paused-text{letter-spacing:4px}.office-legend{color:var(--muted);flex-wrap:wrap;gap:10px 16px;margin-top:10px;font-size:12px;display:flex}.legend-item.state-working{color:var(--accent)}.legend-item.state-blocked{color:var(--warn)}.legend-item.state-error{color:var(--danger)}.office-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.office-card .label.state-working,.office-card.state-working .label{color:var(--accent)}.office-card.state-blocked .label{color:var(--warn)}.office-card.state-error .label{color:var(--danger)}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-1.5px)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.35}}@keyframes badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.employee.walking .bust{animation:.5s steps(2,jump-none) infinite walk-bob}.desk-screen-on{animation:1.1s steps(2,end) infinite screen-glow}.steam-pixel{animation:2.4s linear infinite steam-rise}@keyframes walk-bob{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes screen-glow{0%,to{opacity:1}50%{opacity:.45}}@keyframes steam-rise{0%{opacity:0;transform:translateY(3px)}30%{opacity:.8}to{opacity:0;transform:translateY(-8px)}}