:root{--bg-primary: #0a0e17;--bg-card: #111827;--bg-card-hover: #1a2234;--accent: #00d4ff;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--border: #1f2937;--zam: #8B5CF6;--molly: #10B981;--stitch: #F59E0B;--rax: #EF4444;--lux: #8B5CF6;--status-online: #22c55e;--status-busy: #f59e0b;--status-idle: #6b7280;--status-offline: #ef4444;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;min-height:100vh}.obs-nav{height:64px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:0;position:sticky;top:0;z-index:100;background:#0a0e17e6;backdrop-filter:blur(12px)}.obs-nav-logo{font-size:16px;font-weight:600;color:var(--accent);text-decoration:none;margin-right:32px}.obs-nav-tabs{display:flex;gap:4px;position:relative}.obs-nav-tab{padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;border:none;background:transparent;text-decoration:none}.obs-nav-tab:hover{color:var(--text-primary);background:var(--bg-card)}.obs-nav-tab.active{color:var(--accent);background:#00d4ff1a}.obs-nav-meta{margin-left:auto;font-size:13px;color:var(--text-muted);font-family:var(--font-mono)}.obs-main{max-width:1400px;margin:0 auto;padding:24px}.obs-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.obs-hero h1{font-size:24px;font-weight:700}.obs-hero h1 span{color:var(--accent)}.obs-hero-time{font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:24px}.agent-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border);position:relative;overflow:hidden;transition:all .3s;cursor:pointer}.agent-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--agent-color, #6b7280);box-shadow:0 0 12px var(--agent-color, #6b7280)}.agent-card:hover{transform:translateY(-2px);background:var(--bg-card-hover);box-shadow:0 8px 32px #0006}.agent-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.agent-avatar{width:40px;height:40px;border-radius:50%;background:var(--agent-color, #6b7280);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.agent-info h3{font-size:15px;font-weight:600}.agent-info .agent-role{font-size:12px;color:var(--text-muted)}.agent-status-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--status-color, #6b7280)}.status-dot.online{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.status-label{font-size:12px;font-weight:500;color:var(--status-color, #6b7280);text-transform:capitalize}.load-bar-wrap{background:var(--border);border-radius:4px;height:4px;margin-bottom:12px;overflow:hidden}.load-bar{height:100%;border-radius:4px;background:var(--agent-color, #6b7280);transition:width .5s ease}.agent-task{font-size:12px;color:var(--text-secondary);margin-bottom:12px;line-height:1.4;min-height:34px}.agent-kpi-row{display:flex;gap:12px;font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.agent-kpi-item strong{color:var(--text-primary);font-weight:600}.overview-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:24px}.overview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.overview-card .label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px}.overview-card .value{font-size:28px;font-weight:700;font-family:var(--font-mono)}.overview-card .sub{font-size:11px;color:var(--text-muted);margin-top:4px}.overview-card.online .value{color:var(--status-online)}.overview-card.busy .value{color:var(--status-busy)}.overview-card.offline .value{color:var(--status-offline)}.overview-card.health .value{color:var(--accent)}.section-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--text-secondary)}.activity-feed{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.activity-item{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;gap:12px;align-items:flex-start;font-size:13px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.activity-item:last-child{border-bottom:none}.activity-time{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);flex-shrink:0;width:60px}.activity-agent{font-weight:600;flex-shrink:0;width:50px}.activity-text{color:var(--text-secondary);flex:1}.activity-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:5px}.login-overlay{position:fixed;inset:0;background:#0a0e17f2;display:flex;align-items:center;justify-content:center;z-index:1000}.login-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;width:380px;text-align:center}.login-box h2{font-size:20px;margin-bottom:8px}.login-box p{font-size:13px;color:var(--text-muted);margin-bottom:28px}.login-box input{width:100%;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;margin-bottom:12px;outline:none;transition:border-color .2s}.login-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00d4ff1a}.login-box button{width:100%;padding:12px;background:var(--accent);color:#000;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.login-box button:hover{opacity:.85}.login-error{font-size:12px;color:#ef4444;margin-top:8px;display:none}.login-box .hint{font-size:11px;color:var(--text-muted);margin-top:16px}.tab-content{display:none}.tab-content.active{display:block}.network-placeholder{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);height:400px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px}.network-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;position:relative;margin-bottom:24px}.network-legend{display:flex;gap:16px;margin-bottom:12px;font-size:12px;color:var(--text-secondary);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-line{display:inline-block;width:24px;height:2px;background:var(--accent);opacity:.6}#networkSvg{display:block;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border);cursor:grab}#networkSvg:active{cursor:grabbing}.network-tooltip{position:absolute;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;font-size:12px;color:var(--text-primary);pointer-events:none;opacity:0;transition:opacity .15s;z-index:10;box-shadow:0 4px 16px #0006;max-width:200px}.network-tooltip.visible{opacity:1}.network-tooltip .tip-name{font-weight:600;font-size:13px;margin-bottom:4px}.network-tooltip .tip-role{color:var(--text-muted);font-size:11px}.network-tooltip .tip-task{color:var(--text-secondary);margin-top:6px;font-size:11px}.collab-matrix{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.matrix-row{display:flex;align-items:center;border-bottom:1px solid var(--border);font-size:12px}.matrix-row:last-child{border-bottom:none}.matrix-from{padding:8px 12px;font-weight:600;color:var(--text-secondary);min-width:70px;border-right:1px solid var(--border)}.matrix-cells{display:flex;flex:1}.matrix-cell{flex:1;padding:6px 8px;text-align:center;border-right:1px solid var(--border);font-size:11px;color:var(--text-muted)}.matrix-cell:last-child{border-right:none}.matrix-cell.active{color:var(--accent);font-weight:600}.matrix-cell-header{font-size:11px;color:var(--text-muted);font-weight:500}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:24px}.detail-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.detail-card-header{padding:14px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);border-left:3px solid var(--agent-color, #6b7280)}.detail-card-body{padding:14px 16px}.detail-metric{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px}.detail-metric:last-child{border-bottom:none}.detail-metric .label{color:var(--text-muted);font-size:12px}.detail-metric .value{font-family:var(--font-mono);font-weight:600;font-size:13px}.detail-kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.detail-kpi-box{background:var(--bg-primary);border-radius:var(--radius-sm);padding:8px 10px}.detail-kpi-box .dk-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:2px}.detail-kpi-box .dk-value{font-family:var(--font-mono);font-size:14px;font-weight:700}.metrics-table{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.metrics-table-header,.metrics-table-row{display:grid;grid-template-columns:100px 80px 1fr 100px 80px;gap:8px;padding:10px 16px;align-items:center;font-size:12px}.metrics-table-header{background:var(--bg-primary);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;border-bottom:1px solid var(--border)}.metrics-table-row{border-bottom:1px solid var(--border);transition:background .15s}.metrics-table-row:last-child{border-bottom:none}.metrics-table-row:hover{background:var(--bg-card-hover)}.mt-name{font-weight:600;display:flex;align-items:center;gap:8px}.mt-name-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mt-status{text-transform:capitalize}.mt-task{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-load{font-family:var(--font-mono)}.mt-updated{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.load-mini{width:60px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.load-mini-bar{height:100%;border-radius:2px;background:var(--color)}.trends-controls{display:flex;align-items:center;gap:8px;margin-bottom:16px}.trend-label{font-size:12px;color:var(--text-muted);margin-right:4px}.trend-range-btn{padding:4px 12px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.trend-range-btn:hover{border-color:var(--accent);color:var(--accent)}.trend-range-btn.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:600}.trend-chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden}.trend-chart-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.trend-chart-title{font-size:14px;font-weight:600}.trend-chart-sub{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.trend-chart-wrap{padding:12px 16px 16px;position:relative}#loadTrendSvg,#collabTrendSvg,#statusTrendSvg{display:block;background:var(--bg-primary);border-radius:var(--radius-md)}.trend-empty{text-align:center;color:var(--text-muted);font-size:13px;padding:24px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:16px}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.kpi-card .kpi-agent{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:6px}.kpi-card .kpi-agent-dot{width:8px;height:8px;border-radius:50%}.kpi-metric{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}.kpi-metric:last-child{border-bottom:none}.kpi-metric .km-label{color:var(--text-muted)}.kpi-metric .km-value{font-family:var(--font-mono);font-weight:600;color:var(--accent)}.kpi-monitor{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:24px;overflow:hidden}.kpi-monitor-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.kpi-monitor-title{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.kpi-monitor-title .live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 2s ease-in-out infinite}.kpi-monitor-meta{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.kpi-monitor-refresh-btn{padding:5px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.kpi-monitor-refresh-btn:hover{border-color:var(--accent);color:var(--accent)}.kpi-monitor-body{padding:16px 20px}.kpi-monitor-columns{display:grid;grid-template-columns:1fr 380px;gap:20px;margin-bottom:16px}.kpi-agent-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.kpi-agent-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;position:relative;overflow:hidden;transition:border-color .2s}.kpi-agent-card:hover{border-color:var(--agent-color, #6b7280)}.kpi-agent-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--agent-color, #6b7280)}.kpi-agent-card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.kpi-agent-avatar{width:28px;height:28px;border-radius:50%;background:var(--agent-color, #6b7280);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.kpi-agent-name{font-size:13px;font-weight:600}.kpi-agent-load-bar{height:3px;background:var(--border);border-radius:2px;margin-bottom:10px;overflow:hidden}.kpi-agent-load-fill{height:100%;border-radius:2px;background:var(--agent-color, #6b7280);transition:width .5s ease}.kpi-metrics-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.kpi-metric-box{background:var(--bg-card);border-radius:var(--radius-sm);padding:6px 8px}.kpi-metric-box .kmb-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:2px}.kpi-metric-box .kmb-value{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--accent)}.kpi-metric-box .kmb-value.success{color:#22c55e}.kpi-metric-box .kmb-value.error{color:#ef4444}.kpi-metric-box .kmb-value.warning{color:#f59e0b}.kpi-alerts{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.kpi-alerts-header{padding:10px 14px;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px}.kpi-alerts-count{background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.kpi-alerts-list{max-height:320px;overflow-y:auto}.kpi-alert-item{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04);display:flex;gap:10px;align-items:flex-start;font-size:12px;animation:fadeIn .3s ease}.kpi-alert-item:last-child{border-bottom:none}.kpi-alert-severity{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.kpi-alert-severity.critical{background:#ef4444;box-shadow:0 0 6px #ef4444}.kpi-alert-severity.warning{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.kpi-alert-severity.info{background:#00d4ff}.kpi-alert-severity.resolved{background:#22c55e}.kpi-alert-body{flex:1;min-width:0}.kpi-alert-message{color:var(--text-secondary);line-height:1.4}.kpi-alert-time{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:3px}.kpi-alerts-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:12px}.kpi-trend-section{margin-top:16px}.kpi-trend-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.kpi-trend-title{font-size:13px;font-weight:600;color:var(--text-secondary)}.kpi-trend-chart{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;overflow-x:auto}.kpi-trend-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;min-width:600px}.kpi-trend-row:last-child{margin-bottom:0}.kpi-trend-label{font-size:11px;font-weight:600;min-width:50px;text-align:right;color:var(--text-secondary)}.kpi-trend-bars{display:flex;align-items:center;gap:3px;flex:1;height:24px}.kpi-trend-bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end}.kpi-trend-bar{width:100%;border-radius:2px 2px 0 0;min-height:2px;transition:height .3s ease;position:relative;cursor:pointer}.kpi-trend-bar:hover{opacity:.8}.kpi-trend-bar-tooltip{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 7px;font-size:10px;font-family:var(--font-mono);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:5}.kpi-trend-bar:hover .kpi-trend-bar-tooltip{opacity:1}.kpi-trend-x-labels{display:flex;margin-left:62px;margin-top:4px}.kpi-trend-x-label{flex:1;font-size:9px;color:var(--text-muted);font-family:var(--font-mono);text-align:center}.kpi-monitor-loading{text-align:center;color:var(--text-muted);font-size:12px;padding:24px}@media(max-width:900px){.kpi-monitor-columns{grid-template-columns:1fr}.kpi-alerts{max-height:240px}}@media(max-width:600px){.kpi-agent-cards{grid-template-columns:1fr 1fr}}.cmd-panel{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);z-index:200;transform:translateY(calc(100% - 48px));transition:transform .3s ease;max-height:90vh;overflow:hidden}.cmd-panel.open{transform:translateY(0)}.cmd-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;cursor:pointer;user-select:none}.cmd-panel-header:hover{background:var(--bg-card-hover)}.cmd-panel-title{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.cmd-badge{background:var(--accent);color:#000;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px}.cmd-toggle-icon{font-size:12px;color:var(--text-muted);transition:transform .2s}.cmd-panel.open .cmd-toggle-icon{transform:rotate(180deg)}.cmd-panel-body{padding:0 20px 16px;max-height:280px;overflow-y:auto}.cmd-input-row{display:flex;gap:8px;margin-bottom:12px}.cmd-agent-select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:12px;padding:10px 12px;outline:none;min-width:100px;cursor:pointer;font-family:Inter,sans-serif}.cmd-agent-select:focus{border-color:var(--accent)}.cmd-input{flex:1;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;padding:10px 14px;outline:none;transition:border-color .2s;font-family:Inter,sans-serif}.cmd-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00d4ff1a}.cmd-input::placeholder{color:var(--text-muted)}.cmd-submit-btn{padding:10px 20px;background:var(--accent);color:#000;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap}.cmd-submit-btn:hover{opacity:.8}.cmd-submit-btn:disabled{opacity:.4;cursor:not-allowed}.cmd-history{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.cmd-item{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:var(--radius-md);background:var(--bg-primary);font-size:12px;animation:fadeInUp .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cmd-item-agent{font-weight:700;font-size:10px;padding:2px 7px;border-radius:10px;flex-shrink:0;margin-top:2px}.cmd-item-body{flex:1;min-width:0}.cmd-item-text{color:var(--text-secondary);line-height:1.4;word-break:break-word}.cmd-result{margin-top:6px;padding:8px 10px;background:#0000004d;border-radius:6px;font-size:12px;color:var(--text-primary);border-left:2px solid var(--accent);max-height:150px;overflow-y:auto;line-height:1.5;white-space:pre-wrap;word-break:break-word}.cmd-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.cmd-item-time{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.cmd-item-status{font-size:11px;font-weight:600}.cmd-item-status.queued{color:#f59e0b}.cmd-item-status.running{color:var(--accent)}.cmd-item-status.done{color:#22c55e}.cmd-item-status.error{color:#ef4444}.capabilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.cap-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.cap-section-title{padding:12px 16px;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.cap-section-body{padding:16px}.heatmap-wrap{overflow-x:auto}.heatmap-table{border-collapse:collapse;font-size:11px;width:100%}.heatmap-table th{padding:5px 8px;color:var(--text-muted);font-weight:500;text-align:center;white-space:nowrap}.heatmap-table th:first-child{text-align:left;color:var(--text-secondary)}.heatmap-table td{padding:3px 6px;text-align:center}.heatmap-table td:first-child{text-align:left;font-size:11px;color:var(--text-secondary);white-space:nowrap}.hm-cell{width:28px;height:22px;border-radius:3px;cursor:pointer;transition:transform .15s,box-shadow .15s;margin:0 auto}.hm-cell:hover{transform:scale(1.2);box-shadow:0 2px 8px #0006}.radar-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.radar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px;text-align:center}.radar-card-title{font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:capitalize}.skill-coverage-table{border-collapse:collapse;font-size:12px;width:100%}.skill-coverage-table th{padding:8px 12px;text-align:left;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.skill-coverage-table td{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.04)}.skill-coverage-table tr:last-child td{border-bottom:none}.skill-coverage-table .sc-category{font-weight:600;color:var(--text-primary)}.skill-coverage-table .sc-agents{display:flex;gap:4px;flex-wrap:wrap}.sc-agent-badge{padding:2px 7px;border-radius:10px;font-size:10px;font-weight:600}.skill-coverage-table .uncovered{border:1px solid #ef4444;border-radius:4px}.skill-coverage-table .uncovered td:first-child{color:#ef4444}.cap-full{margin-bottom:24px}.evolution-hero{display:flex;align-items:center;gap:24px;margin-bottom:24px;flex-wrap:wrap}.tei-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 32px;display:flex;align-items:center;gap:24px;min-width:320px}.tei-score{font-size:64px;font-weight:700;font-family:var(--font-mono);color:var(--accent);line-height:1;text-shadow:0 0 30px rgba(0,212,255,.4)}.tei-meta{display:flex;flex-direction:column;gap:8px}.tei-label{font-size:13px;color:var(--text-muted)}.tei-delta{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.tei-delta.up{background:#22c55e26;color:#22c55e}.tei-delta.down{background:#ef444426;color:#ef4444}.tei-delta.neutral{background:#6b728026;color:#6b7280}.tei-sparkline{flex:1;min-width:200px}.milestone-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.milestone-col{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;min-width:0}.milestone-col-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.milestone-col-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.milestone-col-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.milestone-items{display:flex;flex-direction:column;gap:8px}.milestone-item{display:flex;gap:8px;align-items:flex-start;font-size:11px;animation:fadeIn .3s ease}.milestone-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:2px}.milestone-dot.skill{background:#22c55e;box-shadow:0 0 6px #22c55e}.milestone-dot.task{background:var(--accent);box-shadow:0 0 6px var(--accent)}.milestone-dot.cross{background:#eab308;box-shadow:0 0 6px #eab308}.milestone-dot.upgrade{background:#a855f7;box-shadow:0 0 6px #a855f7}.milestone-text{color:var(--text-secondary);line-height:1.4}.milestone-time{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);display:block;margin-top:2px}.speed-chart-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:24px}.speed-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.speed-bar-row:last-child{margin-bottom:0}.speed-agent-label{font-size:11px;font-weight:600;min-width:60px;text-align:right;color:var(--text-secondary)}.speed-bar-track{flex:1;height:16px;background:var(--bg-primary);border-radius:8px;overflow:hidden;position:relative}.speed-bar-fill{height:100%;border-radius:8px;transition:width .6s ease}.speed-bar-value{font-size:11px;font-family:var(--font-mono);min-width:45px;font-weight:600}.speed-avg-line{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);opacity:.7}.cross-train-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:24px}.cross-matrix{display:grid;grid-template-columns:80px repeat(5,1fr);gap:2px;font-size:11px}.cross-cell{padding:8px 6px;text-align:center;border-radius:4px;transition:opacity .15s}.cross-cell:hover{opacity:.8}.cross-cell-header{font-weight:600;color:var(--text-secondary);font-size:10px;text-transform:uppercase}.cross-cell-label{text-align:right;padding-right:10px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;justify-content:flex-end}.cross-cell-value{font-family:var(--font-mono);font-weight:600;font-size:12px}.cross-cell-rate{font-size:9px;color:var(--text-muted);display:block}.empty-state{text-align:center;color:var(--text-muted);font-size:13px;padding:32px}