.team-config{padding:1rem;height:100%;display:flex;flex-direction:column;overflow:hidden}.team-config--loading,.team-config--error{padding:2rem;text-align:center;color:#aaa}.team-config--error{color:#e74c3c}.team-config__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.team-config__header h2{margin:0;font-size:1.25rem;color:#e0e0e0}.team-config__tabs{display:flex;gap:.5rem}.tc-tab-btn{padding:.4rem .9rem;border:1px solid #444;border-radius:6px;background:#2a2a2a;color:#ccc;cursor:pointer;font-size:.85rem;transition:all .2s}.tc-tab-btn:hover{background:#333;border-color:#667eea}.tc-tab-btn.active{background:#667eea;border-color:#667eea;color:#fff}.team-config__body{flex:1;overflow-y:auto;padding-right:4px}.tc-roles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tc-roles-header h3{margin:0;font-size:1rem;color:#ccc}.tc-btn{padding:.4rem .8rem;border-radius:6px;border:none;cursor:pointer;font-size:.82rem;font-weight:500;transition:all .2s}.tc-btn--primary{background:#667eea;color:#fff}.tc-btn--primary:hover{background:#5567d3}.tc-btn--secondary{background:#2a2a3a;color:#ccc;border:1px solid #444}.tc-btn--secondary:hover{background:#333}.tc-btn--danger{background:transparent;color:#e74c3c;border:1px solid #e74c3c44}.tc-btn--danger:hover{background:#e74c3c22}.tc-btn:disabled{opacity:.4;cursor:not-allowed}.role-table{width:100%;border-collapse:collapse;font-size:.85rem}.role-table th{text-align:left;padding:.5rem .75rem;background:#16213e;color:#888;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #2a2a3a}.role-table td{padding:.55rem .75rem;border-bottom:1px solid #1e1e2e;color:#ccc;vertical-align:top}.role-table tr:hover td{background:#1e1e2e}.role-key-badge{font-family:monospace;font-size:.78rem;background:#1a1a2e;color:#667eea;padding:2px 6px;border-radius:4px;border:1px solid #2a2a4a}.skill-tag{display:inline-block;background:#2a2a3a;color:#9b9bbb;border-radius:4px;padding:1px 6px;font-size:.75rem;margin:1px 2px 1px 0}.builtin-badge{font-size:.7rem;background:#1a3a1a;color:#3fbb93;border:1px solid #3fbb9344;border-radius:4px;padding:1px 5px;margin-left:4px}.tc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.tc-modal{background:#16213e;border:1px solid #2a2a4a;border-radius:10px;padding:1.5rem;width:560px;max-width:95vw;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.tc-modal h3{margin:0 0 1rem;color:#e0e0e0;font-size:1.05rem}.tc-form-group{margin-bottom:.9rem}.tc-form-group label{display:block;font-size:.82rem;color:#999;margin-bottom:.3rem;font-weight:500}.tc-input,.tc-textarea{width:100%;background:#0f3460;border:1px solid #2a4080;border-radius:6px;color:#e0e0e0;padding:.5rem .65rem;font-size:.85rem;outline:none;box-sizing:border-box;transition:border-color .2s}.tc-input:focus,.tc-textarea:focus{border-color:#667eea}.tc-textarea{resize:vertical;min-height:90px;font-family:inherit}.tc-modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.2rem}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.preset-card{background:#16213e;border:1px solid #2a2a4a;border-radius:8px;padding:1rem}.preset-card h4{margin:0 0 .4rem;color:#e0e0e0;font-size:.95rem}.preset-card p{margin:0 0 .75rem;color:#888;font-size:.82rem;line-height:1.4}.preset-team-list{list-style:none;padding:0;margin:0 0 .75rem;font-size:.8rem;color:#9b9bbb}.preset-team-list li{padding:2px 0}.preset-team-list li:before{content:"• ";color:#667eea}.tc-api-keys{display:flex;flex-direction:column;gap:.75rem}.tc-api-keys-loading,.tc-api-keys-error,.tc-api-keys-forbidden{padding:2rem;text-align:center;color:#aaa}.tc-api-keys-error{color:#e74c3c}.tc-active-banner{background:#12122a;border:1px solid #2a2a6a;border-radius:6px;padding:.6rem 1rem;font-size:.85rem;color:#9b9bbb}.tc-active-banner strong{color:#a8b4ff}.tc-api-keys-hint{font-size:.8rem;color:#666;margin:0}.tc-provider-list{display:flex;flex-direction:column;gap:.75rem}.tc-provider-card{background:#12122a;border:1px solid #1e1e4a;border-radius:8px;overflow:hidden}.tc-provider-card__header{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 1rem;border-bottom:1px solid #1e1e4a;gap:1rem}.tc-provider-card__name{font-weight:600;color:#e0e0ff;font-size:.9rem;display:block}.tc-provider-card__desc{font-size:.78rem;color:#666;display:block;margin-top:2px}.tc-provider-card__status{flex-shrink:0}.tc-status-badge{font-size:.75rem;font-family:monospace;padding:2px 8px;border-radius:4px}.tc-status-badge--set{background:#0d2a1e;color:#3fbb93;border:1px solid #1a5e3c}.tc-status-badge--unset{background:#1a1a2e;color:#666;border:1px solid #2a2a4a}.tc-provider-card__body{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.tc-provider-card__actions{display:flex;gap:.5rem;margin-top:.25rem}.tc-api-keys-msg{font-size:.82rem;margin:0}.tc-api-keys-msg--error{color:#e74c3c}.tc-api-keys-msg--ok{color:#3fbb93}.tc-modal--wide{width:760px}.tc-operating-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.tc-textarea--code,.tc-model-json{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.tc-model-card{display:flex;flex-direction:column;gap:.65rem}.tc-model-card__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.tc-model-summary{display:flex;gap:.4rem;flex-wrap:wrap}.tc-model-json{margin:0;padding:.75rem;border-radius:6px;background:#0f172a;border:1px solid #24324e;color:#cbd5e1;font-size:.76rem;overflow-x:auto}@media (max-width: 900px){.tc-operating-model-grid{grid-template-columns:1fr}.tc-model-card__header{flex-direction:column}}.dashboard{padding:20px;max-width:1400px;margin:0 auto}.dashboard h1{margin-bottom:24px;color:#eee}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.dashboard-card{background:#16213e;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0003;border:1px solid rgba(255,255,255,.08)}.dashboard-card h2{margin:0 0 16px;font-size:18px;color:#eee}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:#888;text-transform:uppercase;font-weight:500}.stat-value{font-size:24px;font-weight:700;color:#eee}.stat-value.working{color:#10b981}.stat-value.thinking{color:#f59e0b}.stat-value.idle{color:#6b7280}.stat-value.completed{color:#10b981}.stat-value.in-progress{color:#60a5fa}.stat-value.pending{color:#9ca3af}.agent-workload{grid-column:span 2}.agent-list{display:flex;flex-direction:column;gap:12px}.agent-workload-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff0d;border-radius:6px;border-left:3px solid #667eea}.agent-info{display:flex;flex-direction:column;gap:4px}.agent-stats{display:flex;align-items:center;gap:12px}.agent-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:lowercase}.agent-status.working{background:#10b98133;color:#6ee7b7}.agent-status.thinking{background:#f59e0b33;color:#fcd34d}.agent-status.idle{background:#ffffff14;color:#888}.agent-tasks{font-size:14px;color:#888}.agent-model{font-size:11px;color:#a78bfa;margin-left:4px}@media (max-width: 768px){.dashboard{padding:12px}.dashboard h1{font-size:20px;margin-bottom:16px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.stat-grid{grid-template-columns:repeat(2,1fr)}.agent-workload{grid-column:span 1}.agent-workload-item{flex-direction:column;align-items:flex-start;gap:8px}.agent-stats{width:100%;justify-content:space-between}}.operator-card,.escalation-card,.project-grid-card,.operator-workbench-card,.dashboard-llm-card{grid-column:span 2}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-filter-row{display:flex;align-items:center;gap:8px}.dashboard-filter-input,.dashboard-filter-select{height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#e2e8f0;padding:0 10px;font-size:13px}.dashboard-filter-input{min-width:170px}.dashboard-filter-input::placeholder{color:#94a3b8}.dashboard-inline-note{font-size:12px;color:#fca5a5}.empty-panel{color:#94a3b8;padding:16px;border-radius:8px;background:#ffffff0a}.empty-panel.compact{padding:10px 12px;font-size:13px}.operator-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.operator-summary-item,.mini-stat{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:12px}.current-project-panel{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:10px;background:#ffffff0a}.current-project-headline,.project-supervision-head,.escalation-item-head,.timeline-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.current-project-meta,.project-supervision-meta,.timeline-item-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#94a3b8}.violation-list,.chip-list,.note-list{display:flex;flex-wrap:wrap;gap:8px}.violation-chip,.event-chip,.note-item,.governance-chip,.project-health-chip,.escalation-type{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.violation-chip{background:#ef444424;color:#fca5a5}.event-chip,.note-item{background:#60a5fa1f;color:#bfdbfe}.project-health-chip.status-running,.governance-chip.state-within_limits{background:#10b98129;color:#86efac}.project-health-chip.status-paused,.governance-chip.state-disabled{background:#94a3b829;color:#cbd5e1}.project-health-chip.status-stopped,.project-health-chip.status-idle,.governance-chip.state-violating_limits,.escalation-type{background:#f59e0b29;color:#fcd34d}.project-health-chip.status-error{background:#ef444429;color:#fca5a5}.escalation-list,.project-supervision-list,.timeline-list,.snapshot-list,.diff-list,.quota-usage-list{display:flex;flex-direction:column;gap:10px}.escalation-item,.project-supervision-item,.timeline-item,.snapshot-item,.diff-item,.quota-usage-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05)}.project-supervision-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:12px;color:#94a3b8}.escalation-title{color:#e2e8f0}.escalation-time,.project-supervision-time{font-size:12px;color:#94a3b8}.operator-workbench-card{display:flex;flex-direction:column;gap:12px}.workbench-subtitle{color:#cbd5e1;font-size:14px}.workbench-status{padding:10px 12px;border-radius:8px;background:#60a5fa1f;color:#dbeafe;font-size:14px}.workbench-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.workbench-panel{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:10px;background:#ffffff09;border:1px solid rgba(255,255,255,.06)}.workbench-panel h3{margin:0;color:#f8fafc;font-size:16px}.mini-stat-grid,.quota-form-grid,.snapshot-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini-stat-value{display:block;margin-top:6px;color:#f8fafc;font-size:18px;font-weight:700}.form-field{display:flex;flex-direction:column;gap:6px;color:#cbd5e1;font-size:13px}.form-field input,.form-field select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0f172a8c;color:#f8fafc}.form-checkbox{display:flex;align-items:center;gap:10px;color:#e2e8f0;font-size:14px}.form-checkbox input{width:16px;height:16px}.quota-usage-item.is-exceeded{border-color:#ef444459;background:#7f1d1d3d}.snapshot-controls,.action-row{display:flex;align-items:end;gap:12px}.dashboard-action{padding:10px 14px;border:0;border-radius:8px;background:#2563eb;color:#eff6ff;font-weight:600;cursor:pointer}.dashboard-action.secondary{background:#94a3b82e;color:#e2e8f0}.dashboard-action:disabled{opacity:.5;cursor:not-allowed}.json-panel{border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;background:#0f172a66}.json-panel summary{cursor:pointer;padding:12px 14px;color:#e2e8f0;font-weight:600}.json-panel pre{margin:0;padding:0 14px 14px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:#bfdbfe;font-size:12px}@media (max-width: 1100px){.operator-card,.escalation-card,.project-grid-card,.operator-workbench-card,.agent-workload{grid-column:span 1}.workbench-grid,.operator-summary-grid,.mini-stat-grid,.quota-form-grid,.snapshot-select-grid{grid-template-columns:1fr}}@media (max-width: 768px){.snapshot-controls,.action-row,.project-supervision-item,.timeline-item,.snapshot-item,.diff-item,.quota-usage-item,.escalation-item,.current-project-headline,.project-supervision-head,.escalation-item-head,.timeline-item-head{flex-direction:column;align-items:flex-start}.project-supervision-side{align-items:flex-start}}.dashboard-inline-note--muted{color:#94a3b8}.dashboard-section-hint{margin:0 0 14px;font-size:13px;color:#94a3b8}.dashboard-llm-card .tc-api-keys-hint{color:#94a3b8}.chat-log{flex:1;display:flex;flex-direction:column;background:#16213e;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0003}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0f3460;border-bottom:1px solid rgba(255,255,255,.1)}.chat-header h3{font-size:1.1rem;color:#eee}.message-count{font-size:.85rem;color:#aaa}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888;text-align:center}.empty-state .hint{font-size:.85rem;margin-top:.5rem;max-width:300px}.message{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.system-message,.join-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:8px;border-left:3px solid #667eea;font-size:.9rem;color:#bbb}.join-message{border-left-color:#3fbb93}.join-message--hired{border-left-color:#f39c12;color:#ddd}.system-icon,.join-icon{font-size:1rem}.agent-message{padding:1rem;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.message-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.agent-name{font-weight:600;color:#eee}.agent-role{font-size:.85rem;color:#888;padding:.2rem .5rem;background:#ffffff0d;border-radius:4px}.timestamp{margin-left:auto;font-size:.75rem;color:#666}.message-content{color:#ddd;line-height:1.5}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track{background:#ffffff0d}.messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.message.ceo{border-left:3px solid #ffd700;background:linear-gradient(90deg,rgba(255,215,0,.15),transparent)}.ceo-message{padding:.75rem}.ceo-message .message-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.ceo-name{font-weight:700;color:gold;font-size:.95rem}.ceo-message .message-content{color:#f0f0f0;font-weight:500;line-height:1.6}@media (max-width: 768px){.chat-header{padding:.75rem 1rem}.messages{padding:.75rem}.message-header{flex-wrap:wrap}.timestamp{width:100%;margin-left:0;margin-top:2px}}.agent-memory-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.agent-memory-panel{background:#1e1e1e;border:2px solid #3d3d3d;border-radius:12px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;animation:slideUp .3s ease-out}.memory-header{padding:20px;border-bottom:2px solid #3d3d3d;display:flex;justify-content:space-between;align-items:center}.memory-header h2{margin:0;color:#e0e0e0;font-size:24px}.close-btn{background:transparent;border:none;color:#888;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;line-height:32px;transition:color .2s}.close-btn:hover{color:#ff5252}.memory-stats{display:flex;gap:20px;padding:15px 20px;background:#252525;border-bottom:1px solid #3d3d3d}.stat-item{flex:1;text-align:center}.stat-label{font-size:12px;color:#888;margin-bottom:5px}.stat-value{font-size:24px;font-weight:700;color:#64b5f6}.memory-filters{padding:15px 20px;background:#252525;border-bottom:1px solid #3d3d3d;display:flex;align-items:center;gap:10px}.memory-filters label{color:#888;font-size:14px}.memory-filters select{background:#1e1e1e;color:#e0e0e0;border:1px solid #3d3d3d;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer}.memory-filters select:focus{outline:none;border-color:#64b5f6}.memory-list{flex:1;overflow-y:auto;padding:20px}.loading{text-align:center;padding:40px;color:#888}.empty-state{text-align:center;padding:60px 40px;color:#888;font-size:16px}.memory-item{background:#252525;border:1px solid #3d3d3d;border-left-width:4px;border-radius:8px;padding:15px;margin-bottom:12px;transition:transform .2s,box-shadow .2s}.memory-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000004d}.memory-header-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:12px}.memory-icon{font-size:18px}.memory-type{font-weight:700;font-size:11px;letter-spacing:.5px}.memory-importance{margin-left:auto;font-size:14px}.memory-time{color:#666;font-size:11px}.memory-content{color:#e0e0e0;line-height:1.5;margin-bottom:8px}.memory-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.memory-tag{background:#3d3d3d;color:#888;padding:4px 8px;border-radius:4px;font-size:11px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.memory-list::-webkit-scrollbar{width:8px}.memory-list::-webkit-scrollbar-track{background:#1e1e1e}.memory-list::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}.memory-list::-webkit-scrollbar-thumb:hover{background:#555}.agent-panel{width:300px;background:#16213e;border-right:2px solid #0f3460;padding:1.5rem;overflow-y:auto}.agent-panel h2{margin-bottom:1.5rem;font-size:1.3rem;color:#eee}.agents-list{display:flex;flex-direction:column;gap:1rem}.no-agents{text-align:center;padding:2rem 1rem;color:#888}.no-agents .hint{font-size:.85rem;margin-top:.5rem}.agent-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.agent-card:hover{background:#ffffff14;transform:translate(5px)}.agent-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 2px 10px #0000004d}.agent-info{flex:1}.agent-name{font-weight:600;font-size:1rem;color:#eee;margin-bottom:.25rem}.agent-role{font-size:.85rem;color:#aaa;margin-bottom:.25rem}.agent-status{font-size:.8rem;color:#888}.provider-badge{display:inline-block;font-size:.68rem;font-family:monospace;padding:1px 5px;border-radius:3px;background:#1e2a3a;color:#7ab8f5;border:1px solid #2a4060;vertical-align:middle;margin-left:4px}.preset-badge{display:inline-block;font-size:.68rem;font-family:monospace;padding:1px 5px;border-radius:3px;background:#1a2e1e;color:#6fcf8a;border:1px solid #2a5a36;vertical-align:middle;margin-left:4px}.memory-btn{margin-top:8px;padding:6px 12px;background:#64b5f633;border:1px solid rgba(100,181,246,.4);border-radius:6px;color:#64b5f6;font-size:.75rem;cursor:pointer;transition:all .2s;width:100%}.memory-btn:hover{background:#64b5f64d;border-color:#64b5f6;transform:translateY(-1px)}.memory-btn:active{transform:translateY(0)}.agent-skills-list{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.35rem}.agent-skill-badge{display:inline-block;padding:.1rem .4rem;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#9ae;font-size:.65rem;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-skill-badge--more{background:#ffffff0d;border-color:#ffffff26;color:#888}@media (max-width: 768px){.agent-panel{width:100%;border-right:none;border-bottom:1px solid #0f3460;padding:1rem}.agents-list{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:.75rem;padding-bottom:.5rem}.agent-card{flex-shrink:0;width:160px;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem}.agent-avatar{width:36px;height:36px;font-size:1.2rem}.agent-name{font-size:.85rem}.agent-role,.agent-status{font-size:.75rem}.memory-btn{font-size:.7rem;padding:4px 8px}}.decision-trace{display:flex;flex-direction:column;height:100%;background:#16213e;border-radius:8px;border:1px solid rgba(255,255,255,.08);overflow:hidden}.trace-controls{display:flex;gap:12px;align-items:center;padding:12px 16px;background:#0f3460;border-bottom:1px solid rgba(255,255,255,.1)}.trace-agent-select{flex:1;padding:6px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#eee;font-size:13px;outline:none}.trace-agent-select option{background:#16213e;color:#eee}.trace-refresh{padding:6px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#aaa;font-size:13px;cursor:pointer;transition:all .2s}.trace-refresh:hover:not(:disabled){background:#ffffff1a;color:#eee}.trace-refresh:disabled{opacity:.5;cursor:not-allowed}.trace-count{font-size:12px;color:#888;white-space:nowrap}.trace-timeline{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:4px}.trace-empty{text-align:center;padding:40px 20px;color:#666;font-style:italic}.trace-entry{padding:8px 12px;border-radius:6px;border-left:3px solid #666;background:#ffffff08;cursor:default;transition:background .15s}.trace-entry:hover{background:#ffffff0d}.trace-entry-header{display:flex;align-items:center;gap:8px;min-height:24px}.trace-icon{font-size:14px;flex-shrink:0}.trace-time{font-size:11px;color:#666;white-space:nowrap;flex-shrink:0;font-family:monospace}.trace-agent-badge{font-size:11px;padding:1px 8px;border-radius:10px;background:#667eea33;color:#93b5fd;white-space:nowrap;flex-shrink:0}.trace-summary{flex:1;display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;color:#ccc}.trace-expand{font-size:12px;color:#666;flex-shrink:0}.trace-tool_call{border-left-color:#667eea;cursor:pointer}.trace-message{border-left-color:#10b981}.trace-status_change{border-left-color:#f59e0b}.trace-artifact{border-left-color:#a78bfa}.trace-budget{border-left-color:#ef4444}.trace-error{border-left-color:#ef4444;background:#ef44440f}.trace-tool-name{font-family:monospace;font-size:13px;color:#93b5fd;font-weight:600}.trace-duration{font-size:11px;color:#888;background:#ffffff0f;padding:0 6px;border-radius:4px}.trace-message-preview{color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trace-status{font-size:12px;font-weight:600;padding:1px 8px;border-radius:4px}.trace-status.status-working{color:#6ee7b7;background:#10b98126}.trace-status.status-thinking{color:#fcd34d;background:#f59e0b26}.trace-status.status-idle{color:#888;background:#ffffff0f}.trace-artifact-name{color:#c4b5fd;font-weight:500}.trace-budget-text{color:#fca5a5;font-size:12px}.trace-details{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:8px}.trace-detail-section{display:flex;flex-direction:column;gap:4px}.trace-detail-label{font-size:11px;font-weight:600;color:#888;text-transform:uppercase}.trace-json{font-size:12px;font-family:monospace;background:#0003;padding:8px 10px;border-radius:4px;color:#aaa;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0;max-height:200px;overflow-y:auto}.trace-error-detail .trace-json{color:#fca5a5}.trace-message-full{font-size:13px;font-family:inherit;background:#00000026;padding:10px 12px;border-radius:4px;color:#ccc;white-space:pre-wrap;word-break:break-word;margin:0;max-height:300px;overflow-y:auto;line-height:1.5}.trace-timeline::-webkit-scrollbar,.trace-json::-webkit-scrollbar,.trace-message-full::-webkit-scrollbar{width:6px}.trace-timeline::-webkit-scrollbar-track,.trace-json::-webkit-scrollbar-track,.trace-message-full::-webkit-scrollbar-track{background:#ffffff08}.trace-timeline::-webkit-scrollbar-thumb,.trace-json::-webkit-scrollbar-thumb,.trace-message-full::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.game-view{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0e0e1a;border-radius:8px;overflow:hidden;position:relative}.game-view__overlay{position:absolute;top:8px;left:12px;z-index:10;display:flex;gap:8px;pointer-events:none}.game-view__status-badge{padding:4px 10px;background:#0009;border-radius:12px;font-size:11px;color:#89b;font-family:monospace}#game-container{border-radius:8px;box-shadow:0 4px 24px #0009}#game-container canvas{border-radius:8px}.agent-console{display:flex;flex-direction:column;height:100%;padding:20px}.agent-console-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.agent-console-header h1{margin:0;color:#eee}.view-toggle{display:flex;gap:8px}.view-toggle button{padding:8px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:pointer;font-weight:500;color:#aaa;transition:all .2s}.view-toggle button:hover{background:#ffffff1a;color:#eee}.view-toggle button.active{background:#667eea;color:#fff;border-color:#667eea}.agent-console-content{display:flex;gap:20px;flex:1;min-height:0}.agent-console-content.trace-mode{display:flex;flex-direction:column}.agent-list-panel{flex:0 0 300px;overflow-y:auto}.chat-panel{flex:1;min-width:0}.agent-console-content.game-mode{display:flex;gap:20px;flex:1;min-height:0}.game-panel{flex:1;min-width:0;min-height:0}@media (max-width: 768px){.agent-console{padding:12px}.agent-console-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px}.agent-console-header h1{font-size:18px}.view-toggle button{padding:10px 12px;min-height:44px;font-size:13px}.agent-console-content{flex-direction:column;gap:12px}.agent-list-panel{flex:none;width:100%;max-height:200px;overflow-y:auto}.chat-panel{flex:1;min-height:0}.agent-console-content.game-mode{flex-direction:column}.agent-console-content.game-mode .agent-list-panel{flex:none;width:100%;max-height:160px}}.ticket-board{padding:20px;height:100%;display:flex;flex-direction:column}.ticket-board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.ticket-board-header h1{margin:0;color:#eee}.board-stats{display:flex;gap:8px;color:#888;font-size:14px}.filter-bar{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.filter-search{flex:1;min-width:200px;padding:8px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#eee;font-size:14px;outline:none;transition:border-color .2s}.filter-search::placeholder{color:#666}.filter-search:focus{border-color:#667eea}.filter-select{padding:8px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#eee;font-size:14px;outline:none;cursor:pointer}.filter-select option{background:#16213e;color:#eee}.filter-clear{padding:8px 14px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.filter-clear:hover{background:#ef444440}.kanban-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;flex:1;overflow-x:auto;padding-bottom:20px}.kanban-column{background:#16213e;border-radius:8px;display:flex;flex-direction:column;min-height:0;border:1px solid rgba(255,255,255,.08);transition:border-color .2s,box-shadow .2s}.kanban-column.drop-hover{border-color:#667eea;box-shadow:0 0 16px #667eea40}.column-header{padding:16px;border-bottom:2px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.column-header h3{margin:0;font-size:16px;color:#eee}.column-count{background:#ffffff1a;color:#aaa;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.column-pending .column-count{background:#3b82f633;color:#93c5fd}.column-in-progress .column-count{background:#f59e0b33;color:#fcd34d}.column-completed .column-count{background:#10b98133;color:#6ee7b7}.column-failed .column-count{background:#ef444433;color:#fca5a5}.column-cancelled .column-count{background:#6b728033;color:#d1d5db}.column-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.empty-column{text-align:center;padding:40px 20px;color:#666;font-style:italic}.task-card{background:#ffffff0d;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000004d;border-left:3px solid #667eea;transition:transform .2s,box-shadow .2s,opacity .2s;cursor:grab}.task-card:active{cursor:grabbing}.task-card.dragging{opacity:.4;transform:scale(.97)}.task-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006;background:#ffffff14}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.task-priority{font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:4px}.priority-critical{background:#ef444433;color:#fca5a5}.priority-high{background:#f59e0b33;color:#fcd34d}.priority-medium{background:#3b82f633;color:#93c5fd}.priority-low,.priority-normal{background:#ffffff14;color:#aaa}.priority-number{font-size:11px;color:#888;font-weight:600}.task-title{margin:0 0 8px;font-size:14px;font-weight:600;color:#eee;line-height:1.4}.task-description{margin:0 0 12px;font-size:13px;color:#aaa;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#888;margin-bottom:8px}.task-assignee{font-weight:500}.task-dependencies{font-size:11px;background:#ffffff0f;padding:2px 6px;border-radius:4px;color:#aaa}.task-footer{padding-top:8px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:#666}@media (max-width: 768px){.ticket-board{padding:12px}.ticket-board-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px}.ticket-board-header h1{font-size:20px}.kanban-board{grid-template-columns:1fr;overflow-x:visible}.kanban-column{min-height:auto}.column-content{max-height:300px}.filter-bar{gap:8px}.filter-search{min-width:0;width:100%}}.governance{padding:20px;max-width:1400px;margin:0 auto}.governance h1{margin-bottom:24px;color:#eee}.governance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.governance-card{background:#16213e;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0003;border:1px solid rgba(255,255,255,.08)}.governance-card h2{margin:0 0 16px;font-size:18px;color:#eee}.approvals-card{grid-column:span 2}.control-buttons{display:flex;flex-direction:column;gap:12px}.control-status{padding:12px;background:#ffffff0d;border-radius:6px;text-align:center;color:#888}.btn-primary,.btn-secondary,.btn-warning,.btn-approve,.btn-reject{padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5a6fd6}.btn-primary:disabled{background:#ffffff1a;color:#666;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#ccc}.btn-secondary:hover:not(:disabled){background:#ffffff26}.btn-secondary:disabled{background:#ffffff0d;color:#555;cursor:not-allowed}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-approve{background:#10b981;color:#fff}.btn-approve:hover{background:#059669}.btn-reject{background:#ef4444;color:#fff}.btn-reject:hover{background:#dc2626}.approvals-list{display:flex;flex-direction:column;gap:16px}.approval-item{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;background:#ffffff0d}.approval-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.approval-agent{font-weight:600;color:#eee}.approval-risk{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.risk-high{background:#ef444433;color:#fca5a5}.risk-medium{background:#f59e0b33;color:#fcd34d}.risk-low{background:#3b82f633;color:#93c5fd}.approval-details{margin-bottom:12px;color:#aaa;font-size:14px}.approval-details p{margin:4px 0}.approval-actions{display:flex;gap:8px}.intervention-controls{display:flex;flex-direction:column;gap:20px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-weight:600;color:#aaa;font-size:14px}.control-group select{padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:14px;background:#ffffff0f;color:#eee}.policy-list{display:flex;flex-direction:column;gap:12px}.policy-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff0d;border-radius:6px}.policy-name{font-weight:500;color:#ccc}.policy-status{font-size:12px;font-weight:600}.policy-status.active{color:#6ee7b7}.hire-name-input{width:100%;padding:8px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#eee;font-size:14px}.hire-name-input::placeholder{color:#666}.hire-status{margin-top:8px;font-size:13px;color:#ccc}.escalation-card{grid-column:1 / -1;border:2px solid #f7a825;background:#1a1a2e;animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:#f7a825}50%{border-color:#e94560}}.escalation-list{display:flex;flex-direction:column;gap:16px}.escalation-item{background:#0f3460;border-radius:8px;padding:16px}.escalation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.escalation-type{font-weight:600;color:#f7a825;font-size:14px}.escalation-badge{background:#e94560;color:#fff;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:1px;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.escalation-title{font-size:16px;font-weight:600;color:#eee;margin-bottom:6px}.escalation-description{font-size:13px;color:#aaa;margin-bottom:12px;line-height:1.4}.hiring-proposals{background:#132743;border-radius:6px;padding:12px;margin-bottom:12px}.hiring-proposal-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #1a3a5c;font-size:13px}.hiring-proposal-item:last-of-type{border-bottom:none}.proposal-role{font-weight:600;color:#e0e0e0;min-width:140px}.proposal-tier{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase}.proposal-tier.tier-standard{background:#2d4a3e;color:#4caf93}.proposal-tier.tier-senior{background:#4a3d2d;color:#f7a825}.proposal-tier.tier-expert{background:#4a2d3d;color:#e94560}.proposal-cost{color:#4caf93;font-weight:600;min-width:50px}.proposal-reason{color:#999;font-style:italic;flex:1}.proposal-total{margin-top:8px;padding-top:8px;border-top:1px solid #1a3a5c;font-size:13px;color:#ccc;font-weight:600}.escalation-actions{display:flex;gap:10px;margin-top:4px}.escalation-actions .btn-approve,.escalation-actions .btn-reject,.escalation-actions .btn-secondary{flex:1;padding:8px;font-size:14px}.ceo-question-response{margin-top:12px}.ceo-answer-input{width:100%;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,165,0,.3);background:#0000004d;color:#eee;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:8px;transition:border-color .2s}.ceo-answer-input:focus{outline:none;border-color:orange;box-shadow:0 0 0 2px #ffa50026}.ceo-answer-input::placeholder{color:#ffffff59}@media (max-width: 768px){.governance{padding:12px}.governance h1{font-size:20px;margin-bottom:16px}.governance-grid{grid-template-columns:1fr;gap:12px}.approvals-card,.escalation-card{grid-column:auto}.approval-header{flex-direction:column;align-items:flex-start;gap:8px}.approval-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-warning,.btn-approve,.btn-reject{min-height:44px;width:100%}.escalation-actions{flex-direction:column}.hiring-proposal-item{flex-wrap:wrap}.proposal-role{min-width:auto}.proposal-reason{width:100%}}.directive-history-list{display:flex;flex-direction:column;gap:.6rem;max-height:320px;overflow-y:auto}.directive-history-item{background:#0f1f3a;border:1px solid #2a2a4a;border-radius:6px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.35rem}.directive-header{display:flex;gap:.5rem;align-items:center}.directive-priority{font-size:.7rem;font-weight:700;border-radius:4px;padding:1px 6px}.priority-critical{background:#3a1010;color:#e74c3c}.priority-high{background:#2a2010;color:#f39c12}.priority-medium{background:#1a2a1a;color:#3fbb93}.priority-low{background:#1a1a2a;color:#667eea}.directive-time{font-size:.75rem;color:#555;margin-left:auto}.directive-goal{font-size:.85rem;color:#ccc}.directive-constraints{display:flex;flex-wrap:wrap;gap:4px}.directive-constraint-tag{background:#1a3a4a;border:1px solid #2a6080;border-radius:4px;padding:1px 6px;font-size:.74rem;color:#7dcfff}.directive-meta{display:flex;gap:.75rem;font-size:.76rem;color:#666}.operating-model-policy-list{display:flex;flex-direction:column;gap:.65rem;margin-top:.9rem}.operating-model-policy-item{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:.75rem;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.operating-model-policy-meta{margin-top:.25rem;color:#9aa4bf;font-size:.78rem}.operating-model-policy-chips{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.approval-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.72rem;color:#dbeafe;background:#3b82f62e;border:1px solid rgba(96,165,250,.3)}.observability{padding:20px;max-width:1600px;margin:0 auto}.observability h1{margin-bottom:24px;color:#eee}.observability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.obs-card{background:#16213e;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0003;border:1px solid rgba(255,255,255,.08)}.obs-card h2{margin:0 0 16px;font-size:18px;color:#eee}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.metric{padding:16px;background:#ffffff0d;border-radius:6px}.metric-label{font-size:12px;color:#888;text-transform:uppercase;font-weight:600;margin-bottom:8px}.metric-value{font-size:28px;font-weight:700;color:#eee}.metric-value.budget{color:#60a5fa}.metric-subtext{font-size:12px;color:#666;margin-top:4px}.progress-bar{margin-top:8px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#667eea);transition:width .3s ease}.agent-activity-card{grid-row:span 2}.activity-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto}.activity-item{padding:16px;background:#ffffff0d;border-radius:6px;border-left:3px solid #667eea}.activity-agent{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.agent-name{font-weight:600;color:#eee;font-size:14px}.agent-role{font-size:12px;color:#888;text-transform:capitalize}.activity-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:11px;color:#888;text-transform:uppercase;font-weight:500}.stat-value{font-size:16px;font-weight:700;color:#ccc}.audit-card{grid-column:span 2}.audit-log{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.audit-entry{display:flex;gap:12px;padding:12px;background:#ffffff0d;border-radius:6px;border-left:3px solid #666}.audit-entry.mcp_tool_call{border-left-color:#667eea}.audit-entry.artifact_created{border-left-color:#10b981}.audit-entry.budget_warning{border-left-color:#f59e0b}.audit-entry.budget_exceeded{border-left-color:#ef4444}.audit-timestamp{font-size:11px;color:#666;white-space:nowrap}.audit-content{display:flex;align-items:center;gap:8px;flex:1}.audit-icon{font-size:16px}.audit-text{font-size:13px;color:#aaa}.audit-text strong{color:#eee;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-box{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;text-align:center;color:#fff}.stat-box:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-box:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-box:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-number{font-size:36px;font-weight:700;margin-bottom:8px}.stat-name{font-size:12px;text-transform:uppercase;opacity:.9;font-weight:500}.empty-state{text-align:center;padding:40px;color:#666;font-style:italic}.tier-badge{display:inline-block;font-size:11px;padding:1px 6px;border-radius:4px;margin-left:6px;font-weight:600;text-transform:uppercase}.tier-senior{background:#3b82f633;color:#93c5fd}.tier-expert{background:#f59e0b33;color:#fcd34d}.agent-model-tag{display:block;font-size:11px;color:#a78bfa;margin-top:2px}.hiring-cost{color:#f59e0b;font-weight:600}@media (max-width: 768px){.observability{padding:12px}.observability h1{font-size:20px;margin-bottom:16px}.observability-grid{grid-template-columns:1fr;gap:12px}.agent-activity-card{grid-row:auto}.audit-card{grid-column:auto}.activity-stats,.metrics-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:28px}.audit-entry{flex-direction:column;gap:6px}.audit-timestamp{white-space:normal}}.obs-export-btn{padding:6px 12px;background:#2a2a3a;border:1px solid #444;border-radius:6px;color:#ccc;cursor:pointer;font-size:.82rem;transition:all .2s}.obs-export-btn:hover{background:#333;border-color:#667eea;color:#fff}.obs-decision-filters{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.obs-filter-input{padding:6px 10px;background:#16213e;border:1px solid #2a4080;border-radius:6px;color:#e0e0e0;font-size:.83rem;outline:none;min-width:180px;transition:border-color .2s}.obs-filter-input:focus{border-color:#667eea}.obs-replay-bar{display:flex;align-items:center;gap:.75rem;background:#16213e;border:1px solid #2a2a4a;border-radius:6px;padding:.5rem .75rem}.obs-decision-table{width:100%;border-collapse:collapse;font-size:.83rem}.obs-decision-table th{text-align:left;padding:.5rem .65rem;background:#16213e;color:#888;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #2a2a3a;position:sticky;top:0}.obs-decision-table td{padding:.45rem .65rem;border-bottom:1px solid #1e1e2e;vertical-align:top}.obs-decision-table tr:hover td{background:#1e1e2e}.obs-actor-badge{background:#1a3a1a;color:#3fbb93;border:1px solid #3fbb9344;border-radius:4px;padding:1px 6px;font-size:.75rem;white-space:nowrap}.obs-outcome-badge{border-radius:4px;padding:1px 6px;font-size:.74rem;font-weight:600}.obs-outcome-completed,.obs-outcome-approved,.obs-outcome-pass{background:#1a3a1a;color:#3fbb93}.obs-outcome-failed,.obs-outcome-rejected,.obs-outcome-fail{background:#3a1a1a;color:#e74c3c}.obs-outcome-pending{background:#2a2a1a;color:#f39c12}.skills-panel{padding:1rem;height:100%;display:flex;flex-direction:column;overflow:hidden}.skills-panel--loading,.skills-panel--error{padding:2rem;text-align:center;color:#aaa}.skills-panel--error{color:#e74c3c}.skills-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.skills-panel__header h2{margin:0;font-size:1.25rem;color:#e0e0e0}.skills-panel__tabs{display:flex;gap:.5rem}.tab-btn{padding:.4rem .8rem;border:1px solid #444;border-radius:6px;background:#2a2a2a;color:#ccc;cursor:pointer;font-size:.85rem;transition:all .2s}.tab-btn:hover{background:#333;border-color:#667eea}.tab-btn.active{background:#667eea;border-color:#667eea;color:#fff}.category-filters{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem;flex-shrink:0}.category-chip{padding:.3rem .6rem;border:1px solid #444;border-radius:12px;background:#2a2a2a;color:#ccc;cursor:pointer;font-size:.8rem;transition:all .2s}.category-chip:hover{background:#333}.category-chip.active{background:#3a3a4a;border-color:#667eea;color:#fff}.catalog-actions{display:flex;gap:.5rem;margin-bottom:.75rem;flex-shrink:0}.btn{padding:.4rem .8rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-create{background:#3fbb93;color:#fff}.btn-create:hover{background:#35a07e}.btn-create:disabled{background:#555;cursor:not-allowed}.btn-generate{background:#667eea;color:#fff}.btn-generate:hover{background:#5a6fd6}.btn-generate:disabled{background:#555;cursor:not-allowed}.btn-cancel{background:#555;color:#ccc}.btn-cancel:hover{background:#666}.btn-edit-skills{padding:.3rem .6rem;border:1px solid #444;border-radius:6px;background:#2a2a2a;color:#ccc;cursor:pointer;font-size:.8rem}.btn-edit-skills:hover{background:#333;border-color:#667eea}.skill-form{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:1rem;margin-bottom:.75rem;flex-shrink:0}.skill-form h4{margin:0 0 .5rem;color:#e0e0e0;font-size:.95rem}.skill-form__hint{margin:0 0 .5rem;color:#888;font-size:.8rem}.skill-form__row{display:flex;gap:.5rem;margin-bottom:.5rem}.skill-form__input{padding:.4rem .6rem;border:1px solid #444;border-radius:6px;background:#1e1e1e;color:#e0e0e0;font-size:.85rem;flex:1}.skill-form__input--full{width:100%;margin-bottom:.5rem}.skill-form__select{padding:.4rem .6rem;border:1px solid #444;border-radius:6px;background:#1e1e1e;color:#e0e0e0;font-size:.85rem}.skill-form__error{color:#e74c3c;font-size:.8rem;margin-bottom:.5rem}.skill-form__actions{display:flex;gap:.5rem}.skill-catalog{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.skills-grid{flex-shrink:0}.skill-group{margin-bottom:1rem}.skill-group__title{margin:0 0 .4rem;font-size:.9rem;text-transform:capitalize}.skill-group__items{display:flex;flex-wrap:wrap;gap:.35rem}.skill-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;background:#2a2a2a;border:1px solid #444;border-radius:12px;color:#ccc;font-size:.8rem}.skill-chip__name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-chip__remove{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:.9rem;padding:0;line-height:1}.skill-chip__remove:hover{color:#f44}.agent-skills-empty{padding:2rem;text-align:center;color:#888}.agent-skills-empty .hint{font-size:.85rem;color:#666}.agent-skills__warning{padding:.5rem;background:#3a3020;border:1px solid #665520;border-radius:6px;color:#ffc837;font-size:.85rem;margin-bottom:.75rem;flex-shrink:0}.agent-skills__list{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex:1}.agent-skill-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:.75rem}.agent-skill-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.agent-skill-card__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;flex-shrink:0}.agent-skill-card__info{flex:1}.agent-skill-card__name{font-weight:600;color:#e0e0e0;font-size:.9rem}.agent-skill-card__role{color:#888;font-size:.8rem}.agent-skill-card__skills{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.agent-skill-tag{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .5rem;background:#353535;border:1px solid #4a4a4a;border-radius:10px;color:#bbb;font-size:.75rem}.agent-skill-tag__remove{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:.8rem;padding:0;line-height:1}.agent-skill-tag__remove:hover{color:#f44}.no-skills{color:#666;font-size:.8rem;font-style:italic}.agent-skill-card__add{border-top:1px solid #3a3a3a;padding-top:.5rem}.skill-search-input{width:100%;padding:.35rem .5rem;border:1px solid #444;border-radius:6px;background:#1e1e1e;color:#e0e0e0;font-size:.8rem;margin-bottom:.4rem}.available-skills{display:flex;flex-wrap:wrap;gap:.3rem;max-height:120px;overflow-y:auto}.available-skill-chip{padding:.2rem .5rem;border:1px dashed #555;border-radius:10px;background:transparent;color:#3fbb93;cursor:pointer;font-size:.75rem;transition:all .2s}.available-skill-chip:hover{background:#2a3a30;border-color:#3fbb93}.skill-chip{cursor:pointer;transition:all .2s}.skill-chip:hover{border-color:#667eea}.skill-chip--selected{border-color:#667eea;background:#2a2a3a;box-shadow:0 0 0 1px #667eea}.skill-chip__ref-badge{font-size:.7rem;color:#ffc837;margin-left:.1rem}.ref-panel{background:#1e1e2a;border:1px solid #667eea;border-radius:8px;padding:1rem;margin-top:.75rem;flex-shrink:0}.ref-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-shrink:0}.ref-panel__header h4{margin:0;font-size:.95rem;color:#e0e0e0}.ref-panel__header em{color:#667eea}.ref-panel__close{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:0 .2rem;line-height:1}.ref-panel__close:hover{color:#e74c3c}.ref-panel__list{overflow-y:auto;flex:1;min-height:0;margin-bottom:.75rem}.ref-panel__empty{color:#666;font-size:.85rem;font-style:italic;text-align:center;padding:1rem 0;margin:0}.ref-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;margin-bottom:.4rem}.ref-item__icon{font-size:1rem;flex-shrink:0}.ref-item__info{flex:1;min-width:0;display:flex;flex-direction:column}.ref-item__name{color:#e0e0e0;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-item__meta{color:#666;font-size:.75rem}.ref-item__delete{background:none;border:none;cursor:pointer;font-size:.85rem;padding:.1rem;opacity:.6;transition:opacity .2s}.ref-item__delete:hover{opacity:1}.ref-panel__actions{display:flex;gap:.4rem;flex-shrink:0}.btn-ref-add{padding:.35rem .6rem;border:1px dashed #555;border-radius:6px;background:#2a2a2a;color:#ccc;cursor:pointer;font-size:.8rem;transition:all .2s}.btn-ref-add:hover{background:#333;border-color:#667eea;color:#fff}.ref-form{background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:.75rem;flex-shrink:0}.ref-form h5{margin:0 0 .5rem;color:#e0e0e0;font-size:.9rem}.ref-form__textarea{width:100%;padding:.4rem .6rem;border:1px solid #444;border-radius:6px;background:#1e1e1e;color:#e0e0e0;font-size:.85rem;font-family:inherit;resize:vertical;margin-bottom:.5rem;box-sizing:border-box}.ref-form__file-input{width:100%;padding:.4rem;margin-bottom:.5rem;color:#ccc;font-size:.85rem}.ref-form__file-info{color:#3fbb93;font-size:.8rem;margin-bottom:.5rem}.artifacts-page{padding:1.5rem;max-width:1100px;margin:0 auto}.artifacts-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.artifacts-header h2{margin:0;font-size:1.4rem;color:#e2e8f0}.artifacts-total{font-size:.8rem;color:#718096;background:#ffffff0f;padding:.2rem .6rem;border-radius:12px}.artifacts-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.filter-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#a0aec0;cursor:pointer;font-size:.8rem;padding:.3rem .75rem;transition:background .15s,border-color .15s,color .15s}.filter-chip:hover{background:#667eea33;border-color:#667eea66;color:#e2e8f0}.filter-chip.active{background:#667eea4d;border-color:#667eea99;color:#e2e8f0}.artifacts-loading,.artifacts-error,.artifacts-empty{text-align:center;padding:3rem 1rem;color:#718096}.artifacts-error{color:#fc8181}.artifacts-empty .hint{font-size:.85rem;margin-top:.5rem;color:#4a5568}.artifacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.artifact-card{display:flex;align-items:flex-start;gap:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.875rem;transition:background .15s,border-color .15s}.artifact-card:hover{background:#ffffff0f;border-color:#667eea4d}.artifact-card-icon{font-size:1.6rem;flex-shrink:0;line-height:1}.artifact-card-body{flex:1;min-width:0}.artifact-card-name{font-weight:600;color:#e2e8f0;font-size:.9rem;margin-bottom:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.3rem}.artifact-type-badge{font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase;background:#667eea33;color:#a5b4fc}.artifact-type-badge.type-code{background:#10b98133;color:#6ee7b7}.artifact-type-badge.type-design,.artifact-type-badge.type-mockup,.artifact-type-badge.type-wireframe{background:#f59e0b33;color:#fcd34d}.artifact-type-badge.type-documentation,.artifact-type-badge.type-document{background:#3b82f633;color:#93c5fd}.artifact-type-badge.type-marketing{background:#ec489933;color:#f9a8d4}.artifact-card-date{font-size:.72rem;color:#718096}.artifact-card-path{font-size:.68rem;color:#4a5568;font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-card-dl{background:#667eea1f;border:1px solid rgba(102,126,234,.25);border-radius:6px;color:#a0aec0;cursor:pointer;flex-shrink:0;font-size:1rem;line-height:1;padding:.35rem .5rem;transition:background .15s,color .15s}.artifact-card-dl:hover:not(:disabled){background:#667eea4d;color:#e2e8f0}.artifact-card-dl:disabled{cursor:default;opacity:.5}.ops-page{padding:20px;max-width:1480px;margin:0 auto}.ops-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.ops-page h1{margin:0 0 6px;color:#eef2ff}.ops-page p{margin:0;color:#94a3b8}.ops-inline-note{font-size:12px;color:#fca5a5}.ops-status-banner{margin-bottom:16px;padding:12px 14px;border-radius:10px;background:#60a5fa24;color:#dbeafe}.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ops-card{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:12px;background:#16213e;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 10px #0000002e}.ops-card h2{margin:0;color:#eef2ff;font-size:18px}.ops-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ops-span-full{grid-column:span 2}.ops-mini-grid,.ops-form-grid,.ops-snapshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ops-form-grid.three-col,.ops-snapshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-mini-card,.ops-list-row,.ops-event-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05)}.ops-mini-card{flex-direction:column;align-items:flex-start}.ops-label,.ops-muted{font-size:12px;color:#94a3b8}.ops-field{display:flex;flex-direction:column;gap:6px;color:#cbd5e1;font-size:13px}.ops-field.compact{min-width:220px}.ops-field input,.ops-field select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0f172a8c;color:#f8fafc}.ops-checkbox{display:flex;align-items:center;gap:10px;color:#e2e8f0}.ops-checkbox input{width:16px;height:16px}.ops-list{display:flex;flex-direction:column;gap:10px}.ops-list-row.danger{border-color:#ef444459;background:#7f1d1d3d}.ops-button{padding:10px 14px;border:0;border-radius:8px;background:#2563eb;color:#eff6ff;font-weight:600;cursor:pointer}.ops-button.secondary{background:#94a3b82e;color:#e2e8f0}.ops-button:disabled{opacity:.5;cursor:not-allowed}.ops-chip-list{display:flex;flex-wrap:wrap;gap:8px}.ops-chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#60a5fa24;color:#bfdbfe;font-size:12px;font-weight:600}.ops-chip.note{white-space:normal;border-radius:12px}.ops-empty{padding:14px;border-radius:10px;background:#ffffff0a;color:#94a3b8}.ops-inline-actions,.ops-action-row{display:flex;align-items:flex-end;gap:12px}.ops-event-row{align-items:flex-start}.ops-event-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:12px;color:#94a3b8}.ops-json-panel{border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;background:#0f172a66}.ops-json-panel summary{cursor:pointer;padding:12px 14px;color:#e2e8f0;font-weight:600}.ops-json-panel pre{margin:0;padding:0 14px 14px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:#bfdbfe;font-size:12px}@media (max-width: 1100px){.ops-grid,.ops-mini-grid,.ops-form-grid,.ops-form-grid.three-col,.ops-snapshot-grid{grid-template-columns:1fr}.ops-span-full{grid-column:span 1}}@media (max-width: 768px){.ops-page{padding:12px}.ops-page-header,.ops-card-header,.ops-inline-actions,.ops-action-row,.ops-event-row,.ops-list-row{flex-direction:column;align-items:flex-start}.ops-event-side{align-items:flex-start}}.simulation-controls{background:#0f3460;border-bottom:1px solid rgba(255,255,255,.1);padding:12px 24px;flex-shrink:0}.controls-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.connection-status{font-size:14px;font-weight:500;padding:6px 12px;background:#ffffff0f;border-radius:6px;color:#ccc}.btn{padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.btn-start{background:#10b981;color:#fff}.btn-start:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px #10b9814d}.btn-stop{background:#ef4444;color:#fff}.btn-stop:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #ef44444d}.btn:disabled{background:#ffffff1a;color:#666;cursor:not-allowed}.status-indicator{padding:6px 12px;background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-weight:600;font-size:12px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:14px;color:#aaa;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#667eea}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.budget-input{width:100px;padding:6px 10px;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:14px;background:#ffffff0f;color:#eee}.budget-input:focus{outline:none;border-color:#667eea}.budget-select{padding:6px 10px;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:14px;background:#16213e;color:#eee;cursor:pointer}.usage-display{display:flex;gap:12px;padding:6px 12px;background:#ffffff0f;border-radius:6px;font-size:14px;font-weight:500;color:#ccc}.budget-status{color:#60a5fa;font-weight:600}@media (max-width: 768px){.simulation-controls{padding:10px 12px}.controls-row{gap:8px}.btn{padding:10px 12px;min-height:44px;font-size:13px}.connection-status{font-size:12px;padding:6px 10px}.budget-input{width:80px}.usage-display{flex-wrap:wrap;gap:8px;font-size:12px}.ceo-label{font-size:13px}.ceo-input{font-size:14px;min-height:44px}.btn-send{min-height:44px;padding:10px 14px}}.ceo-command-row{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.ceo-label{font-size:14px;font-weight:700;color:gold;white-space:nowrap}.ceo-input{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;background:#ffffff0f;color:#eee}.ceo-input::placeholder{color:#666}.ceo-input:focus{border-color:gold;box-shadow:0 0 0 2px #ffd70026}.ceo-input:disabled{background:#ffffff08;color:#555;cursor:not-allowed}.btn-send{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 5px #0003}.btn-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #667eea66}.btn-send:disabled{background:#ffffff1a;color:#555;cursor:not-allowed;box-shadow:none}.ceo-directive-builder{display:flex;flex-direction:column;gap:0}.ceo-builder-panel{background:#667eea0f;border:1px solid rgba(102,126,234,.2);border-top:none;border-radius:0 0 6px 6px;padding:8px 12px;display:flex;flex-direction:column;gap:8px}.ceo-builder-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ceo-builder-row label{font-size:.78rem;color:#888;white-space:nowrap}.ceo-builder-select,.ceo-builder-input{background:#0f3460;border:1px solid #2a4080;border-radius:4px;color:#e0e0e0;padding:4px 7px;font-size:.8rem;outline:none}.ceo-builder-select:focus,.ceo-builder-input:focus{border-color:#667eea}.ceo-builder-input{width:80px}.ceo-builder-constraints{display:flex;flex-direction:column;gap:6px}.ceo-constraint-input-row{display:flex;gap:6px}.ceo-builder-constraint-input{flex:1;background:#0f3460;border:1px solid #2a4080;border-radius:4px;color:#e0e0e0;padding:4px 8px;font-size:.8rem;outline:none}.ceo-builder-constraint-input:focus{border-color:#667eea}.ceo-constraint-chips{display:flex;flex-wrap:wrap;gap:5px}.ceo-constraint-chip{display:inline-flex;align-items:center;gap:4px;background:#1a3a4a;border:1px solid #2a6080;border-radius:12px;padding:2px 8px;font-size:.78rem;color:#7dcfff}.ceo-chip-remove{background:none;border:none;color:#7dcfff;cursor:pointer;padding:0;font-size:.9rem;line-height:1;opacity:.7}.ceo-chip-remove:hover{opacity:1}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#1a1a2e}.login-card{background:#0f3460;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:48px 40px;width:100%;max-width:400px;box-shadow:0 8px 32px #0006;text-align:center}.login-logo{font-size:48px;margin-bottom:12px}.login-title{margin:0 0 8px;font-size:22px;font-weight:700;color:#eee}.login-subtitle{margin:0 0 32px;font-size:14px;color:#aaa}.login-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:24px}.login-tab{flex:1;padding:10px;background:none;border:none;border-bottom:2px solid transparent;color:#888;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s,border-color .2s;margin-bottom:-1px}.login-tab:hover{color:#ccc}.login-tab.active{color:#667eea;border-bottom-color:#667eea}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{padding:12px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#eee;font-size:15px;outline:none;transition:border-color .2s;letter-spacing:.05em}.login-input::placeholder{color:#666;letter-spacing:normal}.login-input:focus{border-color:#667eea}.login-input:disabled{opacity:.5}.login-error{margin:0;font-size:13px;color:#ff6b6b;text-align:left}.login-btn{padding:12px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s;margin-top:4px}.login-btn:hover:not(:disabled){background:#5a6fd6}.login-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.login-card{margin:16px;padding:36px 24px}}.landing{min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(58,92,255,.18) 0%,transparent 26%),radial-gradient(circle at 82% 16%,rgba(0,201,167,.12) 0%,transparent 24%),radial-gradient(circle at 50% 78%,rgba(233,69,96,.1) 0%,transparent 30%),linear-gradient(180deg,#07111f,#0b1426 42%,#101a2d);color:#e0e0e0;overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:64px;background:#0b0e1ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.landing-nav-brand{display:flex;align-items:center;gap:10px}.landing-nav-logo{font-size:28px}.landing-nav-title{font-size:18px;font-weight:700;color:#fff;letter-spacing:.3px}.landing-nav-actions{display:flex;gap:12px;align-items:center}.landing-nav-signin{padding:8px 20px;background:none;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ccc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.landing-nav-signin:hover{border-color:#fff6;color:#fff;background:#ffffff0d}.landing-nav-cta{padding:8px 22px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s;box-shadow:0 2px 12px #667eea4d}.landing-nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px #667eea80}.landing-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:120px 40px 80px;text-align:center;overflow:hidden}.landing-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 28%),radial-gradient(ellipse 78% 56% at 50% 2%,rgba(87,119,255,.2) 0%,transparent 58%),radial-gradient(ellipse 42% 36% at 80% 18%,rgba(0,201,167,.12) 0%,transparent 55%),radial-gradient(ellipse 38% 32% at 18% 72%,rgba(233,69,96,.1) 0%,transparent 58%);pointer-events:none}.landing-hero-content{position:relative;max-width:800px}.landing-hero-badge{display:inline-block;padding:6px 18px;border-radius:20px;background:#667eea26;border:1px solid rgba(102,126,234,.3);color:#8e9ef5;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:28px}.landing-hero-title{font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.1;color:#fff;margin-bottom:24px;letter-spacing:-1px}.landing-hero-gradient{background:linear-gradient(135deg,#667eea,#e94560,#f39c12);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-subtitle{font-size:clamp(16px,2vw,20px);line-height:1.7;color:#999;margin-bottom:40px;max-width:640px;margin-left:auto;margin-right:auto}.landing-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.landing-btn-primary{padding:14px 36px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:0 4px 20px #667eea59;letter-spacing:.3px}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eea80}.landing-btn-lg{padding:18px 48px;font-size:18px;border-radius:12px}.landing-btn-secondary{padding:14px 36px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#ccc;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.landing-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff}.landing-hero-stats{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.landing-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.landing-stat-number{font-size:28px;font-weight:800;color:#fff}.landing-stat-label{font-size:12px;color:#777;text-transform:uppercase;letter-spacing:1px;font-weight:500}.landing-stat-divider{width:1px;height:36px;background:#ffffff1a}.landing-section{padding:100px 40px;max-width:1200px;margin:0 auto}.landing-section-dark{background:#ffffff05;max-width:none;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.landing-section-dark>*{max-width:1200px;margin-left:auto;margin-right:auto}.landing-section-title{font-size:clamp(28px,4vw,40px);font-weight:800;color:#fff;text-align:center;margin-bottom:16px;letter-spacing:-.5px}.landing-section-subtitle{font-size:17px;color:#888;text-align:center;margin-bottom:56px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.landing-feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:32px 28px;transition:all .3s}.landing-feature-card:hover{background:#ffffff0d;border-color:#667eea33;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.landing-feature-icon{font-size:36px;margin-bottom:16px}.landing-feature-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:10px}.landing-feature-desc{font-size:15px;color:#888;line-height:1.6}.landing-workflow{display:flex;flex-direction:column;gap:0;max-width:600px;margin:0 auto}.landing-workflow-step{display:flex;align-items:flex-start;gap:20px;position:relative;padding-bottom:40px}.landing-workflow-step:last-child{padding-bottom:0}.landing-workflow-number{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:2}.landing-workflow-connector{position:absolute;left:21px;top:44px;width:2px;height:calc(100% - 44px);background:linear-gradient(180deg,#667eea66,#667eea0d);z-index:1}.landing-workflow-body h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:6px;margin-top:2px}.landing-workflow-body p{font-size:15px;color:#888;line-height:1.6}.landing-agents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;max-width:900px;margin:0 auto}.landing-agent-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .3s}.landing-agent-card:hover{transform:translateY(-4px);border-color:#ffffff1f;box-shadow:0 8px 30px #0000004d}.landing-agent-avatar{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px}.landing-agent-name{font-size:14px;font-weight:600;color:#fff;text-align:center}.landing-agent-role{font-size:12px;color:#777;text-align:center}.landing-arch-layers{display:flex;flex-direction:column;gap:16px;max-width:700px;margin:0 auto}.landing-arch-layer{display:flex;align-items:baseline;gap:20px;padding:20px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-left:4px solid;border-radius:10px;transition:all .2s}.landing-arch-layer:hover{background:#ffffff0d}.landing-arch-layer-name{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;min-width:130px}.landing-arch-layer-desc{font-size:14px;color:#888;line-height:1.5}.landing-preset-tabs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.landing-preset-tab{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:30px;color:#888;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.landing-preset-tab:hover{background:#ffffff12;color:#ccc}.landing-preset-tab.active{background:#ffffff0f;font-weight:700}.landing-preset-detail{max-width:640px;margin:0 auto 60px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:28px 32px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.landing-preset-header{display:flex;align-items:center;gap:16px;margin-bottom:14px}.landing-preset-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.landing-preset-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.landing-preset-coordinator{font-size:13px;color:#777}.landing-preset-desc{font-size:15px;color:#888;line-height:1.6;margin-bottom:18px}.landing-preset-roles{display:flex;flex-wrap:wrap;gap:8px}.landing-preset-role-badge{padding:4px 12px;border:1px solid;border-radius:20px;font-size:12px;font-weight:600}.landing-subsection-title{font-size:22px;font-weight:700;color:#fff;text-align:center;margin-bottom:10px}.landing-subsection-subtitle{font-size:15px;color:#777;text-align:center;max-width:560px;margin:0 auto 36px;line-height:1.6}.landing-models-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:40px}.landing-model-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:24px 20px;transition:all .25s}.landing-model-card:hover{background:#ffffff0e;border-color:#ffffff1f;transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.landing-model-icon{font-size:28px;margin-bottom:10px}.landing-model-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.landing-model-type{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#555;margin-bottom:10px}.landing-model-desc{font-size:14px;color:#777;line-height:1.6;margin-bottom:14px}.landing-model-tags{display:flex;flex-wrap:wrap;gap:6px}.landing-model-tag{padding:3px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;font-size:11px;color:#888;font-weight:500}.landing-custom-callout{display:flex;align-items:flex-start;gap:16px;padding:24px 28px;background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid rgba(102,126,234,.2);border-radius:14px;max-width:760px;margin:0 auto}.landing-custom-callout-icon{font-size:28px;flex-shrink:0}.landing-custom-callout-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:6px}.landing-custom-callout-text{font-size:14px;color:#888;line-height:1.6}.landing-providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:900px;margin:0 auto}.landing-provider-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;text-align:center;transition:all .25s}.landing-provider-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.landing-provider-icon{font-size:36px;line-height:1}.landing-provider-name{font-size:16px;font-weight:700;color:#fff}.landing-provider-models{font-size:13px;color:#777;line-height:1.5}.landing-cta-section{text-align:center;padding:100px 40px;background:radial-gradient(ellipse 70% 50% at 50% 100%,rgba(102,126,234,.12) 0%,transparent 60%)}.landing-cta-title{font-size:clamp(28px,4vw,40px);font-weight:800;color:#fff;margin-bottom:16px}.landing-cta-subtitle{font-size:17px;color:#888;margin-bottom:36px;line-height:1.6}.landing-footer{text-align:center;padding:40px;border-top:1px solid rgba(255,255,255,.05)}.landing-footer-brand{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.landing-footer-text{font-size:13px;color:#555}@media (max-width: 768px){.landing-nav{padding:0 20px}.landing-hero{padding:100px 24px 60px}.landing-section{padding:60px 24px}.landing-section-subtitle{margin-bottom:36px}.landing-features-grid{grid-template-columns:1fr}.landing-agents-grid{grid-template-columns:repeat(3,1fr);gap:12px}.landing-preset-detail{padding:20px 18px}.landing-models-grid{grid-template-columns:1fr}.landing-custom-callout{flex-direction:column;gap:10px}.landing-agent-card{padding:20px 10px}.landing-hero-stats{gap:20px}.landing-stat-divider{display:none}.landing-arch-layer{flex-direction:column;gap:6px}.landing-cta-section{padding:60px 24px}.landing-nav-signin{display:none}}@media (max-width: 480px){.landing-agents-grid{grid-template-columns:repeat(2,1fr)}.landing-nav-title{font-size:15px}}.app-layout{display:flex;flex-direction:column;height:100vh;background:#1a1a2e}.top-nav{background:#0f3460;border-bottom:1px solid rgba(255,255,255,.1);padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:56px;flex-shrink:0;box-shadow:0 2px 10px #0000004d;position:relative;z-index:100}.nav-brand{display:flex;align-items:center;gap:12px}.nav-brand h1{margin:0;font-size:20px;color:#eee;letter-spacing:.3px;white-space:nowrap}.project-switcher{display:flex;align-items:center;gap:4px;position:relative}.project-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#eee;border-radius:6px;padding:3px 8px;font-size:13px;cursor:pointer;max-width:140px}.project-select:focus{outline:none;border-color:#e94560}.project-new-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#eee;border-radius:4px;width:22px;height:22px;font-size:16px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.project-new-btn:hover{background:#e94560;border-color:#e94560}.project-create-panel{position:absolute;top:calc(100% + 8px);left:0;display:grid;gap:8px;width:280px;padding:12px;border-radius:10px;background:#102544;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 30px #00000059;z-index:150}.project-create-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#eee;border-radius:6px;padding:3px 8px;font-size:13px;width:100%}.project-create-input:focus{outline:none;border-color:#e94560}.project-create-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#eee;border-radius:6px;padding:7px 8px;font-size:13px;width:100%}.project-create-select:focus{outline:none;border-color:#e94560}.project-create-actions{display:flex;gap:8px}.project-create-confirm,.project-create-cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#eee;border-radius:4px;width:100%;height:30px;font-size:13px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.project-create-confirm:hover{background:#27ae60;border-color:#27ae60}.project-create-cancel:hover{background:#e94560;border-color:#e94560}.project-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.project-status-stopped{background:#e74c3c}.nav-links{display:flex;gap:4px}.nav-link{padding:8px 16px;text-decoration:none;color:#aaa;font-weight:500;border-radius:6px;transition:all .2s;font-size:14px}.nav-link:hover{background:#ffffff14;color:#eee}.nav-link.active{background:#667eea;color:#fff;box-shadow:0 2px 8px #667eea4d}.nav-logout{padding:8px 16px;background:none;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#aaa;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-left:8px}.nav-logout:hover{background:#ff646426;border-color:#ff646466;color:#f99}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s;min-width:44px;min-height:44px}.nav-hamburger:hover{background:#ffffff14}.nav-hamburger span{display:block;width:22px;height:2px;background:#eee;border-radius:2px;transition:all .3s}.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-content{flex:1;overflow-y:auto;min-height:0}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#ffffff08}.main-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:24px;color:#888}@media (max-width: 768px){.top-nav{padding:0 16px}.nav-brand h1{font-size:15px}.project-create-panel{width:min(280px,calc(100vw - 32px))}.nav-hamburger{display:flex}.nav-links{display:none;position:absolute;top:56px;left:0;right:0;flex-direction:column;background:#0f3460;border-bottom:1px solid rgba(255,255,255,.1);padding:8px 12px 12px;gap:4px;box-shadow:0 4px 16px #0006;z-index:99}.nav-links.open{display:flex}.nav-link{padding:12px 16px;font-size:15px;min-height:44px;display:flex;align-items:center}.nav-logout{margin-left:0;margin-top:4px;padding:12px 16px;font-size:15px;min-height:44px;text-align:left;width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a2e;color:#eee}#root{width:100%;height:100vh}*{-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}