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