:root{color-scheme:dark;--bg-0:#050711;--bg-1:#090c19;--bg-2:#0e1324;--surface:rgba(12,17,34,.72);--surface-strong:rgba(15,21,42,.92);--text:#edf7ff;--muted:#8593ad;--dim:#506079;--cyan:#22d3ee;--cyan-soft:#67e8f9;--violet:#8b5cf6;--magenta:#ec4899;--amber:#f59e0b;--lime:#34d399;--red:#fb7185;--gradient-brand:linear-gradient(135deg,var(--cyan),var(--violet) 52%,var(--magenta));--gradient-panel:linear-gradient(145deg,rgba(22,30,58,.8),rgba(8,12,25,.78));--line:rgba(123,153,211,.16);--line-bright:rgba(34,211,238,.38);--glow-cyan:0 0 28px rgba(34,211,238,.16);--glow-violet:0 0 32px rgba(139,92,246,.15);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:.6rem;--radius-md:1rem;--radius-lg:1.4rem;--radius-xl:2rem;--sidebar:16.5rem;--topbar:4.5rem;--font-ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--ease:cubic-bezier(.2,.8,.2,1);--fast:.16s;--normal:.28s}*{box-sizing:border-box}html{background:var(--bg-0)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);font-family:var(--font-ui);background:radial-gradient(circle at 78% -10%,rgba(116,69,221,.17),transparent 34%),radial-gradient(circle at 15% 20%,rgba(8,192,224,.08),transparent 29%),var(--bg-0)}button,input{font:inherit}a{color:inherit;text-decoration:none}::selection{background:#22d3ee4d}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(75,106,164,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(75,106,164,.055) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%)}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.side-nav{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:20;display:flex;flex-direction:column;padding:1.2rem;border-right:1px solid var(--line);background:linear-gradient(180deg,#080b17f5,#050710eb);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:.75rem;padding:.45rem .4rem 1.5rem}.brand-mark{display:grid;place-items:center;width:2.6rem;aspect-ratio:1;border:1px solid var(--line-bright);border-radius:.8rem;font-weight:900;color:var(--cyan);background:linear-gradient(145deg,#22d3ee24,#8b5cf621);box-shadow:var(--glow-cyan)}.brand strong,.brand small{display:block}.brand strong{font-size:.95rem}.brand small{margin-top:.18rem;color:var(--muted);font:600 .57rem var(--font-mono);letter-spacing:.14em}.side-nav nav{display:grid;gap:.35rem}.nav-item{display:flex;align-items:center;gap:.8rem;padding:.78rem .9rem;border:1px solid transparent;border-radius:.8rem;color:#8f9db6;font-size:.86rem;transition:all var(--normal) var(--ease)}.nav-item>span{width:1.25rem;color:#566780;font-size:1rem;text-align:center}.nav-item:hover{color:var(--text);background:#ffffff06}.nav-item.active{color:#ecfbff;border-color:#22d3ee29;background:linear-gradient(90deg,#22d3ee1c,#8b5cf60d);box-shadow:inset 2px 0 var(--cyan)}.nav-item.active>span{color:var(--cyan);filter:drop-shadow(0 0 6px var(--cyan))}.nav-footer{margin-top:auto}.hub-chip{display:grid;grid-template-columns:auto 1fr;gap:.1rem .5rem;padding:.8rem;border:1px solid rgba(139,92,246,.18);border-radius:.8rem;background:#8b5cf60d;font-size:.76rem}.hub-chip i{grid-row:span 2;width:.48rem;height:.48rem;margin-top:.2rem;border-radius:50%;background:var(--violet);box-shadow:0 0 12px var(--violet)}.hub-chip small{color:var(--muted);font:500 .55rem var(--font-mono)}.version{display:block;margin-top:1rem;color:#45536a;font:600 .55rem var(--font-mono);text-align:center;letter-spacing:.13em}.main-content{grid-column:2;min-width:0}.top-bar{position:sticky;top:0;z-index:15;height:var(--topbar);display:flex;align-items:center;justify-content:space-between;padding:0 1.7rem;border-bottom:1px solid var(--line);background:#050711b8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.breadcrumbs{color:#61718c;font:600 .63rem var(--font-mono);letter-spacing:.12em}.breadcrumbs b{padding:0 .6rem;color:#354258}.top-actions,.connection{display:flex;align-items:center;gap:1rem}.connection{gap:.45rem;flex-direction:column;align-items:flex-end}.connection small{position:absolute;margin-top:2rem;color:var(--amber);font-size:.6rem}.status-pill{display:flex;align-items:center;gap:.45rem;padding:.38rem .65rem;border:1px solid rgba(52,211,153,.2);border-radius:999px;color:var(--lime);background:#34d3990e;font:700 .58rem var(--font-mono);letter-spacing:.08em}.status-pill i,.agent-state i{width:.42rem;height:.42rem;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.status-reconnecting,.status-stale{color:var(--amber);border-color:#f59e0b3b}.status-error{color:var(--red)}.status-loading{color:var(--cyan)}.clock{padding-left:1rem;border-left:1px solid var(--line);text-align:right}.clock span,.clock small{display:block}.clock span{font:600 .82rem var(--font-mono)}.clock small{margin-top:.1rem;color:var(--muted);font-size:.58rem}.owner-badge{display:grid;place-items:center;width:2rem;aspect-ratio:1;border-radius:50%;border:1px solid rgba(236,72,153,.3);color:#ffd5eb;background:#ec48991a;box-shadow:0 0 18px #ec489921}.mobile-menu{display:none;color:var(--text);border:0;background:none}.route-content{max-width:1500px;margin:auto;padding:2rem}.page-stack{display:grid;gap:1.6rem}.glass,.metric-card,.agent-card{border:1px solid var(--line);background:var(--gradient-panel);box-shadow:inset 0 1px #ffffff06,0 18px 55px #0000002b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-panel{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:14rem;padding:2.2rem 2.5rem;border-radius:var(--radius-lg)}.hero-panel:after{content:"";position:absolute;right:-10%;bottom:-80%;width:40%;aspect-ratio:1;border-radius:50%;background:#22d3ee14;filter:blur(55px)}.eyebrow{color:var(--cyan);font:700 .62rem var(--font-mono);letter-spacing:.18em}.hero-panel h1,.page-header h1{margin:.6rem 0 .5rem;font-size:clamp(2rem,4vw,3.7rem);line-height:1;letter-spacing:-.05em}.hero-panel p,.page-header p{max-width:42rem;margin:0;color:var(--muted);line-height:1.65}.hero-orbit{position:relative;display:grid;place-items:center;width:8rem;aspect-ratio:1;border:1px solid rgba(34,211,238,.16);border-radius:50%;box-shadow:var(--glow-cyan)}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;inset:14%;border:1px dashed rgba(139,92,246,.35);border-radius:50%;animation:spin 18s linear infinite}.hero-orbit:after{inset:-14%;border-color:#ec489929;animation-direction:reverse}.hero-orbit span{font-size:2.5rem;font-weight:900;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-orbit i{position:absolute;width:.45rem;aspect-ratio:1;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.hero-orbit i:nth-child(1){top:5%;left:48%}.hero-orbit i:nth-child(2){bottom:20%;right:0;background:var(--magenta)}.hero-orbit i:nth-child(3){bottom:2%;left:28%;background:var(--violet)}@keyframes spin{to{transform:rotate(360deg)}}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-grid.compact{grid-template-columns:repeat(3,1fr)}.metric-card{display:flex;align-items:center;gap:1rem;min-height:7.2rem;padding:1.15rem;border-radius:var(--radius-md);transition:transform var(--normal) var(--ease),border-color var(--normal)}.metric-card:hover{transform:translateY(-3px);border-color:var(--line-bright)}.metric-icon{display:grid;place-items:center;width:2.8rem;aspect-ratio:1;border:1px solid rgba(34,211,238,.18);border-radius:.8rem;color:var(--cyan);background:#22d3ee12;font-size:1.25rem}.metric-card p{margin:0;color:var(--muted);font-size:.7rem}.metric-card strong{display:block;margin:.25rem 0;font:700 1.55rem var(--font-mono)}.metric-card small{display:block;color:#53637d;font-size:.62rem}.tone-violet .metric-icon{color:var(--violet);background:#8b5cf614}.tone-magenta .metric-icon{color:var(--magenta);background:#ec489914}.tone-amber .metric-icon{color:var(--amber);background:#f59e0b14}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2{margin:.35rem 0 0;font-size:1.3rem}.section-heading>span{color:var(--muted);font:500 .65rem var(--font-mono)}.agent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.agent-card{padding:1.05rem;border-radius:var(--radius-md);transition:all var(--normal) var(--ease)}.agent-card:hover{transform:translateY(-4px);border-color:#22d3ee4d;box-shadow:var(--glow-cyan)}.agent-card-head{display:flex;align-items:center;gap:.7rem}.agent-avatar{display:grid;place-items:center;width:2.25rem;aspect-ratio:1;border:1px solid rgba(34,211,238,.25);border-radius:.7rem;color:var(--cyan);background:#22d3ee14;font-weight:800}.agent-card h3{margin:0;font-size:.85rem}.agent-role{display:block;margin-top:.15rem;color:var(--muted);font-size:.58rem;text-transform:uppercase}.agent-state{display:flex;align-items:center;gap:.35rem;margin-left:auto;color:var(--lime);font:700 .52rem var(--font-mono);text-transform:uppercase}.state-recent{color:var(--cyan)}.state-idle{color:var(--muted)}.state-offline{color:var(--red)}.agent-card-meta,.agent-card footer{display:flex;justify-content:space-between;margin-top:1rem;color:#64738d;font:500 .56rem var(--font-mono)}.agent-spark{height:3px;margin-top:.8rem;border-radius:99px;background:#141a2b;overflow:hidden}.agent-spark span{display:block;height:100%;border-radius:inherit;background:var(--gradient-brand);box-shadow:0 0 8px var(--cyan)}.agent-card footer{padding-top:.75rem;border-top:1px solid rgba(118,144,188,.09)}.page-header{padding:.7rem .1rem}.page-header h1{font-size:clamp(2rem,4vw,3.2rem)}.info-panel,.gateway-matrix,.office-legend{padding:1.3rem;border-radius:var(--radius-md)}.flow-line{display:flex;align-items:center;gap:.7rem;margin-top:1.4rem;color:var(--muted);font-size:.72rem}.flow-line i{flex:1;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 8px var(--cyan)}.kanban-grid{display:grid;grid-template-columns:repeat(8,minmax(11rem,1fr));gap:.7rem;overflow-x:auto;padding-bottom:.6rem}.kanban-column{min-height:18rem;padding:.75rem;border-radius:.8rem}.kanban-column header{display:flex;justify-content:space-between;color:#a8b7ce;font:700 .62rem var(--font-mono);text-transform:uppercase}.kanban-column header b{color:var(--cyan)}.column-empty{display:grid;place-items:center;height:13rem;color:#45536a;font-size:.7rem}.summary-card{width:100%;padding:.8rem;border:1px solid rgba(34,211,238,.14);border-radius:.7rem;background:#22d3ee0b}.summary-card small{display:block;margin-top:.4rem;color:var(--muted);line-height:1.5}.microcopy{color:var(--dim);font:500 .6rem var(--font-mono)}.data-table{overflow:hidden;border-radius:var(--radius-md)}.data-table>header,.data-table>div{display:grid;grid-template-columns:1fr 1fr 1fr;padding:.9rem 1.1rem;border-bottom:1px solid var(--line);font-size:.7rem}.data-table>header{color:var(--muted);font:600 .6rem var(--font-mono);text-transform:uppercase}.text-live{color:var(--lime)}.text-muted{color:var(--red)}.timeline{padding:1.2rem;border-radius:var(--radius-md)}.timeline-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--line)}.timeline-row:last-child{border:0}.timeline-node{display:grid;place-items:center;width:1.7rem;aspect-ratio:1;border:1px solid rgba(34,211,238,.2);border-radius:50%;color:var(--cyan);font:600 .6rem var(--font-mono)}.timeline-row strong{font-size:.8rem}.timeline-row p,.timeline-row time{margin:.2rem 0 0;color:var(--muted);font-size:.65rem}.gateway-matrix{padding:1.4rem}.gateway-list{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1.2rem}.gateway-list>div{display:grid;grid-template-columns:auto 1fr;gap:.15rem .5rem;padding:.8rem;border:1px solid rgba(120,145,192,.1);border-radius:.65rem;background:#ffffff05}.gateway-list i{grid-row:span 2;width:.45rem;height:.45rem;margin-top:.2rem;border-radius:50%}.gateway-list i.online{background:var(--lime);box-shadow:0 0 9px var(--lime)}.gateway-list i.offline{background:var(--red)}.gateway-list strong{font-size:.72rem}.gateway-list span{color:var(--muted);font-size:.57rem}.office-canvas{position:relative;height:min(68vh,47rem);overflow:hidden;border:1px solid rgba(139,92,246,.24);border-radius:var(--radius-lg);background:#060814;box-shadow:var(--glow-violet)}.office-fallback{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(139,92,246,.2),transparent 18%),linear-gradient(30deg,rgba(34,211,238,.035) 12%,transparent 12.5%,transparent 87%,rgba(34,211,238,.035) 87.5%),linear-gradient(150deg,rgba(139,92,246,.04) 12%,transparent 12.5%,transparent 87%,rgba(139,92,246,.04) 87.5%),#060814;background-size:auto,42px 72px,42px 72px}.office-fallback:before{content:"";position:absolute;inset:12% 8%;transform:perspective(800px) rotateX(58deg) rotate(-1deg);border:1px solid rgba(34,211,238,.12);background:linear-gradient(rgba(34,211,238,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.06) 1px,transparent 1px);background-size:44px 44px;box-shadow:0 0 45px #22d3ee14}.office-canvas>div[style]{position:relative!important;z-index:2}.webgl-lost>div[style]{display:none!important}.fallback-room,.fallback-hub{position:absolute;z-index:1;display:grid;place-items:center;width:15%;height:16%;transform:skewY(-5deg);border:1px solid rgba(34,211,238,.38);border-radius:.4rem;background:linear-gradient(145deg,#101e35f0,#070c18e6);box-shadow:inset 0 0 22px #22d3ee0f,0 0 18px #22d3ee17;color:var(--cyan);font:700 clamp(.45rem,.7vw,.65rem) var(--font-mono);letter-spacing:.08em}.fallback-room:after{content:"";position:absolute;inset:auto 12% -9px 4%;height:8px;transform:skew(-38deg);border:1px solid rgba(139,92,246,.3);background:#090e1d}.fallback-room i{width:30%;height:25%;border:1px solid currentColor;background:currentColor;opacity:.65;box-shadow:0 0 15px currentColor}.fallback-room small,.fallback-hub small{color:var(--muted);font-size:.48rem}.room-0{left:9%;top:19%}.room-1{left:30%;top:13%}.room-2{right:30%;top:13%}.room-3{right:9%;top:19%}.room-4{left:9%;bottom:16%}.room-5{left:30%;bottom:10%}.room-6{right:30%;bottom:10%}.room-7{right:9%;bottom:16%}.fallback-hub{left:42.5%;top:42%;height:15%;border-color:#8b5cf699;color:var(--violet);box-shadow:0 0 35px #8b5cf638}.fallback-stream{position:absolute;z-index:1;left:20%;right:20%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),var(--magenta),transparent);box-shadow:0 0 9px var(--cyan);animation:pulseStream 2.4s ease-in-out infinite}.stream-b{transform:rotate(90deg);animation-delay:-1.2s}@keyframes pulseStream{50%{opacity:.25;filter:hue-rotate(45deg)}}.office-overlay{position:absolute;z-index:4;top:1rem;left:1rem;display:grid;gap:.25rem;padding:.6rem .8rem;border:1px solid rgba(34,211,238,.16);border-radius:.6rem;background:#050711b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cyan);font:600 .58rem var(--font-mono)}.office-overlay small{color:var(--muted)}.office-loading{display:grid;place-items:center;height:30rem;border-radius:var(--radius-lg);color:var(--cyan)}.office-legend{display:flex;flex-wrap:wrap;gap:1.2rem;color:var(--muted);font-size:.66rem}.office-legend span{display:flex;align-items:center;gap:.4rem}.office-legend i{width:.45rem;aspect-ratio:1;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px currentColor}.office-legend i.violet{background:var(--violet)}.office-legend i.magenta{background:var(--magenta)}.office-legend i.hub{background:var(--lime)}.alert-banner{padding:.6rem 1.5rem;color:var(--amber);border-bottom:1px solid rgba(245,158,11,.2);background:#f59e0b0d;font-size:.68rem}@media(max-width:1150px){.agent-grid,.metric-grid,.gateway-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){:root{--topbar:4rem}.app-shell{display:block;padding-bottom:4.5rem}.side-nav{inset:auto 0 0;width:auto;height:4.5rem;display:block;padding:.45rem;border:1px solid var(--line);background:#050711f0}.side-nav .brand,.side-nav .nav-footer{display:none}.side-nav nav{display:flex;overflow-x:auto;gap:.2rem}.nav-item{flex:0 0 auto;display:grid;justify-items:center;gap:.15rem;min-width:4.2rem;padding:.45rem .5rem;font-size:.52rem}.nav-item>span{font-size:.9rem}.nav-item.active{box-shadow:inset 0 -2px var(--cyan)}.main-content{display:block}.top-bar{padding:0 .8rem}.breadcrumbs{display:none}.mobile-menu{display:block}.top-actions{margin-left:auto;gap:.5rem}.connection small,.clock small{display:none}.clock{padding-left:.6rem}.route-content{padding:1.1rem}.hero-panel{min-height:13rem;padding:1.4rem}.hero-orbit{display:none}.metric-grid,.metric-grid.compact,.agent-grid,.gateway-list{grid-template-columns:1fr}.page-header h1{font-size:2.2rem}.flow-line{align-items:stretch;flex-direction:column}.flow-line i{flex:auto;width:1px;height:1.2rem;margin-left:.5rem}.timeline-row{grid-template-columns:auto 1fr}.timeline-row time{grid-column:2}.office-canvas{height:60vh}.owner-badge{display:none}}.boot-screen,.login-screen{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(139,92,246,.18),transparent 22%),var(--bg-0)}.boot-screen{align-content:center;gap:1rem}.boot-screen span{font-size:4rem;font-weight:900;color:var(--cyan);filter:drop-shadow(0 0 24px var(--cyan));animation:bootPulse 1.6s ease-in-out infinite}.boot-screen p{color:var(--muted);font:600 .65rem var(--font-mono);letter-spacing:.2em}@keyframes bootPulse{50%{opacity:.35;transform:scale(.94)}}.login-grid{position:absolute;inset:-20%;transform:perspective(650px) rotateX(63deg);background:linear-gradient(rgba(34,211,238,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.07) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle,black,transparent 62%);mask-image:radial-gradient(circle,black,transparent 62%)}.login-card{position:relative;z-index:2;width:min(92vw,27rem);padding:2.5rem;border-radius:var(--radius-lg);text-align:center;box-shadow:0 0 80px #22d3ee14,var(--glow-violet)}.login-emblem{position:relative;display:grid;place-items:center;width:5.5rem;aspect-ratio:1;margin:0 auto 1.7rem;border:1px solid rgba(34,211,238,.3);border-radius:50%;box-shadow:var(--glow-cyan)}.login-emblem:before{content:"";position:absolute;inset:-12%;border:1px dashed rgba(139,92,246,.4);border-radius:50%;animation:spin 16s linear infinite}.login-emblem span{font-size:2rem;font-weight:900;color:var(--cyan)}.login-emblem i{position:absolute;width:.4rem;aspect-ratio:1;border-radius:50%;background:var(--magenta);box-shadow:0 0 10px var(--magenta)}.login-emblem i:nth-of-type(1){top:-5%;left:48%}.login-emblem i:nth-of-type(2){bottom:8%;right:4%;background:var(--cyan)}.login-card h1{margin:.7rem 0 .5rem;font-size:2.5rem;letter-spacing:-.05em}.login-card>p{margin:0 auto 1.7rem;color:var(--muted);font-size:.8rem}.login-card form{text-align:left}.login-card label{display:block;margin-bottom:.5rem;color:#9baac1;font:600 .6rem var(--font-mono);letter-spacing:.08em}.login-card input{width:100%;padding:.9rem 1rem;border:1px solid var(--line);border-radius:.7rem;outline:none;color:var(--text);background:#03060fb8;transition:border var(--fast),box-shadow var(--fast)}.login-card input:focus{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.login-card button,.logout-button{width:100%;margin-top:.8rem;padding:.85rem;border:1px solid rgba(34,211,238,.3);border-radius:.7rem;color:#dffcff;background:linear-gradient(100deg,#22d3ee2e,#8b5cf62b);font:700 .65rem var(--font-mono);letter-spacing:.09em;cursor:pointer}.login-card button:disabled{opacity:.45}.login-error{margin-top:.75rem;padding:.65rem;border:1px solid rgba(251,113,133,.25);border-radius:.55rem;color:var(--red);background:#fb71850f;font-size:.7rem;text-align:center}.login-card footer{display:flex;justify-content:center;gap:.8rem;margin-top:1.5rem;color:#52617a;font:600 .5rem var(--font-mono)}.logout-button{margin:.6rem 0 0;padding:.6rem;color:var(--muted);background:#ffffff05;border-color:var(--line)}.page-header-split{display:flex;align-items:end;justify-content:space-between;gap:2rem}.locked-badge{flex:none;padding:.5rem .7rem;border:1px solid rgba(245,158,11,.22);border-radius:999px;color:var(--amber);background:#f59e0b0e;font:700 .55rem var(--font-mono)}.kanban-grid.enriched{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;overflow:visible}.task-stack{display:grid;align-content:start;gap:.55rem;min-height:15rem;margin-top:.8rem}.task-card{padding:.7rem;border:1px solid rgba(34,211,238,.14);border-radius:.65rem;background:linear-gradient(145deg,#131d33e6,#080d1be6);box-shadow:0 8px 20px #00000026}.task-card>div,.task-card footer{display:flex;justify-content:space-between;gap:.5rem;color:var(--dim);font:500 .48rem var(--font-mono)}.task-card strong{display:block;margin:.65rem 0;font-size:.7rem;line-height:1.4}.task-card .priority{color:var(--magenta)}.task-card footer{padding-top:.55rem;border-top:1px solid var(--line)}.empty-label{display:grid;place-items:center;min-height:11rem;color:var(--dim);font-size:.62rem}.job-table{overflow:hidden;border-radius:var(--radius-md)}.job-table>header,.job-table>div{display:grid;grid-template-columns:1.5fr .7fr .7fr 1.2fr;gap:1rem;align-items:center;padding:.85rem 1rem;border-bottom:1px solid var(--line);font-size:.67rem}.job-table>header{color:var(--muted);font:600 .56rem var(--font-mono);text-transform:uppercase}.job-table>div>span{display:grid;gap:.22rem}.job-table small{color:var(--dim);font:500 .52rem var(--font-mono)}.text-error{color:var(--red)}.timeline-row time{display:grid;gap:.25rem;text-align:right}.timeline-row time b{color:var(--cyan);font:600 .52rem var(--font-mono);text-transform:uppercase}.empty-state,.unavailable-panel{padding:3rem;color:var(--muted);text-align:center}.source-kanban{color:var(--magenta);border-color:#ec48994d}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.2rem;border-radius:var(--radius-md)}.health-gauge{padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:#ffffff05}.health-gauge>div:first-child{display:flex;align-items:end;justify-content:space-between}.health-gauge span{color:var(--muted);font:600 .58rem var(--font-mono)}.health-gauge strong{font:700 1.35rem var(--font-mono)}.gauge-track{height:5px;margin:.8rem 0;border-radius:99px;background:#141a2b;overflow:hidden}.gauge-track i{display:block;height:100%;border-radius:inherit;background:var(--lime);box-shadow:0 0 10px var(--lime)}.health-gauge.warning .gauge-track i{background:var(--amber);box-shadow:0 0 10px var(--amber)}.health-gauge.critical .gauge-track i{background:var(--red);box-shadow:0 0 10px var(--red)}.health-gauge>small{color:var(--dim);font:.5rem var(--font-mono);text-transform:uppercase}.load-card{grid-column:span 4;display:flex;justify-content:space-between;padding:.9rem 1rem;border-top:1px solid var(--line)}.load-card span{color:var(--muted);font:.58rem var(--font-mono)}.load-card strong{font:.8rem var(--font-mono)}.inline-error{color:var(--red);font-size:.65rem}.agent-enriched{display:grid}.agent-enriched .agent-card{border-radius:var(--radius-md) var(--radius-md) 0 0}.boundary-panel{padding:.85rem 1rem;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius-md) var(--radius-md);background:#070b17c7}.boundary-panel>span{color:var(--violet);font:700 .5rem var(--font-mono)}.boundary-panel p{min-height:2rem;margin:.35rem 0 .7rem;color:var(--muted);font-size:.63rem;line-height:1.45}.boundary-panel footer{display:flex;flex-wrap:wrap;gap:.35rem}.boundary-panel code{padding:.25rem .4rem;border-radius:.3rem;color:#7586a1;background:#ffffff06;font-size:.48rem}.routing-panel{padding:1.4rem;border-radius:var(--radius-md)}.routing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin-top:1.2rem}.routing-grid>div{display:grid;gap:.3rem;padding:.7rem;border:1px solid var(--line);border-radius:.6rem;background:#ffffff04}.routing-grid span{color:var(--muted);font-size:.58rem}.routing-grid strong{color:var(--cyan);font-size:.65rem}.overview-split{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(20rem,1fr);gap:1rem}.overview-split>div{display:grid;gap:1rem}.overview-agents{grid-template-columns:repeat(2,1fr)}.recent-panel{padding:1.1rem;border-radius:var(--radius-md)}.recent-item{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--line)}.recent-item>i{width:.42rem;aspect-ratio:1;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.recent-item div{display:grid;gap:.2rem}.recent-item strong{font-size:.62rem}.recent-item span,.recent-item time{color:var(--muted);font-size:.52rem}.recent-item time{font-family:var(--font-mono)}@media(max-width:1100px){.kanban-grid.enriched{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-split{grid-template-columns:1fr}.health-grid{grid-template-columns:repeat(2,1fr)}.load-card{grid-column:span 2}.routing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.kanban-grid.enriched{display:flex;overflow-x:auto}.kanban-grid.enriched .kanban-column{min-width:75vw}.page-header-split{align-items:start;flex-direction:column}.locked-badge{white-space:normal}.job-table>header{display:none}.job-table>div{grid-template-columns:1fr 1fr}.health-grid{grid-template-columns:1fr}.load-card{grid-column:span 1}.routing-grid,.overview-agents{grid-template-columns:1fr}.login-card{padding:1.7rem}.login-card footer{flex-wrap:wrap}}.write-badge{flex:none;padding:.5rem .75rem;border:1px solid rgba(52,211,153,.3);border-radius:999px;color:var(--lime);background:#34d39912;font:700 .55rem var(--font-mono);box-shadow:0 0 18px #34d39914}.kanban-column.drop-enabled{border-color:#22d3ee2e}.kanban-column.drop-locked{opacity:.78}.kanban-column.drop-over{border-color:var(--cyan);box-shadow:inset 0 0 25px #22d3ee14,var(--glow-cyan)}.task-card.dragging{z-index:50;opacity:.55;box-shadow:var(--glow-cyan)}.drag-handle{padding:.15rem .35rem;border:0;color:var(--cyan);background:transparent;cursor:grab;font-size:1rem}.drag-handle:active{cursor:grabbing}.task-card footer{align-items:center}.task-card footer select{max-width:6.8rem;border:1px solid var(--line);border-radius:.3rem;color:var(--muted);background:#080d19;font:500 .48rem var(--font-mono)}.task-card footer button{padding:.18rem .35rem;border:1px solid rgba(251,113,133,.2);border-radius:.3rem;color:var(--red);background:#fb71850a;font:500 .45rem var(--font-mono);cursor:pointer}.task-card footer button:disabled,.task-card footer select:disabled{opacity:.35}.mutation-notice{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:1px solid var(--line);border-radius:.65rem;font-size:.7rem}.mutation-notice.success{color:var(--lime);border-color:#34d39940;background:#34d3990d}.mutation-notice.error{color:var(--red);border-color:#fb718540;background:#fb71850d}.mutation-notice button{border:0;color:inherit;background:none;cursor:pointer}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:1rem;background:#010309c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.safety-modal{width:min(94vw,31rem);padding:1.6rem;border-radius:var(--radius-lg)}.safety-modal h2{margin:.6rem 0 .25rem}.safety-modal>p{margin:0 0 1.2rem;color:var(--muted);font:600 .65rem var(--font-mono)}.safety-modal label{display:block;margin:.8rem 0 .35rem;color:#9baac1;font:600 .56rem var(--font-mono);text-transform:uppercase}.safety-modal textarea,.safety-modal input,.safety-modal select{width:100%;padding:.72rem;border:1px solid var(--line);border-radius:.55rem;color:var(--text);background:#070b16;outline:none}.safety-modal textarea{min-height:5rem;resize:vertical}.safety-modal textarea:focus,.safety-modal input:focus,.safety-modal select:focus{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.2rem}.modal-actions button{padding:.65rem .9rem;border:1px solid var(--line);border-radius:.55rem;color:var(--muted);background:#ffffff06;cursor:pointer}.modal-actions button:last-child{color:var(--cyan);border-color:#22d3ee4d;background:#22d3ee12}@media(max-width:760px){.write-badge{white-space:normal}.task-card footer{flex-wrap:wrap}}.dry-badge{flex:none;padding:.5rem .75rem;border:1px solid rgba(245,158,11,.3);border-radius:999px;color:var(--amber);background:#f59e0b0f;font:700 .55rem var(--font-mono)}.audit-filters{display:flex;align-items:end;gap:1rem;padding:1rem;border-radius:var(--radius-md)}.audit-filters label{display:grid;gap:.35rem;color:var(--muted);font:600 .56rem var(--font-mono);text-transform:uppercase}.audit-filters input,.audit-filters select{padding:.55rem;border:1px solid var(--line);border-radius:.45rem;color:var(--text);background:#080d19}.audit-filters>span{margin-left:auto;color:var(--dim);font:.55rem var(--font-mono)}.audit-table{overflow:hidden;border-radius:var(--radius-md)}.audit-table>header,.audit-table>div{display:grid;grid-template-columns:1.15fr 1.3fr 1fr .8fr .9fr;gap:1rem;align-items:center;padding:.85rem 1rem;border-bottom:1px solid var(--line);font-size:.62rem}.audit-table>header{color:var(--muted);font:600 .55rem var(--font-mono);text-transform:uppercase}.audit-table>div>span,.audit-table>div>time{display:grid;gap:.22rem}.audit-table strong{font-size:.62rem}.audit-table small{color:var(--dim);font:500 .5rem var(--font-mono)}.audit-table b{width:max-content;padding:.2rem .35rem;border-radius:.3rem;font:700 .48rem var(--font-mono);text-transform:uppercase}.risk-low{color:var(--lime);background:#34d39914}.risk-moderate{color:var(--amber);background:#f59e0b14}.risk-high{color:var(--red);background:#fb718514}.op-buttons{display:flex!important;flex-wrap:wrap;gap:.3rem}.op-buttons button,.plan-button{padding:.3rem .45rem;border:1px solid rgba(245,158,11,.22);border-radius:.35rem;color:var(--amber);background:#f59e0b0a;font:500 .48rem var(--font-mono);cursor:pointer}.plan-button{grid-column:2;padding:.25rem}.plan-panel{display:grid;gap:.55rem;padding:1rem;border-radius:var(--radius-md);border-color:#f59e0b40}.plan-panel>div{display:flex;gap:.35rem;flex-wrap:wrap}.plan-panel code{padding:.3rem .45rem;border-radius:.3rem;color:var(--cyan);background:#22d3ee12;font:.58rem var(--font-mono)}.plan-panel small{color:var(--muted);font-size:.65rem}.conflict-safe{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.8rem;border:1px solid var(--line);border-radius:.55rem;background:#ffffff05}.conflict-safe span{color:var(--muted);font:600 .55rem var(--font-mono)}.conflict-safe strong{font-size:.65rem}.fallback-room{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;overflow:visible!important}.fallback-room:after{inset:auto 3% -12%!important;height:36%!important;border:2px solid var(--activity-color,#64748b)!important;border-radius:50%!important;transform:perspective(80px) rotateX(62deg)!important;background:radial-gradient(ellipse,color-mix(in srgb,var(--activity-color,#64748b) 24%,transparent),#040712eb 68%)!important;box-shadow:0 0 calc(10px + 24px * var(--activity-intensity,0)) color-mix(in srgb,var(--activity-color,#64748b) 48%,transparent)!important}.fallback-room>i{background:var(--activity-color,#64748b)!important;box-shadow:0 0 calc(8px + 18px * var(--activity-intensity,0)) var(--activity-color,#64748b)!important}.fallback-room>b{display:block;color:var(--activity-color,#64748b);font:600 .43rem var(--font-mono);letter-spacing:.04em}.fallback-room.state-active{animation:office-room-pulse 1.6s ease-in-out infinite}.fallback-activity-streams{position:absolute;right:1rem;top:1rem;z-index:4;display:grid;gap:.3rem;width:min(12rem,30%)}.fallback-activity-streams>div{display:grid;grid-template-columns:.45rem 1fr auto;align-items:center;gap:.35rem;padding:.32rem .45rem;border:1px solid rgba(34,211,238,.18);border-radius:.4rem;background:#050814c7;font:600 .46rem var(--font-mono);color:var(--muted);overflow:hidden}.fallback-activity-streams i{width:.35rem;height:.35rem;border-radius:50%;box-shadow:0 0 8px currentColor;animation:office-packet 1.2s linear infinite}.fallback-activity-streams b{color:var(--violet);font-size:.42rem}@keyframes office-room-pulse{50%{filter:brightness(1.35)}}@keyframes office-packet{0%{transform:translate(-5px);opacity:.35}50%{opacity:1}to{transform:translate(5px);opacity:.35}}.office-mode-badge{position:absolute;right:1rem;top:1rem;z-index:8;padding:.36rem .56rem;border-radius:.4rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:800 .48rem var(--font-mono);letter-spacing:.08em}.office-mode-badge.webgl{color:#67e8f9;border:1px solid rgba(34,211,238,.5);background:#030f1cd1;box-shadow:0 0 16px #22d3ee47}.office-mode-badge.fallback{color:#fbbf24;border:1px solid rgba(245,158,11,.5);background:#1c0f03d1;box-shadow:0 0 16px #f59e0b33}.office-live-roster{position:absolute;left:1rem;top:1rem;z-index:5;display:grid;grid-template-columns:repeat(2,minmax(8rem,1fr));gap:.28rem;width:min(23rem,42%);pointer-events:none}.office-live-roster>div{display:grid;grid-template-columns:.45rem 1fr auto auto;align-items:center;gap:.35rem;padding:.3rem .42rem;border:1px solid rgba(148,163,184,.16);border-radius:.36rem;background:#050814c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font:600 .44rem var(--font-mono)}.office-live-roster i{width:.35rem;height:.35rem;border-radius:50%;box-shadow:0 0 8px currentColor}.office-live-roster span{color:var(--text)}.office-live-roster b{text-transform:uppercase;color:var(--muted);font-size:.4rem}.office-live-roster small{color:var(--dim);font-size:.38rem}.office-live-roster [data-state=active]{border-color:#34d39957}.office-live-roster [data-state=offline]{opacity:.62}@media(max-width:900px){.audit-filters{align-items:stretch;flex-wrap:wrap}.audit-filters>span{width:100%;margin:0}.audit-table{overflow-x:auto}.audit-table>header,.audit-table>div{min-width:52rem}.op-buttons{display:flex!important}.fallback-activity-streams{width:11rem}}@media(max-width:760px){.dry-badge{white-space:normal}.plan-button{grid-column:auto}.fallback-activity-streams{right:.5rem;top:.5rem;width:8.5rem}.fallback-activity-streams>div{font-size:.4rem}}