:root{--bg: #0b1220;--panel: #111a2b;--line: #1f2b40;--text: #e2e8f0;--muted: #93a3b8;--accent: #3b82f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--line)}.topbar h1{font-size:18px;margin:0}.new-task{display:flex;gap:8px;flex:1;max-width:560px}.new-task input{flex:1;padding:8px 10px;border-radius:6px;border:1px solid var(--line);background:#0d1626;color:var(--text)}.new-task button,.card-body button{padding:8px 14px;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}.new-task button:disabled{opacity:.5;cursor:not-allowed}.status{font-size:12px;padding:4px 10px;border-radius:999px}.status.on{background:#064e3b;color:#6ee7b7}.status.off{background:#4c0519;color:#fda4af}.layout{display:grid;grid-template-columns:860px 1fr;gap:16px;padding:16px}@media (max-width: 1400px){.layout{grid-template-columns:1fr}}.office,.feed,.kanban-pane{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}.office h3,.feed h3{margin:0 0 8px;font-size:14px;color:var(--muted)}.office-canvas{border-radius:8px;overflow:hidden;background:#111a2b;min-height:320px}.office-3d{height:560px}.office-3d canvas{width:100%!important;height:100%!important;display:block}.office-status{color:var(--muted);font-weight:400}.view-switch{display:flex;gap:4px}.view-switch button{padding:6px 12px;border:1px solid var(--line);background:#0d1626;color:var(--muted);border-radius:6px;cursor:pointer;font-size:12px}.view-switch button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.office-canvas canvas{display:block;width:100%!important;height:auto!important}.office-error{margin:0 0 8px;padding:8px 10px;border-radius:6px;background:#4c0519;color:#fda4af;font-size:12px}.office-pane{display:flex;flex-direction:column;gap:16px}.office-warn{margin:0 0 8px;padding:8px 10px;border-radius:6px;background:#422006;color:#fcd34d;font-size:12px}.office-warn button{margin-left:6px;padding:3px 9px;border:0;border-radius:5px;background:#fcd34d;color:#422006;cursor:pointer;font-size:11px}.legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{font-size:11px;padding:3px 8px;border-radius:999px;background:#1e293b}.chip.st-coding{background:#14532d}.chip.st-thinking{background:#78350f}.chip.st-talking{background:#0c4a6e}.chip.st-reviewing{background:#4a1d96}.feed ul{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto}.feed li{display:flex;gap:8px;font-size:12px;padding:4px 0;border-bottom:1px solid #16223a}.feed .at{color:var(--muted);font-variant-numeric:tabular-nums}.feed .msg{color:var(--muted)}.feed li.human b{color:#7dd3fc}.feed .src{font-size:10px;padding:1px 6px;border-radius:999px;background:#1e293b;color:#94a3b8;white-space:nowrap}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:10px;overflow-x:auto}.column{background:#0d1626;border:1px solid var(--line);border-radius:8px;padding:8px;min-height:400px}.column h2{font-size:12px;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.count{float:right;background:#1e293b;border-radius:999px;padding:0 7px}.col-done h2{color:#6ee7b7}.col-failed h2{color:#fda4af}.cards{display:flex;flex-direction:column;gap:8px}.card{background:#142033;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:6px;padding:8px;cursor:grab}.card:active{cursor:grabbing}.card-head{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.card .title{margin:6px 0 0;font-size:13px;line-height:1.35}.card .desc{font-size:12px;color:var(--muted)}.card .result{white-space:pre-wrap;font-size:11px;background:#0b1220;padding:8px;border-radius:6px;max-height:220px;overflow-y:auto}.empty{color:#475569;font-size:12px;text-align:center;padding:12px 0}.projects{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}.projects h3{margin:0 0 10px;font-size:14px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.pill{font-size:11px;padding:2px 8px;border-radius:999px;background:#064e3b;color:#6ee7b7}.project-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.project-list li{background:#0d1626;border:1px solid var(--line);border-left:3px solid #334155;border-radius:8px;padding:8px 10px}.project-list li.live{border-left-color:#22c55e}.p-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.p-head b{font-size:13px}.p-meta{font-size:11px;color:var(--muted);white-space:nowrap}.p-member{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;font-size:12px}.p-member .dot{width:8px;height:8px;border-radius:50%;flex:none}.p-member b{font-size:12px}.p-member .doing{color:#cbd5e1}.p-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:11px;color:#64748b}.p-offline{color:#475569}.p-unassigned{margin:10px 0 0;font-size:11px;color:var(--muted)}.crew-control{display:flex;align-items:center;gap:6px}.crew-control button{padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;border:1px solid var(--line);background:#0d1626;color:var(--text)}.crew-control.on button:first-child{background:#14532d;border-color:#16a34a;color:#bbf7d0}.crew-control.off button:first-child{background:#422006;border-color:#b45309;color:#fcd34d}.crew-control button.limit{color:var(--muted)}.crew-control button:disabled{opacity:.6;cursor:wait}.crew-warn{font-size:11px;color:#fda4af}.office h3{display:flex;align-items:center;gap:8px}.fs-btn{margin-left:auto;padding:4px 10px;font-size:11px;cursor:pointer;border:1px solid var(--line);border-radius:6px;background:#0d1626;color:var(--muted)}.fs-btn:hover{color:var(--text);border-color:var(--accent)}.office:fullscreen,.office:-webkit-full-screen{display:flex;flex-direction:column;width:100vw;height:100vh;padding:10px 14px;background:var(--bg);border:0;border-radius:0}.office:fullscreen .office-canvas,.office:-webkit-full-screen .office-canvas{flex:1;height:auto;min-height:0}.office:fullscreen .office-canvas canvas,.office:-webkit-full-screen .office-canvas canvas{width:100%!important;height:100%!important}.office:fullscreen .legend,.office:-webkit-full-screen .legend{margin-top:8px}.agents-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}.agents-panel h3{margin:0 0 10px;font-size:14px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.agent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.agent-list li{display:flex;align-items:center;gap:8px;background:#0d1626;border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:12px}.agent-list li.off{opacity:.5}.ag-toggle{display:flex;align-items:center;cursor:pointer}.ag-name{flex:1;display:flex;align-items:baseline;gap:6px;min-width:0}.ag-name b{font-size:12px}.ag-role{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ag-provider{padding:3px 6px;border-radius:6px;font-size:11px;max-width:190px;background:#142033;color:var(--text);border:1px solid var(--line)}.ag-hint{margin:10px 0 0;font-size:11px;color:#64748b}.ag-hint code{background:#0d1626;padding:1px 4px;border-radius:4px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs button{position:relative;padding:7px 12px;font-size:12px;cursor:pointer;border:1px solid var(--line);border-radius:8px;background:#0d1626;color:var(--muted)}.tabs button:hover{color:var(--text)}.tabs button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.tabs .badge{margin-left:6px;padding:0 5px;border-radius:999px;background:#16a34a;color:#fff;font-size:10px}.tabs button.on .badge{background:#0b1220}.page{padding:16px;flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}.stack{display:flex;flex-direction:column;gap:12px;max-width:900px}.office-toolbar{display:flex;justify-content:flex-end}.page-ofis .office{flex:1;display:flex;flex-direction:column;min-height:0}.page-ofis .office-canvas{flex:1;min-height:420px}.page-ofis .office-3d{height:auto}.page-kanban .board{flex:1}.page-kanban .column{min-height:60vh}.feed-full{max-width:1000px}.feed-full ul{max-height:none}.login-card{max-width:380px;margin:40px auto;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:10px}.login-card h3{margin:0;font-size:16px}.login-card input{padding:9px 11px;border-radius:6px;font-size:13px;background:#0d1626;color:var(--text);border:1px solid var(--line)}.login-card button{padding:9px;border:0;border-radius:6px;cursor:pointer;background:var(--accent);color:#fff;font-size:13px}.login-error{margin:0;color:#fda4af;font-size:12px}.hint{margin:0;font-size:12px;color:var(--muted);line-height:1.5}.hint code,.token-box code{background:#0d1626;padding:1px 5px;border-radius:4px;font-size:11px}.settings{max-width:860px}.settings-msg{margin:0;padding:8px 10px;border-radius:6px;font-size:12px;background:#0c4a6e;color:#bae6fd}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}.panel h3{margin:0 0 10px;font-size:14px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.panel h3 .add,.prov-actions button,.member-list button,.token-box button{padding:4px 10px;font-size:11px;cursor:pointer;border-radius:6px;border:1px solid var(--line);background:#142033;color:var(--text)}.panel h3 .add{background:var(--accent);border-color:var(--accent);color:#fff}.prov-actions button.danger{background:#4c0519;border-color:#7f1d1d;color:#fda4af}.prov-list,.member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.prov-list li{background:#0d1626;border:1px solid var(--line);border-radius:8px;padding:10px}.prov-list li.off{opacity:.55}.prov-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.prov-meta{margin-top:4px;font-size:11px;color:#64748b}.prov-meta .err{color:#fda4af}.prov-actions{display:flex;gap:6px;margin-top:8px}.tag{font-size:10px;padding:2px 7px;border-radius:999px;background:#1e293b;color:#94a3b8}.tag.ok{background:#064e3b;color:#6ee7b7}.tag.owner{background:#1e3a8a;color:#bfdbfe}.tag.off{background:#422006;color:#fcd34d}.prov-form{display:flex;flex-direction:column;gap:10px}.prov-form .row{display:flex;gap:10px;flex-wrap:wrap}.prov-form label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted);flex:1;min-width:140px}.prov-form label.inline{flex-direction:row;align-items:center;gap:6px}.prov-form input:not([type=checkbox]),.prov-form select{padding:7px 9px;border-radius:6px;font-size:12px;background:#0b1220;color:var(--text);border:1px solid var(--line)}.prov-form .ok{color:#6ee7b7}.form-actions{display:flex;gap:8px}.form-actions button{padding:8px 14px;border:0;border-radius:6px;cursor:pointer;background:var(--accent);color:#fff;font-size:12px}.form-actions button.ghost,button.ghost{background:#142033;color:var(--muted);border:1px solid var(--line)}.member-form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.member-form input{flex:1;min-width:130px;padding:7px 9px;border-radius:6px;font-size:12px;background:#0b1220;color:var(--text);border:1px solid var(--line)}.member-form button{padding:7px 12px;border:0;border-radius:6px;cursor:pointer;background:#16a34a;color:#fff;font-size:12px}.member-list li{display:flex;align-items:center;gap:8px;font-size:12px;background:#0d1626;border:1px solid var(--line);border-radius:8px;padding:7px 10px}.member-list .dot{width:8px;height:8px;border-radius:50%;opacity:.35}.member-list .dot.on{opacity:1;box-shadow:0 0 6px currentColor}.member-list .doing{flex:1;color:#94a3b8;font-size:11px}.token-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;padding:9px 11px;border-radius:8px;font-size:12px;background:#064e3b;color:#d1fae5}.logout{align-self:flex-start;padding:7px 14px;border-radius:6px;cursor:pointer}