:root{color-scheme:light;--bg: #ffffff;--bg-soft: #f7fafc;--panel: #ffffff;--panel-alt: #fbfdfe;--line: #e6ecf0;--text: #0c1622;--muted: #2d3741;--muted-soft: #64707d;--brand: #11bbcd;--brand-soft: #e8fbfd;--brand-strong: #0ea6b6;--navy: #0c1622;--danger: #d64545;--success: #1f9d7a;--shadow: 0 18px 45px rgba(12, 22, 34, .08);font-family:Inter,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(17,187,205,.11),transparent 18%),radial-gradient(circle at right,rgba(17,187,205,.08),transparent 24%),linear-gradient(180deg,#fff,#f8fbfc);color:var(--text)}button,input,textarea,select{font:inherit}.shell{width:min(1400px,calc(100% - 32px));margin:0 auto;padding:24px 0 42px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(440px,100%);display:grid;gap:22px;padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdfe);box-shadow:var(--shadow)}.login-panel h1{margin:0;color:var(--navy);font-size:2.2rem;line-height:1.05}.login-form{display:grid;gap:12px}.login-form input{width:100%;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}.session-line{margin:12px 0 0;color:var(--muted);font-size:.88rem}.hero{display:grid;grid-template-columns:1.4fr .9fr;gap:20px;align-items:stretch;margin-bottom:20px}.hero,.card{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(17,187,205,.04),transparent 24%),linear-gradient(180deg,#fff,#fbfdfe);box-shadow:var(--shadow)}.hero{padding:26px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--brand);margin:0 0 10px}.hero h1,.section-head h2{margin:0;color:var(--navy)}.hero h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;max-width:13ch;font-weight:800}.hero-copy{max-width:62ch;color:var(--muted-soft);line-height:1.6;margin-top:16px}.hero-metrics{display:grid;gap:14px}.metric-card{padding:18px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(160deg,#ffffff,var(--brand-soft))}.metric-card span,.metric-card p,.agent-card p,.task-card p,.recent-row p{color:var(--muted)}.metric-card strong{display:block;margin:10px 0 8px;font-size:2rem}.grid{display:grid;grid-template-columns:1.4fr .75fr;gap:20px}.page-stack{display:grid;gap:20px}.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compact-list{margin-top:16px}.check-row{display:flex;align-items:center;gap:10px;min-height:46px;color:var(--muted)}.check-row input{width:auto}.card-span{grid-column:1 / -1}.card{padding:20px}.office-panel{grid-row:span 2}.section-head,.column-head,.task-head,.task-meta,.agent-header,.agent-meta,.donut-row,.recent-row,.bar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head{margin-bottom:16px}.page-nav{display:flex;gap:12px;margin-bottom:20px;padding:14px;flex-wrap:wrap}.nav-pill{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:999px;padding:11px 16px;cursor:pointer}.nav-pill.active{background:linear-gradient(135deg,#ffffff,var(--brand-soft));border-color:#11bbcd59;color:var(--navy);box-shadow:inset 0 0 0 1px #11bbcd14}.ghost-button,.primary-button,.secondary-button,.danger-button{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.ghost-button:hover,.primary-button:hover,.secondary-button:hover,.danger-button:hover{transform:translateY(-1px)}.ghost-button{background:#fff;color:var(--navy);border:1px solid var(--line)}.primary-button{background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff}.secondary-button{background:linear-gradient(135deg,var(--navy),#1c3144);color:#fff}.danger-button{background:linear-gradient(135deg,#fbe5e5,#f6cfcf);color:#8f2b2b;border:1px solid rgba(214,69,69,.2)}.small{padding:9px 14px}.office-map{position:relative;min-height:540px;overflow:hidden;border-radius:20px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(12,22,34,.05) 0 1px,transparent 1px 100%),linear-gradient(180deg,rgba(12,22,34,.04) 0 1px,transparent 1px 100%),linear-gradient(180deg,#f8fbfc,#edf4f7);background-size:34px 34px,34px 34px,auto}.office-zone{position:absolute;top:0;bottom:0}.work-zone{left:0;width:66%;background:linear-gradient(90deg,transparent calc(100% - 1px),rgba(12,22,34,.12) calc(100% - 1px)),linear-gradient(180deg,#eef5f8,#dfeaf0)}.waiting-zone{right:0;width:34%;background:linear-gradient(90deg,#ffffffa6,#ffffff40),linear-gradient(180deg,#fbfdfe,#dceff2)}.zone-label{position:absolute;left:18px;top:16px;z-index:2;padding:6px 10px;border:1px solid rgba(12,22,34,.08);border-radius:8px;background:#ffffffb8;color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:0}.workstation{position:absolute;width:128px;height:102px;transform:translate(-50%,-50%);z-index:1}.desk-top{position:relative;width:100%;height:70px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 34%),linear-gradient(180deg,#173044,#0c1622);box-shadow:inset 0 0 0 3px #ffffff14,0 12px 24px #0c16221f}.workstation.occupied .desk-top{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--agent-color),white 64%),0 0 0 8px #11bbcd14,0 14px 28px #0c162224}.workstation.reserved .desk-top{box-shadow:inset 0 0 0 3px #ffc30052,0 0 0 8px #ffc30014,0 14px 28px #0c16221f}.monitor,.keyboard,.activity-lines{position:absolute}.monitor{left:42px;top:13px;width:44px;height:28px;border-radius:5px;background:linear-gradient(180deg,color-mix(in srgb,var(--agent-color),white 52%),color-mix(in srgb,var(--agent-color),black 18%));box-shadow:0 0 0 3px #ffffff29}.keyboard{left:35px;bottom:12px;width:58px;height:9px;border-radius:999px;background:#d8e4ea}.activity-lines{right:13px;top:14px;width:16px;height:28px;background:linear-gradient(180deg,rgba(255,255,255,.88) 0 3px,transparent 3px 8px),linear-gradient(180deg,rgba(255,255,255,.62) 0 3px,transparent 3px 8px);background-size:16px 8px,10px 8px;animation:typingLines .8s steps(2,end) infinite}.desk-name{display:block;width:100%;margin-top:8px;color:var(--muted);font-size:.72rem;font-weight:800;line-height:1.1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-rug{position:absolute;left:50%;bottom:28px;width:min(72%,430px);height:44px;transform:translate(-50%);border-radius:999px;background:#ffffff70;border:1px solid rgba(12,22,34,.06)}.sofa,.watercooler,.plant{position:absolute}.sofa{width:min(58%,168px);height:96px;right:12%;bottom:10%;border-radius:14px;background:linear-gradient(180deg,#86dfe8,#3ec4d3);box-shadow:inset 0 -14px #0c162214}.watercooler{width:54px;height:98px;right:12%;top:15%;border-radius:14px;background:linear-gradient(180deg,#d7f7fb,#eef7fa 50%,#adc7cf 50%)}.plant{width:40px;height:60px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#4fb98b 0 60%,#c6a17f 60%)}.plant.a{left:10%;bottom:6%}.plant.b{right:8%;bottom:5%}.agent-token{position:absolute;width:34px;height:34px;margin-left:-17px;margin-top:-17px;border-radius:50%;border:0;background:transparent;cursor:pointer;z-index:6;transition:left .76s cubic-bezier(.22,1,.36,1),top .76s cubic-bezier(.22,1,.36,1),transform .22s ease,filter .22s ease}.avatar{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 28%,#0c1622 0 26%,transparent 27%),radial-gradient(circle at 50% 38%,#f8dcc0 0 29%,transparent 30%),linear-gradient(180deg,var(--agent-color) 0 58%,#d8e4ea 58% 100%);box-shadow:0 0 0 4px #fffffff2,0 10px 24px #0c162229}.manager .avatar{box-shadow:0 0 0 4px #11bbcd38,0 10px 24px #0c16222e}.tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);display:none;flex-direction:column;min-width:180px;padding:12px;border-radius:16px;background:#fffffffa;border:1px solid var(--line);color:var(--navy);text-align:left;box-shadow:0 16px 38px #0c16221f}.agent-token:hover .tooltip{display:flex}.agent-token.idle .avatar{animation:idleFloat 4.8s ease-in-out infinite}.agent-token.handoff .avatar{animation:handoffJitter .9s ease-in-out infinite;box-shadow:0 0 0 4px #fff5ccf5,0 0 0 10px #ffc30024,0 10px 24px #0c162229}.agent-token.working .avatar,.agent-token.dispatching .avatar{animation:deskWork 1.1s ease-in-out infinite}.task-beam{position:absolute;left:50%;top:100%;width:3px;height:26px;transform:translate(-50%);background:linear-gradient(180deg,rgba(17,187,205,.95),transparent);opacity:.9}.task-beam.handoff{height:34px;width:4px;background:linear-gradient(180deg,rgba(255,195,0,.95),transparent);animation:beamPulse 1s ease-in-out infinite}.task-beam.working{animation:beamPulse 1.3s ease-in-out infinite}.task-beam.dispatching{height:36px;width:4px;background:linear-gradient(180deg,rgba(17,187,205,.98),transparent);animation:dispatchBeam .9s linear infinite}.signal-ring{position:absolute;inset:-9px;border-radius:999px;border:2px solid rgba(255,195,0,.45);animation:signalSpread 1.4s ease-out infinite}.agent-strip,.forms-column,.stats-grid{display:grid;gap:16px}.agent-strip{margin-top:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.agent-card,.chart-card{padding:16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdfe)}.working-card{box-shadow:inset 0 0 0 1px #11bbcd3d;background:linear-gradient(180deg,rgba(17,187,205,.06),transparent 48%),linear-gradient(180deg,#fff,#fbfdfe)}.handoff-card{box-shadow:inset 0 0 0 1px #ffc30047;background:linear-gradient(180deg,rgba(255,195,0,.08),transparent 48%),linear-gradient(180deg,#fff,#fbfdfe)}.idle-card{background:linear-gradient(180deg,rgba(12,22,34,.015),transparent 38%),linear-gradient(180deg,#fff,#fbfdfe)}.agent-dot{width:12px;height:12px;border-radius:50%}.agent-card h3,.chart-card h3,.column-head h3{margin:0}.agent-card p{min-height:54px}.agent-meta{font-size:.84rem;color:var(--muted-soft)}.agent-job{display:flex;align-items:center;gap:10px;margin-top:10px;color:var(--brand-strong);font-size:.85rem}.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 #11bbcd59;animation:pulse 1.3s infinite}.handoff-dot{background:#ffc300;box-shadow:0 0 #ffc3004d;animation:handoffPulse .95s infinite}.idle-dot{background:#9db0bf;box-shadow:none;animation:idleBlink 2.8s ease-in-out infinite}.handoff-job strong{color:#8a6510}.idle-job{color:var(--muted-soft)}.stack-form{display:grid;gap:12px}.stack-form input,.stack-form textarea,.stack-form select{width:100%;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px}.stack-form input::placeholder,.stack-form textarea::placeholder{color:#81909d}.inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.file-picker{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.file-picker span{font-size:.78rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.file-picker input{padding:10px 0;border:0}.file-picker small{min-height:18px;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.kanban-panel,.dashboard-panel{grid-column:1 / -1}.kanban-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.kanban-column{padding:14px;border-radius:22px;background:var(--panel-alt);border:1px solid var(--line)}.column-head span{color:var(--brand-strong)}.task-card{margin-top:12px;padding:14px;border-radius:18px;border:1px solid var(--line);background:#fff}.task-card.low{border-color:#11bbcd29}.task-card.medium{border-color:#11bbcd4d}.task-card.high{border-color:#0c162233}.task-head strong,.recent-row strong{font-size:.98rem}.progress-track,.bar-track{width:100%;overflow:hidden;border-radius:999px;background:#edf3f6}.progress-track{height:8px;margin:12px 0}.progress-fill,.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand-strong))}.task-meta{color:var(--muted-soft);font-size:.84rem;margin-bottom:12px}.task-status-line{display:flex;justify-content:space-between;gap:10px;color:var(--brand-strong);font-size:.78rem}.task-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.task-summary{margin-top:10px}.task-error{margin-top:10px;color:var(--danger)}.doc-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.doc-chip{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;color:var(--text);text-decoration:none;background:var(--brand-soft);border:1px solid rgba(17,187,205,.18);font-size:.78rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-card.full{grid-column:1 / -1}.bar-row,.donut-row,.recent-row{margin-top:12px}.bar-row span:first-child{width:180px;flex-shrink:0}.bar-track{position:relative;height:12px}.bar-fill.open{position:absolute;left:0;top:0;background:linear-gradient(90deg,var(--brand),var(--brand-strong))}.bar-fill.complete{position:absolute;left:0;top:0;opacity:.54;background:linear-gradient(90deg,#9ad8de,#11bbcd)}.failed-strip,.documents-panel{margin-top:18px}.failed-list,.document-list{display:grid;gap:12px}.failed-task,.document-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#fff}.failed-task p,.document-card p{margin:6px 0 0}.agent-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.agent-identity{display:grid;gap:8px}.agent-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.rename-row{display:flex;gap:10px;flex-wrap:wrap}.rename-row input{min-width:220px;flex:1;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px}.documents-panel{grid-column:1 / -1}.document-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;color:var(--muted-soft);font-size:.84rem}.inline-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.stacked-card{align-items:stretch;flex-direction:column}.agent-task-list,.brainy-grid{display:grid;gap:12px}.agent-detail-grid,.archive-meta{display:grid;gap:8px;color:var(--muted-soft);font-size:.9rem}.form-note{margin:0;color:var(--muted-soft);font-size:.84rem;line-height:1.55}.skills-editor{display:grid;gap:12px}.editor-stack{display:grid;gap:16px}.config-panel{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f9fcfd)}.compact{margin-bottom:0}.skills-textarea{width:100%;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;resize:vertical;min-height:360px}.compact-textarea{min-height:120px}.skills-actions{display:flex;justify-content:flex-end}.agent-task-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.agent-task-row:first-child{border-top:0;padding-top:0}.brainy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@keyframes deskWork{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(2px) rotate(-2deg)}70%{transform:translateY(0) rotate(2deg)}}@keyframes typingLines{0%{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(2px)}to{opacity:.55;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #11bbcd59}70%{box-shadow:0 0 0 12px #11bbcd00}to{box-shadow:0 0 #11bbcd00}}@keyframes idleFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.02)}}@keyframes handoffJitter{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-3px) rotate(-4deg) scale(1.04)}50%{transform:translateY(0) rotate(0) scale(1)}75%{transform:translateY(-2px) rotate(4deg) scale(1.03)}}@keyframes signalSpread{0%{opacity:.75;transform:scale(.92)}to{opacity:0;transform:scale(1.4)}}@keyframes beamPulse{0%,to{opacity:.45;transform:translate(-50%) scaleY(.88)}50%{opacity:1;transform:translate(-50%) scaleY(1.08)}}@keyframes dispatchBeam{0%{opacity:.35;transform:translate(-50%) scaleY(.85)}50%{opacity:1;transform:translate(-50%) scaleY(1.15)}to{opacity:.35;transform:translate(-50%) scaleY(.85)}}@keyframes handoffPulse{0%{box-shadow:0 0 #ffc30057}70%{box-shadow:0 0 0 12px #ffc30000}to{box-shadow:0 0 #ffc30000}}@keyframes idleBlink{0%,to{opacity:.38;transform:scale(.95)}50%{opacity:.8;transform:scale(1)}}@media(max-width:1100px){.hero,.grid,.page-grid{grid-template-columns:1fr}.office-panel{grid-row:auto}}@media(max-width:820px){.shell{width:min(100% - 20px,1400px);padding-top:12px}.hero,.card{border-radius:22px}.office-map{min-height:520px}.work-zone{width:68%}.waiting-zone{width:32%}.zone-label{left:10px;top:12px;max-width:calc(100% - 20px);padding:5px 8px;font-size:.68rem;white-space:normal}.workstation{width:82px;height:82px}.desk-top{height:58px}.monitor{left:25px;top:11px;width:32px;height:22px}.keyboard{left:18px;bottom:9px;width:46px}.activity-lines{right:8px;top:12px}.desk-name{font-size:.62rem}.sofa{width:76%;height:74px;right:10%}.watercooler{right:10%;width:46px;height:82px}.kanban-board,.stats-grid,.inline-fields{grid-template-columns:1fr}.bar-row{align-items:flex-start;flex-direction:column}.bar-row span:first-child{width:auto}.failed-task,.document-card{align-items:flex-start;flex-direction:column}.document-actions{justify-content:flex-start}.agent-task-row,.brainy-grid{grid-template-columns:1fr}.agent-task-row{align-items:flex-start;flex-direction:column}}