.table-container{margin:16px 0;border-radius:8px;border:1px solid #e5e7eb;background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000001a}.table-header{display:flex;justify-content:flex-end;padding:8px 12px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.copy-table-btn{background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.copy-table-btn:hover{background:#2563eb;transform:translateY(-1px)}.copy-table-btn:active{transform:translateY(0)}.table-wrapper{overflow-x:auto;max-width:100%}.markdown-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}.table-head{background:#f8fafc}.table-header-cell{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.table-body .table-row:nth-child(2n){background:#f9fafb}.table-body .table-row:hover{background:#f3f4f6}.table-cell{padding:12px 16px;color:#374151;border-bottom:1px solid #e5e7eb;vertical-align:top}.table-row:last-child .table-cell{border-bottom:none}@media (prefers-color-scheme: dark){.table-container{border-color:#374151;background:#1f2937}.table-header{background:#111827;border-bottom-color:#374151}.copy-table-btn{background:#4f46e5}.copy-table-btn:hover{background:#4338ca}.table-head{background:#111827}.table-header-cell{color:#f9fafb;border-bottom-color:#374151}.table-body .table-row:nth-child(2n){background:#111827}.table-body .table-row:hover{background:#374151}.table-cell{color:#f9fafb;border-bottom-color:#374151}}@media (max-width: 768px){.table-header-cell,.table-cell{padding:8px 12px;font-size:13px}.copy-table-btn{padding:4px 8px;font-size:11px}}.json-display-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.json-title{margin:0;font-size:14px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.json-title:before{content:"📊";font-size:16px}.json-actions{display:flex;gap:8px}.json-copy-all,.json-toggle{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s ease}.json-copy-all:hover,.json-toggle:hover{background:#f3f4f6;border-color:#9ca3af}.json-content{padding:16px;overflow:auto;transition:max-height .3s ease}.json-collapsed{overflow:hidden;position:relative}.json-collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#f8fafc);pointer-events:none}.json-expand-hint{padding:8px 16px;text-align:center;background:#f1f5f9;border-top:1px solid #e2e8f0}.json-expand-hint button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:12px;text-decoration:underline}.json-string{color:#16a34a}.json-number{color:#dc2626;font-weight:500}.json-boolean{color:#9333ea;font-weight:500}.json-null{color:#6b7280;font-style:italic}.json-key{color:#2563eb;font-weight:500}.json-bracket{color:#1f2937;font-weight:700}.json-comma,.json-colon{color:#6b7280}.json-url{color:#2563eb;text-decoration:underline}.json-url:hover{color:#1d4ed8}.json-date{color:#7c2d12;position:relative}.json-date:after{content:"📅";margin-left:4px;font-size:10px}.json-object,.json-array{display:block}.json-object-items,.json-array-items{border-left:2px solid #e5e7eb;margin-left:8px;padding-left:8px}.json-object-item,.json-array-item{display:flex;align-items:flex-start;gap:4px;margin:2px 0;position:relative;padding:2px 0}.json-object-item:hover,.json-array-item:hover{background:#3b82f60d;border-radius:4px;margin:2px -4px;padding:2px 4px}.json-index{color:#7c3aed;font-weight:500;min-width:20px}.json-copy-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:10px;opacity:0;transition:opacity .2s ease;margin-left:8px;padding:2px 4px;border-radius:2px}.json-object-item:hover .json-copy-btn,.json-array-item:hover .json-copy-btn{opacity:1}.json-copy-btn:hover{background:#f3f4f6;color:#374151}.json-display-text{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:12px 0;padding:16px}.json-display-text pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;color:#1f2937;white-space:pre-wrap;word-break:break-word}.json-display{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:12px 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;overflow:hidden;color:#1f2937}@media (prefers-color-scheme: dark){.json-display{background:#1f2937;border-color:#374151;color:#f9fafb}.json-display-header{background:#374151;border-color:#4b5563}.json-title{color:#f9fafb}.json-copy-all,.json-toggle{background:#4b5563;border-color:#6b7280;color:#f9fafb}.json-copy-all:hover,.json-toggle:hover{background:#6b7280}.json-expand-hint{background:#374151;border-color:#4b5563}.json-string{color:#22c55e}.json-number{color:#ef4444}.json-boolean{color:#a855f7}.json-null{color:#9ca3af}.json-key{color:#3b82f6}.json-bracket,.json-comma,.json-colon{color:#f9fafb}.json-url{color:#60a5fa}.json-date{color:#fbbf24}.json-object-items,.json-array-items{border-color:#4b5563}.json-object-item:hover,.json-array-item:hover{background:#3b82f61a}.json-copy-btn{color:#9ca3af}.json-copy-btn:hover{background:#4b5563;color:#f9fafb}.json-display-text{background:#1f2937;border-color:#374151}.json-display-text pre{color:#f9fafb}}.tool-execution-card{margin:8px 0;border:1px solid #e0e0e0;border-radius:8px;background:#f9f9f9;overflow:hidden;transition:all .2s ease}.tool-execution-card:hover{box-shadow:0 2px 8px #0000001a}.tool-header{display:flex;align-items:center;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;gap:8px}.tool-header:hover{background:#f0f0f0}.tool-icon{font-size:18px;flex-shrink:0}.tool-name{flex:1;font-weight:500;color:#333}.expand-icon{color:#666;font-size:12px;transition:transform .2s ease}.tool-details{padding:0 16px 16px;border-top:1px solid #e0e0e0;background:#fff}.tool-section{margin-top:12px}.tool-section strong{display:block;margin-bottom:4px;color:#555;font-size:13px}.tool-json{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:8px;font-size:12px;font-family:Courier New,monospace;overflow-x:auto;max-height:300px;overflow-y:auto}.tool-error{color:#d32f2f}.error-message{display:block;padding:8px;background:#ffebee;border-left:3px solid #d32f2f;border-radius:4px;font-size:13px}.tool-status-loading{border-color:#2196f3;background:#e3f2fd}.tool-status-success{border-color:#4caf50}.tool-status-error{border-color:#f44336;background:#ffebee}.tool-status-loading .tool-icon{animation:pulse 1.5s ease-in-out infinite}.thinking-indicator{display:flex;align-items:center;gap:8px;padding:12px 16px;margin:8px 0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:14px;animation:fadeIn .3s ease}.thinking-icon{font-size:18px;animation:float 2s ease-in-out infinite}.thinking-text{flex:1;font-weight:500}.thinking-spinner{font-size:18px;animation:spin 2s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.step-by-step-container{display:flex;flex-direction:column;gap:.75rem}.step-section{padding:.75rem;border-radius:.5rem;border-left:4px solid;background:#fff;color:#1f2937;border:1px solid #e5e7eb;transition:all .2s ease}.step-section:hover{transform:translate(2px);box-shadow:0 2px 8px #0000001a}.step-planning{border-left-color:#8b5cf6;background:#faf5ff;color:#1f2937}.step-tool{border-left-color:#f59e0b;background:#fffbeb;color:#1f2937}.step-tool-group{border-left-color:#f59e0b;background:#fffbeb;color:#1f2937;position:relative}.step-tool-group.step-collapsed{border:2px dashed #d97706}.step-tool-group.step-collapsed:hover{border-color:#b45309}.step-result{border-left-color:#10b981;background:#f0fdf4;color:#1f2937}.step-completed{border-left-color:#059669;background:#ecfdf5;color:#1f2937}.step-step{border-left-color:#3b82f6;background:#f0f9ff;color:#1f2937}.step-step.step-collapsed{border:2px dashed #3b82f6}.step-step.step-collapsed:hover{border-color:#2563eb}.step-final{border-left-color:#dc2626;background:#fef2f2;color:#1f2937;font-weight:500}.step-content-truncated{opacity:.8;position:relative}.step-section-title{font-weight:600;color:#1f2937;margin-bottom:.25rem}.step-section-preview{font-size:.875rem;color:#6b7280;line-height:1.4}.step-collapsed{position:relative;border:2px dashed #d1d5db;opacity:.8}.step-collapsed:hover{border-color:#9ca3af;opacity:1}.step-expand-hint{position:absolute;bottom:.5rem;right:.5rem;font-size:.75rem;color:#6b7280;background:#ffffffe6;padding:.125rem .375rem;border-radius:.25rem;border:1px solid #d1d5db}.step-collapse-btn{background:none;border:1px solid var(--border-color, #e5e7eb);border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;color:#6b7280;margin-bottom:.5rem;transition:all .2s ease}.step-collapse-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}@media (prefers-color-scheme: dark){.step-section{border-color:#6b7280}}.step-section.streaming{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.step-section .markdown-paragraph{margin:0;line-height:1.6;color:#1f2937}.step-section strong{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:#1f2937}.step-section a{color:#2563eb;text-decoration:underline}.step-section a:hover{color:#1d4ed8}.simple-code-block{border:1px solid #e5e7eb;border-radius:.5rem;margin:1rem 0;overflow:hidden}.simple-code-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.simple-code-language{color:#6b7280;font-weight:500}.simple-copy-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.simple-copy-button:hover{background:#f3f4f6;color:#374151}.simple-code-content{padding:1rem;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto;white-space:pre}.simple-code-content code{padding:0;font-size:inherit;font-family:inherit}.simple-inline-code{background:#f3f4f6;color:#1f2937;padding:.125rem .375rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em}@media (prefers-color-scheme: dark){.simple-code-block{border-color:#374151}.simple-code-header{background:#374151;border-bottom-color:#4b5563}.simple-code-language,.simple-copy-button{color:#d1d5db}.simple-copy-button:hover{background:#4b5563;color:#f9fafb}.simple-inline-code{background:#374151;color:#f9fafb}}.tool-group-summary{display:flex;align-items:center;gap:.5rem;font-weight:500;padding:.25rem 0}.step-tool-group.step-collapsed .tool-group-summary{padding:.5rem;background:#fbbf241a;border-radius:.375rem;border:1px solid rgba(251,191,36,.3)}.tool-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.tool-group-title{display:flex;align-items:center;gap:.5rem;font-weight:600}.tool-icon{font-size:1rem}.tool-name{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#0000000d;padding:.125rem .375rem;border-radius:.25rem;font-size:.875rem;border:1px solid rgba(0,0,0,.1)}.tool-status{font-size:.75rem;color:#059669;background:#d1fae5;padding:.125rem .375rem;border-radius:.25rem;border:1px solid #a7f3d0}.tool-execution-content{background:#ffffff80;border-radius:.375rem;padding:.75rem;border:1px solid rgba(0,0,0,.1);margin-top:.5rem}.step-tool-group .step-expand-hint{background:#fbbf241a;border-color:#f59e0b;color:#92400e}@media (max-width: 640px){.tool-group-header{flex-direction:column;align-items:flex-start;gap:.5rem}.tool-group-summary{flex-wrap:wrap}}.step-tool-group.step-expanded{animation:expandTool .3s ease-out}@keyframes expandTool{0%{max-height:3rem;opacity:.8}to{max-height:none;opacity:1}}.tool-execution-content .markDown{font-size:.875rem;line-height:1.5}.tool-execution-content .markDown h1,.tool-execution-content .markDown h2,.tool-execution-content .markDown h3{font-size:1rem;margin:.5rem 0 .25rem;color:#374151}.tool-execution-content .markDown p{margin:.25rem 0}.tool-execution-content .markDown pre{background:#f8fafc;border:1px solid #e2e8f0;font-size:.8125rem;margin:.5rem 0}.audio-recording-manager,.voice-input-manager{gap:16px;padding:12px;border:none;background:transparent;font-family:Montserrat,sans-serif;max-width:100%}.voice-input-controls{gap:8px;padding:4px 0;flex-wrap:wrap;max-width:100%;min-height:auto}.voice-input-controls.compact{padding:2px 0;gap:4px}.voice-input-manager.compact-mode{padding:4px 8px;gap:8px}.toggle-switch{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:2px}.voice-input-controls .toggle-switch{gap:4px;padding:1px}.toggle-slider{position:relative;width:36px;height:20px;background:#ccc;border-radius:10px;transition:all .3s ease;border:1px solid #ccc}.toggle-slider:before{content:"";position:absolute;top:1px;left:1px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 1px 3px #0003}.voice-input-controls .toggle-slider{width:32px;height:18px;border-radius:9px}.voice-input-controls .toggle-slider:before{width:14px;height:14px}.toggle-switch input:checked+.toggle-slider{background:#f5b042;border-color:#f5b042}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px);background:#fff}.voice-input-controls .toggle-switch input:checked+.toggle-slider:before{transform:translate(14px)}.toggle-label{font-size:14px;font-weight:500;color:#2c3e50;-webkit-user-select:none;user-select:none}.toggle-switch input:disabled+.toggle-slider{background:#eee;border-color:#ccc;cursor:not-allowed}.toggle-switch input:disabled+.toggle-slider:before{background:#ddd}.toggle-switch input:disabled~.toggle-label{color:#999;cursor:not-allowed}.model-selection{display:flex;flex-direction:column;gap:8px;width:100%;max-width:450px;min-width:280px}.voice-input-manager.settings-mode .model-selection{gap:6px;max-width:100%;min-width:100%}.voice-input-controls .card{max-width:100%;overflow-x:hidden}.voice-input-controls .card-body{padding:8px!important}.settings-panel-container .card{box-shadow:0 4px 12px #00000026;border-radius:8px}@media (min-width: 992px){.voice-input-controls .flex-lg-nowrap{flex-wrap:nowrap!important}.settings-panel-container{margin-left:8px}}@media (max-width: 991px){.voice-input-controls .d-flex{justify-content:center}.voice-input-manager.settings-mode .model-dropdown{min-width:140px;font-size:.8rem}.voice-input-manager.settings-mode .model-label{font-size:.8rem}}@media (max-width: 576px){.voice-input-controls .flex-wrap{justify-content:center}.voice-input-manager.settings-mode .model-dropdown{min-width:120px;font-size:.75rem}.voice-input-manager.settings-mode .model-label{font-size:.75rem}}.engine-selection,.whisper-model-selection{display:flex;flex-direction:column;gap:8px}.model-label{font-size:.85rem;font-weight:500;color:var(--text-color, #333);margin-bottom:2px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.voice-input-manager.settings-mode .model-label{font-size:.8rem;margin-bottom:1px;gap:3px}.model-count{font-size:.8rem;color:var(--primary-color, #007bff);font-weight:600;background-color:var(--primary-bg, rgba(0, 123, 255, .1));padding:2px 6px;border-radius:12px;border:1px solid var(--primary-color, #007bff)}.loading-indicator{font-size:.8rem;color:var(--secondary-color, #666);font-weight:400;font-style:italic}.model-dropdown-container{display:flex;gap:8px;align-items:stretch}.model-dropdown{flex:1;padding:8px 10px;border:1px solid var(--border-color, #ddd);border-radius:6px;background-color:var(--bg-color, #fff);color:var(--text-color, #333);font-size:.85rem;cursor:pointer;transition:all .2s ease;min-width:200px;max-width:100%;max-height:200px;overflow-y:auto}.voice-input-manager.settings-mode .model-dropdown{padding:6px 8px;font-size:.8rem;min-width:150px}.model-dropdown:hover{border-color:var(--primary-color, #007bff)}.model-dropdown:focus{outline:none;border-color:var(--primary-color, #007bff);box-shadow:0 0 0 3px #007bff1a}.model-dropdown:disabled{background-color:var(--disabled-bg, #f5f5f5);color:var(--disabled-text, #999);cursor:not-allowed;opacity:.6}.refresh-models-button{padding:10px 12px;border:2px solid var(--primary-color, #007bff);border-radius:8px;background-color:var(--primary-color, #007bff);color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease;min-width:45px;display:flex;align-items:center;justify-content:center}.refresh-models-button:hover:not(:disabled){background-color:var(--primary-hover, #0056b3);border-color:var(--primary-hover, #0056b3);transform:translateY(-1px)}.refresh-models-button:active:not(:disabled){transform:translateY(0)}.refresh-models-button:disabled{background-color:var(--disabled-bg, #f5f5f5);border-color:var(--disabled-border, #ddd);color:var(--disabled-text, #999);cursor:not-allowed;opacity:.6;transform:none}.model-status-container{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;background-color:var(--status-bg, #f8f9fa);border:1px solid var(--status-border, #e9ecef);border-radius:6px;font-size:.8rem}.model-status{display:flex;align-items:center;gap:5px;font-weight:500}.model-status.scanning{color:var(--warning-color, #f59e0b)}.model-status.success{color:var(--success-color, #10b981)}.model-status.error{color:var(--danger-color, #ef4444)}.model-status.idle{color:var(--secondary-color, #6b7280)}.status-indicator{font-size:.9rem}.last-refresh{font-size:.75rem;color:var(--muted-color, #9ca3af);font-style:italic}.model-info{padding:6px 8px;background-color:var(--info-bg, #f8f9fa);border:1px solid var(--info-border, #e9ecef);border-radius:6px;font-size:.8rem;color:var(--info-text, #6c757d);line-height:1.3}.model-info small{display:block}.prompt-form{margin-bottom:0!important;padding:8px 0!important}.prompt-form .input-container{margin-bottom:0!important}.prompt-form textarea{margin-bottom:8px!important;min-height:60px!important;resize:vertical}.prompt-form button[type=submit]{padding:8px 16px!important;margin-top:4px!important}.voice-input-controls.py-1{padding-top:2px!important;padding-bottom:2px!important}@media (max-width: 768px){.audio-recording-manager,.voice-input-manager{align-items:stretch;gap:8px;padding:6px}.model-selection{min-width:100%;max-width:100%;margin-bottom:10px}.model-dropdown{min-width:100%}.model-dropdown-container{flex-direction:column;gap:8px}.refresh-models-button{width:100%;min-width:auto}.model-status-container{flex-direction:column;align-items:flex-start;gap:5px}}@media (max-width: 480px){.voice-input-controls{flex-direction:column;align-items:stretch;gap:12px}.model-selection{min-width:100%}.recording-button{width:100%;min-width:auto}}.recording-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #ccc;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;background:#f5b042;color:#2c3e50;min-width:120px;justify-content:center;font-family:Montserrat,sans-serif;box-shadow:0 1px 3px #ccc;white-space:nowrap;flex-shrink:0}.voice-input-manager.compact-mode .recording-button{padding:6px 12px;font-size:13px;min-width:100px;gap:4px}.recording-button:hover:not(:disabled){background:#f6bc60;transform:translateY(-1px);box-shadow:0 4px 8px #ccc}.recording-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.recording-button.recording{background:#5f9ea0;color:#2c3e50;animation:pulse 2s infinite}.recording-button.recording:hover:not(:disabled){background:#5f9ea0}.recording-button.processing{background:#eee;color:#2c3e50;border:1px solid #ccc}.record-icon,.stop-icon,.processing-icon{font-size:18px}.recording-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:#f8f9fa;border:1px solid #ccc;border-radius:7px;color:#2c3e50;font-size:14px;width:100%;max-width:400px;flex-wrap:wrap}.recording-indicator{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#2c3e50}.recording-dot{width:8px;height:8px;background:var(--danger-color, #dc3545);border-radius:50%;animation:blink 1s infinite}.recording-duration{font-family:Courier New,monospace;font-size:14px;font-weight:700;color:var(--danger-color, #dc3545);min-width:40px}.recording-instructions{display:none}.long-recording-warning{color:var(--warning-color, #f59e0b);font-weight:600;margin-top:4px;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{opacity:.8}50%{opacity:1}}.audio-level-container{width:60px;height:4px;background:#dc354533;border-radius:2px;overflow:hidden;position:relative}.audio-level-bar{height:100%;background:linear-gradient(90deg,#28a745,#ffc107,#dc3545);border-radius:2px;transition:width .1s ease;min-width:2px}.analysis-mode-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 12px;background:#f8f9fa;border:1px solid #ccc;border-radius:7px;font-size:14px;font-weight:500;color:#2c3e50;width:100%;max-width:300px}.analysis-icon{font-size:14px}.error-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:6px;color:var(--danger-color, #dc3545);font-size:14px;width:100%;max-width:400px;text-align:center;flex-wrap:wrap}.error-icon{font-size:16px;flex-shrink:0}.processing-status{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;background:#3b82f61a;border:2px solid rgba(59,130,246,.3);border-radius:25px;font-size:15px;font-weight:500;color:var(--primary-color, #3b82f6);box-shadow:0 2px 8px #3b82f633;animation:processingPulse 2s ease-in-out infinite;width:100%;max-width:400px;flex-wrap:wrap}.download-progress-container{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;background:#22c55e1a;border:2px solid rgba(34,197,94,.3);border-radius:12px;width:100%;max-width:400px;box-shadow:0 2px 8px #22c55e33}.download-progress-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--success-color, #22c55e)}.download-icon{font-size:16px}.download-text{text-align:center}.download-progress-bar{width:100%;height:8px;background:#22c55e33;border-radius:4px;overflow:hidden;position:relative}.download-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;transition:width .3s ease;position:relative}.download-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:downloadShimmer 2s infinite}.download-progress-percentage{font-size:12px;font-weight:600;color:var(--success-color, #22c55e);min-width:40px;text-align:center}@keyframes downloadShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.processing-spinner{width:20px;height:20px;border:3px solid rgba(59,130,246,.3);border-top:3px solid var(--primary-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite}.processing-text{display:flex;flex-direction:column;gap:4px}.processing-substeps{font-size:13px;opacity:.8;font-style:italic}@keyframes pulse{0%{box-shadow:0 0 #dc3545b3}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 #dc354500}}@keyframes processingPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #3b82f633}50%{transform:scale(1.02);box-shadow:0 4px 16px #3b82f64d}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width: 768px){.audio-recording-manager{padding:12px;gap:8px}.recording-button{padding:10px 16px;font-size:14px;min-width:100px}.recording-status{gap:12px;padding:6px 12px}.audio-level-container{width:40px}.error-message{max-width:250px;font-size:13px}}@media (prefers-color-scheme: dark){.audio-recording-manager{background:var(--bg-secondary-dark, #2d3748);border-color:var(--border-color-dark, #4a5568);color:var(--text-color-dark, #e2e8f0)}.recording-status{background:#dc354533;border-color:#dc354566}.analysis-mode-indicator{background:#28a74533;border-color:#28a74566}.error-message{background:#dc354533;border-color:#dc354566}.processing-status{background:#ffc10733;border-color:#ffc10766}}@media (prefers-contrast: high){.recording-button{border:2px solid currentColor}.recording-status,.analysis-mode-indicator,.error-message,.processing-status{border-width:2px}.audio-level-bar{background:currentColor}}@media (prefers-reduced-motion: reduce){.recording-button,.audio-level-bar{transition:none}.recording-button:hover:not(:disabled){transform:none}.pulse,.blink,.spin{animation:none}.recording-dot{opacity:1}.processing-spinner{border-top-color:transparent}}.llm-provider-selector{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden}.llm-provider-selector.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.loading-state{text-align:center;color:#6b7280}.loading-state .spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.selector-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.selector-header h3{margin:0;font-size:24px;font-weight:700;color:#1f2937}.close-button{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.close-button:hover{background:#e2e8f0;color:#374151}.selector-content{padding:32px}.service-mapping-section h4,.providers-section h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.service-mapping-section p,.providers-section p{margin:0 0 20px;color:#6b7280;font-size:14px}.model-selection-section h4,.service-mapping-section h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.model-provider-tabs{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}.provider-radio{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s ease}.provider-radio:hover{background:#f3f4f6}.provider-radio input[type=radio]{margin:0}.provider-radio span{font-weight:500;color:#374151}.provider-radio small{color:#6b7280;margin-left:4px}.model-config-area{margin-bottom:32px}.ollama-model-section h5,.api-model-section h5{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937}.add-model-row{display:flex;gap:12px;margin-bottom:24px}.model-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151}.model-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.available-models h6{margin:0 0 12px;font-size:14px;font-weight:600;color:#4b5563}.models-list{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px}.model-item.available{background:#f0fdf4;border-left:4px solid #10b981}.model-status{font-size:12px;color:#10b981;font-weight:500}.no-models{padding:16px;text-align:center;color:#6b7280;font-style:italic}.model-selection-dropdown{display:flex;flex-direction:column;gap:8px}.model-selection-dropdown label{font-size:14px;font-weight:500;color:#374151}.model-selection-dropdown select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:#fff;max-width:300px}.model-selection-dropdown select:focus,.provider-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.provider-select{padding:12px 44px 12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;font-weight:500;color:#1f2937;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNiA2TDEgN0IgdHJpZ2dlcj0iY2xhbmQiIHN0cm9rZT0iIzY5NzM4NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHNhdmU+);background-repeat:no-repeat;background-position:right 16px center;background-size:12px;max-width:400px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.provider-select:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a}.provider-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.provider-select option{padding:12px;background:#fff;color:#1f2937;font-size:16px;cursor:pointer}.service-mapping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px;margin-bottom:32px}.service-mapping-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.service-info h5{margin:0 0 4px;font-size:14px;font-weight:600;color:#1f2937}.service-info small{color:#6b7280;font-size:12px}.service-mapping-item select{min-width:140px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;color:#374151}.service-mapping-item select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.provider-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid #e2e8f0;overflow-x:auto}.provider-tab{display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap;min-width:fit-content}.provider-tab:hover{background:#f8fafc;color:#374151}.provider-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#eff6ff}.tab-icon{font-size:16px}.tab-name{font-weight:600}.tab-status{font-size:12px;opacity:.7}.provider-subpanel{padding:0;background:transparent;border-radius:8px;border:none}.provider-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.provider-header{padding:20px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.provider-status{display:flex;align-items:center}.status-text{font-size:14px;font-weight:500}.model-management{margin-top:8px}.add-model-row{display:flex;gap:12px;margin-bottom:8px}.add-model-btn{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-model-btn:hover:not(:disabled){background:#059669}.add-model-btn:disabled{background:#9ca3af;cursor:not-allowed}.models-list{max-height:150px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:6px;background:#fff}.model-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #f3f4f6}.model-item:last-child{border-bottom:none}.model-name{font-family:monospace;font-size:14px;color:#374151}.select-model-btn{background:#3b82f6;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.select-model-btn:hover{background:#2563eb}.select-model-btn:disabled{background:#9ca3af;cursor:not-allowed}.panel-actions{display:flex;gap:12px;justify-content:center;padding:16px 8px 0}.test-connection-btn{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.test-connection-btn:hover{background:#059669}.test-connection-btn:disabled{background:#9ca3af;cursor:not-allowed}.refresh-models-btn{background:#6b7280;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.refresh-models-btn:hover{background:#4b5563}.view-usage-link{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:background-color .2s ease}.view-usage-link:hover{background:#2563eb}.config-section{margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.config-section h5{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.feature-item h6{margin:0 0 8px;font-size:14px;font-weight:600;color:#1f2937}.feature-item p{margin:0;font-size:13px;color:#6b7280;line-height:1.4}.guidelines{color:#374151}.guidelines ul{margin:8px 0 0;padding-left:20px}.guidelines li{margin-bottom:6px;font-size:14px;line-height:1.4}.model-info{margin-top:8px}.model-details p{margin:0 0 8px;font-size:14px;color:#374151}.pricing-note{font-size:12px;color:#6b7280;font-style:italic}.model-capabilities{margin-top:12px}.model-capabilities h6{margin:0 0 8px;font-size:14px;font-weight:600;color:#1f2937}.model-capabilities ul{margin:0;padding-left:16px}.model-capabilities li{margin-bottom:4px;font-size:13px;color:#6b7280}.provider-settings-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000000d;transition:box-shadow .2s ease}.provider-settings-card:hover{box-shadow:0 4px 12px #0000001a}.provider-header{padding:20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.provider-info{display:flex;align-items:center;gap:16px}.provider-icon{font-size:32px}.provider-info h4{margin:0 0 4px;font-size:18px;font-weight:600;color:#1f2937}.provider-info p{margin:0;font-size:14px;color:#6b7280}.provider-controls{display:flex;align-items:center;gap:16px}.health-indicator{display:flex;flex-direction:column;align-items:center;gap:4px}.health-icon{font-size:20px;cursor:pointer;transition:transform .2s ease}.health-icon:hover{transform:scale(1.1)}.health-icon.healthy{color:#10b981}.health-icon.unhealthy{color:#ef4444}.enabled-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.enabled-toggle input[type=checkbox]{margin:0}.provider-config{padding:24px}.config-fields{display:flex;flex-direction:column;gap:16px}.config-field label{font-size:14px;font-weight:500;color:#374151}.config-field input,.config-field select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.config-field input:focus,.config-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.config-field input[type=password]{font-family:monospace}.api-key-field input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.empty-required{border-color:#ef4444!important;background-color:#fef2f2!important}.empty-required:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.required{color:#ef4444;font-weight:700;margin-left:4px}.field-help{font-size:12px;color:#6b7280;line-height:1.4}.field-help a{color:#3b82f6;text-decoration:none}.field-help a:hover{text-decoration:underline}.config-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.status-display{display:flex;align-items:center;gap:8px}.status-healthy{color:#10b981;font-weight:500}.status-unhealthy{color:#ef4444;font-weight:500}.error-details{color:#ef4444;font-size:12px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-section{margin-top:32px;padding:24px 0 0;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.save-button{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.save-button:hover{background:#2563eb}.save-button:disabled{background:#9ca3af;cursor:not-allowed}.reset-button{background:#ef4444;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.reset-button:hover{background:#dc2626}.test-all-button{background:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.test-all-button:hover{background:#059669}.test-all-button:disabled{background:#9ca3af;cursor:not-allowed}.env-notice{margin-top:32px;padding:20px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;color:#0c4a6e}.env-notice p{margin:0 0 12px;font-weight:600}.env-notice ul{margin:0;padding-left:20px;font-size:14px}.env-notice code{background:#e0e7ff;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.llm-provider-selector.compact{box-shadow:none;border-radius:8px}.llm-provider-selector.compact .selector-header{padding:16px 20px}.llm-provider-selector.compact .selector-header h3{font-size:18px}.llm-provider-selector.compact .selector-content{padding:20px}.llm-provider-selector.compact .providers-grid{grid-template-columns:1fr}.llm-provider-selector.compact .env-notice{display:none}.empty-providers{margin-top:20px}.empty-state{text-align:center;padding:40px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#6b7280}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#374151}.empty-state p{margin:0;font-size:14px;color:#6b7280}@media (max-width: 768px){.llm-provider-selector{margin:16px}.selector-header,.selector-content{padding-left:20px;padding-right:20px}.selector-content{padding-bottom:20px}.service-mapping-grid,.providers-grid,.config-row{grid-template-columns:1fr}.provider-header{flex-direction:column;gap:16px;align-items:flex-start}.provider-controls{width:100%;justify-content:space-between}.actions-section{flex-direction:column;align-items:stretch}.actions-section button{flex:1;min-width:200px}}@media (max-width: 480px){.llm-provider-selector{margin:8px}.selector-header,.selector-content{padding-left:16px;padding-right:16px}.provider-header,.provider-config{padding:16px}.service-mapping-item{flex-direction:column;gap:12px;align-items:flex-start}.service-mapping-item select{width:100%}}.Chatbot{font-family:Montserrat,sans-serif;max-width:800px;margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:7px;box-shadow:0 2px 5px #ccc;background-color:#eee;display:flex;flex-direction:column;height:100vh;max-height:90vh}.chat-container{margin-left:300px;transition:all .3s ease-in-out}.sidebar{width:250px;position:fixed;top:0;left:0;bottom:0;height:100vh;background-color:#5f9ea0;color:#eee}@media (max-width: 768px){.sidebar{width:80vw;height:90vh}.main-content{margin-left:80vw}}.sidebar .sidebar-content{padding:20px;color:#333;background-color:transparent}.sidebar h2{margin-bottom:20px;color:#2c3e50}.sidebar-content *{color:#2c3e50!important}.sidebar-content h2,.sidebar-content h3,.sidebar-content h4{color:#2c3e50!important;font-family:McLaren,cursive}.sidebar-content label{color:#2c3e50!important}.sidebar-content button{background-color:#f5b042!important;color:#2c3e50!important;border-radius:7px;border:1px solid #ccc;box-shadow:0 2px 5px #ccc}.sidebar.closed{width:0;padding:20px 0;overflow:hidden}.main-content{flex:1;margin-left:25vh;transition:margin .3s ease-in-out;display:flex;flex-direction:column;min-height:100vh}.sidebar.closed+.main-content{margin-left:0}.sidebar-toggle-button{padding:8px 15px;border-radius:4px;background-color:#f8f9fa;border:1px solid #dee2e6;transition:all .3s ease}.sidebar-toggle-button:hover{background-color:#f1f1f1;border-color:#cad1d7}.sidebar-toggle-button.open-button{position:fixed;top:20px;right:20px;z-index:999;background-color:#f8f9fa;color:#000;border:none;padding:10px 20px;cursor:pointer;border-radius:50%;transition:all .3s ease-in-out}.sidebar-toggle-button.open-button.hidden{position:fixed;top:20px;right:20px;z-index:999;background-color:#f8f9fa;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:50%;transition:all .3s ease-in-out}.sidebar .sidebar-toggle-button.close-button{text-align:left}.sidebar.closed .sidebar-toggle-button.close-button{display:none}.sidebar-content{overflow-y:auto;overflow-x:visible;height:100%;padding:20px;position:relative}.sidebar h2{margin-top:0;margin-bottom:15px}.source-selector{margin-bottom:20px;position:relative;z-index:1000}.source-selector label{display:block;margin-bottom:8px}.source-selector input[type=text],.source-selector select,.source-selector button{width:100%;padding:8px;margin-bottom:8px;border-radius:7px;border:1px solid #ccc;background:#fff;color:#2c3e50;font-family:Montserrat,sans-serif;cursor:pointer;position:relative;z-index:1001}.source-selector select#ollamaModel,select#ollamaModel{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;padding:8px!important;margin-bottom:8px!important;border:1px solid #ccc!important;border-radius:7px!important;background:#fff!important;color:#2c3e50!important;font-family:Montserrat,sans-serif!important;font-size:14px!important;cursor:pointer!important;position:relative!important;z-index:1002!important}.flex.max-w-md.mx-auto{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:none!important;margin:0!important;position:relative!important}.sidebar-content>*{display:block!important;visibility:visible!important;position:relative!important}.sidebar{overflow-y:auto!important;overflow-x:visible!important;position:fixed!important}.source-selector button{background:#f5b042;color:#2c3e50;font-weight:600;box-shadow:0 2px 5px #ccc;transition:all .3s ease}.source-selector button:hover{background:#f6bc60;transform:translateY(-1px);box-shadow:0 4px 8px #ccc}.source-selector select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 40%,#666 50%,transparent 60%);background-repeat:no-repeat;background-position:right 8px top 50%;background-size:12px auto;padding-right:24px;border:1px solid #ccc;background:#fff;color:#2c3e50;font-family:Montserrat,sans-serif}.source-selector select option{background:#fff;color:#2c3e50;padding:12px;font-family:Montserrat,sans-serif}.model-status{margin:8px 0;padding:8px;border-radius:7px;text-align:center;background:#eee;color:#2c3e50}.model-status.available{background:#e8f5e9;color:#2e7d32}.model-status.downloading{background:#e3f2fd;color:#1565c0}.model-status.not-available{background:#ffebee;color:#c62828}.loading-overlay{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.spinner{width:24px;height:24px;border:3px solid #f5b042;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.api-key-input{margin-top:10px;position:relative;z-index:999}.api-key-input label{display:block;margin-bottom:5px}.chat-history{margin-top:20px}.prompt-form{padding:5%;background:#fff;border-top:1px solid #eee;position:sticky;bottom:0;display:flex;flex-direction:column}.prompt-form textarea{resize:none;overflow:hidden;min-height:60px;max-height:200px;transition:height .2s ease}.chat-list-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;padding:8px;border-radius:4px;background-color:#0000000d;transition:all .3s ease}.chat-list-item:hover{background-color:#0000001a}.chat-list-item.active{background-color:#f8f9fa;border-left:4px solid #007bff}.chat-list-load-button{flex-grow:1;text-align:left;padding:12px 20px;cursor:pointer;border-radius:7px;transition:all .3s ease;background:#f5b042;border:1px solid #ccc;box-shadow:0 2px 5px #ccc;color:#2c3e50;font-family:Montserrat,sans-serif}.chat-list-delete-button{position:relative;overflow:hidden}.chat-list-delete-button:before{content:"×";font-family:Arial,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-list-delete-button:hover{color:#c00;background-color:#ff00001a}.input-container{display:flex;flex-direction:column;gap:12px;width:100%}.voice-input-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0}.voice-input-controls .d-flex{min-width:0}.voice-input-controls .flex-grow-1{flex:1 1 auto;min-width:0}.voice-input-controls .flex-shrink-0{flex:0 0 auto}.settings-panel-container{position:relative;z-index:10}@media (min-width: 992px){.voice-input-controls .d-flex{position:relative}.settings-panel-container{position:absolute;bottom:100%;right:0;margin-bottom:8px;min-width:300px;max-width:400px}.voice-input-controls .flex-shrink-0:has(.settings-panel-container){position:relative;overflow:visible}}.analysis-toggle{display:flex;align-items:center}.toggle-switch{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:44px;height:24px;background:#ccc;border-radius:12px;transition:background .3s ease}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--success-color, #28a745)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.toggle-label{font-size:14px;font-weight:500;color:var(--text-color, #333)}.voice-input-manager{flex-shrink:0}.analysis-results{background:#fff;border-radius:12px;padding:24px;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px #0000004d}.metrics-section{margin-bottom:20px}.metrics-section h4{margin:0 0 12px;color:var(--text-color, #333);font-size:16px;font-weight:600}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px}.metric-item{display:flex;flex-direction:column;align-items:center;padding:12px;background:var(--bg-light, #f8f9fa);border-radius:8px;text-align:center}.metric-label{font-size:12px;font-weight:600;color:var(--text-muted, #6c757d);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:16px;font-weight:700;padding:4px 8px;border-radius:12px;min-width:50px;color:#fff}.metric-value.score-1,.metric-value.score-2,.metric-value.score-3{background:var(--danger-color, #dc3545)!important;color:#fff!important}.metric-value.score-4,.metric-value.score-5,.metric-value.score-6{background:var(--warning-color, #ffc107)!important;color:var(--dark-color, #212529)!important}.metric-value.score-7,.metric-value.score-8,.metric-value.score-9,.metric-value.score-10{background:var(--success-color, #28a745)!important;color:#fff!important}.metric-value.wpm-value{background:var(--info-color, #17a2b8);color:#fff}.detailed-feedback{margin:16px 0;padding:16px;border-radius:8px;border-left:4px solid}.stress-feedback{background:#ffc1071a;border-left-color:var(--warning-color, #ffc107)}.pace-feedback{background:#17a2b81a;border-left-color:var(--info-color, #17a2b8)}.clarity-feedback{background:#28a7451a;border-left-color:var(--success-color, #28a745)}.detailed-feedback strong{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color, #333)}.feedback-text{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;margin:0;white-space:pre-wrap;color:var(--text-color, #333);background:#ffffff80;padding:8px;border-radius:4px}.comprehensive-analysis{margin-top:20px;border-top:1px solid var(--border-color, #dee2e6);padding-top:16px}.comprehensive-analysis details{cursor:pointer}.comprehensive-analysis summary{font-weight:600;color:var(--primary-color, #007bff);padding:8px 0;-webkit-user-select:none;user-select:none}.comprehensive-analysis summary:hover{color:var(--primary-color-dark, #0056b3)}.analysis-report{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;line-height:1.4;margin:8px 0 0;white-space:pre-wrap;color:var(--text-color, #333);background:var(--bg-light, #f8f9fa);padding:12px;border-radius:6px;border:1px solid var(--border-color, #dee2e6);max-height:300px;overflow-y:auto}.analysis-results h3{margin:0 0 20px;color:var(--primary-color, #007bff);font-size:20px;font-weight:600}.pronunciation-score{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-light, #f8f9fa);border-radius:8px;margin-bottom:20px}.score-label{font-weight:600;color:var(--text-color, #333)}.score-value{font-size:24px;font-weight:700;padding:8px 16px;border-radius:20px;color:#fff}.score-value.score-1,.score-value.score-2,.score-value.score-3{background:var(--danger-color, #dc3545)}.score-value.score-4,.score-value.score-5,.score-value.score-6{background:var(--warning-color, #ffc107);color:var(--dark-color, #212529)}.score-value.score-7,.score-value.score-8,.score-value.score-9,.score-value.score-10{background:var(--success-color, #28a745)}.feedback-section{margin-bottom:20px}.feedback-section h4{margin:0 0 12px;color:var(--text-color, #333);font-size:16px;font-weight:600}.feedback-content{display:flex;flex-direction:column;gap:12px}.overall-feedback{padding:12px;background:#007bff1a;border-left:4px solid var(--primary-color, #007bff);border-radius:4px;margin:0;font-style:italic}.improvements,.strengths{padding:12px;border-radius:6px}.improvements{background:#dc35451a;border-left:4px solid var(--danger-color, #dc3545)}.strengths{background:#28a7451a;border-left:4px solid var(--success-color, #28a745)}.improvements strong,.strengths strong{display:block;margin-bottom:6px;font-weight:600}.improvements p,.strengths p{margin:0;line-height:1.5}.close-analysis{position:absolute;top:16px;right:16px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted, #6c757d);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-analysis:hover{background:var(--bg-light, #f8f9fa);color:var(--text-color, #333)}.view-last-analysis-btn{background:var(--primary-color, #007bff);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.view-last-analysis-btn:hover{background:var(--primary-color-dark, #0056b3);transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.view-last-analysis-btn:active{transform:translateY(0);box-shadow:0 1px 4px #007bff4d}.view-last-analysis-btn:disabled{background:var(--secondary-color, #6c757d);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.voice-input-controls{flex-direction:column;align-items:stretch;gap:12px}.analysis-toggle{justify-content:center}.view-last-analysis-btn{justify-content:center;padding:10px 16px;font-size:13px}.analysis-results-container{padding:10px}.analysis-results{padding:20px;max-height:90vh;max-width:95vw}.pronunciation-score{flex-direction:column;gap:8px;text-align:center}.score-value{font-size:20px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric-item{padding:8px}.metric-value{font-size:14px}.feedback-text{font-size:11px}.analysis-report{font-size:10px;max-height:200px}.detailed-feedback{padding:12px;margin:12px 0}}@media (prefers-color-scheme: dark){.analysis-results{background:var(--bg-dark, #2d3748);color:var(--text-color-dark, #e2e8f0)}.pronunciation-score{background:var(--bg-secondary-dark, #4a5568)}.overall-feedback{background:#4299e133;border-left-color:var(--primary-color-dark, #4299e1)}.improvements{background:#f5656533;border-left-color:var(--danger-color-dark, #f56565)}.strengths{background:#48bb7833;border-left-color:var(--success-color-dark, #48bb78)}.close-analysis:hover{background:var(--bg-secondary-dark, #4a5568)}.toggle-label{color:var(--text-color-dark, #e2e8f0)}}.analysis-results-container{animation:fadeIn .3s ease}.analysis-results{animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.close-analysis:focus{outline:2px solid var(--primary-color, #007bff);outline-offset:2px}.setup-steps{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:12px;margin:20px 0;box-shadow:0 4px 15px #667eea4d}.setup-steps h4{margin:0 0 16px;font-size:1.2em;font-weight:600;display:flex;align-items:center;gap:8px}.setup-steps ol{margin:0;padding-left:20px;line-height:1.6}.setup-steps li{margin-bottom:16px;font-size:1em}.setup-steps li:last-child{margin-bottom:0}.setup-steps strong{font-weight:600}.code-block{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;margin:8px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.code-block div{margin-bottom:6px;font-size:.9em;opacity:.9}.code-block code{display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;background:#fff;padding:8px 12px;border-radius:6px;color:#f8f9fa;word-break:break-all;white-space:pre-wrap}@media (max-width: 768px){.setup-steps{padding:16px;margin:16px 0}.code-block code{font-size:.8em;padding:6px 8px}}.welcome-message{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:24px;border-radius:12px;margin:20px 0;text-align:center;box-shadow:0 2px 10px #0000001a}.welcome-message h3{margin:0 0 16px;color:#2c3e50;font-size:1.3em;font-weight:600}.welcome-message p{margin:8px 0;color:#34495e;line-height:1.5}.welcome-message p:first-of-type{font-size:1.1em;margin-bottom:16px}.welcome-message strong{color:#2980b9;font-weight:600}@media (max-width: 768px){.welcome-message{padding:16px;margin:16px 0}.welcome-message h3{font-size:1.2em}}.message-container{position:relative}.copy-icon{font-size:14px;transition:all .2s ease;z-index:10}.copy-icon:hover{transform:scale(1.1)}.copy-icon:active{transform:scale(.95)}.message-container .border{cursor:pointer;transition:all .2s ease}.message-container .border:hover{box-shadow:0 2px 8px #0000001a}.copy-icon.copied{background-color:#10b981!important;color:#fff!important}@media (max-width: 768px){.copy-icon{opacity:.7}.group:hover .copy-icon,.group .copy-icon:focus{opacity:1}}.code-block-container{margin:16px 0;border-radius:8px;overflow:hidden;border:1px solid #e1e5e9;background:#f8f9fa;position:relative;z-index:10}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#f1f3f4;border-bottom:1px solid #e1e5e9;font-size:12px}.code-language{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600;color:#5f6368;text-transform:uppercase;letter-spacing:.5px}.code-copy-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background:#fff;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;border:1px solid #d1d5db}.code-copy-button:hover{background:#f3f4f6;color:#374151;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.code-copy-button:hover{background:#e8f0fe;color:#1a73e8;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.code-copy-button:active{transform:translateY(0)}.copy-success{color:#137333;font-weight:500}.copy-icon{font-size:12px}.code-block-content{position:relative}.code-block-content pre{margin:0!important;padding:16px!important;background:#fff!important;color:#24292e!important;font-size:13px!important;line-height:1.5!important}.code-block-content pre code{color:#24292e!important;background:transparent!important}.code-block-content .token.comment,.code-block-content .token.prolog,.code-block-content .token.doctype,.code-block-content .token.cdata{color:#6a737d!important}.code-block-content .token.punctuation{color:#24292e!important}.code-block-content .token.property,.code-block-content .token.tag,.code-block-content .token.boolean,.code-block-content .token.number,.code-block-content .token.constant,.code-block-content .token.symbol,.code-block-content .token.deleted{color:#005cc5!important}.code-block-content .token.selector,.code-block-content .token.attr-name,.code-block-content .token.string,.code-block-content .token.char,.code-block-content .token.builtin,.code-block-content .token.inserted{color:#032f62!important}.code-block-content .token.operator,.code-block-content .token.entity,.code-block-content .token.url,.code-block-content .language-css .token.string,.code-block-content .style .token.string,.code-block-content .token.atrule,.code-block-content .token.attr-value,.code-block-content .token.keyword{color:#d73a49!important}.code-block-content .token.function,.code-block-content .token.class-name{color:#6f42c1!important}.inline-code{background:#f1f3f4;color:#d73a49;padding:2px 6px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}@media (prefers-color-scheme: dark){.code-block-container{background:#1e1e1e;border-color:#3c3c3c}.code-block-header{background:#2d2d2d;border-bottom-color:#3c3c3c}.code-language{color:#ccc}.code-copy-button{background:#3c3c3c;color:#ccc}.code-copy-button:hover{background:#4c4c4c;color:#fff}.code-block-content pre{background:#1e1e1e!important;color:#e1e4e8!important}.code-block-content pre code{color:#e1e4e8!important;background:transparent!important}.code-block-content .token.comment,.code-block-content .token.prolog,.code-block-content .token.doctype,.code-block-content .token.cdata{color:#8b949e!important}.code-block-content .token.punctuation{color:#e1e4e8!important}.code-block-content .token.property,.code-block-content .token.tag,.code-block-content .token.boolean,.code-block-content .token.number,.code-block-content .token.constant,.code-block-content .token.symbol,.code-block-content .token.deleted{color:#79c0ff!important}.code-block-content .token.selector,.code-block-content .token.attr-name,.code-block-content .token.string,.code-block-content .token.char,.code-block-content .token.builtin,.code-block-content .token.inserted{color:#a5d6ff!important}.code-block-content .token.operator,.code-block-content .token.entity,.code-block-content .token.url,.code-block-content .language-css .token.string,.code-block-content .style .token.string,.code-block-content .token.atrule,.code-block-content .token.attr-value,.code-block-content .token.keyword{color:#ff7b72!important}.code-block-content .token.function,.code-block-content .token.class-name{color:#d2a8ff!important}.inline-code{background:#3c3c3c;color:#ff6b6b}}@media (max-width: 768px){.code-block-header{padding:6px 12px}.code-language{font-size:11px}.code-copy-button{opacity:.8;padding:3px 6px;font-size:10px}.code-block-content pre{padding:12px!important;font-size:12px!important}}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.copy-success{animation:copySuccess .3s ease}.code-block-container .code-block-header{display:flex!important;justify-content:space-between!important;align-items:center!important}.code-block-container .code-language{display:inline-block;font-size:12px;font-weight:600}.code-block-container .code-copy-button{display:inline-flex!important;align-items:center;gap:4px}.code-block-container *{box-sizing:border-box}.code-block-header .code-language{color:#5f6368!important}.code-block-header .code-copy-button{color:#5f6368!important;background:#fff!important}.code-block-header .copy-success{color:#137333!important}.code-block-content .token{background:none!important}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.main-header h1{margin:0}.tool-config-button,.llm-config-button{background:var(--button-bg, #6b7280);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.tool-config-button{background:var(--tool-button-bg, #10b981)}.tool-config-button:hover{background:var(--tool-button-hover-bg, #059669)}.llm-config-button:hover{background:var(--llm-button-hover-bg, #4b5563)}.llm-config-button{background:var(--llm-config-button-bg, #6b7280);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.llm-config-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.llm-config-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:900px;width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#f8f9fa}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.close-modal{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:.375rem;transition:all .2s ease;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.close-modal:hover{background:#e5e7eb;color:#374151}.modal-body{padding:2rem;overflow-y:auto;flex:1}.tool-config-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.tool-config-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:900px;width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.tool-config-info{background:#f8fafc;padding:16px 24px;border-bottom:1px solid #e2e8f0}.tool-config-info p{margin:0;color:#64748b;font-size:14px}@media (prefers-color-scheme: dark){.llm-config-modal-content,.tool-config-modal-content{background:#1f2937;color:#e5e7eb}.modal-header{background:#111827;border-bottom-color:#374151}.close-modal:hover{background:#374151;color:#e5e7eb}.tool-config-info{background:#374151;border-bottom-color:#4b5563}.tool-config-info p{color:#9ca3af}}.analysis-toggle{gap:4px}.toggle-switch{position:relative;gap:12px;cursor:pointer!important;-webkit-user-select:none;user-select:none;transition:opacity .2s ease;pointer-events:auto!important}.toggle-switch:hover:not(:has(input:disabled)){opacity:.8}.toggle-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}.toggle-switch input:disabled{cursor:not-allowed}.toggle-switch input:disabled+.toggle-slider{background:#eee;cursor:not-allowed}.toggle-switch input:disabled+.toggle-slider .toggle-indicator{background:#ddd}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #f5b04233}.toggle-switch:has(input:disabled){cursor:not-allowed;opacity:.6}.toggle-slider{position:relative;width:50px;height:26px;border-radius:13px;transition:all .3s ease;display:flex;align-items:center;box-shadow:0 2px 4px #0000001a;cursor:pointer}.toggle-slider.disabled{background:#ccc!important;border:2px solid #999!important}.toggle-slider.enabled{background:#f5b042!important;border:2px solid #e09f3e!important}.toggle-indicator{position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;left:3px;box-shadow:0 2px 4px #0003}.toggle-slider.enabled .toggle-indicator{transform:translate(24px)}.toggle-label{font-size:14px;font-weight:600;color:var(--text-color, #333);transition:color .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label.has-results{color:var(--primary-color, #007bff);cursor:pointer}.toggle-label.has-results:hover{color:var(--primary-color-dark, #0056b3);text-decoration:underline}.results-indicator-text{font-size:12px;font-weight:500;color:var(--primary-color, #007bff);animation:pulse-text 2s infinite}@keyframes pulse-text{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.toggle-description{font-size:12px;color:var(--text-muted, #6c757d);margin-left:8px;font-style:italic}.toggle-small .toggle-slider{width:36px;height:20px}.toggle-small .toggle-indicator,.toggle-small .toggle-label{font-size:12px}.toggle-small .toggle-description{font-size:10px}.toggle-medium .toggle-slider{width:48px;height:26px}.toggle-medium .toggle-indicator,.toggle-medium .toggle-label{font-size:14px}.toggle-medium .toggle-description{font-size:12px}.toggle-large .toggle-slider{width:60px;height:32px}.toggle-large .toggle-indicator{font-size:18px}.toggle-large .toggle-label{font-size:16px}.toggle-large .toggle-description{font-size:14px}.toggle-switch:hover:not(:has(input:disabled)) .toggle-slider{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.toggle-switch:hover:not(:has(input:disabled)) .toggle-slider.enabled{background:linear-gradient(135deg,#218838,#1e7e34)}.toggle-switch:hover:not(:has(input:disabled)) .toggle-slider.disabled{background:linear-gradient(135deg,#5a6268,#343a40)}.toggle-switch:active:not(:has(input:disabled)) .toggle-slider{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.toggle-switch:focus-within .toggle-slider{outline:2px solid var(--primary-color, #007bff);outline-offset:2px}.toggle-slider{animation:none}.toggle-slider.enabled{animation:enablePulse .6s ease}@keyframes enablePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (prefers-color-scheme: dark){.toggle-label{color:var(--text-color-dark, #e2e8f0)}.toggle-description{color:var(--text-muted-dark, #a0aec0)}.toggle-slider.disabled{background:linear-gradient(135deg,#4a5568,#2d3748)}.toggle-slider.enabled{background:linear-gradient(135deg,#38a169,#2f855a)}.toggle-switch:hover:not(:has(input:disabled)) .toggle-slider.enabled{background:linear-gradient(135deg,#48bb78,#38a169)}.toggle-switch:hover:not(:has(input:disabled)) .toggle-slider.disabled{background:linear-gradient(135deg,#718096,#4a5568)}}@media (prefers-contrast: high){.toggle-slider{border:2px solid currentColor}.toggle-slider.disabled{background:#666;color:#fff}.toggle-slider.enabled{background:#0a0;color:#fff}.toggle-indicator{filter:none}}@media (prefers-reduced-motion: reduce){.toggle-slider,.toggle-indicator,.toggle-label{transition:none}.toggle-switch:hover:not(:has(input:disabled)) .toggle-slider{transform:none}.toggle-switch:active:not(:has(input:disabled)) .toggle-slider{transform:none}.enablePulse{animation:none}}@media (max-width: 768px){.analysis-toggle{align-items:center;text-align:center}.toggle-switch{flex-direction:column;gap:8px}.toggle-description{margin-left:0;text-align:center}}.analysis-toggle.loading .toggle-slider{opacity:.7;cursor:wait}.analysis-toggle.loading .toggle-indicator{animation:spin 1s linear infinite}.analysis-toggle.error .toggle-slider{background:linear-gradient(135deg,#dc3545,#c82333)!important;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.setup-guide{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 4px 12px #0000000d}.setup-guide.success{background:#f8f9fa;border-color:#e0e0e0;color:#2c3e50}.setup-guide h3{margin:0 0 16px;color:#2c3e50;font-size:18px;font-weight:600}.setup-guide.success h3{color:#2c3e50}.setup-steps{margin:20px 0}.setup-step{display:flex;align-items:flex-start;margin:16px 0;padding:16px;background:#fff;border-radius:12px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000008}.status-icon{font-size:20px;margin-right:16px;min-width:24px;display:flex;align-items:center;justify-content:center}.status-icon.success{color:#2ecc71}.status-icon.error{color:#e74c3c}.status-icon.checking{color:#f1c40f}.step-content h4{margin:0 0 8px;color:#495057;font-size:16px}.step-content p{margin:4px 0;color:#6c757d;line-height:1.4}.install-command{display:block;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;color:#2c3e50;margin:12px 0;-webkit-user-select:all;user-select:all;box-shadow:inset 0 1px 3px #0000000d}.install-button{background:#3498db;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;margin-top:12px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.install-button:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 8px #00000026}.install-button:disabled{background:#6c757d;cursor:not-allowed}.wasm-status{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;padding:16px;margin:16px 0}.wasm-status h4{margin:0 0 12px;color:#0d47a1;font-size:16px}.wasm-status p{margin:4px 0;color:#1565c0;line-height:1.4}.privacy-note{background:#e8f5e8;border:1px solid #c3e6cb;border-radius:6px;padding:16px;margin:20px 0}.privacy-note h4{margin:0 0 12px;color:#155724;font-size:16px}.privacy-note ul{margin:0;padding-left:20px;color:#155724}.privacy-note li{margin:4px 0;line-height:1.4}.fallback-note{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:12px;margin:16px 0}.fallback-note p{margin:0;color:#856404;font-size:14px}.setup-guide a{color:#007bff;text-decoration:none}.setup-guide a:hover{text-decoration:underline}@media (prefers-color-scheme: dark){.setup-guide{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.setup-guide h3{color:#e2e8f0}.setup-step{background:#1a202c;border-color:#4a5568}.step-content h4{color:#e2e8f0}.step-content p{color:#a0aec0}.install-command{background:#1a202c;border-color:#4a5568;color:#e2e8f0}}.ollama-origins-config{margin-top:12px;padding:16px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:8px;border-left:4px solid #2196f3}.ollama-origins-config h5{margin:0 0 12px;color:#1976d2;font-size:1em;font-weight:600}.code-instructions{margin:12px 0}.os-instruction{margin-bottom:12px;padding:8px;background:#ffffffb3;border-radius:6px;border:1px solid rgba(33,150,243,.2)}.os-instruction strong{display:block;margin-bottom:6px;color:#1976d2;font-size:.9em}.os-instruction code{display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85em;background:#263238;color:#4fc3f7;padding:8px 12px;border-radius:4px;word-break:break-all;white-space:pre-wrap;margin-top:4px}.config-note{margin:12px 0 0;font-size:.9em;color:#666;font-style:italic}@media (max-width: 768px){.ollama-origins-config{padding:12px}.os-instruction code{font-size:.8em;padding:6px 8px}}.agent-search{flex:1;max-width:400px}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:var(--muted-text, #9ca3af);font-size:.875rem;pointer-events:none;z-index:1}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;font-size:.875rem;background:var(--input-bg, #ffffff);color:var(--text-color, #374151);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px var(--focus-ring, rgba(59, 130, 246, .1))}.clear-button{position:absolute;right:.5rem;background:none;border:none;color:var(--muted-text, #9ca3af);font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.clear-button:hover{background:var(--hover-bg, #f3f4f6);color:var(--text-color, #374151)}.clear-button:focus{outline:2px solid var(--focus-color, #60a5fa);outline-offset:1px}.search-suggestions{margin-top:.5rem;padding:.5rem .75rem;background:var(--suggestion-bg, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:.375rem;font-size:.8125rem;color:var(--muted-text, #6b7280)}.suggestion-text{display:flex;align-items:center;gap:.5rem}.suggestion-text kbd{background:var(--kbd-bg, #ffffff);border:1px solid var(--kbd-border, #d1d5db);border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;color:var(--kbd-text, #374151);box-shadow:0 1px 2px #0000000d}.search-input:disabled{background:var(--disabled-bg, #f9fafb);color:var(--disabled-text, #9ca3af);cursor:not-allowed}.search-input:disabled+.clear-button{display:none}@media (max-width: 768px){.agent-search{max-width:none}.search-input{font-size:1rem}}@media (max-width: 480px){.search-input{padding:.875rem .875rem .875rem 2.75rem}.search-icon{left:1rem}.clear-button{right:.75rem}}@media (prefers-color-scheme: dark){.agent-search{--input-bg: #374151;--text-color: #f9fafb;--border-color: #4b5563;--muted-text: #9ca3af;--placeholder-color: #6b7280;--primary-color: #60a5fa;--focus-ring: rgba(96, 165, 250, .2);--focus-color: #93c5fd;--hover-bg: #4b5563;--suggestion-bg: #374151;--kbd-bg: #4b5563;--kbd-border: #6b7280;--kbd-text: #f9fafb;--disabled-bg: #374151;--disabled-text: #6b7280}}@media (prefers-contrast: high){.search-input{border-width:2px}.search-input:focus{border-width:2px;box-shadow:0 0 0 2px var(--focus-ring, rgba(59, 130, 246, .3))}.clear-button:focus{outline-width:2px}.search-suggestions{border-width:2px}}@media (prefers-reduced-motion: reduce){.search-input,.clear-button{transition:none}}.search-input:focus-visible{outline:2px solid var(--focus-color, #60a5fa);outline-offset:2px}.clear-button:focus-visible{outline:2px solid var(--focus-color, #60a5fa);outline-offset:2px}.agent-categories{background:var(--card-bg, #ffffff);border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a}.categories-header{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.categories-header h3{margin:0;font-size:1.1rem;color:var(--text-color, #333);font-weight:600}.categories-list{display:flex;flex-direction:column;gap:.5rem}.category-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;background:var(--bg-color, #ffffff);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-size:.9rem}.category-item:hover{background:var(--hover-bg, #f8fafc);border-color:var(--primary-color, #3b82f6)}.category-item.active{background:var(--primary-color, #3b82f6);color:#fff;border-color:var(--primary-color, #3b82f6)}.category-item.active:hover{background:var(--primary-hover, #2563eb)}.category-name{font-weight:500}.category-count{background:#fff3;color:inherit;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600;min-width:24px;text-align:center}.category-item:not(.active) .category-count{background:var(--secondary-bg, #f1f5f9);color:var(--text-secondary, #666)}.category-info{margin-top:1rem;padding:.75rem;background:var(--info-bg, #f0f9ff);border-radius:6px;border-left:3px solid var(--primary-color, #3b82f6)}.category-description{margin:0;font-size:.875rem;color:var(--text-secondary, #666);line-height:1.4}@media (max-width: 768px){.agent-categories{padding:.75rem}.category-item{padding:.5rem .75rem;font-size:.85rem}.categories-list{gap:.25rem}}.category-item:focus{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px}.category-item[aria-pressed=true]{background:var(--primary-color, #3b82f6);color:#fff}@media (prefers-color-scheme: dark){.agent-categories{background:var(--card-bg-dark, #1f2937)}.category-item{background:var(--bg-dark, #374151);border-color:var(--border-dark, #4b5563);color:var(--text-dark, #f9fafb)}.category-item:hover{background:var(--hover-bg-dark, #4b5563)}.category-info{background:var(--info-bg-dark, #1e3a8a)}}@media (prefers-contrast: high){.category-item{border-width:2px}.category-item.active{border-width:3px}}@media (prefers-reduced-motion: reduce){.category-item{transition:none}}.agent-source-tabs{margin-bottom:2rem}.tabs-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.tab-button{background:var(--tab-bg, #ffffff);border:1px solid var(--tab-border, #e5e7eb);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;overflow:hidden}.tab-button:hover{background:var(--tab-hover-bg, #f9fafb);border-color:var(--tab-hover-border, #d1d5db);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.tab-button:focus{outline:2px solid var(--focus-color, #60a5fa);outline-offset:2px}.tab-button.active{background:var(--tab-active-bg, #eff6ff);border-color:var(--tab-active-border, #3b82f6);box-shadow:0 4px 6px -1px #3b82f61a}.tab-button.active:hover{background:var(--tab-active-hover-bg, #dbeafe)}.tab-button.offline{opacity:.8}.tab-button.offline:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--warning-color, #f59e0b)}.tab-content{display:flex;flex-direction:column;gap:.5rem}.tab-header{display:flex;align-items:center;gap:.5rem}.tab-icon{font-size:1.25rem;line-height:1}.tab-label{font-size:1rem;font-weight:600;color:var(--tab-label-color, #1f2937);flex:1}.offline-indicator{font-size:.75rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tab-meta{display:flex;flex-direction:column;gap:.25rem}.tab-count{font-size:.875rem;font-weight:500;color:var(--tab-count-color, #3b82f6)}.tab-description{font-size:.8125rem;color:var(--tab-description-color, #6b7280);line-height:1.4}.sync-status-info{background:var(--info-bg, #f0f9ff);border:1px solid var(--info-border, #bae6fd);border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem}.sync-progress{display:flex;align-items:center;gap:.5rem;color:var(--info-text, #0369a1)}.sync-spinner{animation:spin 1s linear infinite;font-size:1rem}.offline-notice{display:flex;align-items:flex-start;gap:.5rem;color:var(--warning-text, #92400e)}.offline-icon{font-size:1rem;margin-top:.125rem;flex-shrink:0}.tab-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.tab-button:disabled:hover{background:var(--tab-bg, #ffffff);border-color:var(--tab-border, #e5e7eb);transform:none;box-shadow:none}@media (max-width: 768px){.tabs-container{grid-template-columns:1fr;gap:.75rem}.tab-button{padding:.875rem}.tab-header{gap:.375rem}.tab-icon{font-size:1.125rem}.tab-label{font-size:.9375rem}}@media (max-width: 480px){.tab-button{padding:.75rem}.tab-content{gap:.375rem}.tab-meta{gap:.125rem}.sync-status-info{padding:.625rem .75rem}}@media (prefers-color-scheme: dark){.agent-source-tabs{--tab-bg: #374151;--tab-border: #4b5563;--tab-hover-bg: #4b5563;--tab-hover-border: #6b7280;--tab-active-bg: #1e3a8a;--tab-active-border: #60a5fa;--tab-active-hover-bg: #1e40af;--tab-label-color: #f9fafb;--tab-count-color: #60a5fa;--tab-description-color: #9ca3af;--focus-color: #93c5fd;--info-bg: #1e3a8a;--info-border: #3b82f6;--info-text: #93c5fd;--warning-text: #fbbf24;--warning-color: #f59e0b}}@media (prefers-contrast: high){.tab-button{border-width:2px}.tab-button:focus{outline-width:3px}.tab-button.active{border-width:3px}.sync-status-info{border-width:2px}}@media (prefers-reduced-motion: reduce){.tab-button{transition:none;transform:none}.tab-button:hover{transform:none}.sync-spinner,.offline-indicator{animation:none}}.tab-button:focus-visible{outline:2px solid var(--focus-color, #60a5fa);outline-offset:2px}.tab-button:focus:not(:focus-visible){outline:none}.tabs-container.loading .tab-button{opacity:.6;pointer-events:none}.agent-card{background:var(--card-bg, #ffffff);border:1px solid var(--card-border, #e5e7eb);border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1rem;min-height:280px}.agent-card:hover{border-color:var(--card-hover-border, #d1d5db);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.agent-card:focus{outline:2px solid var(--focus-color, #60a5fa);outline-offset:2px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.agent-info{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0}.agent-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.agent-title{flex:1;min-width:0}.agent-title h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--card-title-color, #1f2937);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-category{font-size:.8125rem;color:var(--card-category-color, #6b7280);font-weight:500}.card-menu{position:relative}.menu-button{background:none;border:none;color:var(--menu-button-color, #9ca3af);font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;line-height:1}.menu-button:hover{background:var(--menu-button-hover-bg, #f3f4f6);color:var(--menu-button-hover-color, #374151)}.menu-dropdown{position:absolute;top:100%;right:0;background:var(--dropdown-bg, #ffffff);border:1px solid var(--dropdown-border, #e5e7eb);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:10;min-width:120px;overflow:hidden}.menu-dropdown button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;text-align:left;font-size:.875rem;color:var(--dropdown-text, #374151);cursor:pointer;transition:background-color .2s ease}.menu-dropdown button:hover{background:var(--dropdown-hover-bg, #f9fafb)}.menu-dropdown button.delete-option{color:var(--danger-color, #dc2626)}.menu-dropdown button.delete-option:hover{background:var(--danger-hover-bg, #fef2f2)}.card-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.agent-description{margin:0;font-size:.875rem;color:var(--card-description-color, #6b7280);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.agent-details{display:flex;flex-direction:column;gap:.375rem}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.detail-label{color:var(--detail-label-color, #9ca3af);font-weight:500}.detail-value{color:var(--detail-value-color, #374151);font-weight:500;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.agent-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.tag-more{background:var(--tag-more-bg, #e5e7eb);color:var(--tag-more-color, #6b7280);font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;font-weight:500}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--card-footer-border, #f3f4f6)}.stats,.office-stats,.template-stats{display:flex;align-items:center;gap:1rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.125rem}.stat-value{font-size:.875rem;font-weight:600;color:var(--stat-value-color, #1f2937)}.stat-label{font-size:.75rem;color:var(--stat-label-color, #9ca3af)}.last-used{font-size:.75rem;color:var(--last-used-color, #9ca3af);text-align:right}.rating{display:flex;align-items:center;gap:.25rem}.stars{font-size:.875rem;line-height:1}.rating-value{font-size:.75rem;color:var(--rating-color, #6b7280)}.create-copy-button,.use-template-button{background:var(--action-button-bg, #3b82f6);color:#fff;border:none;border-radius:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.create-copy-button:hover,.use-template-button:hover{background:var(--action-button-hover-bg, #2563eb)}.card-features{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.25rem}.feature-badge{font-size:.75rem;padding:.125rem .25rem;border-radius:.25rem;background:var(--feature-badge-bg, rgba(255, 255, 255, .9));border:1px solid var(--feature-badge-border, #e5e7eb);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feature-badge.voice{background:var(--voice-badge-bg, rgba(34, 197, 94, .1));border-color:var(--voice-badge-border, #22c55e);color:var(--voice-badge-color, #15803d)}.feature-badge.analysis{background:var(--analysis-badge-bg, rgba(59, 130, 246, .1));border-color:var(--analysis-badge-border, #3b82f6);color:var(--analysis-badge-color, #1d4ed8)}.feature-badge.readonly{background:var(--readonly-badge-bg, rgba(156, 163, 175, .1));border-color:var(--readonly-badge-border, #9ca3af);color:var(--readonly-badge-color, #6b7280)}.feature-badge.template{background:var(--template-badge-bg, rgba(245, 158, 11, .1));border-color:var(--template-badge-border, #f59e0b);color:var(--template-badge-color, #d97706)}.official-badge,.template-badge{position:absolute;top:-1px;left:-1px;background:var(--official-badge-bg, #10b981);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.75rem 0 .5rem}.template-badge{background:var(--template-badge-main-bg, #f59e0b)}.difficulty-badge{color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.375rem;white-space:nowrap}.office-meta,.office-label{font-size:.75rem;color:var(--office-label-color, #6b7280);font-weight:500}.delete-confirm-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:20;border-radius:.75rem}.delete-confirm-content{background:var(--confirm-bg, #ffffff);padding:1.5rem;border-radius:.5rem;text-align:center;max-width:280px}.delete-confirm-content h4{margin:0 0 .75rem;color:var(--danger-color, #dc2626);font-size:1rem}.delete-confirm-content p{margin:0 0 1.25rem;font-size:.875rem;color:var(--confirm-text, #6b7280);line-height:1.4}.delete-confirm-actions{display:flex;gap:.5rem;justify-content:center}.confirm-delete{background:var(--danger-color, #dc2626);color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.confirm-delete:hover{background:var(--danger-hover, #b91c1c)}.cancel-delete{background:var(--cancel-bg, #f3f4f6);color:var(--cancel-color, #374151);border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.cancel-delete:hover{background:var(--cancel-hover-bg, #e5e7eb)}.local-agent-card{border-left:3px solid var(--local-accent, #3b82f6)}.office-agent-card{border-left:3px solid var(--office-accent, #10b981)}.template-agent-card{border-left:3px solid var(--template-accent, #f59e0b)}@media (max-width: 480px){.agent-card{padding:1rem;min-height:260px}.card-header,.agent-info{gap:.5rem}.agent-title h3{font-size:1rem}.card-footer{flex-direction:column;gap:.75rem;align-items:stretch}.stats,.office-stats,.template-stats{justify-content:center}.create-copy-button,.use-template-button{width:100%;text-align:center}}@media (prefers-color-scheme: dark){.agent-card{--card-bg: #374151;--card-border: #4b5563;--card-hover-border: #6b7280;--card-title-color: #f9fafb;--card-category-color: #9ca3af;--card-description-color: #d1d5db;--card-footer-border: #4b5563;--menu-button-color: #9ca3af;--menu-button-hover-bg: #4b5563;--menu-button-hover-color: #f3f4f6;--dropdown-bg: #374151;--dropdown-border: #4b5563;--dropdown-text: #f9fafb;--dropdown-hover-bg: #4b5563;--detail-label-color: #9ca3af;--detail-value-color: #f3f4f6;--tag-bg: #4b5563;--tag-color: #f3f4f6;--tag-more-bg: #6b7280;--tag-more-color: #d1d5db;--stat-value-color: #f9fafb;--stat-label-color: #9ca3af;--last-used-color: #9ca3af;--rating-color: #9ca3af;--action-button-bg: #60a5fa;--action-button-hover-bg: #3b82f6;--feature-badge-bg: rgba(55, 65, 81, .9);--feature-badge-border: #6b7280;--office-label-color: #9ca3af;--confirm-bg: #374151;--confirm-text: #d1d5db;--cancel-bg: #4b5563;--cancel-color: #f3f4f6;--cancel-hover-bg: #6b7280;--focus-color: #93c5fd}}@media (prefers-contrast: high){.agent-card{border-width:2px}.agent-card:focus{outline-width:3px}.card-footer{border-top-width:2px}}@media (prefers-reduced-motion: reduce){.agent-card{transition:none;transform:none}.agent-card:hover{transform:none}.menu-button,.create-copy-button,.use-template-button,.confirm-delete,.cancel-delete{transition:none}}.agent-grid{width:100%}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;align-items:start}.agent-grid-empty{display:flex;justify-content:center;align-items:center;min-height:200px;text-align:center;color:var(--muted-text, #9ca3af);font-style:italic}@media (max-width: 768px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}}@media (max-width: 480px){.grid-container{grid-template-columns:1fr;gap:.75rem}}.grid-container.loading{opacity:.6;pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid-container>*{animation:fadeInUp .3s ease-out}@media (prefers-reduced-motion: reduce){.grid-container>*{animation:none}}@media (prefers-color-scheme: dark){.agent-grid{--muted-text: #6b7280}}.agent-dashboard{width:100%;max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:2rem}.header-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.header-text h2{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;color:var(--text-color, #1f2937)}.header-text p{margin:0;color:var(--muted-text, #6b7280);font-size:1rem}.header-actions{display:flex;gap:.75rem;align-items:center}.refresh-button{background:var(--secondary-bg, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;color:var(--text-color, #374151);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.refresh-button:hover{background:var(--hover-bg, #f1f5f9);border-color:var(--hover-border, #cbd5e1)}.create-button{background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.create-button:hover{background:var(--primary-hover, #2563eb)}.create-button:focus{outline:2px solid var(--focus-color, #60a5fa);outline-offset:2px}.sync-status{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem}.sync-status.online{background:var(--success-bg, #f0fdf4);border:1px solid var(--success-border, #bbf7d0);color:var(--success-text, #166534)}.sync-status.offline{background:var(--warning-bg, #fefce8);border:1px solid var(--warning-border, #fde047);color:var(--warning-text, #a16207)}.sync-info{display:flex;align-items:center;gap:.5rem}.sync-button{background:var(--warning-color, #eab308);color:#fff;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.8125rem;cursor:pointer;transition:background-color .2s ease}.sync-button:hover:not(:disabled){background:var(--warning-hover, #ca8a04)}.sync-button:disabled{opacity:.6;cursor:not-allowed}.no-agents-state{display:flex;justify-content:center;align-items:center;min-height:400px;text-align:center}.no-agents-content{max-width:400px;padding:2rem}.no-agents-icon{font-size:4rem;margin-bottom:1rem}.no-agents-content h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text-color, #1f2937)}.no-agents-content p{margin:0 0 2rem;color:var(--muted-text, #6b7280);line-height:1.6}.create-first-agent-button{background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.create-first-agent-button:hover{background:var(--primary-hover, #2563eb)}.dashboard-filters{display:flex;gap:1.5rem;margin-bottom:1.5rem;align-items:flex-start}.results-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.results-count{font-size:.875rem;color:var(--muted-text, #6b7280);font-weight:500}.clear-filters{background:none;border:none;color:var(--primary-color, #3b82f6);font-size:.875rem;cursor:pointer;text-decoration:underline;padding:0}.clear-filters:hover{color:var(--primary-hover, #2563eb)}.no-results{display:flex;justify-content:center;align-items:center;min-height:300px;text-align:center}.no-results-content{max-width:350px;padding:2rem}.no-results-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.no-results-content h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:var(--text-color, #374151)}.no-results-content p{margin:0 0 1.5rem;color:var(--muted-text, #6b7280);line-height:1.5}.create-agent-button{background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.create-agent-button:hover{background:var(--primary-hover, #2563eb)}@media (max-width: 768px){.header-main{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{justify-content:space-between}.dashboard-filters{flex-direction:column;gap:1rem}.results-summary{flex-direction:column;gap:.75rem;align-items:flex-start}.sync-status{flex-direction:column;gap:.75rem;align-items:stretch}}@media (max-width: 480px){.header-text h2{font-size:1.5rem}.header-actions{flex-direction:column;gap:.5rem}.refresh-button,.create-button{width:100%;justify-content:center}.no-agents-content,.no-results-content{padding:1rem}}@media (prefers-color-scheme: dark){.agent-dashboard{--text-color: #f9fafb;--muted-text: #9ca3af;--border-color: #374151;--secondary-bg: #374151;--hover-bg: #4b5563;--hover-border: #6b7280;--primary-color: #60a5fa;--primary-hover: #3b82f6;--focus-color: #93c5fd;--success-bg: #064e3b;--success-border: #047857;--success-text: #6ee7b7;--warning-bg: #78350f;--warning-border: #d97706;--warning-text: #fbbf24;--warning-color: #f59e0b;--warning-hover: #d97706}}.scheduled-agents-monitor{background:var(--secondary-bg, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:.75rem;margin-bottom:2rem;overflow:hidden}.monitor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--tertiary-bg, #f1f5f9);border-bottom:1px solid var(--border-color, #e2e8f0)}.monitor-title{display:flex;align-items:center;gap:.75rem}.monitor-title h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color, #1f2937)}.toggle-monitor{background:none;border:none;font-size:1.125rem;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:background-color .2s ease}.toggle-monitor:hover{background:var(--hover-bg, #e2e8f0)}.monitor-status{display:flex;align-items:center;gap:1rem;font-size:.875rem}.status-indicator.running{color:var(--success-text, #059669)}.status-indicator.stopped{color:var(--error-text, #dc2626)}.agent-count{color:var(--muted-text, #6b7280);font-weight:500}.scheduled-agents-list{padding:0}.scheduled-agent-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0);transition:background-color .2s ease}.scheduled-agent-item:last-child{border-bottom:none}.scheduled-agent-item:hover{background:var(--hover-bg, #f9fafb)}.scheduled-agent-item.running{background:var(--success-bg, #f0fdf4);border-left:3px solid var(--success-color, #10b981)}.scheduled-agent-item.stopped{background:var(--neutral-bg, #fefefe);border-left:3px solid var(--neutral-color, #d1d5db)}.agent-info{flex:1}.agent-name{font-weight:600;color:var(--text-color, #1f2937);margin-bottom:.25rem}.agent-schedule{font-size:.875rem;color:var(--muted-text, #6b7280);margin-bottom:.25rem}.agent-schedule code{background:var(--code-bg, #e2e8f0);padding:.125rem .375rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem}.agent-notifications{font-size:.8125rem;color:var(--info-text, #0891b2);display:flex;align-items:center;gap:.25rem}.agent-last-run,.agent-executions{font-size:.75rem;color:var(--muted-text, #6b7280);margin-bottom:.25rem}.agent-status{display:flex;align-items:center;gap:.75rem}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.status-badge.running{background:var(--success-bg, #dcfce7);color:var(--success-text, #166534)}.status-badge.stopped{background:var(--neutral-bg, #f3f4f6);color:var(--neutral-text, #374151)}.agent-actions{display:flex;gap:.5rem}.edit-agent-button{background:none;border:1px solid var(--border-color, #d1d5db);border-radius:.375rem;padding:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.edit-agent-button:hover{background:var(--hover-bg, #f3f4f6);border-color:var(--hover-border, #9ca3af)}.run-now-button{background:var(--primary-color, #10b981);color:#fff;border:none;border-radius:.375rem;padding:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.run-now-button:hover:not(:disabled){background:var(--primary-hover, #059669);transform:scale(1.05)}.run-now-button:disabled{opacity:.6;cursor:not-allowed;background:var(--muted-color, #9ca3af)}.run-now-button.executing{background:var(--warning-color, #f59e0b);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.no-scheduled-agents{padding:2rem;text-align:center;color:var(--muted-text, #6b7280)}.no-scheduled-agents-icon{font-size:2rem;margin-bottom:1rem;opacity:.5}.no-scheduled-agents h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-color, #374151)}.no-scheduled-agents p{margin:0;font-size:.875rem}@media (max-width: 768px){.monitor-header{flex-direction:column;gap:1rem;align-items:stretch}.monitor-title{justify-content:space-between}.scheduled-agent-item{flex-direction:column;gap:1rem;align-items:stretch}.agent-status{justify-content:space-between}}@media (max-width: 480px){.scheduled-agents-monitor{margin-bottom:1.5rem}.monitor-header,.scheduled-agent-item{padding:.75rem 1rem}.agent-name{font-size:.9375rem}.agent-schedule,.agent-notifications{font-size:.75rem}}@media (prefers-color-scheme: dark){.scheduled-agents-monitor{--text-color: #f9fafb;--muted-text: #9ca3af;--border-color: #374151;--secondary-bg: #374151;--tertiary-bg: #4b5563;--hover-bg: #6b7280;--success-bg: #064e3b;--success-color: #059669;--success-text: #6ee7b7;--neutral-bg: #374151;--neutral-color: #6b7280;--neutral-text: #d1d5db;--info-text: #67e8f9;--code-bg: #4b5563}}@media (prefers-contrast: high){.scheduled-agents-monitor,.monitor-header,.scheduled-agent-item{border-width:2px}.status-badge{border:1px solid currentColor}}.agent-form{max-width:800px;margin:0 auto;padding:2rem;background:var(--form-bg, #ffffff);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a}.form-header{margin-bottom:2rem;text-align:center}.form-header h2{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;color:var(--text-color, #1f2937)}.form-header p{margin:0;color:var(--muted-text, #6b7280);font-size:1rem}.form-section{margin-bottom:2rem;padding:1.5rem;background:var(--section-bg, #f8fafc);border-radius:.5rem;border:1px solid var(--border-color, #e2e8f0)}.form-section h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-color, #374151)}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--label-color, #374151)}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;border:1px solid var(--input-border, #d1d5db);border-radius:.5rem;font-size:.875rem;background:var(--input-bg, #ffffff);color:var(--input-text, #1f2937);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--focus-border, #3b82f6);box-shadow:0 0 0 3px var(--focus-ring, rgba(59, 130, 246, .1))}.form-textarea{min-height:100px;resize:vertical}.form-checkbox{display:flex;align-items:center;gap:.5rem}.form-checkbox input[type=checkbox]{width:1rem;height:1rem}.form-range{width:100%;margin:.5rem 0}.range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted-text, #6b7280)}.form-error{margin-top:.25rem;font-size:.75rem;color:var(--error-color, #dc2626)}.form-help{margin-top:.25rem;font-size:.75rem;color:var(--help-color, #6b7280)}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color, #e5e7eb)}.form-button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.form-button.primary{background:var(--primary-color, #3b82f6);color:#fff}.form-button.primary:hover{background:var(--primary-hover, #2563eb)}.form-button.secondary{background:var(--secondary-bg, #f1f5f9);color:var(--text-color, #374151);border:1px solid var(--border-color, #d1d5db)}.form-button.secondary:hover{background:var(--secondary-hover, #e2e8f0)}.form-button.danger{background:var(--danger-color, #dc2626);color:#fff}.form-button.danger:hover{background:var(--danger-hover, #b91c1c)}.form-button:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@media (max-width: 768px){.agent-form{padding:1rem;margin:1rem}.form-actions{flex-direction:column;gap:.75rem}.form-button{width:100%}}@media (prefers-color-scheme: dark){.agent-form{--form-bg: #1f2937;--section-bg: #374151;--text-color: #f9fafb;--muted-text: #9ca3af;--label-color: #f3f4f6;--border-color: #4b5563;--input-bg: #374151;--input-border: #6b7280;--input-text: #f9fafb;--focus-border: #60a5fa;--focus-ring: rgba(96, 165, 250, .2);--error-color: #f87171;--help-color: #9ca3af;--primary-color: #60a5fa;--primary-hover: #3b82f6;--secondary-bg: #4b5563;--secondary-hover: #6b7280;--danger-color: #f87171;--danger-hover: #ef4444}}.loading-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--info-bg, #f0f9ff);border:1px solid var(--info-border, #bfdbfe);border-radius:6px;color:var(--info-text, #1e40af);font-size:.875rem;margin-bottom:1rem}.ollama-error{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--error-bg, #fef2f2);border:1px solid var(--error-color, #ef4444);border-radius:6px;margin-bottom:1rem}.retry-button{padding:.25rem .75rem;background:var(--error-color, #ef4444);color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background:var(--error-hover, #dc2626)}.connection-status{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem}.status-indicator{display:flex;align-items:center;gap:.25rem;font-weight:500}.status-indicator.connected{color:var(--success-color, #10b981)}.model-count{color:var(--text-secondary, #666);font-size:.8rem}.info-message{padding:.75rem;background:var(--warning-bg, #fffbeb);border:1px solid var(--warning-border, #fbbf24);border-radius:6px;margin-top:.5rem}.info-message .help-text{margin-top:.5rem;font-size:.8rem;color:var(--text-secondary, #666)}.info-message code{background:var(--code-bg, #f3f4f6);padding:.125rem .25rem;border-radius:3px;font-family:Courier New,monospace;font-size:.8rem}.step-indicator{display:flex;gap:.5rem;align-items:center}.step-indicator span{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--border-color, #e0e0e0);color:var(--text-secondary, #666);font-weight:600;font-size:.875rem;transition:all .2s ease}.step-indicator span.active{background:var(--primary-color, #3b82f6);color:#fff}.nav-buttons{display:flex;gap:1rem}.prev-button,.next-button{padding:.75rem 1.5rem;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;background:var(--secondary-bg, #f8fafc);color:var(--text-color, #333);cursor:pointer;transition:all .2s ease;font-size:.9rem}.next-button,.save-button{background:var(--primary-color, #3b82f6);color:#fff;border-color:var(--primary-color, #3b82f6)}.prev-button:hover,.next-button:hover,.save-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.next-button:hover,.save-button:hover{background:var(--primary-hover, #2563eb)}@media (prefers-reduced-motion: reduce){.step-indicator span,.prev-button,.next-button,.save-button{transition:none}.prev-button:hover,.next-button:hover,.save-button:hover{transform:none}}. refresh-button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;font-size:.875rem;transition:background-color .2s ease;margin-left:.5rem}.refresh-button:hover{background:var(--hover-bg, #f1f5f9)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.agent-form{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;text-align:center}.form-header h2{margin:0 0 16px;font-size:28px;font-weight:600}.step-indicator{display:flex;justify-content:center;gap:8px;margin-top:16px}.step-indicator span{width:32px;height:32px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease}.step-indicator span.active{background:#fff;color:#667eea;transform:scale(1.1)}.form-step{padding:32px;min-height:400px}.step-header{margin-bottom:32px;text-align:center}.step-title{font-size:24px;color:#2d3748;margin:0 0 8px;font-weight:600}.step-description{color:#718096;font-size:16px;line-height:1.5;margin:0}.tool-config-step{max-width:100%}.tools-panel{background:#f8fafc;border-radius:12px;padding:24px;color:#212529}.tools-info{text-align:center;margin-bottom:32px;padding:24px;background:#fff;border-radius:8px;border-left:4px solid #667eea}.tools-info h4{color:#2d3748;margin:0 0 8px;font-size:20px}.tools-info p{color:#718096;margin:0;line-height:1.6}.tool-categories{display:flex;flex-direction:column;gap:24px}.tool-category{background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;transition:box-shadow .3s ease}.tool-category:hover{box-shadow:0 4px 12px #0000001a}.category-header{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f7fafc}.category-title{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 8px;display:flex;align-items:center;gap:8px}.category-description{color:#718096;font-size:14px;margin:0;line-height:1.5}.tool-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.tools-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:16px!important}.tool-card{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:20px;transition:all .3s ease;cursor:pointer}.tool-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.tool-card-header{display:flex;align-items:flex-start;gap:12px}.tool-checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;width:100%}.tool-checkbox{width:18px;height:18px;margin-top:2px;accent-color:#667eea}.tool-info{flex:1}.tool-name{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:4px;display:flex;align-items:center;gap:6px}.tool-description{color:#718096;font-size:14px;line-height:1.4;margin:0}.tool-metadata{margin-top:12px}.tool-permissions{display:flex;flex-wrap:wrap;gap:8px}.permission-badge{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.permission-badge.internet{background:#fef5e7;color:#d69e2e}.permission-badge.files{background:#e6fffa;color:#234e52}.permission-badge.system{background:#edf2f7;color:#4a5568}.selected-tools-section{background:#fff;border-radius:12px;padding:24px;margin:24px 0;border:1px solid #e2e8f0}.section-title{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 16px;display:flex;align-items:center;gap:8px}.selected-tools-grid{display:flex;flex-wrap:wrap;gap:12px}.selected-tool-badge{background:#667eea;color:#fff;padding:8px 12px;border-radius:20px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;animation:fadeIn .3s ease}.selected-tool-badge:hover{background:#5a67d8}.remove-tool-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.remove-tool-btn:hover{background:#fff3}.tool-help-section,.tools-help{background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.help-title,.tools-help h5{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 16px}.help-grid,.help-content{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:12px!important;max-height:400px!important;overflow-y:auto!important;padding-right:12px!important}.help-content::-webkit-scrollbar{width:8px}.help-content::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.help-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.help-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.help-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f8fafc;border-radius:8px;border-left:3px solid #667eea;height:fit-content;transition:all .2s ease}.help-item:hover{background:#e9ecef;border-left-color:#007bff;transform:translateY(-1px);box-shadow:0 2px 8px #007bff1a}.help-icon{font-size:20px;flex-shrink:0}.help-content strong{color:#2d3748;font-size:14px;display:block;margin-bottom:4px}.help-content p{color:#718096;font-size:13px;margin:0;line-height:1.4}.usage-tips{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;padding:24px;border:1px solid #e2e8f0}.usage-tips h5{color:#2d3748;margin:0 0 12px;font-size:16px;display:flex;align-items:center;gap:8px}.usage-tips ul{margin:0;padding-left:20px;color:#4a5568}.usage-tips li{margin-bottom:8px;line-height:1.5}.usage-tips li strong{color:#667eea}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.agent-form{margin:0;border-radius:0}.form-step{padding:20px}.tool-cards-container,.help-grid{grid-template-columns:1fr}.selected-tools-grid{flex-direction:column;align-items:flex-start}.step-indicator{flex-wrap:wrap;gap:4px}.step-indicator span{width:28px;height:28px;font-size:12px}}@media (prefers-color-scheme: dark){.agent-form{background:#2d3748;color:#e2e8f0}.tool-category,.tool-card{background:#4a5568;border-color:#718096}.help-item{background:#4a5568}.help-item:hover{color:#212529}.selected-tools-section,.tool-help-section{background:#4a5568;border-color:#718096}}.tool-card:focus-within{outline:2px solid #667eea;outline-offset:2px}.tool-checkbox:focus{outline:2px solid #667eea;outline-offset:2px}.remove-tool-btn:focus{outline:2px solid #ffffff;outline-offset:2px}@media (prefers-contrast: high){.tool-card{border-width:3px}.permission-badge{border:2px solid currentColor}.selected-tool-badge{border:2px solid #ffffff}}.tools-section .tools-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:16px!important;margin-top:16px!important}.tools-section .tool-item{display:flex!important;color:#212529;align-items:flex-start!important;gap:12px!important;background:#fff!important;border:2px solid #e9ecef!important;border-radius:8px!important;padding:16px!important;cursor:pointer!important;transition:all .3s ease!important;width:100%!important;box-sizing:border-box!important}.tools-section .tool-item:hover{background:#f8f9fa!important;border-color:#007bff!important;box-shadow:0 4px 12px #007bff26!important;transform:translateY(-2px)!important}.tools-section .tool-item .tool-name{font-weight:600!important;color:#212529!important;font-size:15px!important;margin-bottom:6px!important;text-transform:capitalize!important}.tools-section .tool-item .tool-description{font-size:13px!important;color:#495057!important;line-height:1.4!important;margin-bottom:8px!important}.tools-help .help-content{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:12px!important;max-height:400px!important;overflow-y:auto!important;padding-right:12px!important}@media (max-width: 768px){.tools-section .tools-grid{grid-template-columns:1fr!important}.tools-help .help-content{grid-template-columns:1fr!important;max-height:300px!important}}@media (max-width: 480px){.tools-help .help-content{max-height:250px!important;padding-right:8px!important}}.dynamic-config-options{margin-top:16px;padding-top:16px;border-top:1px solid #e9ecef}.dynamic-config-options h6{margin:0 0 16px;color:#2d3748;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.dynamic-config-options h6:before{content:"⚙️";font-size:16px}.dynamic-config-options .config-field{margin-bottom:16px;background:#f8f9fa;padding:12px;border-radius:6px;border:1px solid #e9ecef}.dynamic-config-options .config-field label{display:block;margin-bottom:6px;font-weight:600;color:#2d3748;font-size:13px}.dynamic-config-options .config-field input,.dynamic-config-options .config-field select{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background:#fff;color:#2d3748}.dynamic-config-options .config-field input:focus,.dynamic-config-options .config-field select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.dynamic-config-options .field-help{display:block;margin-top:4px;font-size:12px;color:#6b7280;line-height:1.4}.config-status-indicator{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 8px;border-radius:12px;font-weight:500}.config-status-indicator.configured{background:#d4edda;color:#155724}.config-status-indicator.optional{background:#fff3cd;color:#856404}.config-status-indicator.required{background:#f8d7da;color:#721c24}.tool-item .tool-config-status{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}.tool-config-badge{font-size:10px;padding:2px 6px;border-radius:8px;font-weight:500}.tool-config-badge.configurable{background:#e3f2fd;color:#1565c0}.tool-config-badge.optional-config{background:#fff8e1;color:#ef6c00}.tool-item .tool-info .tool-capabilities{margin-top:8px;font-size:11px;color:#6b7280}.tool-capabilities .capability-tag{display:inline-block;background:#f3f4f6;color:#374151;padding:2px 6px;border-radius:4px;margin-right:4px;margin-bottom:2px}@media (max-width: 768px){.dynamic-config-options .config-field{padding:10px}.dynamic-config-options .config-field input,.dynamic-config-options .config-field select{font-size:16px}}.time-restrictions{background:#f8f9fa;padding:16px;border-radius:8px;margin-top:8px}.time-range{margin-bottom:16px}.time-range label{display:block;margin-bottom:8px;font-weight:500;color:#495057}.time-inputs{display:flex;align-items:center;gap:12px}.time-inputs input[type=time]{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;background:#fff}.time-inputs span{color:#6c757d;font-weight:500}.day-restrictions{background:#f8f9fa;padding:16px;border-radius:8px;margin-top:8px}.weekday-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:8px}.weekday-checkboxes .checkbox-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s ease}.weekday-checkboxes .checkbox-label:hover{background:#e3f2fd;border-color:#2196f3}.weekday-checkboxes .checkbox-label input[type=checkbox]:checked+span{color:#2196f3;font-weight:500}.schedule-summary .info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e9ecef}.schedule-summary .info-item:last-child{border-bottom:none}.schedule-summary .info-item strong{color:#495057;min-width:140px}.form-group select{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.form-group select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:12px;background:#f8f9fa;border-radius:8px;transition:background-color .2s ease}.checkbox-label:hover{background:#e9ecef}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.field-help{display:block;margin-top:6px;color:#6c757d;font-size:13px;line-height:1.4}@media (max-width: 768px){.time-inputs{flex-direction:column;align-items:stretch;gap:8px}.weekday-checkboxes{grid-template-columns:repeat(2,1fr)}.schedule-summary .info-item{flex-direction:column;align-items:flex-start;gap:4px}.schedule-summary .info-item strong{min-width:auto}}.voice-input-component{display:flex;flex-direction:column;gap:12px;width:100%}.voice-input-horizontal{flex-direction:row;align-items:center;justify-content:space-between}.voice-input-vertical{flex-direction:column;align-items:center}.voice-input-compact{flex-direction:row;align-items:center;gap:8px}.voice-input-small{font-size:.875rem}.voice-input-medium{font-size:1rem}.voice-input-large{font-size:1.125rem}.voice-input-error{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:6px;color:#dc2626;font-size:.875rem}.voice-input-error .error-icon{font-size:1rem}.voice-input-controls{display:flex;align-items:center;gap:16px;width:100%}.voice-input-horizontal .voice-input-controls{flex-direction:row;justify-content:space-between}.voice-input-vertical .voice-input-controls{flex-direction:column;align-items:center}.voice-input-compact .voice-input-controls{flex-direction:row;gap:8px}.r ecording-section{flex:1}.analysis-toggle-section{flex-shrink:0}.analysis-results-container{position:relative;margin-bottom:16px}.analysis-results{background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:16px;position:relative}.close-analysis{position:absolute;top:8px;right:8px;background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted, #6b7280);padding:4px;border-radius:4px;transition:all .2s ease}.close-analysis:hover{background:var(--hover-bg, #e5e7eb);color:var(--text-color, #374151)}.analysis-results h4{margin:0 0 16px;color:var(--primary-color, #2563eb);font-size:1.125rem;font-weight:600}.analysis-content{display:flex;flex-direction:column;gap:16px}.analysis-metrics h5{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--text-color, #374151)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--bg-color, #ffffff);border:1px solid var(--border-light, #f3f4f6);border-radius:4px;font-size:.875rem}.metric-label{font-weight:500;color:var(--text-muted, #6b7280);text-transform:capitalize}.metric-value{font-weight:600;color:var(--text-color, #374151)}.analysis-sections h5{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--text-color, #374151)}.feedback-section{margin-bottom:12px;padding:8px 0;border-bottom:1px solid var(--border-light, #f3f4f6)}.feedback-section:last-child{border-bottom:none}.feedback-section strong{color:var(--primary-color, #2563eb);font-size:.875rem;text-transform:capitalize}.feedback-section p{margin:4px 0 0;color:var(--text-color, #374151);font-size:.875rem;line-height:1.4}.voice-config-panel{margin-top:16px;padding:16px;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e0e0e0);border-radius:8px}@media (max-width: 768px){.voice-input-horizontal{flex-direction:column;align-items:stretch}.voice-input-horizontal .voice-input-controls{flex-direction:column;gap:12px}.metrics-grid{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){.voice-input-component{--bg-color: #1f2937;--bg-secondary: #374151;--text-color: #f9fafb;--text-muted: #9ca3af;--border-color: #4b5563;--border-light: #374151;--primary-color: #60a5fa;--hover-bg: #4b5563}}.chatbot-voice-input{background:var(--bg-secondary, #f8f9fa);border-radius:8px;padding:12px}.agent-voice-input{background:transparent;padding:8px 0}.voice-settings-toggle{margin-left:auto;flex-shrink:0}.voice-settings-toggle .btn{border-radius:6px;font-size:.75rem;padding:4px 8px}.voice-input-component .voice-input-manager{width:100%}.voice-input-component .analysis-toggle{margin:0}.input-controls .voice-input-component{width:100%;margin:0}.voice-input-controls .voice-input-component{flex:1}@media (max-width: 576px){.chatbot-voice-input{padding:8px}.voice-input-horizontal .voice-input-controls{flex-direction:column;gap:8px}}.status-display{display:flex;align-items:flex-start;padding:12px 16px;margin:8px 0;border-radius:6px;border-left:4px solid;font-size:14px;line-height:1.4}.status-content{display:flex;align-items:flex-start;flex:1;gap:8px}.status-icon{font-size:16px;margin-top:1px}.status-message{flex:1}.status-title{font-weight:600;margin-bottom:2px}.status-details{font-size:13px;opacity:.9}.status-dismiss{background:none;border:none;font-size:18px;cursor:pointer;padding:0;margin-left:8px;opacity:.6;transition:opacity .2s}.status-dismiss:hover{opacity:1}.status-error{background-color:#fef2f2;border-left-color:#ef4444;color:#991b1b}.status-warning{background-color:#fffbeb;border-left-color:#f59e0b;color:#92400e}.status-info{background-color:#eff6ff;border-left-color:#3b82f6;color:#1e40af}.status-success{background-color:#f0fdf4;border-left-color:#22c55e;color:#166534}@media (prefers-color-scheme: dark){.status-error{background-color:#450a0a;color:#fca5a5}.status-warning{background-color:#451a03;color:#fcd34d}.status-info{background-color:#1e3a8a;color:#93c5fd}.status-success{background-color:#14532d;color:#86efac}}.agent-chat{display:flex;flex-direction:column;height:100vh;max-height:calc(100vh - 4rem);background:var(--chat-bg, #ffffff)}.agent-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--header-bg, #f9fafb);gap:1rem;transition:all .3s ease}.agent-header.collapsed{padding:.75rem 1.5rem}.agent-details-collapsed{flex:1;min-width:0}.agent-details-collapsed h2{margin:0;font-size:1.2rem;font-weight:600;color:var(--title-color, #1f2937);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapse-button{background:var(--collapse-button-bg, #f3f4f6);border:1px solid var(--border-color, #d1d5db);border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;color:#000;cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-left:.5rem}.collapse-button:hover{background:var(--collapse-button-hover-bg, #e5e7eb);border-color:var(--hover-border, #9ca3af)}.collapse-button:focus{outline:2px solid var(--focus-color, #60a5fa);outline-offset:2px}.agent-info{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0}.back-button{background:var(--back-button-bg, #f3f4f6);border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;color:var(--text-color, #374151);cursor:pointer;transition:all .2s ease;white-space:nowrap;align-self:flex-start}.back-button:hover{background:var(--back-button-hover-bg, #e5e7eb);border-color:var(--hover-border, #9ca3af)}.back-button:focus{outline:2px solid var(--focus-color, #60a5fa);outline-offset:2px}.agent-details{flex:1;min-width:0}.agent-details h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--title-color, #1f2937);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-details p{margin:0 0 .75rem;color:var(--description-color, #6b7280);font-size:.875rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent-meta{display:flex;gap:.75rem;flex-wrap:wrap}.agent-meta span{background:var(--meta-bg, #f3f4f6);color:var(--meta-color, #374151);font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.375rem}.agent-meta .category{background:var(--category-bg, #dbeafe);color:var(--category-color, #1d4ed8)}.agent-meta .model{background:var(--model-bg, #f0fdf4);color:var(--model-color, #166534)}.agent-meta .source{background:var(--source-bg, #fef3cd);color:var(--source-color, #92400e)}.header-actions{display:flex;gap:.5rem;align-items:flex-start}.chat-history-button{background:var(--history-button-bg, #8b5cf6);color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;margin-right:.5rem}.chat-history-button:hover{background:var(--history-button-hover-bg, #7c3aed)}.new-chat-button{background:var(--new-chat-button-bg, #10b981);color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;margin-right:.5rem}.new-chat-button:hover{background:var(--new-chat-button-hover-bg, #059669)}.new-chat-button:focus,.chat-history-button:focus{outline:2px solid var(--focus-color, #60a5fa);outline-offset:2px}.edit-button{background:var(--edit-button-bg, #3b82f6);color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.edit-button:hover{background:var(--edit-button-hover-bg, #2563eb)}.edit-button:focus{outline:2px solid var(--focus-color, #60a5fa);outline-offset:2px}.chat-container{overflow-y:auto;padding:1rem;background:var(--chat-container-bg, #ffffff);width:100%;max-width:100%;margin-left:0!important;flex-shrink:0;--user-message-bg: #e3f2fd;--ai-message-bg: #f8f9fa;--user-text-color: #1565c0;--ai-text-color: #374151;--text-muted: #6b7280;--border-color: #e5e7eb}.chat-resizer{height:4px;background:var(--border-color, #e5e7eb);cursor:row-resize;transition:background-color .2s ease;position:relative;flex-shrink:0}.chat-resizer:hover,.chat-resizer:active{background:var(--primary-color, #3b82f6)}.chat-resizer:before{content:"";position:absolute;top:-2px;bottom:-2px;left:0;right:0}.message-item{margin-bottom:1rem!important}.message-bubble{position:relative}.user-message{background:var(--user-message-bg)!important;border-left:4px solid #2196f3!important}.ai-message{background:var(--ai-message-bg)!important;border-left:4px solid #4caf50!important}.user-message pre{color:var(--user-text-color)!important;font-family:inherit!important;margin:0!important}.ai-message .markDown,.ai-message .markDown p,.ai-message .markDown div{color:var(--ai-text-color)!important}.input-area{border-top:1px solid var(--border-color, #e5e7eb);background:var(--input-area-bg, #f9fafb);padding:1rem}.error-message{background:var(--error-bg, #fef2f2);border:1px solid var(--error-border, #fecaca);border-radius:.5rem;padding:.75rem;margin-bottom:1rem;color:var(--error-color, #dc2626);font-size:.875rem}.analysis-results-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.analysis-results{background:var(--analysis-bg, #ffffff);border:1px solid var(--analysis-border, #e5e7eb);border-radius:.75rem;padding:1.5rem;margin:0;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px #0000004d}.close-analysis{position:absolute;top:16px;right:16px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted, #6b7280);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-analysis:hover{background:var(--hover-bg, #f3f4f6);color:var(--text-color, #374151)}.analysis-results h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--analysis-title-color, #1f2937);padding-right:2rem}.analysis-results pre{background:var(--code-bg, #f8f9fa);color:var(--code-color, #374151);padding:1rem;border-radius:.5rem;font-size:.8125rem;overflow-x:auto;margin:0;white-space:pre-wrap;border:1px solid var(--border-color, #e5e7eb)}.input-form{display:flex;flex-direction:column;gap:.75rem}.input-row{display:flex;gap:.75rem;align-items:flex-end}.message-input{flex:1;min-height:2.5rem;max-height:12rem;padding:.75rem;border:1px solid var(--input-border, #d1d5db);border-radius:.5rem;font-size:.875rem;font-family:inherit;background:var(--input-bg, #ffffff);color:var(--input-color, #374151);resize:none;transition:border-color .2s ease,box-shadow .2s ease;line-height:1.4;overflow-y:hidden;word-wrap:break-word;white-space:pre-wrap}.message-input:focus{outline:none;border-color:var(--input-focus-border, #3b82f6);box-shadow:0 0 0 3px var(--input-focus-ring, rgba(59, 130, 246, .1))}.message-input::placeholder{color:var(--placeholder-color, #9ca3af)}.send-button{background:var(--send-button-bg, #3b82f6);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;cursor:pointer;transition:all .2s ease;min-width:3rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.send-button:hover:not(:disabled){background:var(--send-button-hover-bg, #2563eb)}.send-button:disabled{background:var(--send-button-disabled-bg, #9ca3af);cursor:not-allowed;opacity:.6}.send-button:focus{outline:2px solid var(--focus-color, #60a5fa);outline-offset:2px}.input-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem}.agent-chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center}.agent-chat-loading p{color:var(--loading-text, #6b7280);font-size:.875rem;margin:0}@media (max-width: 768px){.agent-header{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.agent-info{flex-direction:column;gap:.75rem}.back-button{align-self:flex-start}.agent-details h2{font-size:1.25rem}.header-actions{align-self:flex-end}.input-area{padding:.75rem}.input-row{gap:.5rem}.input-controls{flex-direction:column;gap:.75rem;align-items:stretch}}@media (max-width: 480px){.agent-header{padding:.75rem}.agent-details h2{font-size:1.125rem}.agent-meta{gap:.5rem}.agent-meta span{font-size:.6875rem;padding:.1875rem .375rem}.input-area{padding:.5rem}.message-input{font-size:1rem}}@media (prefers-color-scheme: dark){.agent-chat{--chat-bg: #1f2937;--header-bg: #111827;--border-color: #374151;--text-color: #f9fafb;--title-color: #f9fafb;--description-color: #d1d5db;--back-button-bg: #374151;--back-button-hover-bg: #4b5563;--hover-border: #6b7280;--meta-bg: #374151;--meta-color: #d1d5db;--category-bg: #1e3a8a;--category-color: #93c5fd;--model-bg: #064e3b;--model-color: #6ee7b7;--source-bg: #78350f;--source-color: #fbbf24;--edit-button-bg: #60a5fa;--edit-button-hover-bg: #3b82f6;--chat-container-bg: #1f2937;--input-area-bg: #111827;--error-bg: #7f1d1d;--error-border: #dc2626;--error-color: #fca5a5;--analysis-bg: #1e3a8a;--analysis-border: #3b82f6;--analysis-title-color: #93c5fd;--code-bg: #0f172a;--code-color: #f1f5f9;--input-bg: #374151;--input-color: #f9fafb;--input-border: #4b5563;--input-focus-border: #60a5fa;--input-focus-ring: rgba(96, 165, 250, .2);--placeholder-color: #9ca3af;--send-button-bg: #60a5fa;--send-button-hover-bg: #3b82f6;--send-button-disabled-bg: #6b7280;--spinner-track: #4b5563;--spinner-color: #60a5fa;--loading-text: #9ca3af;--focus-color: #93c5fd}}@media (prefers-contrast: high){.agent-header{border-bottom-width:2px}.input-area{border-top-width:2px}.message-input,.back-button,.edit-button,.error-message,.analysis-results{border-width:2px}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}.back-button,.edit-button,.send-button,.message-input{transition:none}}.chat-history-panel{position:fixed;top:0;right:0;width:300px;height:100vh;background:var(--panel-bg, #ffffff);border-left:1px solid var(--border-color, #e5e7eb);z-index:1000;display:flex;flex-direction:column;box-shadow:-2px 0 8px #0000001a;color:var(--text-color, #374151)}.chat-history-header{padding:1rem;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:space-between;align-items:center}.chat-history-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color, #374151)}.close-history{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted, #6b7280);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-history:hover{color:var(--text-color, #374151)}.chat-history-list{flex:1;overflow-y:auto;padding:.5rem}.no-history{text-align:center;color:var(--text-muted, #6b7280);padding:2rem 1rem;font-style:italic}.chat-history-item{display:flex;align-items:center;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;margin-bottom:.5rem;transition:all .2s ease;background:var(--panel-bg, #ffffff)}.chat-history-item:hover{background:var(--hover-bg, #f3f4f6);border-color:var(--primary-color, #3b82f6)}.chat-content{flex:1;padding:.75rem;cursor:pointer}.delete-chat-button{background:none;border:none;color:var(--text-muted, #6b7280);cursor:pointer;padding:.5rem;font-size:1rem;transition:color .2s ease;margin-right:.25rem}.delete-chat-button:hover{color:var(--error-color, #dc2626)}.chat-title{font-weight:500;color:var(--text-color, #374151)!important;margin-bottom:.25rem;font-size:.875rem}.chat-date{font-size:.75rem;color:var(--text-muted, #6b7280)!important}.back-button:focus-visible,.edit-button:focus-visible,.send-button:focus-visible{outline:2px solid var(--focus-color, #60a5fa);outline-offset:2px}.message-input:focus-visible{outline:none;border-color:var(--input-focus-border, #3b82f6);box-shadow:0 0 0 3px var(--input-focus-ring, rgba(59, 130, 246, .1))}.llm-config-button{background:var(--llm-config-button-bg, #6b7280);color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.llm-config-button:hover{background:var(--llm-config-button-hover-bg, #4b5563)}.llm-config-panel{background:var(--config-panel-bg, #f8fafc);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;margin-bottom:.5rem;box-shadow:0 1px 3px #0000000d}.config-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--header-bg, #f8fafc);border-radius:.5rem .5rem 0 0}.config-panel-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--title-color, #1f2937)}.close-config-panel{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted, #6b7280);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease}.close-config-panel:hover{background:var(--hover-bg, #f3f4f6);color:var(--text-color, #374151)}.config-panel-content{padding:1rem;background:var(--panel-bg, #ffffff);border-radius:0 0 .5rem .5rem}@media (prefers-color-scheme: dark){.agent-chat{--llm-config-button-bg: #374151;--llm-config-button-hover-bg: #4b5563;--config-panel-bg: #111827;--panel-bg: #374151}}.reports-viewer{--primary: #2563eb;--success: #16a34a;--warning: #ea580c;--error: #dc2626;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-600: #4b5563;--gray-900: #111827}*{box-sizing:border-box}.reports-viewer{font-family:system-ui,-apple-system,sans-serif;background-color:var(--gray-50);color:var(--gray-900);line-height:1.6;padding:20px;min-height:100vh;width:100%;max-width:100%;overflow:hidden}.reports-header{margin-bottom:20px}.reports-header h2{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:var(--primary)}.reports-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-input,.sort-select{padding:8px 12px;border:1px solid var(--gray-200);border-radius:6px;font-size:.9rem;background:#fff}.search-input{min-width:200px}.sort-order-btn,.refresh-btn,.clear-all-btn{padding:8px 12px;border:1px solid var(--gray-200);border-radius:6px;background:#fff;cursor:pointer;font-size:.9rem;transition:all .2s ease;color:var(--gray-900)}.sort-order-btn:hover,.refresh-btn:hover{background:var(--gray-100)}.clear-all-btn{background:#fff;color:var(--error);border-color:var(--error)}.clear-all-btn:hover{background:var(--gray-50)}.reports-content{display:flex;min-height:600px;width:100%;max-width:100%;overflow:hidden}.reports-list{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a;flex-shrink:0;overflow-y:auto;overflow-x:hidden;max-height:600px}.resizer{width:4px;background:var(--gray-200);cursor:col-resize;transition:background-color .2s ease;position:relative}.resizer:hover,.resizer:active{background:var(--primary)}.resizer:before{content:"";position:absolute;left:-2px;right:-2px;top:0;bottom:0}.reports-list h3{margin-bottom:12px;color:var(--gray-900);font-size:1rem}.no-reports{text-align:center;color:var(--gray-600);padding:30px 16px;font-size:.9rem}.reports-grid{display:flex;flex-direction:column;gap:10px;width:100%}.report-card{padding:12px;border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff;width:100%;box-sizing:border-box;overflow:hidden}.report-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #2563eb1a}.report-card.selected{border-color:var(--primary);background:#eff6ff}.report-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.report-card-header h4{font-weight:600;margin:0;color:var(--gray-900);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-timestamp{font-size:.75rem;color:var(--gray-600)}.report-card-details p{margin:4px 0;font-size:.8rem;color:var(--gray-600)}.report-card-actions{display:flex;gap:5px;margin-top:10px}.download-btn,.delete-btn{padding:3px 6px;border:none;border-radius:3px;cursor:pointer;font-size:.75rem;transition:all .2s ease}.download-btn{background:var(--gray-100);color:var(--primary)}.download-btn:hover{background:var(--gray-200)}.delete-btn{background:var(--gray-100);color:var(--error)}.delete-btn:hover{background:var(--gray-200)}.report-viewer{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-y:auto;overflow-x:hidden;min-width:0}.no-selection{display:flex;align-items:center;justify-content:center;height:400px;color:var(--gray-600);font-size:1.1rem}.dashboard-viewer{padding:20px;width:100%;max-width:100%;overflow-x:hidden}.viewer-header{background:var(--primary);color:#fff;padding:30px;border-radius:12px;margin-bottom:30px;text-align:center;box-shadow:0 4px 12px #2563eb26}.viewer-header h1{font-size:2rem;font-weight:700;margin:0 0 10px}.viewer-header p{font-size:1rem;opacity:.9;margin:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px;width:100%;max-width:100%}.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--gray-200);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-header{display:flex;align-items:center;margin-bottom:20px}.card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px}.portfolio-icon{background:var(--success)}.market-icon{background:var(--primary)}.execution-icon{background:var(--warning)}.issues-icon{background:var(--error)}.card-icon svg{width:20px;height:20px;color:#fff}.card-title{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin:0}.portfolio-metrics,.market-metrics,.execution-metrics,.issues-summary{display:block}.metric{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.metric:last-child{border-bottom:none}.metric-label{font-weight:500;color:var(--gray-600)}.metric-value{font-weight:600;font-size:1rem;color:var(--gray-900)}.status-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-success{background:var(--gray-100);color:var(--success)}.status-warning{background:var(--gray-100);color:var(--warning)}.status-error{background:var(--gray-100);color:var(--error)}.status-info{background:var(--gray-100);color:var(--primary)}.details-panel{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--gray-200)}.tab-buttons{display:flex;margin-bottom:20px;border-bottom:1px solid var(--gray-200)}.tab-button{padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--gray-600);transition:all .2s ease}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-button:hover{color:var(--primary)}.tab-content{display:none}.tab-content.active{display:block}.tab-content h3{font-size:1.2rem;font-weight:600;margin-bottom:16px;color:var(--gray-900)}.execution-steps{display:block}.execution-step{display:flex;align-items:center;padding:12px;margin-bottom:8px;background:var(--gray-50);border-radius:6px;border-left:3px solid var(--gray-200)}.execution-step.completed{background:#f0fdf4;border-left-color:var(--success)}.execution-step.incomplete{background:#fef2f2;border-left-color:var(--error)}.step-status{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;font-size:12px;font-weight:700;flex-shrink:0}.step-completed{background:var(--success);color:#fff}.step-incomplete{background:var(--error);color:#fff}.step-content{flex:1}.step-content h4{font-weight:600;margin:0 0 4px}.step-content p{color:var(--gray-600);font-size:.9rem;margin:0}.issues-list{list-style:none;padding:0;margin:0}.issue-item{padding:12px;margin-bottom:8px;background:#fff7ed;border-radius:6px;border-left:3px solid var(--warning)}.issue-item h4{color:var(--warning);margin:0 0 6px;font-size:.95rem}.issue-item p{color:var(--gray-600);margin:0;font-size:.9rem}.recommendations-container{display:block}.recommendations-container .card{margin-bottom:20px}.recommendations-container h4{font-weight:600;margin-bottom:8px;color:var(--gray-900);font-size:1rem}.recommendations-container ul{padding-left:20px;margin-top:8px}.recommendations-container li{margin-bottom:6px;color:var(--gray-600);font-size:.9rem}.actions{display:flex;gap:12px;margin-top:20px}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:1rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:var(--gray-100);color:var(--gray-900);border:1px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-200)}.empty-state{text-align:center;padding:40px 20px;color:var(--gray-600)}.empty-state svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:1.2rem;font-weight:600;margin-bottom:8px;color:var(--gray-900)}.empty-state p{font-size:.9rem;margin:0}@media (max-width: 768px){.reports-viewer{padding:10px}.reports-content{flex-direction:column;overflow:visible}.reports-list{width:100%!important;margin-bottom:16px;max-height:300px}.resizer{display:none}.report-viewer{max-width:100%;min-width:0}.viewer-header h1{font-size:1.5rem}.dashboard-grid{grid-template-columns:1fr;gap:12px}.dashboard-viewer{padding:16px}.tab-buttons{flex-wrap:wrap}.tab-button{flex:1;min-width:0}.reports-controls{flex-direction:column;align-items:stretch;gap:8px}.search-input{min-width:auto;width:100%}}.tour-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tour-tooltip{position:absolute;z-index:3001;background:var(--tour-bg, #ffffff);border:1px solid var(--tour-border, #e5e7eb);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;min-width:300px}.tour-tooltip.center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:500px}.tour-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.tour-tooltip.top .tour-arrow{bottom:-16px;left:50%;transform:translate(-50%);border-top-color:var(--tour-bg, #ffffff)}.tour-tooltip.bottom .tour-arrow{top:-16px;left:50%;transform:translate(-50%);border-bottom-color:var(--tour-bg, #ffffff)}.tour-tooltip.left .tour-arrow{right:-16px;top:50%;transform:translateY(-50%);border-left-color:var(--tour-bg, #ffffff)}.tour-tooltip.right .tour-arrow{left:-16px;top:50%;transform:translateY(-50%);border-right-color:var(--tour-bg, #ffffff)}.tour-content{padding:1.5rem}.tour-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.tour-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--tour-title-color, #1f2937);line-height:1.3}.tour-close{background:none;border:none;font-size:1.25rem;color:var(--tour-close-color, #9ca3af);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;line-height:1;flex-shrink:0}.tour-close:hover{background:var(--tour-close-hover-bg, #f3f4f6);color:var(--tour-close-hover-color, #374151)}.tour-body{margin-bottom:1.5rem}.tour-body p{margin:0;color:var(--tour-text-color, #6b7280);line-height:1.6;font-size:.875rem}.tour-footer{display:flex;flex-direction:column;gap:1rem}.tour-progress{display:flex;justify-content:center;gap:.5rem}.progress-dot{width:.75rem;height:.75rem;border-radius:50%;border:none;background:var(--progress-dot-bg, #e5e7eb);cursor:pointer;transition:all .2s ease}.progress-dot:hover{background:var(--progress-dot-hover-bg, #d1d5db);transform:scale(1.1)}.progress-dot.active{background:var(--progress-dot-active-bg, #3b82f6);transform:scale(1.2)}.progress-dot.completed{background:var(--progress-dot-completed-bg, #10b981)}.tour-navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem}.nav-buttons{display:flex;gap:.75rem}.tour-button{border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tour-button.primary{background:var(--tour-primary-bg, #3b82f6);color:#fff}.tour-button.primary:hover{background:var(--tour-primary-hover-bg, #2563eb)}.tour-button.secondary{background:var(--tour-secondary-bg, #f3f4f6);color:var(--tour-secondary-color, #374151);border:1px solid var(--tour-secondary-border, #d1d5db)}.tour-button.secondary:hover{background:var(--tour-secondary-hover-bg, #e5e7eb);border-color:var(--tour-secondary-hover-border, #9ca3af)}.tour-trigger{background:var(--trigger-bg, #f0f9ff);color:var(--trigger-color, #1d4ed8);border:1px solid var(--trigger-border, #bae6fd);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tour-trigger:hover{background:var(--trigger-hover-bg, #dbeafe);border-color:var(--trigger-hover-border, #93c5fd)}.tour-highlight{position:relative;z-index:2999;box-shadow:0 0 0 4px var(--highlight-color, #3b82f6)!important;border-radius:.5rem!important;animation:pulse-highlight 2s infinite}@keyframes pulse-highlight{0%,to{box-shadow:0 0 0 4px var(--highlight-color, #3b82f6)}50%{box-shadow:0 0 0 8px var(--highlight-color-fade, rgba(59, 130, 246, .5))}}@media (max-width: 768px){.tour-tooltip{max-width:320px;min-width:280px;margin:1rem}.tour-tooltip.center{max-width:90vw;margin:1rem}.tour-content{padding:1rem}.tour-navigation{flex-direction:column;gap:.75rem}.nav-buttons{width:100%;justify-content:space-between}.tour-button{flex:1}}@media (max-width: 480px){.tour-tooltip{max-width:95vw;min-width:auto}.tour-header{flex-direction:column;align-items:flex-start;gap:.5rem}.tour-close{align-self:flex-end}.nav-buttons{flex-direction:column;width:100%}}.help-system-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.help-system-modal{background:var(--help-modal-bg, #ffffff);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.help-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--help-border, #e5e7eb);background:var(--help-header-bg, #f9fafb)}.help-title{display:flex;align-items:center;gap:.75rem}.help-icon{font-size:1.5rem}.help-title h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--help-title-color, #1f2937)}.help-close{background:none;border:none;font-size:1.5rem;color:var(--help-close-color, #9ca3af);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;line-height:1}.help-close:hover{background:var(--help-close-hover-bg, #f3f4f6);color:var(--help-close-hover-color, #374151)}.help-content{display:flex;flex:1;overflow:hidden}.help-sidebar{width:280px;background:var(--help-sidebar-bg, #f9fafb);border-right:1px solid var(--help-border, #e5e7eb);display:flex;flex-direction:column;overflow-y:auto}.help-search{padding:1rem;border-bottom:1px solid var(--help-border, #e5e7eb)}.search-input{width:100%;padding:.75rem;border:1px solid var(--search-border, #d1d5db);border-radius:.5rem;font-size:.875rem;background:var(--search-bg, #ffffff);color:var(--search-color, #374151);transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--search-focus-border, #3b82f6);box-shadow:0 0 0 3px var(--search-focus-ring, rgba(59, 130, 246, .1))}.search-input::placeholder{color:var(--search-placeholder, #9ca3af)}.search-results{padding:1rem;border-bottom:1px solid var(--help-border, #e5e7eb)}.search-results h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--search-title-color, #374151)}.search-result-item{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem;background:none;border:none;border-radius:.5rem;text-align:left;cursor:pointer;transition:background-color .2s ease;margin-bottom:.5rem}.search-result-item:hover{background:var(--search-result-hover-bg, #f3f4f6)}.result-icon{font-size:1rem;flex-shrink:0;margin-top:.125rem}.result-content{flex:1;min-width:0}.result-title{font-size:.875rem;font-weight:500;color:var(--result-title-color, #374151);margin-bottom:.25rem;line-height:1.3}.result-preview{font-size:.8125rem;color:var(--result-preview-color, #6b7280);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.help-navigation{padding:1rem;flex:1}.help-navigation h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--nav-title-color, #374151)}.nav-item:hover{background:var(--nav-item-hover-bg, #f3f4f6)}.nav-item.active{background:var(--nav-item-active-bg, #eff6ff);color:var(--nav-item-active-color, #1d4ed8)}.nav-icon{font-size:1rem;flex-shrink:0}.nav-title{font-size:.875rem;font-weight:500;line-height:1.3}.help-main{flex:1;padding:1.5rem;overflow-y:auto;background:var(--help-main-bg, #ffffff)}.topic-content{max-width:600px}.topic-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--topic-border, #e5e7eb)}.topic-icon{font-size:2rem}.topic-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--topic-title-color, #1f2937)}.topic-sections{display:flex;flex-direction:column;gap:2rem}.help-section{scroll-margin-top:2rem}.help-section h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--section-title-color, #374151)}.section-content{color:var(--section-content-color, #6b7280);line-height:1.6}.section-content p{margin:0 0 1rem}.section-content p:last-child{margin-bottom:0}.section-content ul,.section-content ol{margin:0 0 1rem;padding-left:1.5rem}.section-content li{margin-bottom:.5rem;line-height:1.5}.help-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--help-border, #e5e7eb);background:var(--help-footer-bg, #f9fafb)}.help-links{display:flex;gap:1rem}.help-link{background:none;border:none;color:var(--help-link-color, #3b82f6);font-size:.875rem;cursor:pointer;text-decoration:underline;padding:.25rem 0;transition:color .2s ease}.help-link:hover{color:var(--help-link-hover-color, #2563eb)}.help-version{font-size:.8125rem;color:var(--help-version-color, #9ca3af)}.help-tooltip-container{position:relative;display:inline-block}.help-tooltip{position:absolute;z-index:1000;padding:.5rem .75rem;background:var(--tooltip-bg, #1f2937);color:var(--tooltip-color, #ffffff);font-size:.8125rem;border-radius:.375rem;white-space:nowrap;max-width:200px;white-space:normal;line-height:1.4;box-shadow:0 4px 6px -1px #0000001a}.help-tooltip.top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem}.help-tooltip.bottom{top:100%;left:50%;transform:translate(-50%);margin-top:.5rem}.help-tooltip.left{right:100%;top:50%;transform:translateY(-50%);margin-right:.5rem}.help-tooltip.right{left:100%;top:50%;transform:translateY(-50%);margin-left:.5rem}.tooltip-arrow{position:absolute;width:0;height:0;border:4px solid transparent}.help-tooltip.top .tooltip-arrow{top:100%;left:50%;transform:translate(-50%);border-top-color:var(--tooltip-bg, #1f2937)}.help-tooltip.bottom .tooltip-arrow{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:var(--tooltip-bg, #1f2937)}.help-tooltip.left .tooltip-arrow{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--tooltip-bg, #1f2937)}.help-tooltip.right .tooltip-arrow{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--tooltip-bg, #1f2937)}.help-button{background:var(--help-button-bg, #f3f4f6);border:1px solid var(--help-button-border, #d1d5db);border-radius:50%;color:var(--help-button-color, #6b7280);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.875rem}.help-button:hover{background:var(--help-button-hover-bg, #e5e7eb);border-color:var(--help-button-hover-border, #9ca3af);color:var(--help-button-hover-color, #374151)}.help-button:focus{outline:2px solid var(--help-button-focus, #60a5fa);outline-offset:2px}.help-button.small{width:1.5rem;height:1.5rem;font-size:.75rem}.help-button.medium{width:2rem;height:2rem;font-size:.875rem}.help-button.large{width:2.5rem;height:2.5rem;font-size:1rem}@media (max-width: 768px){.help-system-modal{max-width:none;width:100%;max-height:95vh;margin:.5rem}.help-content{flex-direction:column}.help-sidebar{width:100%;max-height:200px;border-right:none;border-bottom:1px solid var(--help-border, #e5e7eb)}.help-main{padding:1rem}.topic-header{margin-bottom:1.5rem}.topic-icon{font-size:1.5rem}.topic-header h3{font-size:1.25rem}.help-footer{flex-direction:column;gap:.75rem;align-items:center}}@media (max-width: 480px){.help-system-overlay{padding:.5rem}.help-header,.help-main,.help-footer{padding:1rem}.help-search,.help-navigation{padding:.75rem}.topic-sections{gap:1.5rem}.help-tooltip{max-width:150px;font-size:.75rem}}@media (prefers-color-scheme: dark){.help-system-modal{--help-modal-bg: #374151;--help-border: #4b5563;--help-header-bg: #1f2937;--help-footer-bg: #1f2937;--help-title-color: #f9fafb;--help-close-color: #9ca3af;--help-close-hover-bg: #4b5563;--help-close-hover-color: #f3f4f6;--help-sidebar-bg: #1f2937;--search-bg: #4b5563;--search-color: #f9fafb;--search-border: #6b7280;--search-focus-border: #60a5fa;--search-focus-ring: rgba(96, 165, 250, .2);--search-placeholder: #9ca3af;--search-title-color: #f3f4f6;--search-result-hover-bg: #4b5563;--result-title-color: #f3f4f6;--result-preview-color: #d1d5db;--nav-title-color: #f3f4f6;--nav-item-hover-bg: #4b5563;--nav-item-active-bg: #1e3a8a;--nav-item-active-color: #93c5fd;--help-main-bg: #374151;--topic-border: #4b5563;--topic-title-color: #f9fafb;--section-title-color: #f3f4f6;--section-content-color: #d1d5db;--help-link-color: #60a5fa;--help-link-hover-color: #3b82f6;--help-version-color: #9ca3af;--tooltip-bg: #1f2937;--tooltip-color: #f9fafb;--help-button-bg: #4b5563;--help-button-border: #6b7280;--help-button-color: #d1d5db;--help-button-hover-bg: #6b7280;--help-button-hover-border: #9ca3af;--help-button-hover-color: #f3f4f6;--help-button-focus: #93c5fd}}@media (prefers-contrast: high){.help-system-modal{border:2px solid var(--help-border, #000)}.help-header,.help-sidebar,.help-footer,.search-input,.help-button{border-width:2px}}@media (prefers-reduced-motion: reduce){.help-close,.search-input,.search-result-item,.nav-item,.help-link,.help-button{transition:none}}.template-selector{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto}.template-selector.loading,.template-selector.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:2rem;height:2rem;border:2px solid var(--spinner-track, #e5e7eb);border-top:2px solid var(--spinner-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.template-selector.loading p,.template-selector.error p{margin:0;color:var(--muted-text, #6b7280);font-size:.875rem}.template-selector-header{text-align:center;margin-bottom:1rem}.header-text h2{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;color:var(--header-title-color, #1f2937)}.header-text p{margin:0;color:var(--header-description-color, #6b7280);font-size:1rem}.template-filters{display:flex;gap:1.5rem;align-items:flex-end;padding:1.5rem;background:var(--filters-bg, #f9fafb);border:1px solid var(--filters-border, #e5e7eb);border-radius:.75rem}.search-filter{flex:1;max-width:400px}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--input-border, #d1d5db);border-radius:.5rem;font-size:.875rem;background:var(--input-bg, #ffffff);color:var(--input-color, #374151);transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--input-focus-border, #3b82f6);box-shadow:0 0 0 3px var(--input-focus-ring, rgba(59, 130, 246, .1))}.search-input::placeholder{color:var(--placeholder-color, #9ca3af)}.category-filter,.difficulty-filter{display:flex;flex-direction:column;gap:.5rem}.category-filter label,.difficulty-filter label{font-size:.875rem;font-weight:500;color:var(--filter-label-color, #374151)}.filter-select{background:var(--select-bg, #ffffff);border:1px solid var(--select-border, #d1d5db);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;color:var(--select-color, #374151);cursor:pointer;transition:all .2s ease;min-width:120px}.filter-select:focus{outline:none;border-color:var(--select-focus-border, #3b82f6);box-shadow:0 0 0 3px var(--select-focus-ring, rgba(59, 130, 246, .1))}.results-summary{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--summary-border, #e5e7eb)}.results-count{font-size:.875rem;color:var(--results-count-color, #6b7280);font-weight:500}.clear-filters{background:none;border:none;color:var(--clear-filters-color, #3b82f6);font-size:.875rem;cursor:pointer;text-decoration:underline;padding:0}.clear-filters:hover{color:var(--clear-filters-hover-color, #2563eb)}.no-templates{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;padding:2rem}.no-templates-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.no-templates h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:var(--no-templates-title-color, #374151)}.no-templates p{margin:0;color:var(--no-templates-text-color, #6b7280);line-height:1.5}.templates-content{display:flex;flex-direction:column;gap:2rem}.template-category-section{display:flex;flex-direction:column;gap:1rem}.category-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--category-title-color, #1f2937);padding-bottom:.5rem;border-bottom:2px solid var(--category-border, #e5e7eb)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.template-card-wrapper{transition:transform .2s ease}.template-card-wrapper:hover{transform:translateY(-2px)}.template-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.template-preview-modal{background:var(--modal-bg, #ffffff);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--modal-border, #e5e7eb);background:var(--modal-header-bg, #f9fafb)}.preview-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--modal-title-color, #1f2937)}.close-preview{background:none;border:none;font-size:1.5rem;color:var(--close-button-color, #9ca3af);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;line-height:1}.close-preview:hover{background:var(--close-button-hover-bg, #f3f4f6);color:var(--close-button-hover-color, #374151)}.preview-content{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.template-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.meta-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--meta-item-bg, #f9fafb);border-radius:.5rem}.meta-label{font-size:.875rem;font-weight:500;color:var(--meta-label-color, #6b7280)}.meta-value{font-size:.875rem;font-weight:600;color:var(--meta-value-color, #1f2937)}.difficulty-badge{color:#fff!important;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem}.template-description h4,.template-prompt h4,.template-tags h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--section-title-color, #374151)}.template-description p{margin:0;color:var(--description-color, #6b7280);line-height:1.6}.prompt-preview{background:var(--prompt-bg, #f8fafc);border:1px solid var(--prompt-border, #e2e8f0);border-radius:.5rem;padding:1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem;line-height:1.5;max-height:200px;overflow-y:auto}.prompt-preview p{margin:0 0 .5rem;color:var(--prompt-text-color, #374151)}.prompt-truncated{color:var(--prompt-truncated-color, #9ca3af);font-style:italic}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:var(--tag-bg, #f3f4f6);color:var(--tag-color, #374151);font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;font-weight:500}.preview-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--modal-border, #e5e7eb);background:var(--modal-footer-bg, #f9fafb)}.customize-button{background:var(--customize-button-bg, #f3f4f6);color:var(--customize-button-color, #374151);border:1px solid var(--customize-button-border, #d1d5db);border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.customize-button:hover{background:var(--customize-button-hover-bg, #e5e7eb);border-color:var(--customize-button-hover-border, #9ca3af)}.use-template-button{background:var(--use-template-button-bg, #3b82f6);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.use-template-button:hover{background:var(--use-template-button-hover-bg, #2563eb)}@media (max-width: 768px){.template-filters{flex-direction:column;gap:1rem;align-items:stretch}.category-filter,.difficulty-filter{flex-direction:row;align-items:center;justify-content:space-between}.filter-select{min-width:140px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.template-meta{grid-template-columns:1fr}.preview-actions{flex-direction:column}.customize-button,.use-template-button{width:100%}.results-summary{flex-direction:column;gap:.75rem;align-items:flex-start}}@media (max-width: 480px){.template-selector{gap:1rem}.template-filters{padding:1rem}.header-text h2{font-size:1.5rem}.templates-grid{grid-template-columns:1fr}.template-preview-modal{margin:.5rem;max-height:95vh}.preview-header,.preview-content,.preview-actions{padding:1rem}}@media (prefers-color-scheme: dark){.template-selector{--header-title-color: #f9fafb;--header-description-color: #d1d5db;--filters-bg: #374151;--filters-border: #4b5563;--input-bg: #4b5563;--input-color: #f9fafb;--input-border: #6b7280;--input-focus-border: #60a5fa;--input-focus-ring: rgba(96, 165, 250, .2);--placeholder-color: #9ca3af;--filter-label-color: #f3f4f6;--select-bg: #4b5563;--select-color: #f9fafb;--select-border: #6b7280;--select-focus-border: #60a5fa;--select-focus-ring: rgba(96, 165, 250, .2);--summary-border: #4b5563;--results-count-color: #d1d5db;--clear-filters-color: #60a5fa;--clear-filters-hover-color: #3b82f6;--no-templates-title-color: #f3f4f6;--no-templates-text-color: #9ca3af;--category-title-color: #f9fafb;--category-border: #4b5563;--modal-bg: #374151;--modal-border: #4b5563;--modal-header-bg: #1f2937;--modal-footer-bg: #1f2937;--modal-title-color: #f9fafb;--close-button-color: #9ca3af;--close-button-hover-bg: #4b5563;--close-button-hover-color: #f3f4f6;--meta-item-bg: #4b5563;--meta-label-color: #9ca3af;--meta-value-color: #f9fafb;--section-title-color: #f3f4f6;--description-color: #d1d5db;--prompt-bg: #1f2937;--prompt-border: #4b5563;--prompt-text-color: #f3f4f6;--prompt-truncated-color: #9ca3af;--tag-bg: #4b5563;--tag-color: #f3f4f6;--customize-button-bg: #4b5563;--customize-button-color: #f3f4f6;--customize-button-border: #6b7280;--customize-button-hover-bg: #6b7280;--customize-button-hover-border: #9ca3af;--use-template-button-bg: #60a5fa;--use-template-button-hover-bg: #3b82f6;--muted-text: #9ca3af;--spinner-track: #4b5563;--spinner-color: #60a5fa}}@media (prefers-contrast: high){.template-filters,.search-input,.filter-select{border-width:2px}.template-preview-modal{border:2px solid var(--modal-border, #000)}.preview-header,.preview-actions{border-width:2px}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}.template-card-wrapper,.search-input,.filter-select,.close-preview,.customize-button,.use-template-button{transition:none}.template-card-wrapper:hover{transform:none}}.quick-start{min-height:100vh;background:var(--quickstart-bg, #f8fafc);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.quick-start-container{background:var(--container-bg, #ffffff);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:900px;overflow:hidden}.progress-indicator{background:var(--progress-bg, #f9fafb);border-bottom:1px solid var(--progress-border, #e5e7eb);padding:1.5rem 2rem}.progress-steps{display:flex;justify-content:space-between;align-items:center;position:relative}.progress-steps:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:var(--progress-line-bg, #e5e7eb);z-index:1}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:2;background:var(--container-bg, #ffffff);padding:0 .75rem}.step-number{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;border:2px solid var(--step-border, #e5e7eb);background:var(--step-bg, #ffffff);color:var(--step-color, #9ca3af);transition:all .3s ease}.step-label{font-size:.8125rem;font-weight:500;color:var(--step-label-color, #6b7280);white-space:nowrap}.progress-step.active .step-number{border-color:var(--step-active-border, #3b82f6);background:var(--step-active-bg, #3b82f6);color:#fff}.progress-step.active .step-label{color:var(--step-active-label-color, #3b82f6)}.progress-step.completed .step-number{border-color:var(--step-completed-border, #10b981);background:var(--step-completed-bg, #10b981);color:#fff}.progress-step.completed .step-label{color:var(--step-completed-label-color, #10b981)}.step-content{padding:2rem}.quick-start-step{display:flex;flex-direction:column;gap:2rem}.welcome-step{text-align:center;max-width:600px;margin:0 auto}.welcome-icon{font-size:4rem;margin-bottom:1rem}.welcome-content h2{margin:0 0 1rem;font-size:2rem;font-weight:700;color:var(--welcome-title-color, #1f2937)}.welcome-content p{margin:0 0 2rem;font-size:1.125rem;color:var(--welcome-text-color, #6b7280);line-height:1.6}.welcome-features{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;text-align:left}.feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--feature-bg, #f9fafb);border-radius:.75rem;border:1px solid var(--feature-border, #f3f4f6)}.feature-icon{font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.feature-text h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--feature-title-color, #1f2937)}.feature-text p{margin:0;font-size:.875rem;color:var(--feature-description-color, #6b7280);line-height:1.5}.welcome-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.continue-button{background:var(--primary-button-bg, #3b82f6);color:#fff;border:none;border-radius:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.continue-button:hover{background:var(--primary-button-hover-bg, #2563eb)}.skip-button{background:none;border:none;color:var(--skip-button-color, #6b7280);font-size:.875rem;cursor:pointer;text-decoration:underline;padding:.5rem}.skip-button:hover{color:var(--skip-button-hover-color, #374151)}.step-header{text-align:center;margin-bottom:2rem}.step-header h2{margin:0 0 .75rem;font-size:1.75rem;font-weight:700;color:var(--step-title-color, #1f2937)}.step-header p{margin:0;font-size:1rem;color:var(--step-description-color, #6b7280)}.path-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.path-option{background:var(--path-option-bg, #ffffff);border:2px solid var(--path-option-border, #e5e7eb);border-radius:.75rem;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;position:relative}.path-option:hover{border-color:var(--path-option-hover-border, #3b82f6);box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.path-icon{font-size:3rem;margin-bottom:1rem}.path-option h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--path-title-color, #1f2937)}.path-option p{margin:0 0 1.5rem;font-size:.875rem;color:var(--path-description-color, #6b7280);line-height:1.5}.path-benefits{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.benefit{font-size:.8125rem;color:var(--benefit-color, #10b981);font-weight:500}.path-button{background:var(--path-button-bg, #f3f4f6);color:var(--path-button-color, #374151);border:1px solid var(--path-button-border, #d1d5db);border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.path-option:hover .path-button{background:var(--path-button-hover-bg, #3b82f6);color:#fff;border-color:var(--path-button-hover-border, #3b82f6)}.step-navigation{display:flex;justify-content:flex-start;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--navigation-border, #e5e7eb)}.back-button{background:var(--back-button-bg, #f3f4f6);color:var(--back-button-color, #374151);border:1px solid var(--back-button-border, #d1d5db);border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--back-button-hover-bg, #e5e7eb);border-color:var(--back-button-hover-border, #9ca3af)}.complete-step{text-align:center;max-width:500px;margin:0 auto}.complete-icon{font-size:4rem;margin-bottom:1rem}.complete-content h2{margin:0 0 1rem;font-size:1.875rem;font-weight:700;color:var(--complete-title-color, #1f2937)}.complete-content p{margin:0 0 2rem;font-size:1rem;color:var(--complete-text-color, #6b7280);line-height:1.6}.next-steps{text-align:left;margin-bottom:2rem}.next-steps h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--next-steps-title-color, #374151);text-align:center}.next-step-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;background:var(--next-step-bg, #f0fdf4);border-radius:.5rem;font-size:.875rem;color:var(--next-step-color, #166534)}.step-icon{font-size:1rem;flex-shrink:0}.start-chat-button{background:var(--primary-button-bg, #3b82f6);color:#fff;border:none;border-radius:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.start-chat-button:hover{background:var(--primary-button-hover-bg, #2563eb)}.quick-customization-form{max-width:600px;margin:0 auto}.form-section{margin-bottom:2rem;padding:1.5rem;background:var(--form-section-bg, #f9fafb);border-radius:.75rem;border:1px solid var(--form-section-border, #f3f4f6)}.form-section h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:var(--form-section-title-color, #374151)}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--form-label-color, #374151)}.form-group input[type=text],.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--form-input-border, #d1d5db);border-radius:.5rem;font-size:.875rem;background:var(--form-input-bg, #ffffff);color:var(--form-input-color, #374151);transition:border-color .2s ease}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--form-input-focus-border, #3b82f6);box-shadow:0 0 0 3px var(--form-input-focus-ring, rgba(59, 130, 246, .1))}.form-group input[type=range]{width:100%;margin:.5rem 0}.range-labels{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--range-label-color, #6b7280)}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--checkbox-label-color, #374151)}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--form-actions-border, #e5e7eb)}.create-button{background:var(--primary-button-bg, #3b82f6);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.create-button:hover{background:var(--primary-button-hover-bg, #2563eb)}@media (max-width: 768px){.quick-start,.progress-indicator{padding:1rem}.progress-steps{gap:.5rem}.step-label{display:none}.step-content{padding:1.5rem}.welcome-features{gap:1rem}.feature-item{padding:1rem}.path-options{grid-template-columns:1fr;gap:1rem}.path-option{padding:1.5rem}.form-section{padding:1rem}.form-actions{flex-direction:column;gap:1rem}.back-button,.create-button{width:100%}}@media (max-width: 480px){.welcome-content h2,.step-header h2,.complete-content h2{font-size:1.5rem}.path-icon,.welcome-icon,.complete-icon{font-size:3rem}.progress-step{padding:0 .25rem}.step-number{width:1.75rem;height:1.75rem;font-size:.75rem}}@media (prefers-color-scheme: dark){.quick-start{--quickstart-bg: #1f2937;--container-bg: #374151;--progress-bg: #1f2937;--progress-border: #4b5563;--progress-line-bg: #4b5563;--step-border: #6b7280;--step-bg: #374151;--step-color: #9ca3af;--step-label-color: #d1d5db;--step-active-border: #60a5fa;--step-active-bg: #60a5fa;--step-active-label-color: #60a5fa;--step-completed-border: #34d399;--step-completed-bg: #34d399;--step-completed-label-color: #34d399;--welcome-title-color: #f9fafb;--welcome-text-color: #d1d5db;--feature-bg: #4b5563;--feature-border: #6b7280;--feature-title-color: #f9fafb;--feature-description-color: #d1d5db;--primary-button-bg: #60a5fa;--primary-button-hover-bg: #3b82f6;--skip-button-color: #9ca3af;--skip-button-hover-color: #d1d5db;--step-title-color: #f9fafb;--step-description-color: #d1d5db;--path-option-bg: #4b5563;--path-option-border: #6b7280;--path-option-hover-border: #60a5fa;--path-title-color: #f9fafb;--path-description-color: #d1d5db;--benefit-color: #34d399;--path-button-bg: #6b7280;--path-button-color: #f3f4f6;--path-button-border: #9ca3af;--path-button-hover-bg: #60a5fa;--path-button-hover-border: #60a5fa;--navigation-border: #4b5563;--back-button-bg: #4b5563;--back-button-color: #f3f4f6;--back-button-border: #6b7280;--back-button-hover-bg: #6b7280;--back-button-hover-border: #9ca3af;--complete-title-color: #f9fafb;--complete-text-color: #d1d5db;--next-steps-title-color: #f3f4f6;--next-step-bg: #064e3b;--next-step-color: #6ee7b7;--form-section-bg: #4b5563;--form-section-border: #6b7280;--form-section-title-color: #f3f4f6;--form-label-color: #f3f4f6;--form-input-bg: #6b7280;--form-input-color: #f9fafb;--form-input-border: #9ca3af;--form-input-focus-border: #60a5fa;--form-input-focus-ring: rgba(96, 165, 250, .2);--range-label-color: #d1d5db;--checkbox-label-color: #f3f4f6;--form-actions-border: #4b5563}}@media (prefers-contrast: high){.quick-start-container{border:2px solid var(--container-bg, #000)}.progress-indicator{border-bottom-width:2px}.feature-item,.path-option,.form-section{border-width:2px}.step-navigation,.form-actions{border-top-width:2px}}@media (prefers-reduced-motion: reduce){.step-number,.continue-button,.path-option,.back-button,.create-button,.start-chat-button{transition:none}.path-option:hover{transform:none}}.tool-configuration{width:100%;height:100%;background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.config-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e1e5e9;background:#f8f9fa}.config-header h2{margin:0;color:#2c3e50;font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:4px 8px;border-radius:4px;transition:all .2s}.close-btn:hover{background:#e9ecef;color:#495057}.message{margin:16px 24px;padding:12px 16px;border-radius:6px;font-weight:500}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.config-content{flex:1;overflow-y:auto;padding:24px}.category-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid #e1e5e9}.category-tabs button{background:none;border:none;padding:12px 20px;font-size:14px;font-weight:500;color:#6c757d;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.category-tabs button:hover{color:#495057}.category-tabs button.active{color:#007bff;border-bottom-color:#007bff}.category-section h3{color:#2c3e50;margin-bottom:24px;font-size:1.25rem}.tool-config-item{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:20px;margin-bottom:20px}.tool-header{margin-bottom:20px}.tool-header h4{margin:0 0 8px;color:#2c3e50;font-size:1.1rem}.tool-description{color:#6c757d;margin:0;font-size:14px}.config-form{display:flex;flex-direction:column;gap:16px}.config-field{display:flex;flex-direction:column;gap:6px}.config-field label{font-weight:500;color:#495057;font-size:14px}.config-field input,.config-field select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .2s}.config-field input:focus,.config-field select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.config-field small{color:#6c757d;font-size:12px}.config-field small a{color:#007bff;text-decoration:none}.config-field small a:hover{text-decoration:underline}.config-actions{margin-top:8px}.save-config-btn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.save-config-btn:hover{background:#0056b3}.save-config-btn:disabled{background:#6c757d;cursor:not-allowed}.loading{display:flex;justify-content:center;align-items:center;height:200px;color:#6c757d;font-size:16px}.email-config-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:20px;margin-bottom:24px}.email-config-section h4{margin:0 0 8px;color:#856404;font-size:1.1rem}.section-description{color:#856404;margin:0 0 20px;font-size:14px}.email-config-form{display:flex;flex-direction:column;gap:16px}.test-config-btn{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.test-config-btn:hover{background:#1e7e34}.test-config-btn:disabled{background:#6c757d;cursor:not-allowed}.test-result{margin-top:16px;padding:12px;border-radius:4px;font-size:14px}.test-result.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.test-result.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.test-result h5{margin:0 0 8px;font-size:14px}.test-result p{margin:0 0 8px}.test-result details{margin-top:8px}.test-result summary{cursor:pointer;font-weight:500}.test-result pre{background:#0000001a;padding:8px;border-radius:4px;font-size:12px;overflow-x:auto;margin:8px 0 0}@media (max-width: 768px){.config-header{padding:16px 20px}.config-content{padding:20px 16px}.category-tabs{flex-direction:column;gap:4px}.category-tabs button{text-align:left;border-bottom:none;border-left:2px solid transparent;padding:10px 16px}.category-tabs button.active{border-bottom:none;border-left-color:#007bff}.tool-config-item,.email-config-section{padding:16px}}.agent-hub{min-height:100vh;background-color:var(--bg-color, cadetblue);color:var(--text-color, #333);display:flex}.agent-hub-sidebar{--sidebar-width: 250px;width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);background:#5f9ea0;color:#eee;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;overflow-y:auto;overflow-x:hidden;transition:all .3s ease-in-out}.agent-hub-sidebar.closed{width:0;min-width:0;max-width:0;overflow:hidden;visibility:hidden;opacity:0;transform:translate(-100%)}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}.sidebar-header-top{display:flex;align-items:center;justify-content:space-between}.sidebar-header-bottom{display:flex;justify-content:center}.header-buttons{display:flex;gap:8px;align-items:center}.sidebar-toggle-button{background:#f5b042;border:1px solid #ccc;border-radius:7px;padding:4px 8px;font-size:.8rem;cursor:pointer;transition:all .3s ease;color:#2c3e50;font-family:Montserrat,sans-serif}.sidebar-toggle-button:hover{background:#f6bc60;transform:translateY(-1px)}.sidebar-toggle-button.open-button{position:fixed;top:90%;left:20px;z-index:999;background:#f5b042;color:#2c3e50;border:1px solid #ccc;padding:10px 15px;border-radius:7px;font-size:1.2rem;box-shadow:0 2px 5px #ccc;width:auto!important;min-width:50px;max-width:fit-content}.sidebar-toggle-button.close-button{font-size:1rem;padding:2px 6px}.sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#2c3e50;font-family:McLaren,cursive}.home-button{background:#f5b042;border:1px solid #ccc;border-radius:7px;padding:8px 12px;font-size:.9rem;cursor:pointer;transition:all .3s ease;color:#2c3e50;font-family:Montserrat,sans-serif;box-shadow:0 2px 5px #ccc;width:100%;text-align:center}.home-button:hover{background:#f6bc60;transform:translateY(-1px);box-shadow:0 4px 8px #ccc}.sidebar-nav{flex:1;padding:20px 0;display:flex;flex-direction:column;gap:5px}.nav-item:hover{background:#f6bc60;transform:translateY(-1px);box-shadow:0 4px 8px #ccc}.nav-item.active{background:#f8f9fa;border-left:4px solid #007bff;color:#2c3e50;font-weight:600}.nav-item.active:hover{background:#e9ecef}.sub-nav{margin-left:20px;margin-right:20px;margin-bottom:10px}.sub-nav-header{font-size:.75rem;color:#2c3e50;font-family:Montserrat,sans-serif;font-weight:600;padding:4px 16px;margin-left:20px;opacity:.7}.sub-nav-item{background:#f5b0424d;border:1px solid rgba(204,204,204,.5);border-radius:5px;padding:6px 12px;margin-left:20px;margin-bottom:4px;font-size:.75rem;color:#2c3e50;font-family:Montserrat,sans-serif;opacity:.8;cursor:pointer;transition:all .2s ease;width:calc(100% - 40px);text-align:left;border:none;display:block;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.sub-nav-item.chat-item:hover{background:#f5b04280;opacity:1;transform:translate(2px)}.sub-nav-item.no-chats{opacity:.5;cursor:default;font-style:italic}.sub-nav-item.no-chats:hover{background:#f5b0424d;transform:none}.sub-nav-item.active{background:#f5b042cc;border-left:3px solid #2c3e50;font-weight:600;opacity:1}.sub-nav-item.active:hover{background:#f5b042e6}.chat-item-container{display:flex;align-items:center;gap:4px;margin-left:20px;margin-bottom:4px}.chat-item-container .sub-nav-item{flex:1;margin-left:0;margin-bottom:0;border-top-right-radius:0;border-bottom-right-radius:0}.delete-chat-button{background:#dc2626cc;border:1px solid rgba(185,28,28,.5);border-radius:0 5px 5px 0;padding:6px 8px;font-size:.7rem;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:28px;height:100%}.delete-chat-button:hover{background:#dc2626;border-color:#b91c1ccc;transform:scale(1.05)}.delete-chat-button:active{transform:scale(.95)}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-actions{display:flex;flex-direction:column;gap:8px}.tour-button-sidebar,.help-button-sidebar{background:#f5b042;border:1px solid #ccc;border-radius:7px;padding:8px 12px;font-size:.8rem;cursor:pointer;transition:all .3s ease;text-align:center;color:#2c3e50;font-family:Montserrat,sans-serif;box-shadow:0 2px 5px #ccc}.tour-button-sidebar:hover,.help-button-sidebar:hover{background:#f6bc60;transform:translateY(-1px);box-shadow:0 4px 8px #ccc}.agent-hub-header{background:var(--header-bg, #fff);border-bottom:1px solid var(--border-color, #e0e0e0);padding:.5rem 0;position:sticky;top:0;z-index:1000}.header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.header-actions{display:flex;align-items:center;gap:1rem}.onboarding-actions{display:flex;align-items:center;gap:.5rem}.tour-button{background:var(--secondary-bg, #f1f5f9);border:1px solid var(--border-color, #e0e0e0);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;color:var(--text-color, #333);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.tour-button:hover{background:var(--hover-bg, #e2e8f0);border-color:var(--hover-border, #cbd5e1)}.help-button-header{background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:.5rem;padding:.5rem;font-size:1rem;cursor:pointer;transition:background-color .2s ease;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.help-button-header:hover{background:var(--primary-hover, #2563eb)}.agent-hub-header h1{margin:0;font-size:1.25rem;font-weight:600;color:var(--primary-color, #2563eb)}.return-home-button{background:var(--primary-color, #3b82f6);border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.8rem;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem;font-weight:500}.return-home-button:hover{background:var(--primary-hover, #2563eb);transform:translateY(-1px)}.return-home-button:focus{outline:2px solid var(--focus-color, #3b82f6);outline-offset:2px}.back-button{background:var(--secondary-bg, #f1f5f9);border:1px solid var(--border-color, #e0e0e0);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;color:var(--text-color, #333);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.back-button:hover{background:var(--hover-bg, #e2e8f0);border-color:var(--hover-border, #cbd5e1)}.back-button:focus{outline:2px solid var(--focus-color, #3b82f6);outline-offset:2px}.agent-hub{--sidebar-width: 150px;transition:margin-left .3s ease-in-out}.agent-hub.shifted{margin-left:var(--sidebar-width)}.agent-hub:not(.shifted){margin-left:0}.agent-hub-content{flex:1;padding:2rem;min-height:100vh;overflow-y:auto}.agent-hub-error{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center}.error-content{background:var(--error-bg, #fef2f2);border:1px solid var(--error-border, #fecaca);border-radius:.75rem;padding:2rem;max-width:400px}.error-content h2{color:var(--error-color, #dc2626);margin:0 0 1rem;font-size:1.25rem}.error-content p{color:var(--error-text, #7f1d1d);margin:0 0 1.5rem;line-height:1.5}.error-content button{background:var(--error-color, #dc2626);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.error-content button:hover{background:var(--error-hover, #b91c1c)}.agent-hub-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{width:2rem;height:2rem;border:2px solid var(--border-color, #e0e0e0);border-top:2px solid var(--primary-color, #2563eb);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.agent-hub-loading p{color:var(--muted-text, #6b7280);font-size:.875rem;margin:0}.error-banner{background:var(--warning-bg, #fef3cd);border:1px solid var(--warning-border, #fbbf24);border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;color:var(--warning-text, #92400e);font-size:.875rem}.error-banner button{background:none;border:none;color:var(--warning-text, #92400e);font-size:1.25rem;cursor:pointer;padding:0;margin-left:1rem;line-height:1}.error-banner button:hover{opacity:.7}@media (max-width: 768px){.agent-hub-sidebar{width:200px}.agent-hub-content{margin-left:200px;padding:1rem}.sidebar-header h2{font-size:1.1rem}.nav-item{padding:.625rem .75rem;font-size:.8rem}.error-content{margin:1rem;padding:1.5rem}}@media (max-width: 480px){.agent-hub-sidebar{width:180px}.agent-hub-content{margin-left:180px;padding:.75rem}.sidebar-header{padding:.75rem}.sidebar-header h2{font-size:1rem}.nav-item{padding:.5rem;font-size:.75rem}.sidebar-footer{padding:.75rem}}@media (prefers-color-scheme: dark){.agent-hub{--bg-color: #1f2937;--text-color: #f9fafb;--header-bg: #111827;--border-color: #374151;--primary-color: #3b82f6;--secondary-bg: #374151;--hover-bg: #4b5563;--hover-border: #6b7280;--focus-color: #60a5fa;--muted-text: #9ca3af;--error-bg: #7f1d1d;--error-border: #dc2626;--error-color: #f87171;--error-text: #fca5a5;--error-hover: #991b1b;--warning-bg: #78350f;--warning-border: #d97706;--warning-text: #fbbf24}}@media (prefers-contrast: high){.agent-hub{--border-color: #000;--text-color: #000;--bg-color: #fff}.back-button,.error-banner{border-width:2px}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}.back-button,.error-content button{transition:none}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-only-focusable:focus,.sr-only-focusable:active{position:static!important;width:auto!important;height:auto!important;padding:inherit!important;margin:inherit!important;overflow:visible!important;clip:auto!important;white-space:inherit!important}.skip-link{position:absolute;top:-40px;left:6px;background:var(--skip-link-bg, #000000);color:var(--skip-link-color, #ffffff);padding:8px;text-decoration:none;border-radius:0 0 4px 4px;z-index:var(--z-index-skip-link, 1100);font-size:14px;font-weight:600;transform:translateY(-100%);transition:transform .2s ease}.skip-link:focus{top:0;transform:translateY(0)}.focus-visible,*:focus-visible{outline:2px solid var(--focus-color, #3b82f6)!important;outline-offset:2px!important}*:focus:not(:focus-visible){outline:none!important}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus-color, #3b82f6)!important;outline-offset:2px!important;box-shadow:0 0 0 4px var(--focus-ring, rgba(59, 130, 246, .2))!important}.focusable:focus-visible{outline:2px solid var(--focus-color, #3b82f6)!important;outline-offset:2px!important}@media (prefers-contrast: high){:root{--focus-color: #000000;--focus-ring: rgba(0, 0, 0, .3)}button,input,select,textarea,.card,.modal,.dropdown{border:2px solid currentColor!important}*:focus-visible{outline:3px solid #000000!important;outline-offset:2px!important;box-shadow:0 0 0 6px #00000080!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-spinner,.progress-indicator,[aria-live]{animation-duration:inherit!important;transition-duration:inherit!important}}.status-indicator{position:relative}.status-indicator:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:currentColor}.status-success:before{background:var(--success-pattern, repeating-linear-gradient(45deg, transparent, transparent 2px, currentColor 2px, currentColor 4px))}.status-warning:before{background:var(--warning-pattern, repeating-linear-gradient(0deg, transparent, transparent 2px, currentColor 2px, currentColor 4px))}.status-error:before{background:var(--error-pattern, repeating-linear-gradient(-45deg, transparent, transparent 2px, currentColor 2px, currentColor 4px))}.keyboard-navigation-active *:focus{outline:2px solid var(--focus-color, #3b82f6)!important;outline-offset:2px!important}@media (pointer: coarse){button,input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio],select,a,[role=button],[tabindex]{min-height:44px;min-width:44px}.touch-target{margin:4px}}.readable-text{line-height:1.5;letter-spacing:.02em;word-spacing:.1em}.text-contrast-aa{color:var(--text-high-contrast, #000000)}.text-contrast-aaa{color:var(--text-highest-contrast, #000000)}.text-large{font-size:1.125rem;font-weight:600}.text-large.text-contrast-aa{color:var(--text-large-contrast, #333333)}.error-announcement,.success-announcement,.status-announcement{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-field{position:relative}.form-field .required:after{content:" *";color:var(--required-color, #dc2626);font-weight:700}.form-error{color:var(--error-color, #dc2626);font-size:.875rem;margin-top:.25rem}.form-help{color:var(--help-color, #6b7280);font-size:.875rem;margin-top:.25rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.modal-content{position:relative;z-index:1001}.loading-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-spinner{width:1rem;height:1rem;border:2px solid var(--spinner-track, #e5e7eb);border-top:2px solid var(--spinner-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){:root{--focus-color: #60a5fa;--focus-ring: rgba(96, 165, 250, .3);--skip-link-bg: #ffffff;--skip-link-color: #000000;--text-high-contrast: #ffffff;--text-highest-contrast: #ffffff;--text-large-contrast: #f3f4f6;--required-color: #f87171;--error-color: #fca5a5;--help-color: #9ca3af;--spinner-track: #4b5563;--spinner-color: #60a5fa}}@media print{.sr-only{position:static!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:0!important}*:focus,*:focus-visible{outline:none!important;box-shadow:none!important}a[href]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}}@media (-ms-high-contrast: active){.card,.modal,.dropdown,button{border:1px solid windowText}*:focus{outline:2px solid highlight;outline-offset:2px}}:root{--z-index-base: 1;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-fixed: 300;--z-index-modal-backdrop: 1000;--z-index-modal: 1001;--z-index-popover: 1002;--z-index-tooltip: 1003;--z-index-skip-link: 1100;--z-index-notification: 1200}.visually-hidden{@extend .sr-only;}.focusable{cursor:pointer}.focusable:hover{opacity:.8}.not-focusable{pointer-events:none;opacity:.6}.live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}