*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e0e0e0;background-color:#0f0f1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #1a1a2e;--bg-secondary: #2a2a4a;--bg-hover: #3a3a5a;--text-primary: #e0e0e0;--text-secondary: #888;--border-color: #3a3a5a;--primary: #ffd700;--primary-dark: #e6c200;--primary-light: rgba(255, 215, 0, .15);--error-bg: #2a1a1a;--error-text: #ff6b6b;--success-color: #4caf50;--warning-color: #ff9800}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}a{color:gold;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#3a3a5a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a6a}.sidebar{width:240px;background:#1a1a2e;color:#e0e0e0;display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;transition:width .2s ease;z-index:200}.sidebar.collapsed{width:60px}.sidebar-header{padding:16px;border-bottom:1px solid #2a2a4a;display:flex;align-items:center;justify-content:space-between;min-height:60px}.logo{font-size:1.4rem;font-weight:700;margin:0;color:gold;display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap}.logo-icon{flex-shrink:0}.sidebar.collapsed .logo-text{display:none}.sidebar-toggle{background:transparent;border:1px solid #3a3a5a;border-radius:4px;color:#888;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;transition:all .2s;flex-shrink:0}.sidebar-toggle:hover{background:#2a2a4a;color:gold;border-color:gold}.sidebar.collapsed .sidebar-toggle{margin:0 auto}.project-indicator{text-align:center;padding:12px;font-size:1.2rem;border-bottom:1px solid #2a2a4a}.project-selector{padding:16px 20px;border-bottom:1px solid #2a2a4a}.project-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.project-selector label{display:block;font-size:.75rem;text-transform:uppercase;color:#888}.manage-projects-btn{background:transparent;border:none;cursor:pointer;font-size:.9rem;padding:2px 6px;border-radius:4px;transition:background .2s}.manage-projects-btn:hover{background:#2a2a4a}.project-selector-dropdown{position:relative;width:100%}.project-selector select{width:100%;max-width:100%;padding:8px 28px 8px 12px;background:#2a2a4a;border:1px solid #3a3a5a;border-radius:6px;color:#e0e0e0;font-size:.9rem;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none}.project-selector-dropdown:after{content:"▼";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.6rem;color:#888;pointer-events:none}.sidebar-nav{flex:1;padding:16px 12px;overflow:hidden}.sidebar.collapsed .sidebar-nav{padding:16px 8px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#b0b0b0;text-decoration:none;border-radius:8px;margin-bottom:4px;transition:all .2s;overflow:hidden;white-space:nowrap}.sidebar.collapsed .nav-link{justify-content:center;padding:12px 8px}.nav-link:hover{background:#2a2a4a;color:#e0e0e0}.nav-link.active{background:#3a3a5a;color:gold}.nav-icon{font-size:1.2rem;flex-shrink:0}.nav-text{overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .nav-text{display:none}.sidebar-footer{padding:16px;border-top:1px solid #2a2a4a}.sidebar.collapsed .sidebar-footer{padding:12px 8px}.status-indicator{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#888;overflow:hidden}.sidebar.collapsed .status-indicator{justify-content:center}.status-dot{width:8px;height:8px;border-radius:50%;background:#888;flex-shrink:0}.status-dot.online{background:#4caf50;box-shadow:0 0 8px #4caf50}.status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .status-text,.sidebar-overlay{display:none}@media(max-width:768px){.sidebar{transform:translate(-100%);box-shadow:4px 0 20px #00000080}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:240px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text,.sidebar.collapsed .status-text{display:inline}.sidebar.collapsed .project-indicator{display:none}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:199}.sidebar-overlay.visible{display:block}.sidebar-toggle{display:none}}.chat-panel{background:#1a1a2e;border-left:1px solid #2a2a4a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;z-index:150}.chat-panel.resizing{-webkit-user-select:none;user-select:none}.chat-resize-handle{position:absolute;left:0;top:0;width:4px;height:100%;cursor:ew-resize;background:transparent;transition:background .2s;z-index:10}.chat-resize-handle:hover,.chat-panel.resizing .chat-resize-handle{background:#ffd70066}.chat-header{padding:12px 16px;border-bottom:1px solid #2a2a4a;display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#e0e0e0}.chat-header-left,.chat-header-right{display:flex;align-items:center;gap:8px}.chat-icon{font-size:1.4rem}.chat-settings-toggle{background:transparent;border:1px solid transparent;border-radius:6px;padding:6px 8px;font-size:1rem;cursor:pointer;transition:all .2s;opacity:.6}.chat-settings-toggle:hover,.chat-settings-toggle.active{opacity:1;background:#2a2a4a;border-color:#3a3a5a}.chat-model-selector{position:relative}.model-toggle{background:#2a2a4a;border:1px solid #3a3a5a;border-radius:6px;padding:6px 10px;color:#888;font-size:.75rem;cursor:pointer;transition:all .2s}.model-toggle:hover{border-color:gold;color:gold}.model-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#1a1a2e;border:1px solid #3a3a5a;border-radius:8px;min-width:200px;z-index:100;box-shadow:0 4px 12px #0000004d}.model-dropdown-header{padding:10px 12px;border-bottom:1px solid #2a2a4a;color:#888;font-size:.75rem;font-weight:500;text-transform:uppercase}.model-group{border-bottom:1px solid #2a2a4a}.model-group:last-child{border-bottom:none}.model-group-header{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:.7rem;font-weight:600;color:#888;text-transform:uppercase;background:#0003}.provider-icon{font-size:.9rem}.model-option{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 24px;cursor:pointer;font-size:.85rem;color:silver;transition:background .15s}.model-option.default-option{padding-left:12px;background:#ffd7000d}.model-option:hover{background:#ffd7001a}.model-option input[type=radio]{accent-color:#ffd700}.model-option-content{display:flex;flex-direction:column;gap:2px;flex:1}.model-name{color:#e0e0e0}.model-detail{font-size:.7rem;color:#666}.model-toggle.custom-model{border-color:gold;color:gold}.chat-context-bar{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid #2a2a4a;flex-wrap:wrap}.context-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:.7rem;background:#6464ff1a;color:#888}.context-badge.project-badge{background:#6464ff26;color:#a0a0ff}.context-badge.session-badge{background:#4caf5026;color:#4caf50}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-empty{color:#888;text-align:center;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:8px}.chat-empty .empty-icon{font-size:2.5rem;margin-bottom:8px}.chat-empty h3{margin:0;font-size:1.1rem;color:#e0e0e0}.chat-empty p{font-size:.85rem;color:#666;margin:0;line-height:1.4}.suggestion-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;justify-content:center}.suggestion-chip{padding:6px 10px;background:#6464ff1a;border:1px solid rgba(100,100,255,.2);border-radius:16px;font-size:.75rem;color:#a0a0ff;cursor:pointer;transition:all .2s}.suggestion-chip:hover:not(:disabled){background:#6464ff33;border-color:#6464ff66}.suggestion-chip:disabled{opacity:.5;cursor:not-allowed}.chat-message{max-width:85%;padding:10px 14px;border-radius:12px;font-size:.9rem;line-height:1.4}.chat-message.user{align-self:flex-end;background:#3a3a7a;color:#e0e0e0;border-bottom-right-radius:4px}.chat-message.assistant{align-self:flex-start;background:#2a2a4a;color:silver;border-bottom-left-radius:4px}.triggered-jobs{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.job-badge{background:#4a4a6a;padding:4px 8px;border-radius:4px;font-size:.75rem;color:gold}.message-content{word-wrap:break-word;overflow-wrap:break-word}.message-content p{margin:0 0 .5em}.message-content p:last-child{margin-bottom:0}.message-content ul,.message-content ol{margin:.5em 0;padding-left:1.5em}.message-content li{margin:.25em 0}.message-content strong{color:#fff;font-weight:600}.message-content code{background:#1a1a2e;padding:.15em .4em;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.85em}.message-content pre{background:#1a1a2e;padding:.75em;border-radius:6px;overflow-x:auto;margin:.5em 0}.message-content pre code{background:none;padding:0}.message-content blockquote{border-left:3px solid #5a5a8a;padding-left:.75em;margin:.5em 0;color:#a0a0b0}.message-content h1,.message-content h2,.message-content h3,.message-content h4{margin:.75em 0 .5em;color:#e0e0f0}.message-content h1{font-size:1.2em}.message-content h2{font-size:1.1em}.message-content h3{font-size:1em}.message-content h4{font-size:.95em}.typing span{display:inline-block;width:8px;height:8px;background:#888;border-radius:50%;margin:0 2px;animation:bounce 1.4s ease-in-out infinite}.typing span:nth-child(1){animation-delay:0s}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.chat-progress-indicator{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:#4a90e21a;border:1px solid rgba(74,144,226,.3);border-radius:6px;font-size:.85rem;color:#a0c4ff;animation:fadeIn .2s ease-in-out}.chat-progress-indicator .progress-icon{animation:spin 2s linear infinite}.chat-progress-indicator .progress-text{flex:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chat-input-form{padding:16px;border-top:1px solid #2a2a4a;display:flex;gap:8px}.chat-input-form input{flex:1;padding:10px 14px;background:#2a2a4a;border:1px solid #3a3a5a;border-radius:8px;color:#e0e0e0;font-size:.9rem}.chat-input-form input:focus{outline:none;border-color:gold}.chat-input-form input:disabled{opacity:.5;cursor:not-allowed}.chat-input-form button{padding:10px 16px;background:gold;border:none;border-radius:8px;color:#1a1a2e;font-weight:600;cursor:pointer;transition:background .2s}.chat-input-form button:hover:not(:disabled){background:#ffed4a}.chat-input-form button:disabled{opacity:.5;cursor:not-allowed}.chat-input-form textarea{flex:1;padding:10px 14px;background:#2a2a4a;border:1px solid #3a3a5a;border-radius:8px;color:#e0e0e0;font-size:.9rem;font-family:inherit;resize:none;min-height:40px;max-height:150px;line-height:1.4}.chat-input-form textarea:focus{outline:none;border-color:gold}.chat-input-form textarea:disabled{opacity:.5;cursor:not-allowed}.attach-button{background:#2a2a4a;border:1px solid #3a3a5a;border-radius:8px;padding:10px 12px;font-size:1rem;cursor:pointer;transition:all .2s}.attach-button:hover:not(:disabled){border-color:gold;background:#3a3a5a}.attach-button:disabled{opacity:.5;cursor:not-allowed}.enhance-button{background:#2a2a4a;border:1px solid #3a3a5a;border-radius:8px;padding:10px 12px;font-size:1rem;cursor:pointer;transition:all .2s}.enhance-button:hover:not(:disabled){border-color:gold;background:#3a3a5a}.enhance-button:disabled{opacity:.5;cursor:not-allowed}.enhance-button.enhancing{animation:pulse-enhance 1s ease-in-out infinite}@keyframes pulse-enhance{0%,to{opacity:.6}50%{opacity:1}}.pending-attachments{display:flex;gap:6px;padding:8px 16px;border-top:1px solid #2a2a4a;flex-wrap:wrap;background:#0000001a}.pending-attachment{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#2a2a4a;border-radius:6px;font-size:.75rem;color:silver}.attachment-icon{font-size:.9rem}.attachment-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:#666;font-size:.7rem}.remove-attachment{background:transparent;border:none;color:#888;cursor:pointer;padding:2px 4px;font-size:.7rem;border-radius:4px;transition:all .2s}.remove-attachment:hover{background:#ff646433;color:#f66}.chat-settings-panel{padding:12px 16px;border-bottom:1px solid #2a2a4a;background:#00000026;display:flex;flex-direction:column;gap:10px}.chat-setting{display:flex;align-items:center;justify-content:space-between;gap:12px}.setting-label{display:flex;align-items:center;gap:8px;flex:1}.setting-icon{font-size:1rem}.setting-text{display:flex;flex-direction:column;gap:1px}.setting-name{font-size:.85rem;color:#e0e0e0}.setting-desc{font-size:.7rem;color:#666}.setting-toggle{position:relative;width:44px;height:24px;border:none;border-radius:12px;cursor:pointer;transition:background .2s;padding:0}.setting-toggle.off{background:#3a3a5a}.setting-toggle.on{background:#4caf50}.toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.setting-toggle.on .toggle-slider{transform:translate(20px)}.chat-settings-hint{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid #2a2a4a;font-size:.7rem;color:#666}.hint-icon{font-size:.9rem}.chat-settings-hint kbd{background:#2a2a4a;border:1px solid #3a3a5a;border-radius:4px;padding:2px 6px;font-size:.65rem;font-family:monospace;color:#888}@media(max-width:1200px){.chat-panel{display:none}}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:transparent;border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #fff);cursor:pointer;transition:all .2s ease}.user-menu-trigger:hover{background:var(--hover-bg, rgba(255, 255, 255, .05));border-color:var(--border-hover, #444)}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--accent-color, #f0b429);color:#000;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.user-name{font-size:.875rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{width:16px;height:16px;color:var(--text-secondary, #888);transition:transform .2s ease}.user-menu-trigger[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--card-bg, #1e1e2e);border:1px solid var(--border-color, #333);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:1000;overflow:hidden}.user-menu-login{font-size:.8rem;color:var(--text-secondary, #888)}.user-menu-divider{height:1px;background:var(--border-color, #333)}.user-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary, #fff);font-size:.875rem;cursor:pointer;transition:background .15s ease;text-align:left}.user-menu-item:hover{background:var(--hover-bg, rgba(255, 255, 255, .05))}.user-menu-item svg{width:16px;height:16px;color:var(--text-secondary, #888)}.user-menu-item.warning{color:#e67e22}.user-menu-item.warning svg{color:#e67e22}.reauth-badge{font-size:12px;color:#e67e22;margin-left:-4px}.permissions-badge{display:inline-block;font-size:10px;padding:2px 6px;border-radius:4px;margin-left:8px;background:var(--bg-secondary, #252540);color:var(--text-secondary, #aaa)}.permissions-badge.full{background:#2ecc7133;color:#2ecc71}.user-menu-header{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:.75rem 1rem}.app-layout{display:flex;min-height:100vh;background:#0f0f1a}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;transition:margin .2s ease}.main-header{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 24px;border-bottom:1px solid var(--border-color, #222);background:#0f0f1acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100}.main-header-spacer{flex:1}.chat-toggle-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color, #333);background:transparent;color:var(--text-secondary, #888);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-toggle-btn:hover{background:var(--hover-bg, rgba(255, 255, 255, .05));border-color:var(--border-hover, #444);color:var(--text-primary, #fff)}.chat-toggle-btn.active{background:#ffd7001a;border-color:#ffd7004d;color:gold}.header-help-link{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border-color, #333);background:transparent;color:var(--text-secondary, #a1a1aa);text-decoration:none;font-size:.875rem;transition:all .2s ease}.header-help-link:hover{background:var(--hover-bg, rgba(255, 255, 255, .05));border-color:var(--border-hover, #444);color:var(--text-primary, #fff)}.main-content-body{flex:1;padding:24px;overflow-y:auto}.mobile-menu-btn{display:none;width:40px;height:40px;border-radius:8px;border:1px solid var(--border-color, #333);background:transparent;color:var(--text-primary, #fff);font-size:18px;cursor:pointer}@media(max-width:1024px){.main-content-body{padding:16px}}@media(max-width:768px){.main-content{margin-left:0!important;margin-right:0!important}.main-header{padding:12px 16px}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.main-content-body{padding:12px}.chat-toggle-btn{display:none}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:199}.sidebar-overlay.visible{display:block}}.job-list{display:flex;flex-direction:column;gap:8px}.job-list-empty{text-align:center;padding:40px;color:#666}.job-list-empty .empty-icon{font-size:2.5rem;margin-bottom:12px;opacity:.6}.job-list-empty .hint{font-size:.85rem;color:#888;margin-top:8px;max-width:280px;margin-left:auto;margin-right:auto}.job-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;cursor:pointer;transition:all .2s}.job-item:hover{background:#222240;border-color:#3a3a5a}.job-item.selected{background:#2a2a4a;border-color:gold}.job-item.status-running{border-left:3px solid #2196f3}.job-item.status-completed{border-left:3px solid #4caf50}.job-item.status-failed{border-left:3px solid #f44336}.job-item.status-pending{border-left:3px solid #888}.job-item.status-cancelled{border-left:3px solid #ff9800}.job-workflow-icon{font-size:1.4rem;width:32px;text-align:center;flex-shrink:0}.job-item.selected .job-workflow-icon,.job-item:hover .job-workflow-icon{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.job-info{flex:1;min-width:0}.job-workflow-row{display:flex;align-items:center;gap:8px}.job-workflow{font-weight:500;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-status-pill{font-size:.65rem;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:10px;color:#fff;flex-shrink:0}.job-meta{display:flex;align-items:center;gap:12px;font-size:.8rem;color:#888;margin-top:4px}.job-trigger{color:#a0a0a0}.job-time{color:#666}.job-ticket-badge{display:inline-flex;align-items:center;gap:2px;font-size:.75rem;color:#ffc107;background:#ffc1071a;padding:1px 6px;border-radius:8px}.job-duration{font-size:.85rem;color:#888;font-family:monospace;flex-shrink:0}.job-timeline{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;padding:20px}.job-timeline-empty{display:flex;align-items:center;justify-content:center;height:300px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;color:#666}.timeline-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.timeline-header h3{margin:0;color:#e0e0e0;flex:1}.job-status-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase}.timeline-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;padding:12px;background:#0f0f1a;border-radius:8px;font-size:.85rem;color:#a0a0a0;margin-bottom:20px}.timeline-meta strong{color:silver}.job-error{padding:12px;background:#f443361a;border:1px solid #f44336;border-radius:8px;color:#f44336;font-size:.9rem;margin-bottom:20px}.steps-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.timeline-steps h4{margin:0;color:silver;font-size:.9rem;text-transform:uppercase}.clear-filter-btn{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:12px;color:#ffc107;font-size:.75rem;padding:4px 10px;cursor:pointer;transition:all .2s}.clear-filter-btn:hover{background:#ffc10733}.no-steps{color:#666;text-align:center;padding:20px}.steps-list{display:flex;flex-direction:column}.step-wrapper{position:relative}.step-connector{position:absolute;left:20px;top:-8px;width:2px;height:16px;background:#3a3a5a}.step-card{background:#0f0f1a;border:1px solid #2a2a4a;border-radius:8px;padding:12px 16px;margin-bottom:8px;cursor:pointer;transition:all .2s}.step-card:hover{background:#151525;border-color:#3a3a5a}.step-card.selected{background:#ffc1070d;border-color:#ffc107;box-shadow:0 0 8px #ffc10733}.step-card.running{border-color:#2196f3;animation:glow 2s ease-in-out infinite}.step-card.running.selected{animation:glow-selected 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 5px #2196f34d}50%{box-shadow:0 0 15px #2196f380}}@keyframes glow-selected{0%,to{box-shadow:0 0 5px #ffc1074d}50%{box-shadow:0 0 15px #ffc10780}}.step-card.completed{border-color:#4caf50}.step-card.failed{border-color:#f44336}.step-header{display:flex;align-items:center;gap:10px}.step-emoji{font-size:1.2rem}.step-agent{flex:1;font-weight:500;color:#e0e0e0}.step-status-badge{padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase}.step-summary{margin-top:8px;font-size:.85rem;color:#a0a0a0;line-height:1.4}.step-summary.no-output{color:#666;font-style:italic}.step-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:.75rem;color:#666;font-family:monospace}.step-filter-indicator{color:#ffc107;font-family:inherit}.status-overview-strip{display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#1a1a2e,#16162a);border:1px solid #2a2a4a;border-radius:8px;margin-bottom:20px}.status-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border-radius:16px;font-size:.85rem;white-space:nowrap}.status-chip .chip-icon{font-size:.9rem}.status-chip .chip-label{color:#888}.status-chip .chip-value{font-weight:600;color:#e0e0e0}.status-chip.active{border:1px solid rgba(33,150,243,.3)}.status-chip.active .chip-value{color:#2196f3}.status-chip.success{border:1px solid rgba(76,175,80,.3)}.status-chip.success .chip-value{color:#4caf50}.status-chip.failed{border:1px solid rgba(244,67,54,.3)}.status-chip.failed .chip-value{color:#f44336}.status-chip.last-job{border:1px solid rgba(255,193,7,.3)}.status-chip.last-job .chip-value{color:#ffc107}@media(max-width:768px){.status-overview-strip{gap:8px}.status-chip{padding:4px 8px;font-size:.8rem}}.file-tree{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;-webkit-user-select:none;user-select:none}.file-tree-node{display:flex;flex-direction:column}.file-tree-item{display:flex;align-items:center;padding:4px 8px;cursor:pointer;border-radius:4px;transition:background-color .1s ease;gap:4px}.file-tree-item:hover,.file-tree-item.hovered{background-color:var(--hover-bg, rgba(255, 255, 255, .05))}.file-tree-item.selected{background-color:var(--selected-bg, rgba(59, 130, 246, .2))}.file-tree-item:focus{outline:1px solid var(--focus-color, #3b82f6);outline-offset:-1px}.expand-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--text-muted, #888);transition:transform .15s ease;flex-shrink:0}.expand-icon.expanded{transform:rotate(90deg)}.file-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary, #e0e0e0)}.file-tree-item.changed .file-name{color:#ffc107}.changed-indicator{color:#ffc107;font-size:10px;margin-left:4px;flex-shrink:0}.file-context-menu{position:fixed;background:var(--menu-bg, #252526);border:1px solid var(--border-color, #3c3c3c);border-radius:6px;box-shadow:0 4px 12px #0000004d;padding:4px 0;min-width:160px;z-index:1000}.file-context-menu-item{display:flex;align-items:center;padding:6px 12px;cursor:pointer;gap:8px;color:var(--text-primary, #e0e0e0)}.file-context-menu-item:hover{background-color:var(--hover-bg, rgba(255, 255, 255, .1))}.file-context-menu-item.danger{color:var(--danger-color, #ef4444)}.file-context-menu-separator{height:1px;background:var(--border-color, #3c3c3c);margin:4px 0}.file-tabs-container{display:flex;align-items:center;background:var(--tabs-bg, #1e1e1e);border-bottom:1px solid var(--border-color, #3c3c3c);height:35px;overflow:hidden}.file-tabs{display:flex;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.file-tabs::-webkit-scrollbar{height:4px}.file-tabs::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #555);border-radius:2px}.file-tab{display:flex;align-items:center;padding:0 12px;height:35px;cursor:pointer;border-right:1px solid var(--border-color, #3c3c3c);background:var(--tab-bg, #2d2d2d);color:var(--text-muted, #888);font-size:13px;gap:6px;white-space:nowrap;transition:background-color .1s ease;min-width:0;max-width:200px}.file-tab:hover{background:var(--tab-hover-bg, #333)}.file-tab.active{background:var(--tab-active-bg, #1e1e1e);color:var(--text-primary, #e0e0e0);border-bottom:2px solid var(--accent-color, #3b82f6)}.file-tab.dirty .tab-name{font-style:italic}.tab-icon{font-size:14px;flex-shrink:0}.tab-name{overflow:hidden;text-overflow:ellipsis;flex:1}.dirty-indicator{color:var(--warning-color, #f59e0b);font-size:10px;flex-shrink:0}.tab-close{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:var(--text-muted, #888);cursor:pointer;border-radius:4px;font-size:14px;opacity:0;transition:opacity .1s ease,background-color .1s ease;flex-shrink:0}.file-tab:hover .tab-close,.file-tab.active .tab-close{opacity:1}.tab-close:hover{background:var(--close-hover-bg, rgba(255, 255, 255, .1));color:var(--text-primary, #e0e0e0)}.file-tabs-actions{display:flex;align-items:center;padding:0 8px;gap:4px}.tabs-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-muted, #888);cursor:pointer;border-radius:4px;font-size:12px}.tabs-action-btn:hover{background:var(--hover-bg, rgba(255, 255, 255, .1));color:var(--text-primary, #e0e0e0)}.file-editor{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--editor-bg, #1e1e1e)}.file-editor-empty{flex:1;display:flex;align-items:center;justify-content:center;background:var(--editor-bg, #1e1e1e)}.empty-state{text-align:center;color:var(--text-muted, #888)}.empty-icon{font-size:48px;display:block;margin-bottom:16px;opacity:.5}.empty-state p{margin:8px 0}.empty-hint{font-size:12px;opacity:.7}.editor-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted, #888)}.monaco-editor{padding-top:8px}.monaco-editor .margin{background:var(--editor-bg, #1e1e1e)!important}.file-diff-editor{flex:1;display:flex;flex-direction:column;overflow:hidden}.diff-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--header-bg, #252526);border-bottom:1px solid var(--border-color, #3c3c3c)}.diff-title{font-size:13px;color:var(--text-primary, #e0e0e0)}.diff-actions{display:flex;gap:8px}.diff-action-btn{padding:4px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .1s ease}.diff-action-btn.accept{background:var(--success-color, #22c55e);color:#fff}.diff-action-btn.accept:hover{background:var(--success-hover, #16a34a)}.diff-action-btn.reject{background:var(--danger-color, #ef4444);color:#fff}.diff-action-btn.reject:hover{background:var(--danger-hover, #dc2626)}.file-browser{display:flex;height:100%;background:var(--bg-primary, #1e1e1e);color:var(--text-primary, #e0e0e0)}.file-browser-sidebar{width:250px;min-width:200px;max-width:400px;display:flex;flex-direction:column;border-right:1px solid var(--border-color, #3c3c3c);background:var(--sidebar-bg, #252526);resize:horizontal;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-color, #3c3c3c);background:var(--header-bg, #2d2d2d)}.sidebar-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #888)}.sidebar-actions{display:flex;gap:4px}.sidebar-action-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--text-muted, #888);cursor:pointer;border-radius:4px;font-size:12px}.sidebar-action-btn:hover{background:var(--hover-bg, rgba(255, 255, 255, .1));color:var(--text-primary, #e0e0e0)}.sidebar-action-btn.active{background:#ffc10733;color:#ffc107}.sidebar-loading,.sidebar-error,.sidebar-empty{padding:16px;text-align:center;color:var(--text-muted, #888);font-size:13px}.sidebar-error{color:var(--danger-color, #ef4444)}.sidebar-empty{font-style:italic}.file-browser-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.file-browser-sidebar::-webkit-resizer{background:var(--border-color, #3c3c3c)}.file-search{padding:8px;border-bottom:1px solid var(--border-color, #3c3c3c)}.file-search-input{width:100%;padding:6px 8px;border:1px solid var(--border-color, #3c3c3c);border-radius:4px;background:var(--input-bg, #3c3c3c);color:var(--text-primary, #e0e0e0);font-size:12px}.file-search-input:focus{outline:none;border-color:var(--focus-color, #3b82f6)}.file-search-input::placeholder{color:var(--text-muted, #888)}.file-browser-sidebar>.file-tree{flex:1;overflow:auto;padding:4px 0}.file-browser-sidebar::-webkit-scrollbar,.file-browser-main::-webkit-scrollbar{width:8px;height:8px}.file-browser-sidebar::-webkit-scrollbar-thumb,.file-browser-main::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #555);border-radius:4px}.file-browser-sidebar::-webkit-scrollbar-track,.file-browser-main::-webkit-scrollbar-track{background:transparent}.console-entry{font-family:Menlo,Monaco,Courier New,monospace;font-size:12px;border-left:3px solid var(--level-color, #888);background:var(--entry-bg, transparent);transition:background-color .1s ease}.console-entry:hover{background:var(--entry-hover-bg, rgba(255, 255, 255, .03))}.console-entry.level-error{background:#ef44440d}.console-entry.level-warn{background:#f59e0b0d}.console-entry.streaming{background:#3b82f60d}.entry-main{display:flex;align-items:flex-start;padding:4px 8px;gap:8px;cursor:pointer;min-height:24px}.entry-timestamp{color:var(--text-muted, #666);font-size:11px;flex-shrink:0;min-width:85px}.entry-level-icon,.entry-source-icon{flex-shrink:0;font-size:12px}.entry-agent-role{color:var(--accent-color, #3b82f6);font-weight:500;flex-shrink:0}.entry-message{flex:1;color:var(--text-primary, #e0e0e0);white-space:pre-wrap;word-break:break-word;line-height:1.5}.streaming-indicator{color:var(--accent-color, #3b82f6);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.expand-indicator{color:var(--text-muted, #666);font-size:10px;transition:transform .15s ease;flex-shrink:0}.expand-indicator.expanded{transform:rotate(90deg)}.entry-copy-btn{opacity:0;border:none;background:transparent;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px;transition:opacity .1s ease;flex-shrink:0}.console-entry:hover .entry-copy-btn{opacity:.7}.entry-copy-btn:hover{opacity:1!important;background:var(--hover-bg, rgba(255, 255, 255, .1))}.entry-details{padding:8px 16px 8px 40px;background:var(--details-bg, rgba(0, 0, 0, .2));border-top:1px solid var(--border-color, #3c3c3c)}.entry-details pre{margin:0;font-size:11px;color:var(--text-muted, #888);overflow-x:auto;white-space:pre-wrap}.console-panel{display:flex;flex-direction:column;height:100%;background:var(--console-bg, #1e1e1e);color:var(--text-primary, #e0e0e0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.console-header{display:flex;align-items:center;padding:8px 12px;gap:12px;border-bottom:1px solid var(--border-color, #3c3c3c);background:var(--header-bg, #252526);flex-shrink:0}.console-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.entry-count{color:var(--text-muted, #888);font-size:12px;font-weight:400}.console-search{flex:1;max-width:300px}.search-input{width:100%;padding:6px 10px;border:1px solid var(--border-color, #3c3c3c);border-radius:4px;background:var(--input-bg, #3c3c3c);color:var(--text-primary, #e0e0e0);font-size:12px}.search-input:focus{outline:none;border-color:var(--focus-color, #3b82f6)}.search-input::placeholder{color:var(--text-muted, #888)}.console-actions{display:flex;gap:4px}.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-muted, #888);cursor:pointer;border-radius:4px;font-size:14px;transition:background-color .1s ease}.action-btn:hover{background:var(--hover-bg, rgba(255, 255, 255, .1));color:var(--text-primary, #e0e0e0)}.action-btn.active{background:var(--active-bg, rgba(59, 130, 246, .2));color:var(--accent-color, #3b82f6)}.console-filters{display:flex;flex-wrap:wrap;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border-color, #3c3c3c);background:var(--filters-bg, #2d2d2d)}.filter-group{display:flex;align-items:center;gap:6px}.filter-label{font-size:11px;color:var(--text-muted, #888);text-transform:uppercase}.filter-btn{padding:3px 8px;border:1px solid var(--border-color, #3c3c3c);border-radius:4px;background:transparent;color:var(--text-muted, #888);font-size:11px;cursor:pointer;transition:all .1s ease}.filter-btn:hover{border-color:var(--text-muted, #888);color:var(--text-primary, #e0e0e0)}.filter-btn.active{background:var(--accent-color, #3b82f6);border-color:var(--accent-color, #3b82f6);color:#fff}.console-content{flex:1;overflow-y:auto;overflow-x:hidden}.console-content::-webkit-scrollbar{width:8px}.console-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #555);border-radius:4px}.console-content::-webkit-scrollbar-track{background:transparent}.console-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted, #888);font-size:13px}.workspace-panel{display:flex;flex-direction:column;background:#1a1a2e;border-top:1px solid #333;min-height:250px;max-height:400px}.workspace-panel.collapsed{min-height:36px;max-height:36px}.expand-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;background:transparent;border:none;color:#888;cursor:pointer;font-size:.85rem}.expand-btn:hover{background:#252540;color:#e0e0e0}.expand-icon{font-size:.7rem}.workspace-header{display:flex;justify-content:space-between;align-items:center;padding:0 8px;background:#16162a;border-bottom:1px solid #333}.workspace-tabs{display:flex;gap:0}.workspace-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#888;cursor:pointer;font-size:.85rem;transition:all .15s ease}.workspace-tab:hover{background:#252540;color:#e0e0e0}.workspace-tab.active{color:#e0e0e0;border-bottom-color:#667eea;background:#1a1a2e}.tab-icon{font-size:.9rem}.tab-badge{background:#667eea;color:#fff;font-size:.7rem;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.workspace-actions{display:flex;gap:4px}.collapse-btn{padding:6px 10px;background:transparent;border:none;color:#888;cursor:pointer;font-size:.7rem;border-radius:4px}.collapse-btn:hover{background:#333;color:#e0e0e0}.workspace-content{flex:1;overflow:hidden;display:flex}.workspace-content>*{flex:1;width:100%}.workspace-content .file-browser,.workspace-content .console-panel{border:none;border-radius:0}.config-snapshot{display:flex;align-items:center;gap:16px;padding:12px 16px;background:linear-gradient(135deg,rgba(100,100,255,.05) 0%,transparent 100%);border:1px solid rgba(100,100,255,.15);border-radius:8px;margin-bottom:16px}.config-snapshot.compact{padding:8px 12px;gap:12px;margin-bottom:0}.config-loading{color:#666;font-size:.85rem}.config-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0003;border-radius:6px;border:1px solid #333}.config-snapshot.compact .config-item{padding:4px 8px}.config-icon{font-size:1rem}.config-snapshot.compact .config-icon{font-size:.9rem}.config-label{font-size:.8rem;font-weight:500;color:silver}.config-snapshot.compact .config-label{font-size:.75rem}.config-detail{font-size:.7rem;color:#666;margin-left:4px}.config-status{font-size:.75rem;margin-left:4px}.config-item.provider{border-color:#4a4a6a}.config-item.mode{border-color:#666}.config-item.mode-blue{border-color:#2196f3;background:#2196f31a}.config-item.mode-blue .config-label{color:#2196f3}.config-item.mode-orange{border-color:#ff9800;background:#ff98001a}.config-item.mode-orange .config-label{color:#ff9800}.config-item.mode-purple{border-color:#9c27b0;background:#9c27b01a}.config-item.mode-purple .config-label{color:#9c27b0}.config-item.integration.connected{border-color:#4caf50}.config-item.integration.connected .config-status{color:#4caf50}.config-item.integration.disconnected{border-color:#444;opacity:.6}.config-item.integration.disconnected .config-status{color:#666}@media(max-width:768px){.config-snapshot{flex-wrap:wrap;gap:8px}.config-item{flex:1 1 auto;min-width:100px;justify-content:center}}.onboarding-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;max-width:500px;margin:0 auto}.onboarding-icon{font-size:4rem;margin-bottom:16px;opacity:.8}.onboarding-title{font-size:1.5rem;font-weight:600;color:#e0e0e0;margin:0 0 8px}.onboarding-description{font-size:.95rem;color:#888;margin:0 0 24px;line-height:1.5}.onboarding-steps{width:100%;background:#0003;border:1px solid #333;border-radius:12px;padding:16px;margin-bottom:24px}.steps-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.steps-progress{font-size:.8rem;color:#888;white-space:nowrap}.steps-progress-bar{flex:1;height:4px;background:#333;border-radius:2px;overflow:hidden}.steps-progress-fill{height:100%;background:linear-gradient(90deg,gold,#ffed4a);border-radius:2px;transition:width .3s ease}.steps-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.step-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0003;border:1px solid #333;border-radius:8px;text-align:left}.step-item.completed{opacity:.6;border-color:#4caf50}.step-icon{font-size:1.25rem;flex-shrink:0}.step-content{flex:1;display:flex;flex-direction:column;gap:2px}.step-title{font-size:.9rem;font-weight:500;color:#e0e0e0}.step-item.completed .step-title{text-decoration:line-through;color:#888}.step-description{font-size:.75rem;color:#666}.step-action{padding:6px 12px;background:#6464ff26;border:1px solid rgba(100,100,255,.3);border-radius:6px;color:#a0a0ff;font-size:.75rem;cursor:pointer;text-decoration:none;transition:all .2s}.step-action:hover{background:#6464ff40;border-color:#6464ff80}.onboarding-primary-action{margin-top:8px}.onboarding-primary-action .btn{padding:12px 24px;font-size:1rem}.agent-graph-canvas{width:100%;height:100%;min-height:400px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:8px;overflow:hidden;position:relative}.agent-graph-canvas.empty{display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px}.agent-graph-canvas svg{width:100%;height:100%;transition:transform .1s ease-out}.agent-graph-canvas.panning{cursor:grabbing}.agent-graph-canvas.panning svg{transition:none}.agent-node{transition:transform .2s ease}.agent-node:hover{filter:brightness(1.1)}.agent-node.active rect{filter:drop-shadow(0 0 8px rgba(59,130,246,.5))}.agent-node.inactive{opacity:.5}.agent-edge{transition:opacity .2s ease}.agent-edge:hover path{stroke-width:2.5}.agent-edge.active path{stroke-dasharray:10,5;animation:dash .5s linear infinite}@keyframes dash{to{stroke-dashoffset:-15}}.agent-node.running rect{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.agent-node.completed rect{stroke:#10b981}.agent-node.error rect{stroke:#ef4444}.graph-legend{position:absolute;bottom:12px;right:12px;background:#1e293be6;border-radius:6px;padding:8px 12px;display:flex;gap:12px;font-size:11px;color:#9ca3af}.legend-item{display:flex;align-items:center;gap:4px}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.idle{background:#6b7280}.legend-dot.pending{background:#f59e0b}.legend-dot.running{background:#3b82f6}.legend-dot.completed{background:#10b981}.legend-dot.error{background:#ef4444}.zoom-controls{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:4px;background:#1e293bf2;border:1px solid #334155;border-radius:8px;padding:4px;z-index:10}.zoom-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#9ca3af;font-size:16px;cursor:pointer;border-radius:4px;transition:all .2s ease}.zoom-btn:hover{background:#334155;color:#f3f4f6}.zoom-btn.reset{font-size:14px}.zoom-level{min-width:40px;text-align:center;font-size:11px;color:#9ca3af}.status-halo{pointer-events:none}.agent-node.negotiating .status-halo{animation:negotiating-pulse .8s ease-in-out infinite}@keyframes negotiating-pulse{0%,to{stroke-opacity:.8;stroke-width:4}50%{stroke-opacity:.3;stroke-width:6}}.agent-edge.in-job-path path{filter:drop-shadow(0 0 4px rgba(96,165,250,.5))}.agent-edge.dimmed{opacity:.15;pointer-events:none}.edge-glow{filter:blur(4px)}.handoff-orb{pointer-events:none}.handoff-orb circle{filter:drop-shadow(0 0 3px currentColor)}.quality-badge{pointer-events:none}.quality-badge rect{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.handoff-tooltip{pointer-events:none}.handoff-tooltip rect{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.agent-edge:hover .handoff-tooltip,.agent-edge:hover .quality-badge{opacity:1}.agent-edge.handoff-in-progress path{stroke-dasharray:8,4;animation:handoff-flow .6s linear infinite}@keyframes handoff-flow{to{stroke-dashoffset:-12}}.agent-config-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;width:400px;max-height:80vh;overflow-y:auto;z-index:100;box-shadow:0 20px 40px #0006}.agent-config-panel .panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.agent-config-panel .panel-header h3{margin:0;font-size:16px;color:#f3f4f6}.agent-config-panel .close-btn{background:none;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:4px}.agent-config-panel .close-btn:hover{color:#f3f4f6}.agent-config-panel .panel-description{color:#9ca3af;font-size:13px;margin:0 0 16px}.agent-config-panel .panel-loading{text-align:center;color:#9ca3af;padding:40px}.agent-config-panel .agent-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.agent-config-panel .agent-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0f172a;border:1px solid #334155;border-radius:8px;cursor:pointer;transition:all .2s ease}.agent-config-panel .agent-item:hover{border-color:#3b82f6}.agent-config-panel .agent-item.active{border-color:#10b981;background:#10b9811a}.agent-config-panel .agent-item.inactive{opacity:.6}.agent-config-panel .agent-toggle input{width:16px;height:16px;cursor:pointer}.agent-config-panel .agent-emoji{font-size:20px}.agent-config-panel .agent-info{display:flex;flex-direction:column;flex:1}.agent-config-panel .agent-name{font-size:13px;font-weight:600;color:#f3f4f6}.agent-config-panel .agent-desc{font-size:11px;color:#9ca3af}.agent-config-panel .panel-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #334155}.agent-config-panel .cancel-btn{padding:8px 16px;background:transparent;border:1px solid #4b5563;border-radius:6px;color:#9ca3af;font-size:13px;cursor:pointer}.agent-config-panel .cancel-btn:hover{border-color:#6b7280;color:#e5e7eb}.agent-config-panel .save-btn{padding:8px 16px;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:13px;cursor:pointer}.agent-config-panel .save-btn:hover:not(:disabled){background:#2563eb}.agent-config-panel .save-btn:disabled{opacity:.5;cursor:not-allowed}.agent-detail-panel{position:absolute;top:16px;right:16px;width:320px;max-height:calc(100% - 32px);background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden;z-index:50;box-shadow:0 10px 30px #0000004d}.agent-detail-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #334155;background:#0f172a}.agent-detail-panel .agent-title{display:flex;align-items:center;gap:10px}.agent-detail-panel .agent-emoji{font-size:24px}.agent-detail-panel .agent-title h3{margin:0;font-size:16px;color:#f3f4f6}.agent-detail-panel .close-btn{background:none;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:4px}.agent-detail-panel .close-btn:hover{color:#f3f4f6}.agent-detail-panel .panel-content{padding:16px;overflow-y:auto;max-height:400px}.agent-detail-panel .detail-section{margin-bottom:20px}.agent-detail-panel .detail-section:last-child{margin-bottom:0}.agent-detail-panel .detail-section h4{margin:0 0 8px;font-size:11px;text-transform:uppercase;color:#6b7280;font-weight:600;letter-spacing:.5px}.agent-detail-panel .status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff}.agent-detail-panel .duration{margin-top:8px;font-size:12px;color:#9ca3af}.agent-detail-panel .capabilities-list{display:flex;flex-wrap:wrap;gap:6px}.agent-detail-panel .capability-tag{padding:3px 8px;background:#0f172a;border:1px solid #334155;border-radius:4px;font-size:11px;color:#9ca3af}.agent-detail-panel .no-data{margin:0;font-size:13px;color:#6b7280;font-style:italic}.agent-detail-panel .task-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0f172a;border-radius:6px;font-size:13px;color:#e5e7eb}.agent-detail-panel .task-item .task-icon{font-size:14px}.agent-detail-panel .task-item.running{border-left:3px solid #3b82f6}.agent-detail-panel .task-item.completed{border-left:3px solid #10b981}.agent-detail-panel .task-item.error{border-left:3px solid #ef4444}.edge-detail-panel{position:absolute;top:16px;right:16px;width:320px;max-height:calc(100% - 32px);background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden;z-index:50;box-shadow:0 10px 30px #0000004d}.edge-detail-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #334155;background:#0f172a}.edge-detail-panel .panel-header h3{margin:0;font-size:16px;color:#f3f4f6}.edge-detail-panel .close-btn{background:none;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:4px}.edge-detail-panel .close-btn:hover{color:#f3f4f6}.edge-detail-panel .panel-content{padding:16px;overflow-y:auto;max-height:400px}.edge-detail-panel .detail-section{margin-bottom:20px}.edge-detail-panel .detail-section:last-child{margin-bottom:0}.edge-detail-panel .detail-section h4{margin:0 0 8px;font-size:11px;text-transform:uppercase;color:#6b7280;font-weight:600;letter-spacing:.5px}.edge-detail-panel .flow-visualization{display:flex;align-items:center;gap:12px;padding:12px;background:#0f172a;border-radius:8px}.edge-detail-panel .flow-node{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.edge-detail-panel .flow-emoji{font-size:24px}.edge-detail-panel .flow-name{font-size:11px;color:#9ca3af;text-align:center}.edge-detail-panel .flow-arrow{font-size:20px;color:#3b82f6}.edge-detail-panel .status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff}.edge-detail-panel .type-label{font-size:13px;color:#e5e7eb}.edge-detail-panel .edge-label{margin:0;font-size:13px;color:#9ca3af}.edge-detail-panel .no-data{margin:0;font-size:13px;color:#6b7280;font-style:italic}.edge-detail-panel .data-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0f172a;border-radius:6px;font-size:13px;color:#e5e7eb}.edge-detail-panel .data-item .data-icon{font-size:14px}.edge-detail-panel .data-item.active{border-left:3px solid #3b82f6}.edge-detail-panel .data-item.completed{border-left:3px solid #10b981}.swarm-activity-page{color:#e0e0e0;display:flex;flex-direction:column;height:calc(100vh - 48px)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-shrink:0}.page-header-content{flex:1}.page-header h2{margin:0 0 4px;font-size:1.5rem}.page-header p{margin:0;color:#888;font-size:.9rem}@media(max-width:768px){.page-header{flex-direction:column}}.page-error{padding:12px 16px;background:#f443361a;border:1px solid #f44336;border-radius:8px;color:#f44336;margin-bottom:20px;flex-shrink:0}.activity-content{display:flex;flex-direction:column;flex:1;min-height:0;gap:16px}.activity-layout{display:grid;grid-template-columns:400px 1fr;gap:24px;flex:1;min-height:0;overflow:auto}.jobs-panel h3,.timeline-panel h3{margin:0 0 16px;font-size:1rem;color:#a0a0a0;text-transform:uppercase;font-weight:600}@media(max-width:1000px){.activity-layout{grid-template-columns:1fr}}.page-header-actions{display:flex;align-items:center;gap:16px}.view-toggle{display:flex;background:#1e293b;border-radius:6px;padding:2px}.view-toggle-btn{padding:6px 12px;border:none;background:transparent;color:#9ca3af;font-size:13px;cursor:pointer;border-radius:4px;transition:all .2s ease}.view-toggle-btn:hover{color:#e5e7eb}.view-toggle-btn.active{background:#3b82f6;color:#fff}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-header h3{margin:0;font-size:1rem;color:#a0a0a0;text-transform:uppercase;font-weight:600}.clear-filter-btn{padding:4px 8px;background:#3b82f633;border:1px solid #3b82f6;border-radius:4px;color:#60a5fa;font-size:11px;cursor:pointer;transition:all .2s ease}.clear-filter-btn:hover{background:#3b82f64d}.configure-agents-btn{padding:6px 12px;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#9ca3af;font-size:13px;cursor:pointer;transition:all .2s ease}.configure-agents-btn:hover{border-color:#3b82f6;color:#e5e7eb}.config-panel-overlay{position:fixed;inset:0;background:#00000080;z-index:99;display:flex;align-items:center;justify-content:center}.graph-container{position:relative;width:100%;height:100%;min-height:400px}.github-settings{background:var(--bg-secondary, #1e1e1e);border:1px solid var(--border-color, #333);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.github-settings-loading{padding:2rem;text-align:center;color:var(--text-muted, #888)}.github-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #333)}.github-settings-header h3{margin:0;font-size:1.1rem;color:var(--text-primary, #fff)}.connection-status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.25rem .75rem;border-radius:20px}.connection-status.connected{background:#28a74526;color:#28a745}.connection-status.disconnected{background:#6c757d26;color:#6c757d}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.github-error{background:#dc354526;color:#dc3545;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.github-success{background:#28a74526;color:#28a745;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.github-connected-info .info-row{display:flex;gap:.5rem;margin-bottom:1rem}.info-label{color:var(--text-muted, #888)}.info-value{color:var(--text-primary, #fff);font-family:monospace}.github-actions{display:flex;gap:.75rem;margin-top:1rem}.auth-method-selector{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.auth-method-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-tertiary, #252525);border:1px solid var(--border-color, #333);border-radius:8px;cursor:pointer;transition:border-color .2s}.auth-method-option:hover{border-color:var(--primary-color, #0d6efd)}.auth-method-option input[type=radio]{margin-top:.25rem}.method-label{display:flex;flex-direction:column;gap:.25rem}.method-label strong{color:var(--text-primary, #fff)}.method-label small{color:var(--text-muted, #888);font-size:.8rem}.form-field input,.form-field textarea{width:100%;padding:.75rem;background:var(--bg-tertiary, #252525);border:1px solid var(--border-color, #333);border-radius:6px;color:var(--text-primary, #fff);font-size:.95rem}.form-field textarea{font-family:monospace;resize:vertical}.field-hint{display:block;margin-top:.5rem;color:var(--text-muted, #888);font-size:.8rem}.field-hint a{color:var(--primary-color, #0d6efd)}.github-workflows{background:var(--bg-secondary, #1e1e1e);border:1px solid var(--border-color, #333);border-radius:8px;padding:1.5rem}.workflows-loading,.workflows-error,.workflows-empty{padding:2rem;text-align:center;color:var(--text-muted, #888)}.workflows-error button{margin-top:1rem}.workflows-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.workflows-header h3{margin:0;font-size:1.1rem;color:var(--text-primary, #fff)}.workflows-list,.runs-list{margin-bottom:1.5rem}.workflows-list h4,.runs-list h4{margin:0 0 .75rem;font-size:.9rem;color:var(--text-secondary, #ccc);text-transform:uppercase;letter-spacing:.05em}.workflow-item,.run-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary, #252525);border-radius:6px;margin-bottom:.5rem}.workflow-info,.run-info{flex:1;min-width:0}.workflow-name,.run-name{color:var(--text-primary, #fff);font-weight:500}.workflow-path{display:block;color:var(--text-muted, #888);font-size:.8rem;font-family:monospace}.run-status{font-size:1.2rem}.run-meta{display:flex;gap:.75rem;font-size:.8rem;color:var(--text-muted, #888);margin-top:.25rem}.run-branch{font-family:monospace;background:var(--bg-secondary, #1e1e1e);padding:.1rem .4rem;border-radius:3px}.run-actions{display:flex;gap:.25rem}.runs-empty{color:var(--text-muted, #888);font-size:.9rem;text-align:center;padding:1rem}.workflow-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.workflow-modal{background:var(--bg-secondary, #1e1e1e);border:1px solid var(--border-color, #333);border-radius:12px;width:100%;max-width:400px;box-shadow:0 10px 40px #00000080}.modal-header h4{margin:0;font-size:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color, #333)}.btn-sm{padding:.4rem .75rem;font-size:.85rem}.btn-xs{padding:.25rem .5rem;font-size:.75rem}.btn-link{background:none;border:none;color:var(--primary-color, #0d6efd)}.github-issues{background:var(--bg-secondary, #1e1e1e);border:1px solid var(--border-color, #333);border-radius:8px;padding:1.5rem}.issues-loading,.issues-empty{padding:2rem;text-align:center;color:var(--text-muted, #888)}.issues-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.issues-header h3{margin:0;font-size:1.1rem}.issues-controls{display:flex;gap:.75rem;align-items:center}.state-filter{padding:.4rem .75rem;background:var(--bg-tertiary, #252525);border:1px solid var(--border-color, #333);border-radius:6px;color:var(--text-primary, #fff);font-size:.9rem}.issues-error{background:#dc354526;color:#dc3545;padding:.75rem;border-radius:6px;margin-bottom:1rem}.issues-list{display:flex;flex-direction:column;gap:.5rem}.issue-card{padding:.75rem 1rem;background:var(--bg-tertiary, #252525);border:1px solid var(--border-color, #333);border-radius:6px;cursor:pointer;transition:border-color .2s}.issue-card:hover{border-color:var(--primary-color, #0d6efd)}.issue-card.closed{opacity:.7}.issue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.issue-number{color:var(--text-muted, #888);font-family:monospace;font-size:.85rem}.issue-state{font-size:.75rem;padding:.15rem .5rem;border-radius:10px;text-transform:uppercase}.issue-state.open{background:#28a74533;color:#28a745}.issue-state.closed{background:#6c757d33;color:#6c757d}.issue-title{color:var(--text-primary, #fff);font-weight:500;margin-bottom:.5rem}.issue-labels{display:flex;flex-wrap:wrap;gap:.25rem}.issue-label{font-size:.7rem;padding:.1rem .4rem;border-radius:10px;color:#000}.issue-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.issue-modal{background:var(--bg-secondary, #1e1e1e);border:1px solid var(--border-color, #333);border-radius:12px;width:100%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.issue-modal .modal-body{overflow-y:auto;flex:1}.comments-section h5{margin:0 0 1rem;font-size:.9rem;color:var(--text-secondary, #ccc)}.comment{padding:.75rem;background:var(--bg-tertiary, #252525);border-radius:6px;margin-bottom:.75rem}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.avatar{width:24px;height:24px;border-radius:50%}.comment-author{font-weight:500;color:var(--text-primary, #fff)}.comment-date{color:var(--text-muted, #888);font-size:.8rem}.comment-body{color:var(--text-secondary, #ccc);white-space:pre-wrap}.add-comment{margin-top:1rem}.add-comment textarea{width:100%;padding:.75rem;background:var(--bg-tertiary, #252525);border:1px solid var(--border-color, #333);border-radius:6px;color:var(--text-primary, #fff);resize:vertical;margin-bottom:.5rem}.add-comment button{float:right}.form-field label{display:block;margin-bottom:.5rem;color:var(--text-secondary, #ccc);font-size:.9rem}.form-field input,.form-field textarea{width:100%;padding:.75rem;background:var(--bg-tertiary, #252525);border:1px solid var(--border-color, #333);border-radius:6px;color:var(--text-primary, #fff)}.form-field textarea{resize:vertical}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #333)}.modal-header h4{margin:0}.close-btn{background:none;border:none;color:var(--text-muted, #888);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--border-color, #333)}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.tickets-page{color:#e0e0e0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-content h2{margin:0 0 4px;font-size:1.5rem}.header-content p{margin:0;color:#888;font-size:.9rem}.ticket-source-toggle{display:flex;gap:4px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;padding:4px}.source-btn{padding:8px 16px;background:transparent;border:none;border-radius:6px;color:#888;font-size:.9rem;cursor:pointer;transition:all .2s}.source-btn:hover{color:#e0e0e0;background:#ffffff0d}.source-btn.active{background:#2a2a4a;color:gold}.page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;color:#666}.page-empty h2{margin-bottom:8px;color:#888}.page-error{padding:12px 16px;background:#f443361a;border:1px solid #f44336;border-radius:8px;color:#f44336;margin-bottom:20px}.loading{text-align:center;padding:40px;color:#888}.ticket-modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.ticket-modal{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden}.ticket-modal-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #2a2a4a}.ticket-modal-header .ticket-number{color:#888;font-family:monospace}.ticket-modal-header h3{flex:1;margin:0;font-size:1.1rem}.close-btn{background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#e0e0e0}.ticket-modal-body{padding:20px}.ticket-modal-body p{color:#a0a0a0;line-height:1.5;margin:0 0 16px}.ticket-meta{display:grid;gap:8px;font-size:.9rem;color:#888;margin-bottom:16px}.ticket-meta strong{color:#a0a0a0}.view-github{display:inline-block;color:gold;text-decoration:none;font-size:.9rem}.view-github:hover{text-decoration:underline}.files-page{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.files-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.files-page .header-content h2{margin:0 0 .25rem;font-size:1.25rem}.files-page .header-content p{margin:0;color:var(--text-secondary);font-size:.875rem}.files-page .branch-badge{margin-left:.5rem;padding:.125rem .5rem;background:var(--bg-tertiary);border-radius:4px;font-size:.75rem;color:var(--text-secondary)}.files-page .header-actions{display:flex;gap:.75rem;align-items:center}.files-page .refresh-btn{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);cursor:pointer;font-size:.875rem}.files-page .refresh-btn:hover:not(:disabled){background:var(--bg-hover)}.files-page .refresh-btn:disabled{opacity:.5;cursor:not-allowed}.files-page .source-toggle{display:flex;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.files-page .source-toggle button{padding:.5rem .75rem;border:none;background:var(--bg-primary);cursor:pointer;font-size:.875rem;transition:background-color .15s}.files-page .source-toggle button:first-child{border-right:1px solid var(--border-color)}.files-page .source-toggle button.active{background:var(--accent-color);color:#fff}.files-page .source-toggle button:hover:not(.active){background:var(--bg-hover)}.files-page .page-error{padding:.75rem 1.5rem;background:#fef2f2;color:#b91c1c;border-bottom:1px solid #fecaca;font-size:.875rem}.files-page .files-layout{display:flex;flex:1;overflow:hidden}.files-page .files-sidebar{width:280px;border-right:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.files-page .files-sidebar .sidebar-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);font-weight:600;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary)}.files-page .files-sidebar .sidebar-loading{padding:2rem;text-align:center;color:var(--text-secondary)}.files-page .files-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.files-page .editor-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.875rem}.files-page .files-content{flex:1;overflow:hidden}.project-management{padding:1rem}.project-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-management-header h3{margin:0;font-size:1rem;color:var(--text-primary)}.project-error{background:var(--error-bg, #fee);color:var(--error-text, #c00);padding:.5rem 1rem;border-radius:4px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.project-error button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit}.project-list{display:flex;flex-direction:column;gap:.5rem}.no-projects{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.no-projects-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-projects p{margin-bottom:.5rem}.no-projects-hint{font-size:.9rem;color:var(--text-muted, #888);margin-bottom:1.5rem!important}.project-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary, #f5f5f5);border-radius:6px;cursor:pointer;transition:background .2s}.project-item:hover{background:var(--bg-hover, #eee)}.project-item.selected{background:var(--primary-light, #e3f2fd);border-left:3px solid var(--primary, #1976d2)}.project-main{display:flex;flex-direction:column;gap:.5rem;flex:1}.project-info{display:flex;flex-direction:column;gap:.25rem}.project-name{font-weight:500;color:var(--text-primary)}.project-repo{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem}.repo-icon{font-size:.9rem}.project-health{display:flex;gap:.5rem;flex-wrap:wrap}.health-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.health-badge.active{background:#ffc10726;color:#ffc107}.health-badge.recent{background:#4caf5026;color:#4caf50}.health-badge.idle{background:#9e9e9e26;color:#9e9e9e}.project-actions{display:flex;gap:.25rem}.btn-icon{padding:.25rem .5rem;background:transparent;border:none;cursor:pointer;border-radius:4px;transition:background .2s}.btn-icon:hover{background:var(--bg-hover, #ddd)}.btn-icon.btn-danger:hover{background:var(--error-bg, #fee)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-primary, white);border-radius:8px;width:100%;max-width:480px;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #eee)}.modal-header h3{margin:0;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.modal-close:hover{color:var(--text-primary)}.modal-content form{padding:1.5rem}.modal-error{background:var(--error-bg, #fee);color:var(--error-text, #c00);padding:.75rem;border-radius:4px;margin-bottom:1rem}.form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-field input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary)}.form-field input::placeholder{color:var(--text-secondary)}.form-field input:focus{outline:none;border-color:var(--primary, #1976d2);box-shadow:0 0 0 2px var(--primary-light, #e3f2fd)}.field-hint{display:block;margin-top:.25rem;font-size:.85rem;color:var(--text-secondary)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color, #eee)}.btn{padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-sm{padding:.25rem .75rem;font-size:.85rem}.btn-primary{background:var(--primary, #1976d2);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:var(--primary-dark, #1565c0)}.btn-secondary{background:var(--bg-secondary, #f5f5f5);color:var(--text-primary);border:1px solid var(--border-color, #ddd)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover, #eee)}.btn:disabled{opacity:.6;cursor:not-allowed}.repo-selector-field{position:relative}.repo-loading{padding:.75rem;color:var(--text-secondary);font-style:italic;background:var(--bg-secondary);border-radius:4px;text-align:center}.repo-error-inline{display:flex;flex-direction:column;gap:.5rem}.repo-error-inline>span:first-child{color:var(--warning-text, #f57c00);font-size:.85rem}.repo-selector{position:relative}.repo-input-wrapper{position:relative;display:flex;align-items:center}.repo-input-wrapper input{padding-right:2rem}.repo-clear-btn{position:absolute;right:.5rem;background:none;border:none;font-size:1.2rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;line-height:1}.repo-clear-btn:hover{color:var(--text-primary)}.repo-dropdown{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:var(--bg-primary, white);border:1px solid var(--border-color, #ddd);border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:100;margin-top:4px}.repo-dropdown-empty{padding:1rem;text-align:center;color:var(--text-secondary);font-style:italic}.repo-dropdown-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--border-color, #eee);transition:background .15s}.repo-dropdown-item:hover{background:var(--bg-hover, #f5f5f5)}.repo-dropdown-item:last-of-type{border-bottom:none}.repo-item-main{display:flex;align-items:center;gap:.5rem}.repo-item-icon{font-size:.9rem}.repo-item-name{font-weight:500;color:var(--text-primary)}.repo-item-description{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repo-dropdown-footer{padding:.5rem 1rem;text-align:center;font-size:.8rem;color:var(--text-muted, #999);background:var(--bg-secondary, #f9f9f9);border-top:1px solid var(--border-color, #eee);cursor:pointer}.repo-dropdown-footer:hover{background:var(--bg-hover, #f0f0f0)}.repo-install-prompt{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-warning, #fff8e6);border-top:1px solid var(--border-warning, #ffd666);font-size:.85rem}.repo-install-icon{font-size:1rem}.repo-install-text{color:var(--text-secondary);flex:1}.repo-install-link{color:var(--color-primary, #0969da);text-decoration:none;font-weight:500;white-space:nowrap}.repo-install-link:hover{text-decoration:underline}.projects-page{padding:24px;max-width:800px}.page-header{margin-bottom:24px}.page-header h1{margin:0 0 8px;font-size:1.75rem;color:var(--text-primary)}.page-description{margin:0;color:var(--text-secondary);font-size:.95rem}.projects-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px}.settings-loading,.settings-error{text-align:center;padding:3rem;color:#888}.settings-error p{color:#f44336;margin-bottom:1rem}.settings-section{margin-bottom:2.5rem}.settings-section h2{color:#fff;font-size:1.25rem;margin:0 0 .5rem}.section-description{color:#888;font-size:.9rem;margin:0 0 1.25rem}.defaults-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.default-selector{background:#0f0f1a;border:1px solid #333;border-radius:8px;padding:1rem}.default-label{display:block;color:gold;font-weight:500;margin-bottom:.75rem}.default-fields{display:flex;gap:.5rem}.default-fields select{flex:1;padding:.5rem;background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#fff;font-size:.9rem}.default-fields select:focus{outline:none;border-color:gold}.effective-config-section{background:linear-gradient(135deg,rgba(255,215,0,.05) 0%,transparent 100%);border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:1.25rem}.effective-config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.effective-config-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#0003;border-radius:6px}.effective-config-item .config-label{font-size:.8rem;color:#888}.effective-config-item .config-value{font-size:.9rem;color:#fff;font-weight:500}.provider-card.connected{border-color:#4caf50}.provider-card.has-error{border-color:#f44336}.provider-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.provider-icon{font-size:1.25rem}.provider-status-badges{display:flex;gap:.5rem;margin-left:auto}.connection-status{font-size:.75rem;padding:.2rem .5rem;border-radius:4px}.connection-status.testing{color:#ffc107}.connection-status.connected{color:#4caf50}.connection-status.error{color:#f44336}.provider-error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:4px;padding:.5rem .75rem;margin-bottom:1rem;font-size:.85rem;color:#f44336}.btn-success{background:#4caf50!important;border-color:#4caf50!important;color:#fff!important}.section-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.section-actions{display:flex;gap:.5rem}.customized-count{color:gold;font-weight:500}.agent-roles-list{display:flex;flex-direction:column;gap:.75rem}.agent-role-card{background:#0f0f1a;border:1px solid #333;border-radius:8px;overflow:hidden;transition:border-color .2s}.agent-role-card.customized{border-left:3px solid #ffd700}.agent-role-card.expanded{border-color:#555}.agent-role-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem}.agent-role-header.clickable{cursor:pointer;transition:background .2s}.agent-role-header.clickable:hover{background:#ffffff08}.agent-role-info{display:flex;align-items:center;gap:.75rem}.role-icon{font-size:1.5rem}.role-text h3{color:#fff;margin:0;font-size:1rem}.role-summary{font-size:.8rem;color:#888}.header-right{display:flex;align-items:center;gap:.75rem}.customized-badge{font-size:.7rem;padding:.2rem .5rem;background:#ffd70026;color:gold;border-radius:4px}.expand-icon{color:#888;font-size:.8rem}.agent-role-body{padding:0 1.25rem 1.25rem;border-top:1px solid #333}.role-description{color:#888;font-size:.85rem;margin:1rem 0}.agent-role-toggle{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.85rem}.agent-role-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#ffd700}.agent-role-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.agent-role-field{display:flex;flex-direction:column;gap:.35rem}.agent-role-field label{color:#888;font-size:.85rem}.agent-role-field select,.agent-role-field input{padding:.5rem;background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#fff;font-size:.9rem}.agent-role-field select:disabled,.agent-role-field input:disabled{opacity:.5;cursor:not-allowed}.guidelines-field{grid-column:1 / -1}.guidelines-field textarea{width:100%;min-height:80px;padding:.75rem;background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#fff;font-size:.9rem;font-family:inherit;resize:vertical}.guidelines-field textarea:focus{outline:none;border-color:gold}.char-count{text-align:right;color:#666;font-size:.75rem;margin-top:.25rem}.max-iterations-field{display:flex;align-items:center;gap:1rem}.max-iterations-field input[type=number]{width:80px;padding:.5rem .75rem;background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#fff;font-size:.9rem}.max-iterations-field input[type=number]:focus{outline:none;border-color:gold}.field-hint{color:#888;font-size:.8rem;font-style:italic}.save-bar{position:sticky;bottom:0;background:#1a1a2e;padding:1rem;margin:1rem -1.5rem -1.5rem;border-top:1px solid #333;display:flex;justify-content:flex-end;gap:1rem}.save-bar button{padding:.5rem 1.25rem;border-radius:4px;border:1px solid #333;background:#0f0f1a;color:#fff;cursor:pointer;font-size:.9rem}.save-bar button:hover:not(:disabled){background:#1a1a2e}.save-bar button.primary{background:gold;color:#000;border-color:gold}.save-bar button.primary:hover:not(:disabled){background:#e6c200}.save-bar button:disabled{opacity:.5;cursor:not-allowed}.behavior-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.behavior-toggle{display:flex;justify-content:space-between;align-items:center;background:#0f0f1a;border:1px solid #333;border-radius:8px;padding:1rem;cursor:pointer;transition:border-color .2s}.behavior-toggle:hover{border-color:#555}.behavior-toggle-content{display:flex;flex-direction:column;gap:.25rem}.behavior-label{color:#fff;font-weight:500}.behavior-description{color:#888;font-size:.85rem}.behavior-toggle input[type=checkbox]{width:20px;height:20px;accent-color:#ffd700;cursor:pointer}.restricted-paths-input{width:100%;min-height:100px;padding:.75rem;background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#fff;font-size:.9rem;font-family:Monaco,Menlo,monospace;resize:vertical}.restricted-paths-input:focus{outline:none;border-color:gold}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.info-item{background:#0f0f1a;border:1px solid #333;border-radius:8px;padding:1rem}.info-label{display:block;color:#888;font-size:.8rem;margin-bottom:.35rem}.info-value{display:block;color:#fff;font-size:.95rem;word-break:break-all}.info-value.configured{color:#4caf50}.info-value.not-configured{color:#ff9800}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field label{color:#888;font-size:.85rem}.form-field input{padding:.6rem .75rem;background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#fff;font-size:.9rem}.form-field input:focus{outline:none;border-color:gold}.form-field input::placeholder{color:#555}.status-badge{display:inline-block;padding:.4rem .75rem;border-radius:4px;font-size:.85rem;background:#0f0f1a;border:1px solid #333}.status-badge.configured{color:#4caf50;border-color:#4caf50}.status-badge.not-configured{color:#ff9800;border-color:#ff9800}.integration-summary-section{background:linear-gradient(135deg,rgba(100,100,255,.05) 0%,transparent 100%);border:1px solid rgba(100,100,255,.2);border-radius:8px;padding:1.25rem}.integration-status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.integration-status-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#0003;border-radius:8px;border:1px solid #333;position:relative}.integration-status-card.connected{border-color:#4caf50}.integration-status-card.not-connected{border-color:#666}.integration-status-card.mode-suggest{border-color:#2196f3}.integration-status-card.mode-auto{border-color:#ff9800}.integration-status-card.mode-confirm{border-color:#9c27b0}.integration-status-card .status-icon{font-size:1.5rem}.integration-status-card .status-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.integration-status-card .status-title{font-weight:600;color:#fff}.integration-status-card .status-desc{font-size:.8rem;color:#888}.webhook-badge,.verified-badge{position:absolute;top:.5rem;right:.5rem;font-size:.7rem;padding:.2rem .5rem;background:#4caf5026;color:#4caf50;border-radius:4px}.field-hint{font-size:.75rem;color:#666;margin-top:.25rem}.behavior-toggle.has-warning{border-color:#ff9800;background:#ff98000d}.behavior-warning{font-size:.75rem;color:#ff9800;margin-top:.25rem}.azure-section .section-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.azure-status-badge .status-pill{font-size:.8rem;padding:.35rem .75rem;border-radius:4px}.azure-status-badge .status-pill.not-configured{background:#6663;color:#888}.azure-status-badge .status-pill.configured{background:#2196f326;color:#2196f3}.azure-status-badge .status-pill.testing{background:#ffc10726;color:#ffc107}.azure-status-badge .status-pill.verified{background:#4caf5026;color:#4caf50}.azure-status-badge .status-pill.error{background:#f4433626;color:#f44336}.azure-error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:4px;padding:.5rem .75rem;margin-bottom:1rem;font-size:.85rem;color:#f44336}.azure-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.action-hint{font-size:.8rem;color:#666}.strictness-slider-container{background:#0f0f1a;border:1px solid #333;border-radius:8px;padding:1.5rem}.strictness-labels{display:flex;justify-content:space-between;margin-bottom:.5rem}.strictness-label-end{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.strictness-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#4caf50,#ffeb3b,#ff9800,#f44336);appearance:none;cursor:pointer;margin:.5rem 0}.strictness-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #ffd700;cursor:pointer;box-shadow:0 2px 6px #0000004d}.strictness-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #ffd700;cursor:pointer;box-shadow:0 2px 6px #0000004d}.strictness-ticks{display:flex;justify-content:space-between;margin:.75rem 0}.strictness-tick{background:transparent;border:1px solid #444;color:#888;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.strictness-tick:hover{border-color:gold;color:#fff}.strictness-tick.active{background:gold;border-color:gold;color:#000;font-weight:600}.strictness-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #333}.strictness-level-name{font-size:1rem;font-weight:600;color:gold}.strictness-level-desc{font-size:.85rem;color:#888}.gcp-section .section-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.gcp-status-badge .status-pill{font-size:.8rem;padding:.35rem .75rem;border-radius:4px}.gcp-status-badge .status-pill.not-configured{background:#6663;color:#888}.gcp-status-badge .status-pill.configured{background:#4285f426;color:#4285f4}.gcp-status-badge .status-pill.testing{background:#ffc10726;color:#ffc107}.gcp-status-badge .status-pill.verified{background:#4caf5026;color:#4caf50}.gcp-status-badge .status-pill.error{background:#f4433626;color:#f44336}.gcp-error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:4px;padding:.5rem .75rem;margin-bottom:1rem;font-size:.85rem;color:#f44336}.gcp-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.settings-page{padding:1.5rem;max-width:1200px;margin:0 auto}.settings-header h1{margin:0 0 .5rem;color:gold;font-size:1.75rem}.settings-description{color:#888;margin:0 0 1.5rem}.settings-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #333;padding-bottom:.5rem}.settings-tab{background:transparent;border:none;color:#888;padding:.75rem 1.25rem;cursor:pointer;font-size:.95rem;border-radius:6px 6px 0 0;transition:all .2s ease}.settings-tab:hover{color:#fff;background:#ffffff0d}.settings-tab.active{color:gold;background:#ffd7001a;border-bottom:2px solid #ffd700}.settings-content{background:#1a1a2e;border-radius:8px;padding:1.5rem;min-height:400px}.settings-coming-soon{text-align:center;padding:3rem;color:#888}.settings-coming-soon h3{color:#fff;margin-bottom:1rem}.settings-coming-soon .hint{color:gold;font-style:italic;margin-top:1rem}.provider-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.provider-card{background:#0f0f1a;border:1px solid #333;border-radius:8px;padding:1.25rem}.provider-card.configured{border-color:#4caf50}.provider-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.provider-name{font-weight:600;color:#fff;font-size:1.1rem}.provider-status{font-size:.8rem;padding:.25rem .5rem;border-radius:4px}.provider-status.configured{background:#4caf5033;color:#4caf50}.provider-status.not-configured{background:#ff980033;color:#ff9800}.provider-field{margin-bottom:1rem}.provider-field label{display:block;color:#888;font-size:.85rem;margin-bottom:.35rem}.provider-field input,.provider-field select{width:100%;padding:.5rem;background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#fff;font-size:.9rem}.provider-field input:focus,.provider-field select:focus{outline:none;border-color:gold}.provider-actions{display:flex;gap:.5rem;margin-top:1rem}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.btn-primary{background:gold;color:#0f0f1a}.btn-primary:hover{background:#ffed4a}.btn-secondary{background:#333;color:#fff}.btn-secondary:hover{background:#444}.btn-danger{background:#f4433633;color:#f44336}.btn-danger:hover{background:#f443364d}.project-settings-container{display:flex;flex-direction:column;gap:1.5rem}.project-selector{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #333}.project-selector label{color:#888;font-size:.9rem}.project-selector select{padding:.5rem 1rem;background:#0f0f1a;border:1px solid #333;border-radius:4px;color:#fff;font-size:.9rem;min-width:200px}.project-selector select:focus{outline:none;border-color:gold}.markdown-content{color:var(--text-primary, #e4e4e7);line-height:1.7;font-size:1rem}.markdown-content h1{font-size:2.25rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #3f3f46);color:var(--text-primary, #e4e4e7)}.markdown-content h2{font-size:1.75rem;font-weight:600;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #3f3f46);color:var(--text-primary, #e4e4e7)}.markdown-content h3{font-size:1.35rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--text-primary, #e4e4e7)}.markdown-content h4{font-size:1.15rem;font-weight:600;margin:1.25rem 0 .5rem;color:var(--text-secondary, #a1a1aa)}.markdown-content p{margin:1rem 0}.markdown-content a{color:var(--accent-primary, #3b82f6);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content .code-block{background:var(--surface-secondary, #18181b);border:1px solid var(--border-color, #3f3f46);border-radius:8px;padding:1rem;margin:1rem 0;overflow-x:auto;font-family:Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.5}.markdown-content .code-block code{color:var(--text-primary, #e4e4e7)}.markdown-content .inline-code{background:var(--surface-secondary, #18181b);border:1px solid var(--border-color, #3f3f46);border-radius:4px;padding:.125rem .375rem;font-family:Fira Code,Consolas,monospace;font-size:.875em;color:var(--accent-warning, #f59e0b)}.markdown-content ul,.markdown-content ol{margin:1rem 0;padding-left:1.5rem}.markdown-content li{margin:.5rem 0}.markdown-content ul li{list-style-type:disc}.markdown-content ol li{list-style-type:decimal}.markdown-content .markdown-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.markdown-content .markdown-table th,.markdown-content .markdown-table td{border:1px solid var(--border-color, #3f3f46);padding:.75rem 1rem;text-align:left}.markdown-content .markdown-table th{background:var(--surface-secondary, #18181b);font-weight:600;color:var(--text-primary, #e4e4e7)}.markdown-content .markdown-table tr:nth-child(2n) td{background:var(--surface-secondary, #18181b)}.markdown-content hr{border:none;border-top:1px solid var(--border-color, #3f3f46);margin:2rem 0}.markdown-content strong{font-weight:600;color:var(--text-primary, #e4e4e7)}.markdown-content em{font-style:italic}.markdown-content blockquote{border-left:4px solid var(--accent-primary, #3b82f6);margin:1rem 0;padding:.5rem 1rem;background:var(--surface-secondary, #18181b);color:var(--text-secondary, #a1a1aa)}.help-page{display:flex;min-height:100vh;background:var(--surface-primary, #09090b)}.help-sidebar{width:280px;flex-shrink:0;background:var(--surface-secondary, #18181b);border-right:1px solid var(--border-color, #3f3f46);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.help-sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color, #3f3f46)}.help-sidebar-header h2{margin:.5rem 0 0;font-size:1.25rem;color:var(--text-primary, #e4e4e7)}.help-back-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-secondary, #a1a1aa);text-decoration:none;font-size:.875rem;transition:color .2s}.help-back-link:hover{color:var(--accent-primary, #3b82f6)}.help-search{padding:1rem 1.5rem;position:relative}.help-search-input{width:100%;padding:.625rem 2rem .625rem .75rem;background:var(--surface-primary, #09090b);border:1px solid var(--border-color, #3f3f46);border-radius:6px;color:var(--text-primary, #e4e4e7);font-size:.875rem}.help-search-input::placeholder{color:var(--text-tertiary, #71717a)}.help-search-input:focus{outline:none;border-color:var(--accent-primary, #3b82f6)}.help-search-clear{position:absolute;right:1.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary, #71717a);cursor:pointer;font-size:1.25rem;padding:0;line-height:1}.help-search-clear:hover{color:var(--text-primary, #e4e4e7)}.help-nav{flex:1;padding:.5rem 1rem;overflow-y:auto}.help-nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:6px;color:var(--text-secondary, #a1a1aa);font-size:.9rem;text-align:left;cursor:pointer;transition:all .15s}.help-nav-item:hover{background:var(--surface-hover, #27272a);color:var(--text-primary, #e4e4e7)}.help-nav-item.active{background:var(--accent-primary, #3b82f6);color:#fff}.help-nav-icon{font-size:1.1rem}.help-no-results{padding:1rem;color:var(--text-tertiary, #71717a);font-size:.875rem;text-align:center}.help-version{padding:1rem 1.5rem;border-top:1px solid var(--border-color, #3f3f46);color:var(--text-tertiary, #71717a);font-size:.75rem}.help-content{flex:1;max-width:900px;margin:0 auto;padding:2rem 3rem;display:flex;flex-direction:column}.help-article{flex:1}.help-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color, #3f3f46)}.help-nav-buttons{display:flex;justify-content:space-between;gap:1rem}.help-nav-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--surface-secondary, #18181b);border:1px solid var(--border-color, #3f3f46);border-radius:8px;cursor:pointer;transition:all .15s;min-width:200px}.help-nav-btn:hover{border-color:var(--accent-primary, #3b82f6);background:var(--surface-hover, #27272a)}.help-nav-btn.next{margin-left:auto;text-align:right}.help-nav-btn-arrow{font-size:1.25rem;color:var(--accent-primary, #3b82f6)}.help-nav-btn-text{display:flex;flex-direction:column;gap:.25rem}.help-nav-btn-label{font-size:.75rem;color:var(--text-tertiary, #71717a);text-transform:uppercase}.help-nav-btn-title{font-size:.9rem;color:var(--text-primary, #e4e4e7);font-weight:500}@media(max-width:768px){.help-page{flex-direction:column}.help-sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border-color, #3f3f46)}.help-content{padding:1.5rem}.help-nav-buttons{flex-direction:column}.help-nav-btn{min-width:auto}.help-nav-btn.next{margin-left:0}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:1rem}.login-card{background:var(--card-bg, #1e1e2e);border-radius:16px;padding:2.5rem;max-width:420px;width:100%;box-shadow:0 20px 60px #0006;border:1px solid var(--border-color, #333)}.login-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0}.login-loading .spinner{width:40px;height:40px;border:3px solid var(--border-color, #333);border-top-color:var(--accent-color, #f0b429);border-radius:50%;animation:spin 1s linear infinite}.login-header{text-align:center;margin-bottom:2rem}.login-logo{font-size:4rem;margin-bottom:.5rem}.login-header h1{margin:0;font-size:2rem;font-weight:700;color:var(--text-primary, #fff)}.login-tagline{margin:.5rem 0 0;color:var(--text-secondary, #888);font-size:.95rem}.login-content{margin-bottom:1.5rem}.login-description{text-align:center;color:var(--text-secondary, #888);margin-bottom:1.5rem;line-height:1.6}.login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.login-button.github{background:#24292e;color:#fff}.login-button.github:hover{background:#2f363d;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.login-button.github:active{transform:translateY(0)}.github-icon{width:20px;height:20px}.login-footer{border-top:1px solid var(--border-color, #333);padding-top:1rem}.login-note{text-align:center;font-size:.8rem;color:var(--text-muted, #666);margin:0;line-height:1.5}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#0f0f1a;color:#888}.app-loading .spinner{width:40px;height:40px;border:3px solid #2a2a4a;border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}