@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap";:root{--bg: #080b12;--bg2: #0d1120;--bg3: #121828;--bg4: #161e30;--border: #1c2638;--border2: #263045;--text: #d0daf0;--text2: #6a7d9e;--text3: #2e3d55;--accent: #6366f1;--accent2: #818cf8;--green: #22c55e;--amber: #f59e0b;--red: #ef4444;--blue: #3b82f6;--purple: #a78bfa;--cyan: #22d3ee;--fs-base: 15px;--fs-sm: 12px;--fs-xs: 11px;--fs-lg: 20px;--font: "Lato", "Inter", system-ui, sans-serif;--topbar-h: 44px;--stats-h: 42px;--sidebar-w: 52px;--feed-w: 280px}[data-theme=light]{--bg:#eef1f8;--bg2:#e4e8f4;--bg3:#d8deed;--bg4:#cdd4e6;--border:#bcc6dc;--border2:#aab5ce;--text:#1a2035;--text2:#4a5878;--text3:#8a96b0}[data-fs=sm]{--fs-base:13px;--fs-sm:10px;--fs-xs:9px;--fs-lg:17px}[data-fs=md]{--fs-base:15px;--fs-sm:12px;--fs-xs:11px;--fs-lg:20px}[data-fs=lg]{--fs-base:18px;--fs-sm:14px;--fs-xs:12px;--fs-lg:24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:var(--fs-base);line-height:1.5;overflow:hidden}#root{height:100vh}.app-grid{display:grid;grid-template-rows:var(--topbar-h) var(--stats-h) 1fr;grid-template-columns:var(--sidebar-w) 1fr var(--feed-w);height:100vh}.topbar,.stats-strip{grid-column:1 / -1}.sidebar{grid-column:1;grid-row:3}.main-area{grid-column:2;grid-row:3;overflow-y:auto}.feed-panel{grid-column:3;grid-row:3}.topbar{background:var(--bg2);border-bottom:2px solid var(--border);display:flex;align-items:center;padding:0 14px;gap:14px}.logo{font-size:var(--fs-base);font-weight:700;color:var(--accent2);letter-spacing:.08em;display:flex;align-items:center;gap:7px}.logo-dot{width:8px;height:8px;background:var(--green);border-radius:0;animation:blink 1.2s step-start infinite}@keyframes blink{50%{opacity:0}}.controls{display:flex;gap:4px;margin-left:auto}.ctrl-btn{background:var(--bg3);border:1px solid var(--border);border-radius:3px;padding:3px 9px;font-size:var(--fs-sm);cursor:pointer;color:var(--text2);font-family:var(--font);transition:all .1s}.ctrl-btn:hover{border-color:var(--accent);color:var(--accent2)}.ctrl-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ctrl-sep{width:1px;background:var(--border);margin:6px 2px}.stats-strip{background:var(--bg2);border-bottom:2px solid var(--border);display:grid;grid-template-columns:repeat(6,1fr);padding:0 var(--sidebar-w)}.ss{padding:0 14px;border-right:1px solid var(--border);display:flex;align-items:center;gap:8px;height:100%}.ss:last-child{border-right:none}.ss-key{font-size:var(--fs-xs);color:var(--text3);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.ss-val{font-size:var(--fs-sm);font-weight:700}.c-green{color:var(--green)}.c-blue{color:var(--blue)}.c-amber{color:var(--amber)}.c-cyan{color:var(--cyan)}.c-purple{color:var(--purple)}.c-text{color:var(--text)}.c-red{color:var(--red)}.c-dim{color:var(--text3)}.sidebar{background:var(--bg2);border-right:2px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:6px}.nav-btn{width:36px;height:36px;background:transparent;border:2px solid transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1em;position:relative;transition:all .1s}.nav-btn:hover{background:var(--bg3);border-color:var(--border2)}.nav-btn.active{background:var(--bg3);border-color:var(--accent)}.nav-btn .tip{position:absolute;left:44px;background:var(--bg3);border:1px solid var(--border2);padding:3px 10px;border-radius:3px;white-space:nowrap;font-size:var(--fs-sm);opacity:0;pointer-events:none;transition:opacity .1s;z-index:100;color:var(--text)}.nav-btn:hover .tip{opacity:1}.nav-sep{width:28px;height:2px;background:var(--border);margin:2px 0}.office{background:var(--bg);overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px}.floor-hdr{display:flex;align-items:center;gap:10px}.floor-hdr h2{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.14em;color:var(--text3)}.filter-row{display:flex;gap:5px;margin-left:auto}.fpill{background:var(--bg3);border:1px solid var(--border);border-radius:2px;padding:3px 10px;font-size:var(--fs-sm);cursor:pointer;color:var(--text2);transition:all .1s}.fpill:hover{border-color:var(--border2);color:var(--text)}.fpill.on{background:var(--accent);color:#fff;border-color:var(--accent)}.pixel-scene{background:var(--bg2);border:2px solid var(--border);padding:16px;position:relative;overflow:hidden}.pixel-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:20px 20px;opacity:.12;pointer-events:none}.room-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--text3);margin-bottom:12px;padding-bottom:6px;border-bottom:1px dashed var(--border2)}.desks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.desk{background:var(--bg3);border:2px solid var(--border);cursor:pointer;transition:border-color .15s;position:relative;overflow:hidden}.desk:hover{border-color:var(--border2)}.desk.idle{opacity:.28;pointer-events:none}.desk.working{border-color:var(--accent);background:#0d1028;box-shadow:0 0 0 1px var(--accent),inset 0 0 20px #6366f112}.desk.active{border-color:var(--blue);background:#080f1e;box-shadow:0 0 0 1px var(--blue),inset 0 0 16px #3b82f60d}.desk.queued{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber),inset 0 0 12px #f59e0b0a}.desk.error{border-color:var(--red);background:#1a0808;box-shadow:0 0 0 1px var(--red),inset 0 0 16px #ef44440f}.desk.jarvis-desk{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple),inset 0 0 16px #a78bfa0f}.desk-scene{height:68px;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}.desk-surface{position:absolute;bottom:0;left:0;right:0;height:18px;background:var(--bg4);border-top:2px solid var(--border2)}.desk-surface:after{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:20px;height:6px;background:var(--border2);border-radius:1px}.desk-monitor{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:22px;height:16px;background:#050810;border:2px solid var(--border2)}.desk-monitor:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--border2)}.desk-monitor.on-work{background:#0a0e28;border-color:#3a3f8f;box-shadow:0 0 6px #6366f199,0 0 12px #6366f14d}.desk-monitor.on-blue{background:#050f1e;border-color:#1e3a5f;box-shadow:0 0 5px #3b82f680,0 0 10px #3b82f640}.desk-monitor.on-ambe{background:#0e0800;border-color:#3a2800;box-shadow:0 0 5px #f59e0b66}.desk-monitor.on-purp{background:#0d0818;border-color:#4a3a7a;box-shadow:0 0 6px #a78bfa99,0 0 12px #a78bfa4d}.desk-monitor.on-red{background:#180808;border-color:#5a1818;box-shadow:0 0 5px #ef444480}.px-char{position:absolute;bottom:18px;image-rendering:pixelated}.typing-indicator{position:absolute;top:6px;left:50%;transform:translate(-50%);display:flex;gap:3px;align-items:center}.typing-dot{width:4px;height:4px;background:var(--accent2);border-radius:0;animation:tdot .8s step-start infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes tdot{0%,to{opacity:.3}50%{opacity:1}}.desk-badge{position:absolute;top:4px;right:4px;z-index:2;font-size:10px;padding:2px 5px;background:var(--bg);border:1px solid var(--border);color:var(--text3);letter-spacing:.05em}.desk-badge.wk{background:#6366f133;border-color:var(--accent);color:var(--accent2)}.desk-badge.ac{background:#3b82f633;border-color:var(--blue);color:var(--blue)}.desk-badge.qu{background:#f59e0b26;border-color:var(--amber);color:var(--amber)}.desk-badge.er{background:#ef444426;border-color:var(--red);color:var(--red)}.desk-badge.you{background:#a78bfa33;border-color:var(--purple);color:var(--purple)}.desk-info{padding:8px 10px;border-top:1px solid var(--border);background:var(--bg2)}.di-row{display:flex;align-items:center;gap:7px;margin-bottom:4px}.di-avatar{width:22px;height:22px;border-radius:2px;flex-shrink:0;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:900}.di-name{font-size:var(--fs-base);font-weight:700;color:var(--text);line-height:1.2}.di-role{font-size:var(--fs-xs);color:var(--text2)}.di-task{font-size:var(--fs-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px;margin-top:2px}.sdot{width:6px;height:6px;border-radius:0;flex-shrink:0}.sdot.g{background:var(--green)}.sdot.a{background:var(--amber);animation:blink 1s step-start infinite}.sdot.r{background:var(--red)}.sdot.d{background:var(--border2)}.sdot.p{background:var(--purple)}.sdot.b{background:var(--blue)}.kanban-section{flex-shrink:0}.kanban-hdr{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.14em;color:var(--text3);margin-bottom:10px;display:flex;align-items:center;gap:8px}.kanban-hdr span{color:var(--text3);font-size:var(--fs-xs)}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kb-col{background:var(--bg2);border:2px solid var(--border);padding:10px}.kb-col-hdr{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text2);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.kb-col-hdr .count{background:var(--bg3);border:1px solid var(--border);border-radius:2px;padding:0 5px;font-size:var(--fs-xs);color:var(--text3)}.kcard{background:var(--bg3);border:1px solid var(--border);padding:7px 8px;margin-bottom:6px;cursor:pointer;transition:border-color .1s}.kcard:hover{border-color:var(--border2)}.kcard:last-child{margin-bottom:0}.kcard.done{opacity:.5}.kcard-title{font-size:var(--fs-sm);color:var(--text);margin-bottom:4px;line-height:1.3}.kcard-desc{font-size:var(--fs-xs);color:var(--text3);margin-top:2px}.kb-empty{color:var(--text3);font-size:var(--fs-xs);text-align:center;padding:12px 0}.kcard-meta{display:flex;align-items:center;gap:5px}.kcard-agent{font-size:var(--fs-xs);color:var(--text3);border:1px solid var(--border);padding:1px 5px;border-radius:2px}.kcard-tag{font-size:var(--fs-xs);padding:1px 5px;border-radius:2px}.tag-infra{background:#3b82f626;color:var(--blue)}.tag-ops{background:#a78bfa26;color:var(--purple)}.tag-biz{background:#22c55e26;color:var(--green)}.tag-design{background:#f59e0b26;color:var(--amber)}.rpanel{background:var(--bg2);border-left:2px solid var(--border);display:flex;flex-direction:column;overflow:hidden;height:100%}.rp-tabs{display:flex;border-bottom:2px solid var(--border);flex-shrink:0}.rpt{flex:1;padding:8px 4px;text-align:center;font-size:var(--fs-xs);color:var(--text2);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .1s}.rpt:hover{color:var(--text)}.rpt.on{color:var(--accent2);border-bottom-color:var(--accent)}.rp-body{flex:1;overflow-y:auto;padding:10px}.ev{display:flex;gap:8px;margin-bottom:10px;align-items:flex-start}.ev-bullet{width:6px;height:6px;border-radius:0;flex-shrink:0;margin-top:5px}.ev-body{flex:1;font-size:var(--fs-sm);color:var(--text2);line-height:1.5}.ev-body b{color:var(--text);font-weight:600}.ev-ts{font-size:var(--fs-xs);color:var(--text3);flex-shrink:0;padding-top:2px}.ev-section{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text3);margin:12px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.ev-empty{font-size:var(--fs-xs);color:var(--text3);text-align:center;padding:20px 0}.q-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.qcard{background:var(--bg3);border:1px solid var(--border);padding:8px 10px}.qcard-key{font-size:var(--fs-xs);color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.qcard-val{font-size:var(--fs-lg);font-weight:700}.view-logs{padding:14px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;height:100%}.log-line{font-family:monospace;font-size:var(--fs-xs);padding:3px 6px;border-radius:2px;display:flex;gap:8px;align-items:flex-start}.log-line.ll-info{color:var(--text2)}.log-line.ll-start{color:var(--green)}.log-line.ll-done{color:#22d3ee}.log-line.ll-error{color:var(--red);background:#ef44440f}.log-ts{color:var(--text3);flex-shrink:0}.log-agent{font-weight:600;flex-shrink:0}.log-msg{color:inherit}.view-agents{padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;align-content:start;overflow-y:auto}.agent-card{background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:12px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s}.agent-card.ac-working{border-color:var(--green)}.agent-card.ac-error{border-color:var(--red)}.agent-card-avatar{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.agent-card-name{font-weight:600;font-size:var(--fs-sm);color:var(--text)}.agent-card-role{font-size:var(--fs-xs);color:var(--text3)}.agent-card-state{font-size:var(--fs-xs);display:flex;align-items:center;gap:4px}.view-tasks{padding:14px;overflow-y:auto}.view-settings{padding:14px;color:var(--text3);font-size:var(--fs-sm)}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes type{0%,50%{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-4deg)}75%{transform:translateY(-1px) rotate(2deg)}}@keyframes error-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-2px)}40%,80%{transform:translate(2px)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}