*{box-sizing:border-box}:root{--bg: #0f1b24;--panel: #1e2a33;--text: #f4f6f0;--muted: #9bb0be;--pixel-border: #355062}body{margin:0;font-family:Courier New,monospace;color:var(--text);background:radial-gradient(circle at top left,#1a2e3d,#0a141b 65%)}#root{width:100%;height:100vh}.app-shell{height:100vh;display:grid;grid-template-columns:320px 1fr 320px;gap:10px;padding:10px}.pixel-card{background:#18232cf5;border:2px solid var(--pixel-border);box-shadow:inset 0 0 0 2px #213543;border-radius:8px}.left-panel,.right-panel{padding:14px;overflow-y:auto}h1{margin:0 0 8px;font-size:22px}h2{margin:12px 0 8px;font-size:17px}.badge{display:inline-block;background:#2c4a5f;border:1px solid #52768e;padding:4px 8px;border-radius:4px;margin:6px 0 8px}.generated-at{margin:0 0 12px;font-size:12px;color:var(--muted)}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.metrics-grid>div{background:#223543;border:1px solid #3e5c72;padding:8px;border-radius:6px}.metrics-grid span{color:var(--muted);display:block;font-size:12px}.metrics-grid strong{font-size:20px}label{display:block;margin-bottom:10px;color:var(--muted);font-size:12px}select,input,button{width:100%;margin-top:4px;border:1px solid #4d6a7e;background:#132330;color:#f4f6f0;padding:7px;border-radius:4px}button{cursor:pointer}.mini-agent-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:4px;color:#dbe8ef;font-size:12px}.office-main{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:10px}.toolbar{width:fit-content;padding:6px;display:flex;gap:8px;align-items:center}.toolbar button{width:32px;padding:5px}.office-viewport{overflow:auto;background:#0e171e;border:2px solid #304a59;border-radius:8px}.office-map{width:1280px;height:760px;position:relative;transform-origin:top left;image-rendering:pixelated}.room{position:absolute;border:3px solid rgba(10,25,28,.82);border-radius:6px;box-shadow:inset 0 0 0 2px #ffffff29}.room header{background:#00000059;padding:4px 8px;font-size:12px}.room-furniture{display:flex;gap:10px;padding:8px;opacity:.65}.door,.handoff-zone{position:absolute;width:132px;text-align:center;padding:6px;border:2px dashed;font-size:11px}.door{left:554px;top:10px;border-color:#ffe28a;color:#ffe28a;background:#281e0073}.handoff-zone{left:634px;top:206px;border-color:#9df4c8;color:#9df4c8;background:#08261973}.agent{position:absolute;width:92px;transform:translate(-50%,-50%);transition:left 1.2s linear,top 1.2s linear,transform .2s ease;border:1px solid #c7d5dd;background:#152129f2;padding:3px;border-radius:6px}.agent .avatar{display:block;font-size:20px}.agent .status-icon{font-size:12px;position:absolute;right:5px;top:4px}.agent small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.agent-idle{box-shadow:inset 0 0 0 1px #fff3}.agent-working{box-shadow:0 0 10px #50beffb3;animation:typing .6s infinite alternate}.agent-finished{box-shadow:0 0 12px #75ffaccc;animation:carry .9s infinite alternate}.agent-error{box-shadow:0 0 14px #ff6060e6;animation:errorBlink .9s infinite}.agent-paused{opacity:.55;filter:grayscale(.35)}.agent-arriving{box-shadow:0 0 8px #e6cf84cc;animation:enterPulse .9s infinite}.agent-leaving{box-shadow:0 0 8px #cda662cc;animation:leavePulse .9s infinite}.agent.selected{outline:2px solid #fff49a}@keyframes typing{0%{transform:translate(-50%,-50%) translateY(-1px)}to{transform:translate(-50%,-50%) translateY(2px)}}@keyframes carry{0%{transform:translate(-50%,-50%) rotate(-1deg)}to{transform:translate(-50%,-50%) rotate(1deg)}}@keyframes errorBlink{0%,to{opacity:1}50%{opacity:.45}}@keyframes enterPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}@keyframes leavePulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.94)}}.event-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.event-list li{padding:7px;border-left:3px solid #7699ad;background:#111c23cc;border-radius:4px}.event-list li p{margin:2px 0 0;color:#e2e8e6;font-size:12px}.event-list li span{color:var(--muted);font-size:11px}.event-error{border-left-color:#ff7f7f!important}.event-warn{border-left-color:#f3d279!important}.right-panel .header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.right-panel .header-row button{width:auto}.status-pill{display:inline-block;margin:2px 0 10px;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid #547086;background:#243849}.status-working{background:#307fb559;border-color:#6fbdf3}.status-finished{background:#2e915f59;border-color:#8ce8b4}.status-error{background:#af363659;border-color:#ff8f8f}.status-paused{background:#7e6d4059;border-color:#d7bf7b}.right-panel dl{margin:0;display:grid;grid-template-columns:120px 1fr;gap:6px;font-size:13px}.right-panel dt{color:var(--muted)}.right-panel dd{margin:0}.queue-list{margin:0;padding-left:16px}.minimap{padding:10px}.minimap div{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.minimap span{font-size:11px;color:#d9e3e8;background:#1a2c37;border:1px solid #3d596e;padding:4px 6px;border-radius:4px}