@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-sidebar:#0d0d0d;--bg-primary:#121212;--bg-card:#1e1e1e;--bg-hover:#252525;--bg-elevated:#2a2a2a;--brand-orange:#e5850f;--brand-blue:#5a9cf5;--brand-green:#2ecc8f;--brand-red:#d95555;--text-primary:#ffffffde;--text-secondary:#fff9;--text-muted:#ffffff61;--text-disabled:#ffffff40;--border:#ffffff14;--border-hover:#ffffff29;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.15rem;font-weight:600}h3{font-size:.95rem;font-weight:600}p{line-height:1.6}.text-sm{font-size:.8rem}.text-xs{font-size:.72rem}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;width:220px;min-width:220px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);padding:20px 16px 16px}.sidebar-logo{align-items:center;gap:10px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--brand-orange), #f59e0b);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.sidebar-logo-text{color:var(--text-primary);letter-spacing:.3px;font-size:.85rem;font-weight:700}.sidebar-logo-sub{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:.68rem}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:10px 8px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.83rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border)}.nav-item.active{background:var(--bg-elevated);color:var(--brand-orange);border-color:#e5850f40}.nav-item.active .nav-icon{color:var(--brand-orange)}.nav-icon{width:17px;height:17px;color:var(--text-muted);flex-shrink:0;transition:color .15s}.nav-badge{background:var(--brand-orange);color:#fff;text-align:center;border-radius:10px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:.65rem;font-weight:600}.sidebar-footer{border-top:1px solid var(--border);padding:10px 8px}.main-content{background:var(--bg-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--bg-sidebar);border-bottom:1px solid var(--border);align-items:center;gap:12px;height:52px;min-height:52px;padding:0 24px;display:flex}.topbar-title{color:var(--text-primary);font-size:.88rem;font-weight:600}.topbar-breadcrumb{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.live-indicator{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:6px;font-size:.7rem;font-weight:500;display:flex}.live-dot{background:var(--text-disabled);border-radius:50%;width:7px;height:7px;transition:background .3s,box-shadow .3s}.live-dot.connected{background:var(--brand-green);box-shadow:0 0 6px var(--brand-green);animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.4}}.content-scroll{flex:1;padding:24px;overflow-y:auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.35s ease-out forwards fadeInUp}.delay-1{opacity:0;animation-delay:50ms}.delay-2{opacity:0;animation-delay:.1s}.delay-3{opacity:0;animation-delay:.15s}.delay-4{opacity:0;animation-delay:.2s}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.card-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 18px 12px;display:flex}.card-header h3{color:var(--text-primary);flex:1;font-size:.88rem;font-weight:600}.card-body{padding:16px 18px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:24px;display:grid}.metric-tile{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);flex-direction:column;gap:6px;padding:16px;transition:border-color .2s,transform .15s;display:flex;position:relative;overflow:hidden}.metric-tile:before{content:"";border-radius:var(--radius-sm) var(--radius-sm) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.metric-tile.teal:before{background:linear-gradient(90deg, var(--brand-blue), #7ab3f7)}.metric-tile.gold:before{background:linear-gradient(90deg, var(--brand-orange), #f5b042)}.metric-tile.green:before{background:linear-gradient(90deg, var(--brand-green), #58d6a8)}.metric-tile.red:before{background:linear-gradient(90deg, var(--brand-red), #e87373)}.metric-tile.orange:before{background:linear-gradient(90deg, var(--brand-orange), #f5b042)}.metric-tile:hover{border-color:var(--border-hover);transform:translateY(-1px)}.metric-tile-icon{border-radius:var(--radius-sm);background:var(--bg-elevated);justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:4px;display:flex}.metric-tile.teal .metric-tile-icon{color:var(--brand-blue)}.metric-tile.gold .metric-tile-icon{color:var(--brand-orange)}.metric-tile.green .metric-tile-icon{color:var(--brand-green)}.metric-tile.orange .metric-tile-icon{color:var(--brand-orange)}.metric-tile-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:.7rem;font-weight:500}.metric-tile-value{color:var(--text-primary);font-size:1.9rem;font-weight:700;line-height:1}.metric-tile-sub{color:var(--text-muted);font-size:.72rem;font-weight:400}.activity-feed{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid var(--border);gap:12px;padding:11px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{background:var(--text-disabled);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.dot-teal{background:var(--brand-blue);box-shadow:0 0 6px var(--brand-blue)}.dot-gold{background:var(--brand-orange);box-shadow:0 0 6px var(--brand-orange)}.dot-green{background:var(--brand-green);box-shadow:0 0 6px var(--brand-green)}.dot-orange{background:var(--brand-orange)}.dot-red{background:var(--brand-red)}.activity-body{flex:1;min-width:0}.activity-message{color:var(--text-secondary);word-break:break-word;font-size:.83rem;line-height:1.4}.activity-time{color:var(--text-muted);margin-top:2px;font-size:.7rem}.activity-agent{color:var(--brand-orange);margin-top:1px;font-size:.72rem;font-weight:500}.task-columns{grid-template-columns:repeat(3,1fr);align-items:start;gap:14px;min-height:400px;display:grid}.task-column{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);flex-direction:column;display:flex}.task-col-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 14px;font-size:.78rem;font-weight:600;display:flex}.task-col-count{background:var(--bg-elevated);color:var(--text-muted);border-radius:10px;margin-left:auto;padding:1px 7px;font-size:.7rem}.task-col-todo .task-col-header{color:var(--text-muted)}.task-col-doing .task-col-header{color:var(--brand-orange)}.task-col-done .task-col-header{color:var(--brand-green)}.task-list{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex}.task-card{background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;padding:12px;transition:border-color .15s,transform .1s,background .15s}.task-card:hover{border-color:var(--border-hover);background:var(--bg-hover);transform:translateY(-1px)}.task-card-title{color:var(--text-primary);margin-bottom:8px;font-size:.83rem;font-weight:500;line-height:1.35}.task-card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.task-tag{color:var(--brand-blue);background:#5a9cf526;border:1px solid #5a9cf533;border-radius:4px;padding:2px 7px;font-size:.68rem;font-weight:500}.task-assignee{color:var(--text-muted);align-items:center;gap:4px;margin-left:auto;font-size:.72rem;display:flex}.memory-grid{border-radius:var(--radius-lg);border:1px solid var(--border);grid-template-columns:220px 1fr;height:calc(100vh - 140px);display:grid;overflow:hidden}.memory-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);padding:10px 8px;overflow-y:auto}.memory-doc-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);border:1px solid #0000;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:.83rem;transition:background .15s,color .15s;display:flex}.memory-doc-item:hover{background:var(--bg-hover);color:var(--text-primary)}.memory-doc-item.active{color:var(--brand-orange);background:#e5850f1f;border-color:#e5850f33}.memory-content{background:var(--bg-card);padding:24px;overflow-y:auto}.memory-content pre{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-family:Courier New,monospace;font-size:.82rem;line-height:1.75}.memory-doc-title{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:12px;font-size:1rem;font-weight:600}.week-calendar{border-radius:var(--radius-md);border:1px solid var(--border);grid-template-columns:56px repeat(7,1fr);gap:0;display:grid;overflow:hidden}.cal-header-cell{background:var(--bg-elevated);text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:10px 6px;font-size:.7rem;font-weight:600}.cal-header-cell.today{color:var(--brand-orange);background:#e5850f14}.cal-time-cell{color:var(--text-disabled);text-align:center;border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:#ffffff04;justify-content:center;align-items:center;min-height:56px;padding:6px;font-size:.7rem;display:flex}.cal-cell{background:var(--bg-card);border-bottom:1px solid var(--border);border-right:1px solid var(--border);min-height:56px;padding:3px;transition:background .15s;position:relative}.cal-cell:hover{background:var(--bg-hover)}.cal-event{border-left:3px solid var(--brand-blue);color:var(--text-primary);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#5a9cf52e;border-radius:4px;margin-bottom:3px;padding:3px 6px;font-size:.7rem;transition:background .15s;overflow:hidden}.cal-event:hover{background:#5a9cf547}.cal-event-cron{border-left-color:var(--brand-orange);background:#e5850f2e}.cal-event-cron:hover{background:#e5850f47}.cal-event-task{border-left-color:var(--brand-blue);background:#5a9cf52e}.cal-event-agent{border-left-color:var(--brand-green);background:#2ecc8f26}.team-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.agent-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);transition:border-color .2s,transform .15s;overflow:hidden}.agent-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.agent-card-header{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:18px 16px 14px;display:flex}.agent-avatar{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.avatar-gerard{background:linear-gradient(135deg, var(--brand-blue), #3d7fd1)}.agent-info h3{color:var(--text-primary);margin-bottom:3px;font-size:.9rem}.agent-role{color:var(--text-muted);font-size:.75rem}.agent-status-bar{border-bottom:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:8px;padding:9px 16px;font-size:.75rem;display:flex}.status-online{background:var(--brand-green);box-shadow:0 0 5px var(--brand-green)}.status-idle{background:var(--text-disabled)}.status-busy{background:var(--brand-orange);box-shadow:0 0 5px var(--brand-orange)}.status-offline{background:#444}.agent-card-body{color:var(--text-secondary);padding:12px 16px;font-size:.8rem;line-height:1.5}.agent-card-footer{border-top:1px solid var(--border);gap:8px;padding:10px 16px;display:flex}.office-canvas{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border);background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px;width:100%;height:calc(100vh - 140px);position:relative;overflow:hidden}.office-desk{text-align:center;width:136px;transition:transform .25s;position:absolute}.office-desk:hover{z-index:10;transform:scale(1.04)}.desk-surface{background:var(--bg-card);border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid var(--border);border-bottom:none;justify-content:center;align-items:flex-end;gap:4px;height:68px;padding-bottom:6px;display:flex}.desk-screen{background:var(--bg-sidebar);border:1px solid var(--border);width:58px;height:38px;color:var(--text-disabled);border-radius:3px;justify-content:center;align-items:center;font-size:.6rem;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.desk-screen.active{color:var(--brand-orange);background:linear-gradient(135deg,#e5850f33,#f59e0b26);border-color:#e5850f66;box-shadow:0 0 10px #e5850f40}.desk-legs{justify-content:space-between;padding:0 10px;display:flex}.desk-leg{background:var(--bg-elevated);border-radius:0 0 2px 2px;width:8px;height:14px}.office-agent-chip{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);text-align:center;margin-top:8px;padding:8px 10px}.office-agent-chip .agent-name{color:var(--text-primary);margin-bottom:2px;font-size:.78rem;font-weight:600}.office-agent-chip .agent-task{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.office-status-badge{border-radius:10px;align-items:center;gap:4px;margin-top:4px;padding:2px 7px;font-size:.68rem;font-weight:500;display:inline-flex}.badge-online{color:var(--brand-green);background:#2ecc8f1f;border:1px solid #2ecc8f33}.badge-idle{color:var(--text-muted);border:1px solid var(--border);background:#ffffff0d}.badge-busy{color:var(--brand-orange);background:#e5850f1f;border:1px solid #e5850f33}.badge-offline{color:var(--text-disabled);background:#ffffff08;border:1px solid #0000}.settings-section{margin-bottom:6px}.settings-section>h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;padding:16px 4px 8px;font-size:.7rem;font-weight:600}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:13px 4px;display:flex}.settings-row:last-child{border-bottom:none}.settings-label{flex:1}.settings-label span{color:var(--text-primary);font-size:.85rem;font-weight:500;display:block}.settings-label p{color:var(--text-muted);margin-top:2px;font-size:.75rem}input[type=text],input[type=email],input[type=password],textarea,select{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:border-color .2s,background .2s}input:focus,textarea:focus,select:focus{border-color:var(--brand-orange);background:var(--bg-elevated)}input::placeholder,textarea::placeholder{color:var(--text-disabled)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--brand-orange);color:#fff;border-color:var(--brand-orange)}.btn-primary:hover{background:#d1790d}.btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:5px 10px;font-size:.78rem}.btn-xs{padding:3px 8px;font-size:.72rem}.toggle{cursor:pointer;flex-shrink:0;width:40px;height:22px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--bg-elevated);border:1px solid var(--border);border-radius:11px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-disabled);border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-slider{background:#e5850f33;border-color:#e5850f66}.toggle input:checked+.toggle-slider:before{background:var(--brand-orange);transform:translate(18px)}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:400px;padding:40px}.login-logo{text-align:center;margin-bottom:32px}.login-logo-icon{background:linear-gradient(135deg, var(--brand-orange), #f59e0b);border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;font-size:20px;display:flex}.login-logo h1{color:var(--text-primary);margin-bottom:4px;font-size:1.15rem}.login-logo p{color:var(--text-muted);font-size:.8rem}.login-form{flex-direction:column;gap:14px;display:flex}.login-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.75rem;font-weight:500;display:block}.login-error{border-radius:var(--radius-sm);color:var(--brand-red);background:#d955551a;border:1px solid #d9555540;padding:8px 12px;font-size:.8rem}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 20px;display:flex}.empty-state-icon{width:40px;height:40px;color:var(--text-disabled)}.empty-state p{font-size:.83rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header>div h2{color:var(--text-primary);font-size:1.05rem}.section-header>div p{color:var(--text-muted);margin-top:2px;font-size:.78rem}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.divider{background:var(--border);height:1px;margin:14px 0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.sidebar{width:60px;min-width:60px}.sidebar-logo-text,.sidebar-logo-sub,.nav-item span,.nav-badge{display:none}.nav-item{justify-content:center;padding:10px}.task-columns,.memory-grid,.grid-2{grid-template-columns:1fr}}.tasks-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.tasks-header h2{color:var(--text-primary);margin-bottom:4px;font-size:1.05rem}.tasks-header p{color:var(--text-muted);font-size:.78rem}.tasks-loading{height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.83rem;display:flex}.add-task-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;animation:.2s ease-out fadeInUp;display:flex}.kanban-board{grid-template-columns:repeat(3,1fr);align-items:start;gap:14px;display:grid}.kanban-col{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;gap:0;display:flex;overflow:hidden}.kanban-col-header{border-bottom:1px solid var(--border);background:var(--bg-card);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.kanban-col-title{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:flex}.kanban-col-count{text-align:center;border-radius:10px;min-width:24px;padding:2px 8px;font-size:.7rem;font-weight:600}.kanban-drop-zone{border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-direction:column;gap:8px;min-height:120px;padding:10px;transition:background .15s;display:flex}.kanban-drop-zone.dragging-over{background:#e5850f0a}.kanban-empty-col{height:80px;color:var(--text-disabled);border:1.5px dashed var(--border);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:.78rem;display:flex}.kanban-card{background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;padding:12px;transition:border-color .15s,box-shadow .15s,opacity .15s}.kanban-card:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #0003}.kanban-card:active{cursor:grabbing}.kanban-card-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.kanban-card-title{color:var(--text-primary);flex:1;font-size:.83rem;font-weight:500;line-height:1.4}.kanban-agent{color:var(--brand-orange);white-space:nowrap;flex-shrink:0;font-size:.68rem;font-weight:500}.kanban-desc{color:var(--text-muted);margin-bottom:8px;font-size:.75rem;line-height:1.5}.kanban-tags{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.kanban-tag{color:var(--brand-blue);background:#5a9cf51a;border:1px solid #5a9cf526;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:.65rem;font-weight:500;display:inline-flex}.kanban-card-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.kanban-time{color:var(--text-disabled);align-items:center;gap:4px;font-size:.68rem;display:flex}.kanban-drag-hint{color:var(--text-disabled);letter-spacing:-1px;opacity:0;font-size:.65rem;transition:opacity .15s}.kanban-card:hover .kanban-drag-hint{opacity:1}@media (max-width:900px){.kanban-board{grid-template-columns:1fr}.add-task-form{flex-wrap:wrap}}.team-stats-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:0;margin-bottom:20px;padding:12px 18px;display:flex}.team-stat{flex-direction:column;align-items:center;gap:2px;padding:0 20px;display:flex}.team-stat-value{color:var(--text-primary);font-size:1.4rem;font-weight:700;line-height:1}.team-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem}.team-stat-divider{background:var(--border);flex-shrink:0;width:1px;height:32px}.team-loading{height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.83rem;display:flex}.team-hierarchy{flex-direction:column;gap:20px;display:flex}.division-group{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.division-header{border-bottom:1px solid var(--border);background:#ffffff05;align-items:center;gap:10px;padding:10px 16px;display:flex}.division-bar{border-radius:2px;flex-shrink:0;width:3px;height:16px}.division-label{text-transform:uppercase;letter-spacing:.8px;font-size:.75rem;font-weight:600}.division-count{color:var(--text-disabled);background:var(--bg-elevated);border-radius:10px;margin-left:4px;padding:1px 7px;font-size:.7rem}.division-agents{padding:8px 0}.agent-node{flex-direction:column;display:flex}.agent-node-card{cursor:default;align-items:center;gap:12px;padding:10px 16px;transition:background .15s;display:flex;position:relative}.agent-node-card:hover{background:#ffffff05}.agent-node-card.online{background:#2ecc8f08}.agent-node-connector{flex-direction:column;flex-shrink:0;align-items:center;gap:0;width:16px;display:flex}.agent-node-dot{z-index:1;border-radius:50%;flex-shrink:0;width:9px;height:9px}.agent-node-line{background:var(--border);flex:1;width:1px;min-height:12px;margin:2px 0}.agent-node-avatar{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.avatar-timcook{background:linear-gradient(135deg, var(--brand-orange), #f59e0b)}.avatar-cfo{background:linear-gradient(135deg, var(--brand-blue), #4a8de5)}.avatar-aleja{background:linear-gradient(135deg,#e879f9,#c026d3)}.avatar-atlas{background:linear-gradient(135deg, var(--brand-green), #16a34a)}.avatar-lumen{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.avatar-olga{background:linear-gradient(135deg,#64748b,#475569)}.avatar-other{background:linear-gradient(135deg, var(--bg-elevated), var(--bg-hover))}.agent-node-info{flex:1;min-width:0}.agent-node-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.agent-node-role{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.73rem;overflow:hidden}.agent-node-badge{border:1px solid #0000;border-radius:10px;flex-shrink:0;align-items:center;gap:5px;padding:3px 8px;font-size:.68rem;font-weight:500;display:inline-flex}.badge-online{color:var(--brand-green);background:#2ecc8f1a;border-color:#2ecc8f26}.badge-idle{color:var(--text-muted);border-color:var(--border);background:#ffffff0a}.badge-busy{color:var(--brand-orange);background:#e5850f1a;border-color:#e5850f26}.badge-offline{color:var(--text-disabled);background:#ffffff05;border-color:#0000}.agent-node-expand{cursor:pointer;color:var(--text-disabled);background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.agent-node-expand:hover{color:var(--text-primary);background:var(--bg-hover)}.agent-node-expanded{padding:8px 16px 10px 62px;animation:.2s ease-out fadeInUp}.agent-expanded-row{gap:12px;margin-bottom:4px;display:flex}.agent-expanded-label{color:var(--text-disabled);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:80px;padding-top:1px;font-size:.7rem}.agent-expanded-value{color:var(--text-secondary);flex:1;font-size:.8rem;line-height:1.4}.agent-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}