:root{--primary-color:#8b5cf6;--primary-hover:#7c3aed;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--bg-primary-rgb:255,255,255;--bg-secondary-rgb:248,249,250;--text-primary-rgb:33,37,41}[data-theme=dark]{--bg-primary:#0f0f0f;--text-secondary:#a0a0a0;--text-tertiary:#6b6b6b;--border-color:#2d2d2d;--primary-color:#8b5cf6;--primary-hover:#9333ea;--accent-blue:#06f;--accent-green:#00c853;--accent-purple:#6200ea;--accent-yellow:#ffd600;--accent-red:#d50000;--accent-orange:#ff6d00;--bg-primary-rgb:15,15,15;--bg-secondary-rgb:26,26,26;--text-primary-rgb:255,255,255}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar-thumb{background:#dee2e6;background:var(--border-color)}::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--text-tertiary)}.loading-screen{background:#fff;background:var(--bg-primary);min-height:100vh}.loading-spinner svg{color:#8b5cf6;color:var(--primary-color)}.sidebar-footer .user-info{align-items:flex-start;display:flex;flex-direction:column}.message-type-badge{align-items:center;border-radius:6px;box-shadow:0 .5px 1.5px 0 #1e1e1e0d;display:inline-flex;font-size:.92rem;font-weight:600;gap:6px;letter-spacing:.02em;margin-bottom:6px;margin-right:8px;padding:2px 10px 2px 7px}.message-type-badge.code{background:#28a0ff1f;border-left:4px solid #28a0ff;color:#1575b7}.message-type-badge.research{background:#9178fa1a;border-left:4px solid #9178fa;color:#722ed1}.message-type-badge.analysis{background:#0fcd6b1a;border-left:4px solid #0fcd6b;color:#14995d}.message-type-badge.report{background:#ffaa2021;border-left:4px solid #ffaa20;color:#b4731b}.message-type-badge.image{background:#ff5cba1f;border-left:4px solid #ff5cba;color:#c02385}[data-theme=dark] .message-type-badge{box-shadow:none;opacity:.96}[data-theme=dark] .message-type-badge.code{background:#28a0ff2b;border-left:4px solid #28a0ff;color:#46aaff}[data-theme=dark] .message-type-badge.research{background:#9178fa2b;border-left:4px solid #9178fa;color:#bea9ff}[data-theme=dark] .message-type-badge.analysis{background:#0fcd6b2b;border-left:4px solid #0fcd6b;color:#68e6b1}[data-theme=dark] .message-type-badge.report{background:#ffaa202e;border-left:4px solid #ffaa20;color:#ffd387}[data-theme=dark] .message-type-badge.image{background:#ff5cba26;border-left:4px solid #ff5cba;color:#ffe5f4}.image-display-container{background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:1rem 0;min-height:200px;overflow:hidden;position:relative;transition:all .3s ease}.image-display-container.fullscreen{background-color:#000000e6;border-radius:0;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.image-display-container.fullscreen,.image-wrapper{align-items:center;display:flex;justify-content:center}.image-wrapper{max-width:100%;overflow:hidden;transition:transform .3s ease}.fullscreen .image-wrapper{max-height:80vh;max-width:90vw}.image-display-container img{border-radius:8px;max-height:500px;max-width:100%;object-fit:contain;transition:all .3s ease}.fullscreen img{border-radius:0;max-height:80vh;max-width:90vw}.image-controls{background-color:#0000000d;border-top:1px solid #0000001a;display:flex;gap:12px;justify-content:center;padding:10px}.fullscreen .image-controls{background-color:#00000080;border:none;border-radius:20px;bottom:20px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}.control-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.control-btn:hover{background-color:#0000001a}.fullscreen .control-btn{color:#fff}.fullscreen .control-btn:hover{background-color:#fff3}.close-fullscreen-btn{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:background-color .2s ease;width:40px;z-index:1001}.close-fullscreen-btn:hover{background-color:#000000b3}.image-info{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between;padding:10px 15px}.image-caption{font-style:italic}img.clickable{cursor:zoom-in}.image-error,.image-loading{align-items:center;background-color:var(--bg-secondary);border-radius:8px;display:flex;justify-content:center;min-height:200px}.image-error{color:var(--text-secondary);flex-direction:column;padding:2rem;text-align:center}.image-error svg{color:var(--text-secondary);margin-bottom:1rem;opacity:.7}.control-btn.disabled{cursor:not-allowed;opacity:.5}.control-btn.disabled:hover{background-color:initial}@media (max-width:768px){.image-display-container img{max-height:300px}.image-controls{gap:8px;padding:8px}.control-btn{padding:6px}}.code-display-enhanced,.code-preview,.code-preview-container,.code-preview-mode,.display-mode-container{box-sizing:border-box;width:100%}.code-display-enhanced{background-color:var(--bg-secondary);border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;height:100%;margin-bottom:1.5rem;margin-top:0;min-height:400px;overflow:hidden}.code-header-enhanced{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.code-title-section{align-items:center;display:flex;gap:12px}.code-title{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:8px}.code-language-badge{align-items:center;background:#fff3;border-radius:6px;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:4px 8px}.code-actions-enhanced{align-items:center;display:flex;gap:16px}.action-btn.publish-btn{background:#4caf50cc;color:#fff}.action-btn.publish-btn:hover{background:#4caf50}.action-tooltip{background-color:#000000e6;border-radius:6px;bottom:-30px;padding:6px 10px;z-index:10}.code-content-enhanced{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}.code-content-enhanced.split-view{flex:1 1;flex-direction:row;height:100%;min-height:0}.code-content-enhanced.preview-only{flex:1 1;height:100%;min-height:0}.code-block-enhanced{background-color:#1e1e1e;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.code-block-header{background-color:#2d2d2d;border-bottom:1px solid #404040;color:#ccc;font-size:.85rem;font-weight:500;padding:8px 16px}.split-view .code-block-enhanced{border-right:1px solid #0000001a;max-width:50%}.code-preview-enhanced{background-color:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.preview-header-enhanced{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:.85rem;font-weight:500;padding:8px 16px}.preview-container-enhanced{align-items:stretch;background-color:#fff;display:flex;justify-content:stretch;min-height:0;overflow:hidden}.preview-iframe-enhanced{background-color:#fff;border:none;box-sizing:border-box;display:block;flex:1 1;height:100%;margin:0;padding:0;width:100%}.code-display{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;margin:1rem 0;overflow:hidden}.code-header{background-color:#0000001a;border-bottom:1px solid #0000001a;padding:8px 12px}.code-language{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:6px}.code-actions{display:flex;gap:8px}.code-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:relative;transition:all .2s ease}.code-action-btn:hover{background-color:#0000001a;color:var(--text-primary)}.code-content-container{display:flex;flex-direction:column}.code-content-container.with-preview{flex-direction:row;max-height:500px}.code-block{background-color:var(--bg-code);color:var(--text-code);font-size:.9rem;line-height:1.5;margin:0;max-height:400px;overflow:auto;padding:12px}.with-preview .code-block{border-right:1px solid #0000001a;flex:1 1;max-height:500px}.code-preview{background-color:#fff;display:flex;flex:1 1;flex-direction:column;position:relative}.code-preview:before{background-color:#0080001a;border-radius:4px;color:green;content:"Auto Preview";font-size:.7rem;opacity:0;padding:2px 6px;position:absolute;right:45px;top:6px;transition:opacity .3s ease;z-index:5}.auto-preview .code-preview:before{opacity:1}.preview-header{align-items:center;background-color:#0000000d;border-bottom:1px solid #0000001a;display:flex;font-size:.85rem;justify-content:space-between;padding:6px 12px}.preview-container{flex:1 1;overflow:hidden}.preview-iframe{background-color:#fff;border:none;height:100%;min-height:400px;width:100%}.language-bash,.language-cpp,.language-csharp,.language-css,.language-go,.language-html,.language-java,.language-javascript,.language-json,.language-markdown,.language-php,.language-python,.language-ruby,.language-rust,.language-sql,.language-swift,.language-typescript,.language-xml{background:#282a36;color:#f8f8f2}[data-theme=dark] .code-display-enhanced{border-color:#ffffff1a;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .code-header{background-color:#ffffff0d;border-bottom:1px solid #ffffff1a}[data-theme=dark] .code-action-btn:hover{background-color:#ffffff1a}[data-theme=dark] .code-preview{background-color:#1e1e1e}[data-theme=dark] .preview-header{background-color:#ffffff0d;border-bottom:1px solid #ffffff1a}[data-theme=dark] .code-preview-enhanced,[data-theme=dark] .preview-iframe{background-color:#1e1e1e}[data-theme=dark] .preview-header-enhanced{background-color:#2d2d2d;border-bottom:1px solid #404040;color:#ccc}[data-theme=dark] .preview-container-enhanced,[data-theme=dark] .preview-iframe-enhanced{background-color:#1e1e1e}@media (max-width:768px){.code-content-enhanced.split-view{flex-direction:column}.split-view .code-block-enhanced{border-bottom:1px solid #0000001a;border-right:none;flex:0 0 300px;max-width:100%}.code-preview-enhanced{flex:1 1;min-height:350px}.preview-iframe-enhanced{min-height:300px}.code-header-enhanced{align-items:flex-start;flex-direction:column;gap:12px}.code-actions-enhanced{justify-content:space-between;width:100%}.view-mode-toggle{order:2}.action-buttons{order:1}.code-display-enhanced.auto-preview{height:auto;min-height:60vh;position:relative;width:100%}.preview-resizer{display:none}.preview-open .chat-container{margin-right:0}}@media (min-width:1200px){.code-display-enhanced.auto-preview{min-width:600px}.preview-resizer{width:8px}}@media (min-width:1600px){.code-display-enhanced.auto-preview{max-width:60vw}}.code-display-enhanced.auto-preview{background-color:var(--bg-secondary);border-left:1px solid #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;transition:width .3s ease;width:50vw;width:var(--preview-width,50vw);z-index:1000}.preview-resizer{background:#0000;cursor:col-resize;height:100vh;position:fixed;right:50vw;right:var(--preview-width,50vw);top:0;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;width:6px;z-index:1001}.preview-resizer.resizing,.preview-resizer:hover{background:var(--accent-blue)}.preview-resizer:before{background:var(--border-color);border-radius:1px;content:"";height:40px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:2px}.preview-resizer.resizing:before,.preview-resizer:hover:before{opacity:1}.preview-open .chat-container{margin-right:50vw;margin-right:var(--preview-width,50vw);transition:margin-right .3s ease}.code-display-enhanced.auto-preview .code-content-enhanced{flex:1 1;min-height:0;overflow:auto}.code-display-enhanced.auto-preview .code-content-enhanced.preview-only .code-block-enhanced{display:none!important}.code-display-enhanced.auto-preview .code-content-enhanced.preview-only .preview-block-enhanced{flex:1 1!important;width:100%!important}.code-display-enhanced.auto-preview .view-mode-toggle{display:none}.code-display-enhanced.auto-preview .code-header-enhanced{background:var(--bg-primary);border-bottom:1px solid #0000001a;padding:8px 16px}.code-explanation{background:#f9f9fa;background:var(--bg-secondary,#f9f9fa);border-left:4px solid #5b70e8;border-left:4px solid var(--kimuse-accent,#5b70e8);border-radius:6px;color:#555;color:var(--text-secondary,#555);font-size:15px;margin-bottom:20px;padding:12px 18px 12px 14px;white-space:pre-line}.action-btn.open-tab-btn{background:linear-gradient(135deg,#007acc,#0056b3);border-color:#007acc;color:#fff}.action-btn.open-tab-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);border-color:#0056b3;box-shadow:0 4px 8px #007acc4d;transform:translateY(-1px)}.research-display{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:var(--font-sans);margin:1rem 0;overflow:hidden}.research-header{align-items:center;background-color:#0000000d;border-bottom:1px solid #0000001a;display:flex;padding:12px 16px}.research-icon{align-items:center;background-color:#5282ff1a;border-radius:50%;color:#5282ff;display:flex;height:32px;justify-content:center;margin-right:12px;width:32px}.research-title{flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.research-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.research-action-btn:hover{background-color:#0000001a;color:var(--text-primary)}.research-action-btn.disabled{cursor:not-allowed;opacity:.5}.research-action-btn.disabled:hover{background-color:initial;color:var(--text-secondary)}.research-error{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;text-align:center}.research-error svg{color:var(--text-secondary);margin-bottom:1rem;opacity:.7}.research-tabs{background-color:#00000005;border-bottom:1px solid #0000001a;display:flex}.research-tab{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:10px 16px;position:relative;transition:all .2s ease}.research-tab:hover{color:var(--text-primary)}.research-tab.active{color:#5282ff;font-weight:500}.research-tab.active:after{background-color:#5282ff;border-top-left-radius:3px;border-top-right-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.research-content{max-height:400px;overflow-y:auto;padding:16px;transition:max-height .3s ease}.research-content.expanded{max-height:800px}.research-summary{color:var(--text-primary);line-height:1.6}.research-summary-text{margin-bottom:16px}.research-methodology{border-top:1px dashed #0000001a;margin-top:16px;padding-top:16px}.research-methodology h4{color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:8px}.research-findings{padding:0 8px}.findings-list{list-style-type:none;margin:0;padding:0}.finding-item{align-items:flex-start;display:flex;margin-bottom:12px}.finding-number{align-items:center;background-color:#5282ff1a;border-radius:50%;color:#5282ff;display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;margin-right:12px;min-width:24px}.finding-text{flex:1 1;line-height:1.5}.research-sources{padding:0 8px}.sources-list{display:flex;flex-direction:column;gap:10px}.source-item{border:1px solid #0000001a;border-radius:6px;overflow:hidden}.source-header{align-items:center;background-color:#00000005;cursor:pointer;display:flex;padding:10px 12px;transition:background-color .2s ease}.source-header:hover{background-color:#0000000d}.source-number{align-items:center;background-color:#5282ff1a;border-radius:50%;color:#5282ff;display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;margin-right:12px;min-width:24px}.source-title{flex:1 1;font-weight:500;margin-right:8px}.source-expand-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.source-details{background-color:#00000003;border-top:1px solid #0000001a;font-size:.9rem;padding:12px 16px}.source-detail{display:flex;margin-bottom:8px}.detail-label{min-width:80px}.detail-value{flex:1 1}.detail-link{align-items:center;color:#5282ff;display:flex;gap:4px;text-decoration:none}.detail-link:hover{text-decoration:underline}.source-description{line-height:1.5}.source-actions,.source-description{border-top:1px dashed #0000001a;margin-top:12px;padding-top:12px}.source-actions{display:flex;gap:8px}.source-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;position:relative;text-decoration:none;transition:all .2s ease}.source-action-btn:hover{background-color:#0000001a;color:var(--text-primary)}.copied-tooltip{background-color:#000c;border-radius:4px;bottom:-25px;color:#fff;font-size:.7rem;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.no-data-message{color:var(--text-secondary);font-style:italic;padding:20px;text-align:center}.research-limitations{border-top:1px dashed #0000001a;margin-top:16px;padding-top:16px}.research-limitations h4{color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:8px}.research-insights{padding:0 8px}.insights-list{list-style-type:none;margin:0;padding:0}.insight-item{align-items:flex-start;display:flex;margin-bottom:12px}.insight-number{align-items:center;background-color:#5282ff1a;border-radius:50%;color:#5282ff;display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;margin-right:12px;min-width:24px}.insight-text{flex:1 1;line-height:1.5}.research-categories{padding:0 8px}.categories-list{display:flex;flex-direction:column;gap:16px}.category-item{background-color:#00000005;border:1px solid #0000001a;border-radius:6px;padding:12px}.category-header{align-items:center;display:flex;margin-bottom:8px}.category-number{align-items:center;background-color:#5282ff1a;border-radius:50%;color:#5282ff;display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;margin-right:12px;min-width:24px}.category-name{flex:1 1;font-weight:600}.category-relevance{background-color:#0000000d;border-radius:12px;color:var(--text-secondary);font-size:.8rem;padding:2px 8px}.category-subtopics{border-top:1px dashed #0000001a;margin-top:12px;padding-top:12px}.category-subtopics h4{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}.category-subtopics ul{margin:0;padding-left:20px}.category-subtopics li{margin-bottom:4px}.source-relevance{border-top:1px dashed #0000001a;margin-top:12px;padding-top:12px}.source-relevance h4{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:8px}.source-quotes{border-top:1px dashed #0000001a;margin-top:12px;padding-top:12px}.source-quotes h4{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:8px}.source-quotes ul{margin:0;padding-left:16px}.source-quotes li{font-style:italic;line-height:1.4;margin-bottom:8px}[data-theme=dark] .research-display{box-shadow:0 2px 8px #0003}[data-theme=dark] .research-icon{background-color:#5282ff33}[data-theme=dark] .research-header,[data-theme=dark] .source-header:hover{background-color:#ffffff0d}[data-theme=dark] .research-tabs,[data-theme=dark] .source-details,[data-theme=dark] .source-header{background-color:#ffffff05}[data-theme=dark] .research-action-btn:hover,[data-theme=dark] .source-action-btn:hover{background-color:#ffffff1a}.research-inline-preview{background-color:var(--bg-secondary);border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1rem 0;overflow:hidden}.research-preview-header{align-items:center;background-color:#0000000d;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:12px 16px}.research-preview-info{align-items:center;display:flex;gap:8px}.research-preview-title{font-weight:600}.research-open-btn{align-items:center;background-color:#5282ff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:6px 12px;transition:background-color .2s ease}.research-open-btn:hover{background-color:#3a6efd}.research-preview-content{padding:16px}.research-preview-summary{color:var(--text-primary);line-height:1.5;margin-bottom:12px}.research-preview-meta{color:var(--text-secondary);display:flex;font-size:.9rem;gap:12px}.research-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.research-modal{background-color:var(--bg-primary);border-radius:8px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.research-modal-header{align-items:center;background-color:#0000000d;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:16px}.research-modal-title{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:10px}.research-modal-close{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px;transition:all .2s ease}.research-modal-close:hover{background-color:#0000001a;color:var(--text-primary)}.research-modal-content{flex:1 1;overflow-y:auto;padding:0}[data-theme=dark] .research-inline-preview,[data-theme=dark] .research-modal{box-shadow:0 4px 20px #0006}[data-theme=dark] .research-modal-header,[data-theme=dark] .research-preview-header{background-color:#ffffff0d}@media (max-width:768px){.research-tabs{overflow-x:auto;white-space:nowrap}.research-tab{padding:10px 12px}.research-content{padding:12px}.source-detail{flex-direction:column}.detail-label{margin-bottom:4px}.research-modal{max-height:95vh;width:95%}}.data-analysis-display{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:var(--font-sans);margin:1rem 0;overflow:hidden}.analysis-header{align-items:center;background-color:#0000000d;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:12px 16px}.analysis-title{font-size:1.1rem;font-weight:600;margin:0}.analysis-actions{display:flex;gap:8px}.analysis-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:6px 10px;transition:all .2s ease}.analysis-action-btn:hover{background-color:#0000001a;color:var(--text-primary)}.analysis-action-btn.disabled{cursor:not-allowed;opacity:.5}.analysis-action-btn.disabled:hover{background-color:initial;color:var(--text-secondary)}.analysis-error{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;text-align:center}.analysis-error svg{color:var(--text-secondary);margin-bottom:1rem;opacity:.7}.analysis-tabs{background-color:#00000005;border-bottom:1px solid #0000001a;display:flex;overflow-x:auto;white-space:nowrap}.analysis-tab{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:10px 16px;position:relative;transition:all .2s ease}.analysis-tab:hover{color:var(--text-primary)}.analysis-tab.active{color:#4a6cf7;font-weight:500}.analysis-tab.active:after{background-color:#4a6cf7;border-top-left-radius:3px;border-top-right-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.analysis-content{max-height:500px;overflow-y:auto;padding:16px}.analysis-summary{display:flex;flex-direction:column;gap:20px}.summary-section h4{color:var(--text-primary);font-size:1rem;margin-bottom:10px;margin-top:0}.insights-list,.trends-list{display:flex;flex-direction:column;gap:10px}.insight-item,.trend-item{border:1px solid #0000001a;border-radius:6px;overflow:hidden}.insight-header,.trend-header{align-items:center;background-color:#00000005;cursor:pointer;display:flex;padding:10px 12px;transition:background-color .2s ease}.insight-header:hover,.trend-header:hover{background-color:#0000000d}.insight-number,.trend-number{align-items:center;background-color:#4a6cf71a;border-radius:50%;color:#4a6cf7;display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;margin-right:12px;min-width:24px}.insight-title,.trend-title{flex:1 1;line-height:1.5}.analysis-charts{display:flex;flex-direction:column;gap:16px}.chart-selector{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.chart-selector-btn{align-items:center;background-color:#00000005;border:1px solid #0000001a;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.chart-selector-btn:hover{background-color:#0000000d}.chart-selector-btn.active{background-color:#4a6cf71a;border-color:#4a6cf74d;color:#4a6cf7}.chart-container{border:1px solid #0000001a;border-radius:6px;overflow:hidden}.chart-header{background-color:#00000005;border-bottom:1px solid #0000001a;padding:12px 16px}.chart-header h4{font-size:1rem;margin:0}.chart-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.chart-action-btn:hover{background-color:#0000001a;color:var(--text-primary)}.chart-wrapper{background-color:#fff;height:300px;padding:16px}.chart-canvas{height:100%;width:100%}.chart-description{background-color:#00000003;border-top:1px solid #0000001a;color:var(--text-secondary);font-size:.9rem;padding:12px 16px}.analysis-tables{display:flex;flex-direction:column;gap:24px}.data-table-container{border:1px solid #0000001a;border-radius:6px}.table-header{background-color:#00000005;border-bottom:1px solid #0000001a;padding:12px 16px}.table-header h4{font-size:1rem;margin:0}.table-description{border-bottom:1px solid #0000001a;color:var(--text-secondary);font-size:.9rem;padding:12px 16px}.table-wrapper{overflow-x:auto}.data-table td,.data-table th{border-bottom:1px solid #0000000d;padding:10px 16px;text-align:left}.data-table th{background-color:#00000005;font-size:.9rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:nth-child(2n){background-color:#00000003}.analysis-recommendations h4{font-size:1rem;margin-bottom:16px;margin-top:0}.recommendations-list{display:flex;flex-direction:column;gap:12px;list-style-type:none;margin:0;padding:0}.recommendation-item{align-items:flex-start;background-color:#00000005;border:1px solid #0000000d;border-radius:6px;display:flex;gap:10px;padding:10px 12px}.recommendation-icon{color:#4a6cf7;margin-top:3px}[data-theme=dark] .data-analysis-display{box-shadow:0 2px 8px #0003}[data-theme=dark] .chart-wrapper{background-color:#1e1e1e}[data-theme=dark] .analysis-action-btn:hover,[data-theme=dark] .chart-action-btn:hover{background-color:#ffffff1a}[data-theme=dark] .chart-selector-btn:hover{background-color:#ffffff0d}[data-theme=dark] .chart-selector-btn.active{background-color:#4a6cf733}@media (max-width:768px){.analysis-tabs{padding-bottom:2px}.analysis-tab{font-size:.85rem;padding:10px 12px}.analysis-content{padding:12px}.chart-wrapper{height:250px;padding:12px}.data-table td,.data-table th{font-size:.85rem;padding:8px 12px}}.report-display-enhanced{background-color:#1e1e1e;background-color:var(--bg-secondary,#1e1e1e);border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 20px #00000026;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;margin-bottom:1.5rem;margin-top:0;min-height:100vh;overflow:hidden}.report-header-enhanced{align-items:center;background:linear-gradient(90deg,#223469,#0e2350);border-bottom:2px solid #2563eb;color:#fff;display:flex;font-weight:700;justify-content:space-between;padding:16px 20px}.report-display-simple{background-color:#1e1e1e;background-color:var(--bg-secondary,#1e1e1e);border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 20px #00000026;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-bottom:1.5rem;margin-top:0;max-height:90vh;overflow:hidden;overflow-y:auto}.report-header-simple{align-items:center;background:linear-gradient(90deg,#223469,#0e2350);border-bottom:2px solid #2563eb;color:#fff;font-weight:700;justify-content:space-between;padding:16px 20px}.report-title-section-simple{align-items:center;display:flex;gap:12px}.report-title-simple{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:8px;letter-spacing:.02em;text-shadow:0 1px 2px #22346917}.report-type-badge-simple{align-items:center;background:#fff3;border-radius:6px;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:4px 8px}.report-actions-simple{align-items:center;display:flex;gap:8px}.view-mode-toggle{background:#ffffff1a;border-radius:8px;display:flex;gap:2px;padding:2px}.view-mode-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fffc;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:6px 10px;transition:all .2s ease}.view-mode-btn:hover{background:#ffffff1a;color:#fff}.view-mode-btn.active{background:#fff3;color:#fff}.action-buttons{gap:8px}.action-btn{background:#ffffff1a;color:#ffffffe6;padding:8px;position:relative}.action-btn:hover{background:#fff3;color:#fff;transform:translateY(-1px)}.action-btn.edit-btn{background:#2ecc7133;color:#2ecc71}.action-btn.edit-btn:hover{background:#2ecc714d;color:#27ae60}.action-btn.regenerate-btn{background:#9b59b633;color:#9b59b6}.action-btn.regenerate-btn:hover{background:#9b59b64d;color:#8e44ad}.action-btn.publish-btn{background:#3498db33;color:#3498db}.action-btn.publish-btn:hover{background:#3498db4d;color:#2980b9}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.action-tooltip{animation:fadeIn .2s ease;background:#000c;border-radius:4px;color:#fff;font-size:.75rem;left:50%;padding:4px 8px;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap;z-index:1000}.report-content-enhanced{display:flex;height:calc(100vh - 80px);overflow:hidden}.report-content-enhanced.split-view{display:flex}.report-content-enhanced.content-only .report-block-enhanced{width:100%}.report-block-enhanced{background:#2d2d2d;border-right:1px solid #444;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.report-block-header{background:#3d3d3d;border-bottom:1px solid #555;color:#fff;font-size:.9rem;font-weight:600;padding:12px 16px}.report-content-scrollable{background:#2d2d2d;flex:1 1;overflow-y:auto;padding:20px}.report-content{color:#fff;line-height:1.6}.report-toc-simple{background:#34495e4d;border-left:4px solid #3498db;border-radius:8px;margin-bottom:24px;padding:16px}.report-toc-simple h2{color:#3498db;font-size:20px;font-weight:600;margin:0 0 12px}.toc-list{list-style-type:decimal;margin:0;padding-left:20px}.toc-list li{margin-bottom:8px}.toc-list a{color:#fff;text-decoration:none;transition:color .2s ease}.toc-list a:hover{color:#3498db;text-decoration:underline}.toc-subsection-list{list-style-type:lower-alpha;margin:8px 0 8px 20px;padding-left:20px}.report-content-text p{margin-bottom:16px;text-align:justify}.report-section-simple{margin-bottom:32px}.subsection-simple{margin-bottom:24px;margin-top:24px}.report-header{align-items:flex-start;border-bottom:2px solid #3498db;display:flex;gap:16px;margin-bottom:24px;padding-bottom:16px}.report-icon{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:8px;color:#fff;flex-shrink:0;padding:12px}.report-title h2{color:#3498db;font-size:24px;font-weight:600;margin:0 0 8px}.report-meta{color:#bdc3c7;display:flex;font-size:14px;gap:16px}.report-author,.report-date{align-items:center;display:flex;gap:4px}.report-key-findings,.report-recommendations,.report-section,.report-summary{background:#ffffff0d;border-left:4px solid #3498db;border-radius:8px;margin-bottom:24px;padding:16px}.report-key-findings h3,.report-recommendations h3,.report-section h3,.report-summary h3{color:#3498db;font-size:18px;font-weight:600;margin:0 0 12px}.report-section p,.report-summary p{color:#fff;margin:0}.report-key-findings ul,.report-recommendations ul{margin:0;padding-left:20px}.report-key-findings li,.report-recommendations li{color:#fff;margin-bottom:8px}.subsection{border-left:2px solid #555;margin-top:16px;padding-left:16px}.subsection h4{color:#f39c12;font-size:16px;font-weight:500;margin:0 0 8px}.subsection p{color:#fff}.report-references{background:#34495e4d;border-radius:8px;margin-top:32px;padding:16px}.report-references h3{color:#3498db;font-size:18px;font-weight:600;margin:0 0 16px}.references-list{display:flex;flex-direction:column;gap:8px}.reference-item{background:#ffffff0d;border-radius:4px;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;padding:8px}.reference-author{color:#e74c3c;font-weight:500}.reference-year{color:#f39c12}.reference-title{color:#fff;font-style:italic}.reference-source{color:#95a5a6}.report-preview-enhanced{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.preview-header-enhanced{align-items:center;background:#e9ecef;border-bottom:1px solid #dee2e6;color:#495057;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;padding:12px 16px}.preview-container-enhanced{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:20px}.preview-paper-enhanced{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#2c3e50;line-height:1.6;margin:0 auto;max-width:800px;min-height:500px;padding:40px}.preview-header-content h1{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 16px;text-align:center}.preview-meta{border-bottom:2px solid #3498db;margin-bottom:32px;padding-bottom:16px;text-align:center}.preview-meta p{color:#7f8c8d;font-size:14px;margin:4px 0}.preview-section h2{border-bottom:1px solid #ecf0f1;font-size:20px;font-weight:600;padding-bottom:8px}.preview-section h2,.preview-section p{color:#2c3e50;margin:0 0 12px}.preview-section ul{margin:0 0 12px;padding-left:20px}.preview-section li{color:#2c3e50;margin-bottom:8px}.preview-subsection{border-left:2px solid #ecf0f1;margin-top:16px;padding-left:16px}.preview-subsection h3{color:#34495e;font-size:16px;font-weight:500;margin:0 0 8px}.preview-subsection p{color:#2c3e50}.preview-references{display:flex;flex-direction:column;gap:8px}.preview-reference{background:#f8f9fa;border-radius:4px;display:flex;font-size:13px;gap:8px;padding:8px}.reference-text{color:#2c3e50}.edit-actions-enhanced{background:#2c3e50;border-top:1px solid #444;display:flex;gap:12px;padding:16px 20px}.cancel-btn-enhanced,.save-btn-enhanced{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.save-btn-enhanced{background:#27ae60;color:#fff}.save-btn-enhanced:hover{background:#229954;transform:translateY(-1px)}.cancel-btn-enhanced{background:#e74c3c;color:#fff}.cancel-btn-enhanced:hover{background:#c0392b;transform:translateY(-1px)}.report-inline-preview{background:#1e1e1e;border:1px solid #333;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:16px 0;overflow:hidden}.report-preview-header{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:12px 16px}.report-preview-info{align-items:center;color:#ecf0f1;display:flex;gap:8px}.report-preview-title{color:#fff;font-size:14px;font-weight:600}.report-open-btn{align-items:center;background:#3498db33;border:1px solid #3498db4d;border-radius:6px;color:#3498db;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.report-open-btn:hover{background:#3498db4d;border-color:#3498db66;transform:translateY(-1px)}.report-preview-content{background:#2d2d2d;padding:16px}.report-preview-summary{margin-bottom:12px}.report-preview-summary p{color:#fff;font-size:14px;line-height:1.5;margin:0 0 8px}.report-preview-note{color:#bdc3c7;font-size:13px;font-style:italic;margin:8px 0}.report-preview-meta{color:#bdc3c7;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.report-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.report-modal{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;width:100%}.report-modal-header{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:16px 24px}.report-modal-title{align-items:center;color:#ecf0f1;display:flex;font-size:18px;font-weight:600;gap:12px}.report-modal-close{background:none;border:none;border-radius:6px;color:#bdc3c7;cursor:pointer;padding:8px;transition:all .2s ease}.report-modal-close:hover{background:#ffffff1a;color:#ecf0f1}.report-modal-toolbar{background:#2d2d2d;border-bottom:1px solid #444;justify-content:space-between;padding:12px 24px}.report-modal-toolbar,.report-modal-toolbar-left,.report-modal-toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.toolbar-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ecf0f1;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.toolbar-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.toolbar-btn.active{background:#3498db;border-color:#2980b9;color:#fff}.toolbar-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.edit-btn{background:#2ecc7133;border-color:#2ecc714d}.edit-btn:hover{background:#2ecc714d;border-color:#2ecc7166}.regenerate-btn{background:#9b59b633;border-color:#9b59b64d}.regenerate-btn:hover{background:#9b59b64d;border-color:#9b59b666}.report-modal-container{display:flex;flex:1 1;min-height:0}.report-modal-main{background:#2d2d2d;flex:1 1;overflow-y:auto;padding:24px}.edit-content-textarea:focus,.edit-meta-input:focus,.edit-section-title-input:focus,.edit-title-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.report-modal-simple{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;height:95vh;max-width:1400px;overflow:hidden;width:100%}.report-modal-header-simple{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:16px 24px}.report-modal-title-simple{align-items:center;color:#ecf0f1;display:flex;font-size:18px;font-weight:600;gap:12px}.report-modal-toolbar-simple{align-items:center;background:#2d2d2d;border-bottom:1px solid #444;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 24px}.report-modal-content-simple{background:#2d2d2d;flex:1 1;overflow-y:auto;padding:24px}.report-content-simple{background:#2d2d2d;color:#fff;line-height:1.6;padding:24px}.report-header-simple{align-items:flex-start;border-bottom:2px solid #3498db;display:flex;gap:16px;margin-bottom:24px;padding-bottom:16px}.report-title-simple h1{color:#3498db;font-size:28px;font-weight:600;margin:0 0 8px}.report-meta-simple{color:#bdc3c7;display:flex;font-size:14px;gap:16px}.report-author-simple,.report-date-simple{align-items:center;display:flex;gap:4px}.report-key-findings-simple,.report-recommendations-simple,.report-section-simple,.report-summary-simple{background:#ffffff0d;border-left:4px solid #3498db;border-radius:8px;margin-bottom:24px;padding:16px}.report-key-findings-simple h2,.report-recommendations-simple h2,.report-section-simple h2,.report-summary-simple h2{color:#3498db;font-size:20px;font-weight:600;margin:0 0 12px}.report-section-simple p,.report-summary-simple p{color:#fff;margin:0}.report-key-findings-simple ul,.report-recommendations-simple ul{margin:0;padding-left:20px}.report-key-findings-simple li,.report-recommendations-simple li{color:#fff;margin-bottom:8px}.subsection-simple{border-left:2px solid #555;margin-top:16px;padding-left:16px}.subsection-simple h3{color:#f39c12;font-size:16px;font-weight:500;margin:0 0 8px}.subsection-simple p{color:#fff}.report-references-simple{background:#34495e4d;border-radius:8px;margin-top:32px;padding:16px}.report-references-simple h2{color:#3498db;font-size:20px;font-weight:600;margin:0 0 16px}.references-list-simple{display:flex;flex-direction:column;gap:8px}.reference-item-simple{background:#ffffff0d;border-radius:4px;display:flex;font-size:13px;gap:8px;padding:8px}.reference-number{color:#3498db;font-weight:500;min-width:20px}.reference-text{color:#fff}.edit-actions-simple{background:#2c3e50;border-top:1px solid #444;display:flex;gap:12px;padding:16px 20px}.cancel-btn-simple,.save-btn-simple{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.save-btn-simple{background:#27ae60;color:#fff}.save-btn-simple:hover{background:#229954;transform:translateY(-1px)}.cancel-btn-simple{background:#e74c3c;color:#fff}.cancel-btn-simple:hover{background:#c0392b;transform:translateY(-1px)}@media (max-width:1200px){.report-content-enhanced.split-view{flex-direction:column}.report-block-enhanced{border-bottom:1px solid #444;border-right:none}.report-preview-enhanced{height:400px}}@media (max-width:768px){.report-header-enhanced{align-items:stretch;flex-direction:column;gap:12px}.action-buttons,.report-actions-enhanced,.view-mode-toggle{justify-content:center}.action-buttons{flex-wrap:wrap}.report-preview-meta{flex-direction:column;gap:4px}.preview-paper-enhanced{padding:20px}.preview-header-content h1{font-size:24px}}.preview-container-enhanced::-webkit-scrollbar,.report-content-scrollable::-webkit-scrollbar{width:8px}.preview-container-enhanced::-webkit-scrollbar-track,.report-content-scrollable::-webkit-scrollbar-track{background:#2d2d2d}.preview-container-enhanced::-webkit-scrollbar-thumb,.report-content-scrollable::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.preview-container-enhanced::-webkit-scrollbar-thumb:hover,.report-content-scrollable::-webkit-scrollbar-thumb:hover{background:#666}.search-results-display{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:var(--font-sans);margin:1rem 0;min-height:200px;overflow:hidden}.search-header{background-color:#00000005;border-bottom:1px solid #0000001a;padding:16px}.search-query-container{align-items:center;display:flex;margin-bottom:8px}.search-icon{color:#4285f4;margin-right:10px}.search-query{color:var(--text-primary);font-size:1.2rem;font-weight:500;margin:0}.search-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem}.result-count{margin-right:16px}.search-time{align-items:center;display:flex;gap:4px}.search-filters{border-bottom:1px solid #0000000d;display:flex;gap:8px;overflow-x:auto;padding:12px 16px;white-space:nowrap}.filter-btn{align-items:center;background-color:initial;border:1px solid #0000001a;border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:6px 12px;transition:all .2s ease}.filter-btn:hover{background-color:#0000000d}.filter-btn.active{background-color:#4285f4;border-color:#4285f4;color:#fff}.search-results{padding:16px}.search-result{border-bottom:1px solid #0000000d;display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.result-thumbnail{background-color:#0000000d;border-radius:4px;flex-shrink:0;height:80px;overflow:hidden;width:120px}.result-thumbnail img{height:100%;object-fit:cover;width:100%}.result-content{flex:1 1}.search-result:last-child{border-bottom:none;margin-bottom:0}.high-relevance{position:relative}.high-relevance:before{background-color:#4285f4;border-radius:3px;bottom:0;content:"";left:-16px;position:absolute;top:0;width:3px}.result-source{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:8px;margin-bottom:4px}.source-name{color:#34a853;font-weight:500}.result-date,.result-domain{color:var(--text-secondary)}.result-title{font-size:1.1rem;line-height:1.4;margin:0 0 8px}.result-title a{align-items:flex-start;color:#1a0dab;display:flex;gap:6px;text-decoration:none}.result-title a:hover{text-decoration:underline}.external-link-icon{flex-shrink:0;opacity:.6}.result-snippet{color:var(--text-secondary);cursor:pointer;font-size:.95rem;line-height:1.5;position:relative}.result-snippet p{margin:0}.result-snippet:not(.expanded) p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.expand-btn{background-color:var(--bg-secondary);border:none;bottom:-5px;color:var(--text-secondary);cursor:pointer;padding:0 4px;position:absolute;right:0}.related-queries-container{border-top:1px solid #0000000d;padding:0 16px 16px}.related-queries-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 0}.related-queries-header h4{color:var(--text-primary);font-size:1rem;margin:0}.toggle-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.related-queries{display:flex;flex-wrap:wrap;gap:8px}.related-query{align-items:center;background-color:#00000005;border:1px solid #0000001a;border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:4px;padding:6px 12px;transition:all .2s ease}.related-query:hover{background-color:#0000000d}.search-footer{background-color:#00000005;border-top:1px solid #0000001a;font-size:.85rem;padding:12px 16px}.no-results,.search-footer{color:var(--text-secondary);text-align:center}.no-results{padding:20px}.search-error{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;text-align:center}.search-error svg{color:var(--text-secondary);margin-bottom:1rem;opacity:.7}.error-details{color:#e53e3e;color:var(--text-error,#e53e3e);font-size:.9rem;margin-top:1rem;max-width:80%}[data-theme=dark] .search-results-display{box-shadow:0 2px 8px #0003}[data-theme=dark] .result-title a{color:#8ab4f8}[data-theme=dark] .filter-btn.active{background-color:#4285f4;color:#fff}[data-theme=dark] .source-name{color:#34a853}@media (max-width:768px){.search-meta{align-items:flex-start;flex-direction:column;gap:4px}.search-filters{padding:10px 16px}.filter-btn{font-size:.85rem;padding:4px 10px}.result-source{flex-wrap:wrap}}.thinking-display{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:8px 0;overflow:hidden;transition:all .2s ease}.thinking-display,.thinking-display.collapsed{max-height:0;opacity:0;pointer-events:none}.thinking-display.expanded{max-height:500px;opacity:1;pointer-events:auto}.thinking-header{align-items:center;border-bottom:1px solid #0000;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.thinking-header:hover{background-color:#007bff0d}.thinking-display.expanded .thinking-header{border-bottom-color:#dee2e6}.thinking-icon{align-items:center;display:flex;margin-right:8px;position:relative}.brain-icon{color:#6f42c1;transition:transform .3s ease}.brain-icon.pulsing{animation:brainPulse 1.5s ease-in-out infinite}.thinking-loader{animation:spin 1s linear infinite;color:#007bff;position:absolute;right:-2px;top:-2px}@keyframes brainPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.thinking-label{color:#495057;flex:1 1;font-size:13px;font-style:italic;font-weight:500}.thinking-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#000;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.thinking-toggle:hover{background-color:#0000000d;color:#495057}.thinking-content{animation:slideDown .2s ease-out;overflow:hidden;padding:0}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:400px;opacity:1}}.thinking-text{background-color:#f8f9fa;border-top:1px solid #e9ecef;max-height:300px;overflow-y:auto;padding:12px}.thinking-line{animation:fadeInLine .5s ease-out;background-color:#fff9;border-left:3px solid #6f42c1;border-radius:4px;color:#495057;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;line-height:1.5;margin:0 0 8px;padding:4px 8px}.thinking-line:last-child{margin-bottom:0}@keyframes fadeInLine{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.thinking-line:empty{display:none}[data-theme=dark] .thinking-display{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4a5568}[data-theme=dark] .thinking-header:hover{background-color:#4299e11a}[data-theme=dark] .thinking-display.expanded .thinking-header{border-bottom-color:#4a5568}[data-theme=dark] .thinking-label,[data-theme=dark] .thinking-toggle{color:#fff}[data-theme=dark] .thinking-toggle:hover{background-color:#ffffff0d;color:#fff}[data-theme=dark] .thinking-text{background-color:#2d3748;border-top-color:#4a5568}[data-theme=dark] .thinking-line{background-color:#ffffff0d;border-left-color:#9f7aea;color:#fff}[data-theme=dark] .brain-icon{color:#9f7aea}[data-theme=dark] .thinking-loader{color:#66b3ff}@media (max-width:768px){.thinking-header{padding:6px 10px}.thinking-label{font-size:12px}.thinking-text{padding:10px}.thinking-line{font-size:12px;padding:3px 6px}}.formatted-text{color:inherit;line-height:1.6}.formatted-paragraph{line-height:1.6;margin:0 0 12px}.formatted-header{border-bottom:1px solid #444;color:#e0e0e0;font-size:1.1em;font-weight:600;margin:16px 0 8px;padding-bottom:4px}.text-spacing{height:8px}.formatted-text ol,.formatted-text ul{margin:8px 0 12px;padding-left:20px}.formatted-text li{line-height:1.5;margin:4px 0}.email-subject{background:#2a2a2a;border-left:3px solid #6366f1;border-radius:4px;font-size:1.05em;font-weight:600;margin:0 0 16px;padding:8px 12px}.email-greeting{font-weight:500;margin:12px 0}.email-closing{font-weight:500;margin:16px 0 8px}.signature-placeholder{color:#9ca3af;font-style:italic;margin:4px 0}.text-separator{border:none;border-top:1px solid #444;margin:16px 0}.formatted-text strong{color:#f0f0f0;font-weight:600}.formatted-text em{color:#e0e0e0;font-style:italic}.formatted-text code{background:#2a2a2a;border-radius:3px;color:#f8f8f2;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}@media (prefers-color-scheme:light){.formatted-header{border-bottom-color:#d1d5db;color:#374151}.email-subject{background:#f3f4f6;color:#111827}.signature-placeholder{color:#6b7280}.text-separator{border-top-color:#d1d5db}.formatted-text strong{color:#111827}.formatted-text em{color:#374151}.formatted-text code{background:#f3f4f6;color:#111827}}@media (max-width:768px){.formatted-text{font-size:.95em}.formatted-header{font-size:1.05em}.email-subject{font-size:1em;padding:6px 10px}}.user-settings{max-height:90vh;max-width:700px;width:95%}.settings-section{margin-bottom:2rem}.settings-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.form-control{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;padding:.75rem;transition:all .2s ease}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.provider-info{background:var(--bg-tertiary);border-radius:8px;margin-top:1.5rem;padding:1rem}.info-text{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.alert{font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.alert-error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.alert-success{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.loading-state{color:var(--text-secondary);padding:3rem}.spinner{border:3px solid var(--border-color);border-top-color:var(--primary-color);height:40px;margin-bottom:1rem;width:40px}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:.5rem;width:16px}.modal-footer{gap:.75rem;padding-top:1.5rem}.btn:disabled{opacity:.5}.btn-primary{background:var(--primary-color)}.btn-primary:hover:not(:disabled){background:#4c1d95}.btn-secondary{background:var(--bg-tertiary)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary)}.models-list{background:var(--bg-tertiary);border-radius:8px;max-height:200px;overflow-y:auto;padding:.5rem}.model-item{background:var(--bg-secondary);border-radius:6px;color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem;padding:.5rem .75rem}.model-item:last-child{margin-bottom:0}.settings-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:0;margin-bottom:2rem;overflow-x:auto}.settings-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.settings-tab:hover{background:#ffffff0d;color:var(--text-primary)}.settings-tab.active{background:#4f46e51a;border-bottom-color:var(--primary-color);color:var(--primary-color)}.settings-content{min-height:300px}.password-section{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem}.password-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.checkbox-group{margin-bottom:1.5rem}.checkbox-label{align-items:flex-start;color:var(--text-primary);font-size:.875rem;font-weight:500;gap:.75rem;line-height:1.4}.checkbox-label input[type=checkbox]{display:none}.checkmark{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;flex-shrink:0;height:18px;margin-top:1px;position:relative;transition:all .2s ease;width:18px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.help-text{color:var(--text-tertiary);font-size:.75rem;line-height:1.4;margin-left:2.5rem;margin-top:.25rem}.security-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.info-card h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.75rem}.info-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.info-card p:last-child{margin-bottom:0}.current-user-info{margin-bottom:2rem}.user-details{flex-direction:column;gap:.75rem}.detail-item{border-bottom:1px solid #ffffff1a;font-size:.875rem;padding:.5rem 0}.detail-item strong{color:var(--text-primary);font-weight:600;margin-right:1rem;min-width:120px}.modal-container.user-settings .modal-content{max-height:calc(90vh - 120px);overflow-y:auto}@media (max-width:768px){.user-settings{max-width:none;width:98%}.settings-tabs{margin-bottom:1.5rem}.settings-tab{font-size:.8rem;padding:.5rem .75rem}.form-group{margin-bottom:1.25rem}.password-section{margin-top:1.5rem;padding-top:1.25rem}.info-card{padding:1rem}.security-info{gap:1rem}}@media (max-width:480px){.settings-tabs{flex-wrap:wrap;gap:.25rem}.settings-tab{flex:1 1;font-size:.75rem;justify-content:center;min-width:0;padding:.5rem .25rem}.help-text{font-size:.7rem;margin-left:2rem}}.notification-icon-container{display:inline-block;position:relative}.notification-icon-btn{align-items:center;background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:background-color .2s ease}.notification-icon-btn:hover{background-color:#ffffff1a}.notification-badge{align-items:center;background:#ef4444;box-shadow:0 1px 3px #0000004d;display:flex;font-size:10px;height:16px;justify-content:center;line-height:1;min-width:16px;padding:2px 5px;right:2px;top:2px}.notification-dropdown{background:#1f2937;background:var(--bg-secondary,#1f2937);border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:12px;box-shadow:0 12px 32px #00000059;display:flex;flex-direction:column;margin-top:8px;max-height:600px;max-width:95vw;overflow:hidden;position:absolute;right:0;top:100%;width:480px;z-index:1000}.notification-header{align-items:center;background:#111827;background:var(--bg-primary,#111827);border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color,#374151);display:flex;justify-content:space-between;padding:20px 24px}.notification-header h3{color:#f9fafb;color:var(--text-primary,#f9fafb);font-size:16px;font-weight:600;margin:0}.notification-header-actions{align-items:center;display:flex;gap:12px}.mark-all-read-btn{background:none;border:none;border-radius:4px;color:#3b82f6;color:var(--primary-color,#3b82f6);cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:background-color .2s ease}.mark-all-read-btn:hover{background-color:#3b82f61a}.close-dropdown-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.close-dropdown-btn:hover{background-color:#ffffff1a;color:#f9fafb;color:var(--text-primary,#f9fafb)}.notification-list{flex:1 1;max-height:480px;overflow-y:auto}.notification-loading{align-items:center;color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #374151;border-top:2px solid #3b82f6;border:2px solid var(--border-color,#374151);border-radius:50%;border-top-color:var(--primary-color,#3b82f6);height:20px;width:20px}.notification-empty{align-items:center;color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.notification-empty p{font-size:14px;margin:0}.notification-item{align-items:flex-start;border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color,#374151);cursor:pointer;display:flex;gap:16px;padding:20px 24px;position:relative;transition:all .3s ease}.notification-item:hover{background-color:#ffffff0d}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:#3b82f60d}.notification-item.unread:hover{background-color:#3b82f61a}.notification-item.expanded{background-color:#3b82f614;border-left:3px solid #3b82f6;border-left:3px solid var(--primary-color,#3b82f6);padding-left:17px}.notification-item.expanded:hover{background-color:#3b82f61f}.notification-content{flex:1 1;min-width:0}.notification-title{color:#f9fafb;color:var(--text-primary,#f9fafb);font-size:15px;font-weight:600;line-height:1.5;margin-bottom:8px}.notification-message{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:14px;line-height:1.6;margin-bottom:12px;transition:all .3s ease}.notification-message:not(.expanded){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification-message.expanded{display:block;max-height:none;overflow:visible}.notification-preview{display:block}.notification-full-message{background:#3b82f60d;border-left:4px solid #3b82f6;border-left:4px solid var(--primary-color,#3b82f6);border-radius:8px;color:#f9fafb;color:var(--text-primary,#f9fafb);font-size:14px;line-height:1.7;margin-top:12px;padding:16px 20px;white-space:pre-line;word-break:break-word}.notification-read-more{color:#3b82f6;color:var(--primary-color,#3b82f6);cursor:pointer;display:inline-block;font-size:13px;font-weight:500;margin-top:8px;padding:4px 0;text-decoration:underline;transition:color .2s}.notification-read-more:hover{color:#2563eb;color:var(--primary-hover,#2563eb)}.notification-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.notification-time{color:#6b7280;color:var(--text-tertiary,#6b7280);font-size:11px}.notification-priority{border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.notification-priority.high{background:#ef444433;color:#fca5a5}.notification-action-btn{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:500;gap:4px;padding:6px 10px;transition:background-color .2s ease;white-space:nowrap}.notification-action-btn:hover{background:#2563eb;background:var(--primary-hover,#2563eb)}.notification-unread-indicator{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:50%;height:6px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:6px}.notification-footer{background:#111827;background:var(--bg-primary,#111827);border-top:1px solid #374151;border-top:1px solid var(--border-color,#374151);padding:16px 24px;text-align:center}.refresh-notifications-btn{background:none;border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:4px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.refresh-notifications-btn:hover:not(:disabled){border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.refresh-notifications-btn:disabled{cursor:not-allowed;opacity:.5}.dark .notification-dropdown{--bg-primary:#111827;--bg-secondary:#1f2937;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--primary-color:#3b82f6;--primary-hover:#2563eb}.light .notification-dropdown{--bg-primary:#fff;--bg-secondary:#f9fafb;--border-color:#e5e7eb;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--primary-color:#3b82f6;--primary-hover:#2563eb}@media (max-width:768px){.notification-dropdown{right:-20px;width:320px}.notification-header,.notification-item{padding:12px 16px}.notification-footer{padding:10px 16px}}@media (max-width:480px){.notification-dropdown{left:auto;right:-100px;width:calc(100vw - 40px)}.notification-expanded-section{background:#3b82f608;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #3b82f633;margin:0 -20px -16px;padding:12px 20px}.notification-expanded-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.notification-action-link{align-items:center;border:1px solid #3b82f6;border:1px solid var(--primary-color,#3b82f6);border-radius:4px;color:#3b82f6;color:var(--primary-color,#3b82f6);display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.notification-action-link:hover{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.notification-collapse-btn{background:none;border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:4px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.notification-collapse-btn:hover{border-color:#9ca3af;border-color:var(--text-secondary,#9ca3af);color:#f9fafb;color:var(--text-primary,#f9fafb)}}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-hover:#f1f3f5;--bg-active:#e3e6ea;--text-primary:#212529;--text-secondary:#495057;--text-tertiary:#6c757d;--text-inverse:#fff;--border-color:#dee2e6;--border-light:#e9ecef;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--accent-blue:#06f;--accent-green:#00c853;--accent-purple:#6200ea;--accent-yellow:#ffd600;--accent-red:#d50000;--accent-orange:#ff6d00;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#262626;--bg-hover:#2a2a2a;--bg-active:#333;--text-primary:#fff;--text-secondary:#e0e0e0;--text-tertiary:#a0a0a0;--text-inverse:#0a0a0a;--border-color:#333;--border-light:#262626;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080}*{box-sizing:border-box;margin:0;padding:0}.menu-btn{border-radius:50%;left:8px;padding:8px;position:absolute;top:12px;z-index:20}.header-left{position:relative}.chat-title{margin-left:44px;transition:margin-left .2s}.sidebar.sidebar-open~.main-container .chat-title{margin-left:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#fff;background-color:var(--bg-primary);color:#212529;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .25s ease,color .25s ease;transition:background-color var(--transition-base),color var(--transition-base)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#e9ecef;background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f1f3f5;background:var(--bg-hover)}.app-container{background-color:#fff;background-color:var(--bg-primary);height:100vh}.app-container,.sidebar{display:flex;overflow:hidden}.sidebar{background-color:#f8f9fa;background-color:var(--bg-secondary);border-right:1px solid #dee2e6;border-right:1px solid var(--border-color);flex-direction:column;max-width:0;min-width:0;position:relative;transition:width .25s ease,transform .25s ease;transition:width var(--transition-base),transform var(--transition-base);width:0;z-index:100}.sidebar.sidebar-open{max-width:330px;min-width:230px;overflow:visible;width:280px}.sidebar{opacity:0;pointer-events:none;transform:translateX(-100%)}.sidebar.sidebar-open{opacity:1;pointer-events:auto;transform:translateX(0)}@media (max-width:768px){.sidebar{box-shadow:2px 0 20px 2px #0000001a;height:100vh;left:0;max-width:330px;min-width:230px;position:fixed;top:0;transform:translateX(-105%);width:80vw;z-index:2000}.sidebar.sidebar-open{box-shadow:2px 0 20px 2px #0000002e;transform:translateX(0)}}.sidebar-header{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:1rem}.new-chat-btn,.sidebar-header{align-items:center;display:flex}.new-chat-btn{background-color:#06f;background-color:var(--accent-blue);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;transition:all .15s ease;transition:all var(--transition-fast)}.new-chat-btn:hover{background-color:#0052cc;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-1px)}.close-sidebar-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#495057;color:var(--text-secondary);cursor:pointer;display:none;padding:.5rem;transition:all .15s ease;transition:all var(--transition-fast)}.close-sidebar-btn:hover{background-color:#f1f3f5;background-color:var(--bg-hover)}.sidebar-content{flex:1 1;overflow-y:auto;padding:1rem}.section-title{color:#212529;color:var(--text-primary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.conversations-list{display:flex;flex-direction:column;gap:.25rem;margin-bottom:2rem}.conversation-item{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;margin-bottom:4px;min-height:48px;padding:12px 16px;position:relative;transition:background-color .2s ease}.conversation-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.conversation-title{-webkit-line-clamp:2;color:#212529;color:var(--text-primary);font-size:14px;font-weight:600;-webkit-hyphens:auto;hyphens:auto}.conversation-preview,.conversation-title{-webkit-box-orient:vertical;display:-webkit-box;line-height:1.3;overflow:hidden;word-break:break-word}.conversation-preview{-webkit-line-clamp:1;color:#9ca3af;font-size:12px;opacity:.8}.conversation-icon{flex-shrink:0;margin-right:8px;margin-top:2px}.conversation-item:hover{background-color:#f1f3f5;background-color:var(--bg-hover)}.conversation-item:hover .delete-conversation-btn{opacity:1!important;z-index:20!important}.conversation-item.active{background-color:#e3e6ea;background-color:var(--bg-active)}.conversation-item.active .delete-conversation-btn{opacity:1!important;z-index:20!important}.delete-conversation-btn{min-height:24px!important;min-width:24px!important;position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;z-index:10!important}.empty-state{color:#6c757d;font-size:.875rem;padding:2rem 1rem}.tools-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.tool-card{align-items:center;background-color:#e9ecef;background-color:var(--bg-tertiary);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;gap:.5rem;padding:1rem .75rem;text-align:center;transition:all .15s ease;transition:all var(--transition-fast)}.tool-card,.tool-card span{color:#212529;color:var(--text-primary)}.tool-card:hover{background-color:#f1f3f5;background-color:var(--bg-hover);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.tool-card.active{background-color:#06f;background-color:var(--accent-blue);border-color:#06f;border-color:var(--accent-blue);color:#fff}.tool-card svg{opacity:.8}.tool-blue svg{color:#06f;color:var(--accent-blue)}.tool-green svg{color:#00c853;color:var(--accent-green)}.tool-purple svg{color:#6200ea;color:var(--accent-purple)}.tool-yellow svg{color:#ffd600;color:var(--accent-yellow)}.tool-red svg{color:#d50000;color:var(--accent-red)}.tool-orange svg{color:#ff6d00;color:var(--accent-orange)}.tool-card.active svg{color:#fff;opacity:1}.sidebar-footer{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);padding:1rem}.user-section{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.user-avatar{background-color:#e9ecef;background-color:var(--bg-tertiary);color:#495057}.user-info{flex:1 1}.user-name{color:#212529;font-size:.9rem}.user-id{color:#6c757d;color:var(--text-tertiary);font-size:.75rem}.footer-actions{display:flex;gap:.5rem}.main-container{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:auto;position:relative}.chat-header{background-color:#f8f9fa;background-color:var(--bg-secondary);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);justify-content:space-between;min-height:60px;padding:1rem 1.5rem}.chat-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.menu-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;padding:.5rem;transition:all .15s ease;transition:all var(--transition-fast)}.menu-btn,.menu-btn:hover{color:#212529;color:var(--text-primary)}.menu-btn:hover{background-color:#f1f3f5;background-color:var(--bg-hover)}.model-selector-dropdown{margin-left:16px;max-width:450px;min-width:280px;position:relative;z-index:100}.selected-model{align-items:center;background-color:#e9ecef;background-color:var(--bg-tertiary);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;height:40px;justify-content:space-between;padding:8px 12px;transition:all .15s ease;transition:all var(--transition-fast)}.dropdown-open .selected-model{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:#06f;border-color:var(--accent-blue);box-shadow:0 0 0 2px #0066ff1a}.selected-model:hover{background-color:#f1f3f5;background-color:var(--bg-hover)}.selected-model-name{flex:1 1;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow,.selected-model-name{color:#212529;color:var(--text-primary)}.dropdown-arrow{flex-shrink:0;transition:transform .15s ease;transition:transform var(--transition-fast)}.dropdown-open .dropdown-arrow{transform:rotate(180deg)}.model-selector-placeholder{align-items:center;background-color:#e9ecef;background-color:var(--bg-tertiary);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);color:#495057;color:var(--text-secondary);display:flex;font-size:.9rem;height:40px;justify-content:center;padding:8px 16px;width:100%}.dropdown-content{animation:fadeIn .2s ease-out;background-color:#f8f9fa;background-color:var(--bg-secondary);border:1px solid #06f;border:1px solid var(--accent-blue);border-bottom-left-radius:10px;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:10px;border-bottom-right-radius:var(--radius-md);border-top:none;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:101}.provider-models-group{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-light);padding:8px}.provider-models-group:last-child{border-bottom:none}.provider-name{color:#6c757d;color:var(--text-tertiary);font-size:.7rem;padding:0 4px;white-space:nowrap}.model-options{display:flex;flex-direction:column;gap:4px}.model-option{background-color:#e9ecef;background-color:var(--bg-tertiary);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;overflow:hidden;padding:6px 10px;text-align:left;text-overflow:ellipsis;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.model-option,.model-option:hover{color:#212529;color:var(--text-primary)}.model-option:hover{background-color:#f1f3f5;background-color:var(--bg-hover)}.model-option.selected{background-color:#06f;background-color:var(--accent-blue);border-color:#06f;border-color:var(--accent-blue);color:#fff}.model-option.restricted{border-color:#e9ecef;border-color:var(--border-light);opacity:.6}.model-option.restricted,.model-option.restricted:hover{background-color:#f8f9fa;background-color:var(--bg-secondary);color:#6c757d;color:var(--text-tertiary);cursor:not-allowed}.model-option:disabled{cursor:not-allowed;opacity:.6}.chat-title{color:#212529;color:var(--text-primary);font-size:1.125rem;font-weight:600}.tool-active{color:#06f;color:var(--accent-blue)}.header-right,.tool-active{align-items:center;display:flex;gap:.5rem}.icon-btn{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .15s ease;transition:all var(--transition-fast)}.icon-btn,.icon-btn:hover{color:#212529;color:var(--text-primary)}.icon-btn:hover{background-color:#f1f3f5;background-color:var(--bg-hover)}.chat-container{background-color:#fff;background-color:var(--bg-primary);box-sizing:border-box;flex:1 1;margin-right:0;max-width:calc(50vw - 12px);overflow-y:auto;width:100%}.welcome-screen{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem}.welcome-content{max-width:500px;text-align:center}.welcome-icon{color:#06f;color:var(--accent-blue);margin-bottom:1.5rem}.welcome-content h2{color:#212529;color:var(--text-primary);font-size:1.75rem;margin-bottom:.5rem}.welcome-content p{color:#495057;color:var(--text-secondary);margin-bottom:2rem}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.quick-action-btn{align-items:center;background-color:#f8f9fa;background-color:var(--bg-secondary);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);color:#212529;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-width:120px;padding:1.5rem 2rem;transition:all .15s ease;transition:all var(--transition-fast)}.quick-action-btn:hover{background-color:#e9ecef;background-color:var(--bg-tertiary);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-btn span{color:#212529;color:var(--text-primary);font-size:.875rem}.messages-container{margin:0 auto;max-width:900px;padding:1rem;width:100%}.message{animation:fadeIn .3s ease-out;display:flex;gap:1rem;margin-bottom:1.5rem}.message-sending{opacity:.7}.message-sending .message-content{background-color:#f1f3f5;background-color:var(--bg-hover);border:1px dashed #dee2e6;border:1px dashed var(--border-color)}.message-user.message-sending .message-content{background-color:#0066ffb3;border:1px dashed #0066ff80}.message-loading .message-avatar{color:#06f;color:var(--accent-blue)}.sending-indicator{color:#6c757d;color:var(--text-tertiary);font-size:.75rem;font-style:italic}.loading-content{align-items:center;display:flex;gap:.5rem}.loading-text{color:#212529;color:var(--text-primary);font-size:.875rem;font-style:italic}.message-user{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.message-user .message-avatar{background-color:#06f;background-color:var(--accent-blue);color:#fff}.message-assistant .message-avatar{background-color:#e9ecef;background-color:var(--bg-tertiary);color:#212529;color:var(--text-primary)}.message-content-wrapper{flex:1 1;max-width:70%}.message-user .message-content-wrapper{align-items:flex-end;display:flex;flex-direction:column}.message-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.message-user .message-header{flex-direction:row-reverse}.message-sender{color:#212529;color:var(--text-primary);font-size:.875rem;font-weight:500}.message-time{color:#6c757d;color:var(--text-tertiary);font-size:.75rem}.message-content{word-wrap:break-word;background-color:#f8f9fa;background-color:var(--bg-secondary);border-radius:16px;border-radius:var(--radius-lg);padding:.75rem 1rem}.message-user .message-content{background-color:#06f;background-color:var(--accent-blue);color:#fff}.message-error .message-content{background-color:#fee;border:1px solid #fcc;color:#c00}[data-theme=dark] .message-error .message-content{background-color:#300;border-color:#600;color:#faa}.message-text{line-height:1.5;margin:0}.message-image{display:inline-block;margin-top:.5rem;position:relative}.message-image img{border-radius:10px;border-radius:var(--radius-md);display:block;max-height:400px;max-width:100%}.image-actions{display:flex;gap:.25rem;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.message-image:hover .image-actions{opacity:1}.message-code{background-color:#e9ecef;background-color:var(--bg-tertiary);border-radius:10px;border-radius:var(--radius-md);margin-top:.5rem;overflow:hidden}.code-header{align-items:center;background-color:#f1f3f5;background-color:var(--bg-hover);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);color:#495057;color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 1rem}.message-code pre{margin:0;overflow-x:auto;padding:1rem}.message-code code{color:#212529;color:var(--text-primary);font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem}.message-research{background-color:#e9ecef;background-color:var(--bg-tertiary);border-left:4px solid #ffd600;border-left:4px solid var(--accent-yellow);border-radius:10px;border-radius:var(--radius-md);margin-top:.5rem;padding:1rem}.message-research h4{color:#212529;color:var(--text-primary);font-size:1rem;margin:0 0 .5rem}.message-actions{display:flex;gap:.25rem;margin-top:.5rem;opacity:0;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.message:hover .message-actions{opacity:1}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s infinite;background-color:#212529;background-color:var(--text-primary);border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.message-text-container{align-items:baseline;display:inline-flex;gap:2px}.typing-cursor{animation:cursor-blink 1s infinite;color:#212529;color:var(--text-primary);font-size:1.1em;font-weight:700;line-height:1}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.virtualized-message-list{position:relative;scrollbar-color:#dee2e6 #0000;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin;width:100%}.virtualized-message-list::-webkit-scrollbar{width:6px}.virtualized-message-list::-webkit-scrollbar-track{background:#0000}.virtualized-message-list::-webkit-scrollbar-thumb{background:#dee2e6;background:var(--border-color);border-radius:3px}.virtualized-message-list::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--text-tertiary)}.scroll-indicator{background:#0000001a;border-radius:2px;bottom:10px;pointer-events:none;position:absolute;right:4px;top:10px;width:4px}[data-theme=dark] .scroll-indicator{background:#ffffff1a}.scroll-progress{height:100%;position:relative;width:100%}.scroll-thumb{background:#06f;background:var(--accent-blue);border-radius:2px;min-height:20px;position:absolute;transition:.15s ease;transition:var(--transition-fast);width:100%}.chat-input-container{background-color:#f8f9fa;background-color:var(--bg-secondary);border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);padding:1rem 1.5rem 1.5rem}.active-tool-indicator{align-items:center;background-color:#e9ecef;background-color:var(--bg-tertiary);border-radius:10px;border-radius:var(--radius-md);color:#06f;color:var(--accent-blue);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.75rem;padding:.5rem 1rem}.remove-tool{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#6c757d;color:var(--text-tertiary);cursor:pointer;margin-left:auto;padding:.25rem;transition:all .15s ease;transition:all var(--transition-fast)}.remove-tool:hover{background-color:#f1f3f5;background-color:var(--bg-hover);color:#212529;color:var(--text-primary)}.input-wrapper{align-items:flex-end;background-color:#e9ecef;background-color:var(--bg-tertiary);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-xl);display:flex;gap:.5rem;padding:.5rem;transition:all .15s ease;transition:all var(--transition-fast)}.input-wrapper:focus-within{border-color:#06f;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0066ff1a}.attach-btn,.voice-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#6c757d;color:var(--text-tertiary);cursor:pointer;padding:.5rem;transition:all .15s ease;transition:all var(--transition-fast)}.attach-btn:hover,.voice-btn:hover{background-color:#f1f3f5;background-color:var(--bg-hover);color:#212529;color:var(--text-primary)}.chat-input{background:none;border:none;color:#212529;color:var(--text-primary);flex:1 1;font-size:.9375rem;line-height:1.5;max-height:120px;outline:none;overflow-y:auto;padding:.25rem .5rem;resize:none}.chat-input::placeholder{color:#6c757d;color:var(--text-tertiary)}.send-btn{align-items:center;background-color:#06f;background-color:var(--accent-blue);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .15s ease;transition:all var(--transition-fast)}.send-btn:hover:not(:disabled){background-color:#0052cc;transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.loading-screen{align-items:center;background-color:#fff;background-color:var(--bg-primary);display:flex;height:100vh;justify-content:center}.loading-content{text-align:center}.loading-spinner{color:#06f;margin-bottom:1rem}.loading-content p{color:#495057;color:var(--text-secondary)}.sidebar-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}@media (max-width:768px){.sidebar{bottom:0;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);left:0;position:fixed;top:0;transform:translateX(-100%)}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{display:block}.close-sidebar-btn{display:flex}.tools-grid{grid-template-columns:1fr}.chat-header{padding:.75rem 1rem}.chat-title{font-size:1rem}.model-selector-dropdown{max-width:320px;min-width:220px}.messages-container{padding:.75rem}.message-content-wrapper{max-width:85%}.quick-actions{flex-direction:column}.quick-action-btn{flex-direction:row;justify-content:center;padding:1rem;width:100%}.chat-input-container{padding:.75rem}.input-wrapper{padding:.375rem}}@media (max-width:480px){.message{gap:.5rem}.message-avatar{height:32px;width:32px}.message-content-wrapper{max-width:90%}.message-content{font-size:.9375rem;padding:.5rem .75rem}.chat-input{font-size:.875rem}}.animate-spin{animation:spin 1s linear infinite}.sr-only{border-width:0}.preview-open .chat-container,.preview-open .chat-input-container,.preview-open .messages-container,.preview-open .welcome-screen{border-top-right-radius:18px;box-sizing:border-box;margin:0;max-width:calc(50vw - 12px)!important;width:100%}.chat-container,.chat-input-container,.messages-container,.welcome-screen{box-sizing:border-box;max-width:none!important;width:100%}@media (max-width:1200px){.preview-open .chat-container,.preview-open .chat-input-container,.preview-open .messages-container,.preview-open .welcome-screen{max-width:100vw!important}}.message-error{background-color:#ef44440d;border-left:3px solid #ef4444}.message-error .message-content{color:#dc2626}.retry-btn{background-color:#3b82f6!important;border-radius:6px;color:#fff!important;padding:6px 8px;transition:all .2s ease}.retry-btn:hover{background-color:#2563eb!important;transform:translateY(-1px)}.retry-btn:disabled{background-color:#6c757d!important;background-color:var(--text-tertiary)!important;cursor:not-allowed;transform:none}.retry-text{color:#6c757d;color:var(--text-tertiary);font-size:12px;margin-left:4px}.message-attachment.uploading{color:#6c757d;color:var(--text-tertiary);font-style:italic;opacity:.7}.message-attachment.error{color:#d50000;color:var(--accent-red);font-style:normal;font-weight:500;opacity:1}.spinning{animation:spin-loader 1s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin-loader{to{transform:rotate(1turn)}}.pending-attachments{background:#e9ecef;background:var(--bg-tertiary);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px;padding:8px 12px}.pending-attachment{align-items:center;background:#f1f3f5;background:var(--bg-hover);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);color:#495057;color:var(--text-secondary);display:flex;font-size:12px;gap:6px;padding:4px 8px}.attachment-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:#6c757d;color:var(--text-tertiary);font-size:11px}.remove-attachment{align-items:center;background:none;border:none;border-radius:50%;color:#d50000;color:var(--accent-red);cursor:pointer;display:flex;height:18px;justify-content:center;padding:2px;transition:background-color .15s ease;transition:background-color var(--transition-fast);width:18px}.remove-attachment:hover{background:#d500001a}[data-theme=light] .conversation-item,[data-theme=light] .conversation-preview,[data-theme=light] .section-title,[data-theme=light] .sidebar,[data-theme=light] .sidebar-content,[data-theme=light] .tool-card,[data-theme=light] .tool-card span{color:#000!important}[data-theme=light] .tool-card svg{color:#2563eb!important}[data-theme=light] .tool-card.active,[data-theme=light] .tool-card.active span{color:#fff!important}[data-theme=light] .active-tool-indicator,[data-theme=light] .conversation-item,[data-theme=light] .conversation-item .message-username,[data-theme=light] .conversation-preview,[data-theme=light] .icon-btn,[data-theme=light] .icon-btn svg,[data-theme=light] .message-username,[data-theme=light] .model-selector,[data-theme=light] .model-selector span,[data-theme=light] .model-selector svg,[data-theme=light] .section-title,[data-theme=light] .sidebar,[data-theme=light] .sidebar svg,[data-theme=light] .sidebar-content,[data-theme=light] .sidebar-footer,[data-theme=light] .sidebar-header,[data-theme=light] .tool-card,[data-theme=light] .tool-card .icon,[data-theme=light] .tool-card span,[data-theme=light] .user-avatar,[data-theme=light] .user-settings,[data-theme=light] .welcome-content,[data-theme=light] .welcome-content h1,[data-theme=light] .welcome-content h2,[data-theme=light] .welcome-content h3,[data-theme=light] .welcome-content p{color:#000!important}[data-theme=light] .tool-card.active,[data-theme=light] .tool-card.active span,[data-theme=light] .tool-card.active svg{color:#fff!important}[data-theme=light] .icon-btn svg,[data-theme=light] .sidebar svg,[data-theme=light] .tool-card svg{color:#000!important}[data-theme=light]{--accent-blue:#000!important}.inline-code-container{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);margin-top:.5rem;overflow:hidden}.inline-code,.inline-code-container{background-color:#e9ecef;background-color:var(--bg-tertiary)}.inline-code{color:#212529;color:var(--text-primary);font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5;margin:0;max-height:300px;overflow-x:auto;padding:.75rem 1rem}.inline-code code{white-space:pre-wrap;word-break:break-word}.upgrade-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.upgrade-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.upgrade-btn-free{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 2px 8px #f093fb4d}.upgrade-btn-free:hover{box-shadow:0 4px 12px #f093fb66}.upgrade-btn-basic{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 2px 8px #4facfe4d}.upgrade-btn-basic:hover{box-shadow:0 4px 12px #4facfe66}.upgrade-btn-pro{background:linear-gradient(135deg,#fa709a,#fee140);box-shadow:0 2px 8px #fa709a4d}.upgrade-btn-pro:hover{box-shadow:0 4px 12px #fa709a66}.upgrade-btn-enterprise{background:linear-gradient(135deg,#a8edea,#fed6e3);box-shadow:0 2px 8px #a8edea4d;color:#333}.upgrade-btn-enterprise:hover{box-shadow:0 4px 12px #a8edea66}.upgrade-text{font-size:13px;font-weight:600}.upgrade-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.upgrade-modal{background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:90vw}.upgrade-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:24px 32px 16px}.upgrade-modal-header h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:24px;font-weight:700;margin:0}.current-plan-info{background:#f8fafc;background:var(--bg-accent,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:16px 32px}.current-plan-info p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0}.current-plan-info strong{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600}.upgrade-modal-content{padding:32px}.loading-state{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.plan-card{background:#fff;background:var(--bg-primary,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.plan-card:hover{transform:translateY(-2px)}.plan-card.popular,.plan-card:hover{border-color:#667eea;border-color:var(--primary-color,#667eea);box-shadow:0 8px 25px #667eea26}.popular-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 12px 0 12px;display:flex;font-size:12px;gap:4px;padding:6px 12px;right:-1px;top:-1px}.plan-header{margin-bottom:24px;text-align:center}.plan-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:20px;font-weight:700;margin:0 0 8px}.plan-price{margin-bottom:8px}.plan-price .price{color:#667eea;color:var(--primary-color,#667eea);font-size:32px;font-weight:800}.plan-price .period{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:16px;font-weight:500}.price-with-discount{align-items:center;display:flex;flex-direction:column;gap:4px}.original-price{margin-bottom:2px}.original-price .crossed-out{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:18px;font-weight:500;opacity:.8;text-decoration:line-through}.discounted-price{align-items:baseline;display:flex;gap:2px}.discounted-price .price{color:#10b981}.discount-info{align-items:center;display:flex;flex-direction:column;margin-top:4px}.discount-badge{background:#10b981;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-bottom:4px;padding:3px 8px}.discount-amount{color:#10b981;font-size:14px;font-weight:600}.subscribe-btn.free-upgrade{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.subscribe-btn.free-upgrade:hover:not(:disabled){box-shadow:0 6px 16px #10b98166}.plan-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;line-height:1.4;margin:0}.plan-features{margin-bottom:24px}.feature-item{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:14px;gap:8px;margin-bottom:12px}.check-icon{color:#10b981;flex-shrink:0}.plan-footer{text-align:center}.subscribe-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease;width:100%}.subscribe-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.subscribe-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.subscribe-btn.current-plan{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);box-shadow:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:default}.subscribe-btn .spinner{animation:spin 1s linear infinite}.no-upgrades{color:#6b7280;color:var(--text-secondary,#6b7280);padding:60px 20px;text-align:center}.no-upgrades h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:20px;font-weight:600;margin:16px 0 8px}.no-upgrades p{font-size:14px;margin:0}.coupon-section{background:#f8fafc;background:var(--bg-accent,#f8fafc);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding:24px 32px}.coupon-section h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-weight:600;margin:0 0 16px}.coupon-input-group{display:flex;gap:12px;margin-bottom:12px}.coupon-input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.coupon-input:focus{border-color:#667eea;border-color:var(--primary-color,#667eea);box-shadow:0 0 0 3px #667eea1a;outline:none}.coupon-input:disabled{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:not-allowed}.coupon-apply-btn,.coupon-remove-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.coupon-apply-btn{background:#667eea;background:var(--primary-color,#667eea);color:#fff}.coupon-apply-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.coupon-apply-btn:disabled{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:not-allowed;transform:none}.coupon-remove-btn{background:#ef4444;color:#fff}.coupon-remove-btn:hover{background:#dc2626;transform:translateY(-1px)}.coupon-error{color:#dc2626}.coupon-error,.coupon-success{font-size:12px;font-weight:500;margin-top:4px}.coupon-success{background:#d1fae5;border:1px solid #a7f3d0;border-radius:4px;color:#059669;padding:8px 12px}.upgrade-modal-footer{background:#f8fafc;background:var(--bg-accent,#f8fafc);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding:16px 32px 24px;text-align:center}.upgrade-modal-footer p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;margin:4px 0}.error-message{border-left:4px solid #ef4444;margin-bottom:16px;padding:16px 32px}[data-theme=dark] .upgrade-modal{background:#1f2937;background:var(--bg-primary,#1f2937)}[data-theme=dark] .upgrade-modal-header h2{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .close-btn{color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .close-btn:hover{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .close-btn:hover,[data-theme=dark] .current-plan-info{background:#374151;background:var(--bg-secondary,#374151)}[data-theme=dark] .current-plan-info p{color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .current-plan-info strong{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .plan-card{background:#374151;background:var(--bg-secondary,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563)}[data-theme=dark] .feature-item,[data-theme=dark] .plan-header h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .subscribe-btn.current-plan{background:#1f2937;background:var(--bg-primary,#1f2937);color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .no-upgrades h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .upgrade-modal-footer{background:#374151;background:var(--bg-secondary,#374151)}@media (max-width:768px){.upgrade-btn .upgrade-text{display:none}.upgrade-modal{margin:20px;width:95vw}.upgrade-modal-content,.upgrade-modal-header{padding:20px}.plans-grid{gap:16px;grid-template-columns:1fr}.plan-card{padding:20px}}.feedback-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.feedback-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.feedback-text{font-size:13px;font-weight:600}.feedback-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.feedback-modal{max-width:600px}.feedback-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:24px 32px 16px}.feedback-modal-header h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:24px;font-weight:700;margin:0}.close-btn{border-radius:8px;padding:8px}.close-btn:hover:not(:disabled){background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937)}.close-btn:disabled{cursor:not-allowed;opacity:.5}.feedback-success{padding:60px 32px;text-align:center}.success-icon{font-size:48px;margin-bottom:16px}.feedback-success h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:20px;font-weight:700;margin:0 0 8px}.feedback-success p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0}.feedback-form{padding:24px 32px 32px}.feedback-type-section{margin-bottom:24px}.feedback-type-section label{color:#1f2937;color:var(--text-primary,#1f2937);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.feedback-type-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.feedback-type-btn{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:8px;padding:16px 12px;transition:all .2s ease}.feedback-type-btn:hover{border-color:var(--type-color);color:var(--type-color);transform:translateY(-1px)}.feedback-type-btn.active{background:var(--type-color);border-color:var(--type-color);box-shadow:0 4px 12px #0000001a;color:#fff}.feedback-type-btn span{font-weight:600}.form-group label{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600}.form-group input,.form-group textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-sizing:border-box;color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.form-group input:disabled,.form-group textarea:disabled{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:not-allowed}.form-group textarea{font-family:inherit;min-height:120px}.error-message p{color:#dc2626;font-size:14px;font-weight:500;margin:0}.btn-primary,.btn-secondary{align-items:center;display:flex;gap:8px}.btn-secondary:hover:not(:disabled){background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.feedback-modal{margin:20px;width:95vw}.feedback-form,.feedback-modal-header{padding-left:20px;padding-right:20px}.feedback-type-grid{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.feedback-type-grid{grid-template-columns:1fr}.feedback-text{display:none}}.admin-container{background-color:var(--bg-primary)}.admin-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color)}.admin-logo{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:.75rem}.admin-logo svg{color:var(--accent-blue)}.admin-nav{display:flex;flex-direction:column;gap:.25rem}.admin-nav-item{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all var(--transition-fast)}.admin-nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.admin-nav-item.active{background-color:var(--accent-blue);color:#fff}.admin-nav-item.active svg{color:#fff}.admin-avatar{background-color:var(--accent-blue);color:#fff}.admin-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;min-height:60px;padding:1rem 1.5rem}.page-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.header-search{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:.5rem;min-width:250px;padding:.5rem 1rem}.search-input{background:none;border:none;outline:none}.search-input::placeholder{color:var(--text-tertiary)}.notification-btn{position:relative}.notification-badge{background-color:var(--accent-red);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.admin-content{background-color:var(--bg-primary);flex:1 1;overflow-y:auto;padding:1.5rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-icon{border-radius:var(--radius-md)}.stat-icon,.stat-icon svg{background-color:initial!important;background:none!important}.stat-icon.blue{color:var(--accent-blue)!important}.stat-icon.green{color:var(--accent-green)!important}.stat-icon.purple{color:var(--accent-purple)!important}.stat-icon.yellow{color:var(--accent-yellow)!important}.stat-icon.red{color:var(--accent-red)!important}.stat-icon.blue svg{color:var(--accent-blue)!important}.stat-icon.green svg{color:var(--accent-green)!important}.stat-icon.purple svg{color:var(--accent-purple)!important}.stat-icon.yellow svg{color:var(--accent-yellow)!important}.stat-icon.red svg{color:var(--accent-red)!important}.stat-change{font-size:.875rem;font-weight:500}.stat-change.positive{color:var(--accent-green)}.stat-change.negative{color:var(--accent-red)}.stat-value{color:var(--text-primary);font-size:2rem;margin-bottom:.25rem}.stat-label{color:var(--text-secondary);font-size:.875rem}.data-table-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.table-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.table-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.table-actions{display:flex;gap:.5rem}.btn{border-radius:var(--radius-md);font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.btn-primary{background-color:var(--accent-blue)}.btn-primary:hover{background-color:#0052cc;box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--bg-tertiary)}.btn-secondary:hover{background-color:var(--bg-hover)}.data-table{border-collapse:collapse;width:100%}.data-table th{background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.data-table td{border-top:1px solid var(--border-color);color:var(--text-primary);padding:1rem 1.5rem}.data-table tr:hover{background-color:var(--bg-hover)}.table-pagination{align-items:center;border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between;padding:1rem 1.5rem}.pagination-buttons{display:flex;gap:.5rem}.pagination-btn{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.5rem .75rem;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background-color:var(--bg-hover)}.pagination-btn.active{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.status-badge{border-radius:9999px;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .75rem}.status-badge.active{background-color:#00c8531a;color:var(--accent-green)}.status-badge.inactive{background-color:#6c757d1a;color:var(--text-tertiary)}.status-badge.banned{background-color:#d500001a;color:var(--accent-red)}.action-buttons{display:flex;gap:.5rem}.action-btn{background:none;border-radius:var(--radius-sm);color:var(--text-tertiary);padding:.375rem;transition:all var(--transition-fast)}.action-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-icon{background:none!important;border-radius:var(--radius-sm);color:var(--text-tertiary);transition:all var(--transition-fast)}.btn-icon:focus,.btn-icon:hover{background-color:var(--bg-hover)!important;color:var(--text-primary)}.btn-icon:focus:not(:focus-visible){outline:none}.chart-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);height:400px;padding:1.5rem}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.chart-title{color:var(--text-primary);font-size:1rem;font-weight:600}.chart-period-selector{background-color:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;gap:.25rem;padding:.25rem}.period-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:all var(--transition-fast)}.period-btn.active,.period-btn:hover{color:var(--text-primary)}.period-btn.active{background-color:var(--bg-secondary);box-shadow:var(--shadow-sm)}.charts-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-primary);font-weight:500}.form-input,.form-select,.form-textarea{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;padding:.75rem 1rem;transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #0066ff1a;outline:none}.form-textarea{min-height:100px;resize:vertical}.modal{background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow-y:auto}.modal-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal-close{border-radius:var(--radius-sm);padding:.5rem;transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--bg-hover)}.modal-footer{align-items:center;border-top:1px solid var(--border-color);gap:.5rem;padding:1.5rem}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.charts-row{grid-template-columns:1fr!important}}@media (max-width:768px){.admin-sidebar{width:280px}.header-search{display:none}.admin-content{padding:1rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.data-table-container{overflow-x:auto}.table-header{align-items:flex-start}.table-header,.table-pagination{flex-direction:column;gap:1rem}.chart-container{height:300px;padding:1rem}.chart-header{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:480px){.admin-content{padding:.75rem}.stats-grid{gap:.75rem}.stat-card{padding:.75rem}.stat-header{margin-bottom:.75rem}.stat-icon{height:40px;width:40px}.stat-value{font-size:1.25rem}.chart-container{height:250px;padding:.75rem}}.empty-state{color:var(--text-tertiary);padding:3rem 1.5rem;text-align:center}.empty-state-icon{margin-bottom:1rem;opacity:.5}.empty-state-title{color:var(--text-secondary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.empty-state-description{font-size:.875rem;margin-bottom:1.5rem}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner{color:var(--accent-blue)}.error-container{background-color:#d500001a;border:1px solid #d5000033;border-radius:var(--radius-md);color:var(--accent-red);margin-bottom:1rem;padding:1rem}.error-title{font-weight:600;margin-bottom:.25rem}[data-theme=light] .admin-avatar,[data-theme=light] .admin-avatar *,[data-theme=light] .admin-container,[data-theme=light] .admin-container *,[data-theme=light] .admin-content,[data-theme=light] .admin-content *,[data-theme=light] .admin-header,[data-theme=light] .admin-header *,[data-theme=light] .admin-nav-item,[data-theme=light] .admin-nav-item *,[data-theme=light] .admin-section-title,[data-theme=light] .admin-section-title *,[data-theme=light] .admin-sidebar,[data-theme=light] .admin-sidebar *,[data-theme=light] .btn-primary,[data-theme=light] .btn-secondary,[data-theme=light] .stat-card,[data-theme=light] .stat-card *{color:#000!important}[data-theme=dark] .admin-avatar,[data-theme=dark] .admin-avatar *,[data-theme=dark] .admin-container,[data-theme=dark] .admin-container *,[data-theme=dark] .admin-content,[data-theme=dark] .admin-content *,[data-theme=dark] .admin-header,[data-theme=dark] .admin-header *,[data-theme=dark] .admin-nav-item,[data-theme=dark] .admin-nav-item *,[data-theme=dark] .admin-section-title,[data-theme=dark] .admin-section-title *,[data-theme=dark] .admin-sidebar,[data-theme=dark] .admin-sidebar *,[data-theme=dark] .btn-primary,[data-theme=dark] .btn-secondary,[data-theme=dark] .stat-card,[data-theme=dark] .stat-card *{color:#fff!important}[data-theme=light] .admin-header svg,[data-theme=light] .admin-sidebar svg{color:#000!important}[data-theme=dark] .admin-header svg,[data-theme=dark] .admin-sidebar svg{color:#fff!important}[data-theme=dark] .stat-icon svg,[data-theme=light] .stat-icon svg{background:none!important;background-color:initial!important;color:inherit!important}[data-theme=dark] .admin-content .stat-icon svg,[data-theme=light] .admin-content .stat-icon svg{color:inherit!important}[data-theme=light]{--text-primary:#000!important;--text-secondary:#000!important;--text-tertiary:#000!important}[data-theme=dark]{--text-primary:#fff!important;--text-secondary:#fff!important;--text-tertiary:#fff!important}[data-theme=dark] .admin-content ::selection,[data-theme=dark] .analytics-container ::selection,[data-theme=dark] .chart-container ::selection,[data-theme=dark] .data-table ::selection,[data-theme=dark] .page-header ::selection,[data-theme=dark] .stat-card ::selection,[data-theme=dark] .table-card ::selection{background-color:#6366f14d!important;color:#fff!important}[data-theme=dark] .admin-content ::-moz-selection,[data-theme=dark] .analytics-container ::-moz-selection,[data-theme=dark] .chart-container ::-moz-selection,[data-theme=dark] .data-table ::-moz-selection,[data-theme=dark] .page-header ::-moz-selection,[data-theme=dark] .stat-card ::-moz-selection,[data-theme=dark] .table-card ::-moz-selection{background-color:#6366f14d!important;color:#fff!important}[data-theme=light] .admin-content ::selection,[data-theme=light] .analytics-container ::selection,[data-theme=light] .chart-container ::selection,[data-theme=light] .data-table ::selection,[data-theme=light] .page-header ::selection,[data-theme=light] .stat-card ::selection,[data-theme=light] .table-card ::selection{background-color:#6366f133!important;color:#000!important}[data-theme=light] .admin-content ::-moz-selection,[data-theme=light] .analytics-container ::-moz-selection,[data-theme=light] .chart-container ::-moz-selection,[data-theme=light] .data-table ::-moz-selection,[data-theme=light] .page-header ::-moz-selection,[data-theme=light] .stat-card ::-moz-selection,[data-theme=light] .table-card ::-moz-selection{background-color:#6366f133!important;color:#000!important}.analytics-container{background-color:var(--bg-primary);color:var(--text-primary)}.analytics-container .page-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.analytics-container .header-content h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.analytics-container .header-content p{color:var(--text-secondary);font-size:.875rem}.analytics-container .header-actions{align-items:center;display:flex;gap:.75rem}.analytics-container .select-input{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;padding:.5rem .75rem}.analytics-container .charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.analytics-container .chart-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.analytics-container .chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.analytics-container .chart-header h3{color:var(--text-primary);font-size:1rem;font-weight:600}.analytics-container .info-icon{color:var(--text-tertiary)}.analytics-container .table-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.analytics-container .table-header{border-bottom:1px solid var(--border-color);padding:1.5rem}.analytics-container .table-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600}.analytics-container .table-container{overflow-x:auto}.analytics-container .progress-cell{align-items:center;display:flex;gap:.75rem}.analytics-container .progress-bar{background-color:var(--bg-tertiary);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.analytics-container .progress-fill{background-color:var(--accent-blue);height:100%;transition:width .3s ease}.analytics-container .trend-icon{color:var(--accent-green)}.analytics-container .loading-state{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.analytics-container .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--bg-tertiary);border:3px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--accent-blue);height:32px;margin-bottom:1rem;width:32px}[data-theme=dark] .token-usage-container ::selection{background-color:#6366f14d!important;color:#fff!important}[data-theme=light] .token-usage-container ::selection{background-color:#6366f133!important;color:#000!important}[data-theme=light] .token-usage-container ::-moz-selection{background-color:#6366f133!important;color:#000!important}.token-usage-container{background-color:var(--bg-primary);color:var(--text-primary);padding:1rem}.token-usage-container .page-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.token-usage-container .header-content h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.token-usage-container .header-content p{color:var(--text-secondary);font-size:.875rem}.token-usage-container .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.token-usage-container .select-input{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;min-width:140px;padding:.5rem .75rem}.token-usage-container .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.token-usage-container .stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-fast)}.token-usage-container .stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.token-usage-container .stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.token-usage-container .stat-header h3{color:var(--text-secondary);font-size:.875rem;font-weight:600;margin:0}.token-usage-container .stat-icon{color:var(--accent-blue)}.token-usage-container .stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.token-usage-container .stat-subtitle{color:var(--text-tertiary);font-size:.75rem;margin-bottom:.5rem}.token-usage-container .stat-change{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.token-usage-container .stat-change.positive{color:var(--accent-green)}.token-usage-container .stat-change.negative{color:var(--accent-red)}.token-usage-container .charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}.token-usage-container .chart-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.token-usage-container .chart-card.large{grid-column:1/-1}.token-usage-container .chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.token-usage-container .chart-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.token-usage-container .chart-legend{display:flex;flex-wrap:wrap;gap:1rem}.token-usage-container .legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem}.token-usage-container .legend-dot{border-radius:50%;height:8px;width:8px}.token-usage-container .pie-legend{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:1rem}.token-usage-container .table-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:2rem;overflow:hidden}.token-usage-container .table-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem}.token-usage-container .table-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.token-usage-container .table-actions{display:flex;flex-wrap:wrap;gap:.5rem}.token-usage-container .search-box{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:.5rem;min-width:200px;padding:.5rem .75rem}.token-usage-container .search-box input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:.875rem;outline:none}.token-usage-container .search-box input::placeholder{color:var(--text-tertiary)}.token-usage-container .table-container{overflow-x:auto}.token-usage-container .data-table{border-collapse:collapse;min-width:600px;width:100%}.token-usage-container .data-table th{background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase;white-space:nowrap}.token-usage-container .data-table td{border-top:1px solid var(--border-color);color:var(--text-primary);padding:1rem 1.5rem;white-space:nowrap}.token-usage-container .data-table tr:hover{background-color:var(--bg-hover)}.token-usage-container .user-cell{align-items:center;display:flex;gap:.75rem;min-width:200px}.token-usage-container .user-avatar{align-items:center;background-color:var(--accent-blue);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.token-usage-container .user-name{color:var(--text-primary);font-weight:500}.token-usage-container .user-email{color:var(--text-tertiary);font-size:.75rem}.token-usage-container .trend{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.token-usage-container .trend.positive{color:var(--accent-green)}.token-usage-container .trend.negative{color:var(--accent-red)}.token-usage-container .btn-sm{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.75rem;padding:.375rem .75rem;transition:all var(--transition-fast)}.token-usage-container .btn-sm:hover{background-color:var(--bg-hover)}.token-usage-container .feature-usage-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1.5rem}.token-usage-container .feature-usage-card{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.token-usage-container .feature-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.token-usage-container .feature-header h4{color:var(--text-primary);font-size:.875rem;font-weight:500;margin:0}.token-usage-container .feature-percentage{color:var(--accent-blue);font-size:.75rem;font-weight:600}.token-usage-container .feature-tokens{color:var(--text-primary);font-size:1.25rem;font-weight:700}.token-usage-container .user-details-drawer{background-color:var(--bg-secondary);border-left:1px solid var(--border-color);height:100vh;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(0);transition:transform var(--transition-fast);width:400px;z-index:1000}.token-usage-container .drawer-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0}.token-usage-container .drawer-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.token-usage-container .btn-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;padding:.5rem;transition:all var(--transition-fast)}.token-usage-container .btn-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.token-usage-container .drawer-content{padding:1.5rem}.token-usage-container .user-info{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.token-usage-container .user-avatar-large{align-items:center;background-color:var(--accent-blue);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.token-usage-container .user-details h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.token-usage-container .user-details p{color:var(--text-secondary);font-size:.875rem;margin:0}.token-usage-container .user-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.token-usage-container .user-stat-card{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.token-usage-container .stat-title{color:var(--text-secondary);font-size:.75rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.token-usage-container .user-stat-card .stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.token-usage-container .loading-state{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.token-usage-container .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--bg-tertiary);border:3px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--accent-blue);height:32px;margin-bottom:1rem;width:32px}@media (max-width:480px){.token-usage-container{padding:.5rem}.token-usage-container .page-header{align-items:flex-start;flex-direction:column;gap:1rem}.token-usage-container .header-actions{justify-content:stretch;width:100%}.token-usage-container .select-input{flex:1 1;min-width:auto}.token-usage-container .stats-grid{gap:.75rem;grid-template-columns:1fr}.token-usage-container .stat-card{padding:1rem}.token-usage-container .stat-value{font-size:1.5rem}.token-usage-container .chart-card{padding:1rem}.token-usage-container .chart-header{align-items:flex-start;flex-direction:column;gap:.75rem}.token-usage-container .table-header{align-items:flex-start;flex-direction:column;gap:1rem}.token-usage-container .search-box{min-width:auto;width:100%}.token-usage-container .data-table td,.token-usage-container .data-table th{padding:.75rem 1rem}.token-usage-container .user-cell{min-width:150px}.token-usage-container .feature-usage-grid{grid-template-columns:1fr;padding:1rem}.token-usage-container .user-details-drawer{left:0;right:0;width:100%}}@media (min-width:481px) and (max-width:768px){.token-usage-container .stats-grid{grid-template-columns:repeat(2,1fr)}.token-usage-container .charts-grid{grid-template-columns:1fr}.token-usage-container .feature-usage-grid,.token-usage-container .pie-legend{grid-template-columns:repeat(2,1fr)}.token-usage-container .user-details-drawer{width:350px}}@media (min-width:769px) and (max-width:1200px){.token-usage-container .stats-grid{grid-template-columns:repeat(2,1fr)}.token-usage-container .charts-grid{grid-template-columns:2fr 1fr}.token-usage-container .feature-usage-grid{grid-template-columns:repeat(3,1fr)}.token-usage-container .pie-legend{grid-template-columns:repeat(2,1fr)}}@media (min-width:1201px){.token-usage-container .stats-grid{grid-template-columns:repeat(4,1fr)}.token-usage-container .charts-grid{grid-template-columns:2fr 1fr}.admin-settings-container{background-color:var(--bg-primary);color:var(--text-primary)}.settings-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;min-height:600px;overflow:hidden}.settings-tabs{background-color:var(--bg-tertiary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1rem 0;width:250px}.settings-tab{align-items:center;background:none;border:none;border-left:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.875rem 1.5rem;text-align:left;transition:all var(--transition-fast)}.settings-tab:hover{background-color:var(--bg-hover);color:var(--text-primary)}.settings-tab.active{background-color:var(--bg-secondary);border-left-color:var(--accent-blue);color:var(--accent-blue)}.settings-tab svg{flex-shrink:0}.settings-content{flex:1 1;max-height:600px;overflow-y:auto;padding:2rem}.section-header,.settings-section{margin-bottom:2rem}.section-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding-bottom:1rem}.section-header svg{color:var(--accent-blue);flex-shrink:0;margin-top:.25rem}.section-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.section-header p{color:var(--text-secondary);font-size:.875rem;margin:0}.settings-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group.full-width{grid-column:1/-1}.toggle-setting{align-items:flex-start;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:1rem;justify-content:space-between;padding:1rem}.toggle-info{flex:1 1}.toggle-info .form-label{font-weight:500;margin-bottom:.25rem}.form-hint{color:var(--text-tertiary);font-size:.8125rem;line-height:1.4;margin:0}.toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition-fast)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #0000001a;content:"";height:18px;left:2px;width:18px}input:checked+.toggle-slider{background-color:var(--accent-blue);border-color:var(--accent-blue)}input:checked+.toggle-slider:before{transform:translateX(24px)}.alert{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.9rem;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-success{background-color:#00c8531a;border:1px solid #00c85333;color:var(--accent-green)}.alert-error{background-color:#d500001a;border:1px solid #d5000033;color:var(--accent-red)}.alert svg{flex-shrink:0}.form-actions{border-top:1px solid var(--border-color);gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.form-actions,.header-actions{align-items:center;display:flex}.header-actions{gap:.75rem}@media (max-width:1024px){.settings-container{flex-direction:column;min-height:auto}.settings-tabs{border-bottom:1px solid var(--border-color);border-right:none;flex-direction:row;overflow-x:auto;padding:0;width:100%}.settings-tab{border-bottom:3px solid #0000;border-left:none;min-width:-webkit-fit-content;min-width:fit-content;padding:1rem 1.5rem;white-space:nowrap}.settings-tab.active{border-bottom-color:var(--accent-blue);border-left:none}.settings-content{max-height:none}.settings-grid{grid-template-columns:1fr}}@media (max-width:768px){.settings-content{padding:1.5rem}.section-header{flex-direction:column;gap:.5rem;text-align:center}.section-header svg{margin-top:0}.toggle-setting{flex-direction:column;gap:1rem;text-align:center}.form-actions{flex-direction:column-reverse;gap:.75rem}.form-actions .btn{justify-content:center;width:100%}.header-actions{justify-content:stretch;width:100%}.header-actions .btn{flex:1 1;justify-content:center}}@media (max-width:480px){.settings-content{padding:1rem}.settings-tabs{padding:0}.settings-tab{font-size:.8rem;padding:.75rem 1rem}.settings-tab span{display:none}.section-header h3{font-size:1.125rem}.toggle-switch{height:20px;width:40px}.toggle-slider:before{bottom:2px;height:14px;left:2px;width:14px}input:checked+.toggle-slider:before{transform:translateX(20px)}}.notification-management-container{background-color:var(--bg-primary);color:var(--text-primary)}.notification-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto}.notification-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.875rem 1.5rem;transition:all var(--transition-fast);white-space:nowrap}.notification-tab:hover{background-color:var(--bg-hover);color:var(--text-primary)}.notification-tab.active{border-bottom-color:var(--accent-blue);color:var(--accent-blue)}.notification-tab svg{flex-shrink:0}.notification-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.notification-type-selector{margin-bottom:2rem}.notification-type-selector h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.type-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.type-card{background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;padding:1.5rem;text-align:center;transition:all var(--transition-fast)}.type-card:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.type-card.active{background-color:#0066ff1a;border-color:var(--accent-blue)}.type-card svg{color:var(--accent-blue);margin-bottom:1rem}.type-card h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.type-card p{color:var(--text-secondary);font-size:.875rem;margin:0}.notification-form{margin-top:2rem}.form-sections{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.form-section{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.form-section .section-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.form-section .section-header svg{color:var(--accent-blue);flex-shrink:0;margin-top:.25rem}.form-section .section-header h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.form-section .section-header p{color:var(--text-secondary);font-size:.875rem;margin:0}.form-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-grid .form-group.full-width{grid-column:1/-1}.notification-preview{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem}.notification-preview h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.preview-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.in-app-preview{max-width:400px}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.preview-header svg{color:var(--accent-blue)}.priority-badge{border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.priority-badge.low{background-color:#6c757d33;color:var(--text-tertiary)}.priority-badge.normal{background-color:#06f3;color:var(--accent-blue)}.priority-badge.high{background-color:#ffc10733;color:var(--accent-yellow)}.priority-badge.urgent{background-color:#d5000033;color:var(--accent-red)}.in-app-preview h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.in-app-preview p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.preview-action-btn{background-color:var(--accent-blue);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.email-preview{font-family:Arial,sans-serif}.email-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem;padding-bottom:.5rem}.email-body{color:var(--text-primary);font-size:.9rem;line-height:1.6;margin-bottom:1rem}.email-attachment{color:var(--text-tertiary);font-size:.8rem;font-style:italic}.notification-history-section{min-height:400px}.history-header{justify-content:space-between;margin-bottom:2rem}.history-header,.search-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.search-box{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:.5rem;min-width:250px;padding:.5rem 1rem}.search-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:.875rem;outline:none}.search-input::placeholder{color:var(--text-tertiary)}.filter-select{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;padding:.5rem .75rem}.notifications-table{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.notification-title{align-items:center;display:flex;gap:.5rem}.notification-title svg{color:var(--text-tertiary);flex-shrink:0}.type-badge{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.type-badge.email{background-color:#0066ff1a;color:var(--accent-blue)}.type-badge.in-app{background-color:#00c8531a;color:var(--accent-green)}.status-badge{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-badge.sent{background-color:#00c8531a;color:var(--accent-green)}.status-badge.scheduled{background-color:#ffc1071a;color:var(--accent-yellow)}.status-badge.draft{background-color:#6c757d1a;color:var(--text-tertiary)}.scheduled-info{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.25rem}.scheduled-info svg{color:var(--accent-yellow)}.performance-metrics{display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.performance-metrics span{color:var(--text-secondary)}.notification-templates-section{min-height:400px}.templates-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.templates-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.templates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.template-card{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-fast)}.template-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.template-header svg{color:var(--accent-blue)}.template-header h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.template-card p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.template-actions{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.notification-content{padding:1.5rem}.form-grid,.type-cards{grid-template-columns:1fr}}@media (max-width:768px){.notification-tabs{flex-wrap:wrap}.notification-content{padding:1rem}.history-header{align-items:stretch}.history-header,.search-filters{flex-direction:column}.search-box{min-width:auto}.templates-grid{grid-template-columns:1fr}.template-actions{flex-direction:column;gap:.75rem}}@media (max-width:480px){.notification-tab span{display:none}.form-sections{gap:1rem}.form-section,.notification-preview{padding:1rem}}[data-theme=dark] .admin-settings-container{color:#fff}[data-theme=dark] .settings-tab{color:#ccc}[data-theme=dark] .settings-tab:hover{color:#fff}[data-theme=dark] .settings-tab.active{color:var(--accent-blue)}[data-theme=light] .admin-settings-container{color:#000}[data-theme=light] .settings-tab{color:#666}[data-theme=light] .settings-tab:hover{color:#000}[data-theme=light] .settings-tab.active{color:var(--accent-blue)}.notification-container{position:relative}.notification-dropdown{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;width:350px;z-index:1000}.notification-header{align-items:center;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.notification-header h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.mark-all-read-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--accent-blue);cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:background-color var(--transition-fast)}.mark-all-read-btn:hover{background-color:#0066ff1a}.notification-list{max-height:300px;overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:.75rem;padding:1rem 1.25rem;position:relative;transition:background-color var(--transition-fast)}.notification-item:hover{background-color:var(--bg-hover)}.notification-item.unread{background-color:#0066ff0d}.notification-item:last-child{border-bottom:none}.notification-content{flex:1 1;min-width:0}.notification-content h5{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.4;margin:0 0 .25rem}.notification-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.8125rem;line-height:1.4;margin:0 0 .5rem;overflow:hidden}.notification-time{color:var(--text-tertiary);font-size:.75rem}.unread-dot{background-color:var(--accent-blue);border-radius:50%;flex-shrink:0;height:8px;margin-top:.25rem;width:8px}.no-notifications{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.no-notifications svg{margin-bottom:.5rem;opacity:.5}.no-notifications p{font-size:.875rem;margin:0}@media (max-width:768px){.notification-dropdown{right:-50px;width:300px}}@media (max-width:480px){.notification-dropdown{right:-100px;width:280px}.notification-header,.notification-item{padding:.75rem 1rem}}.token-usage-container .feature-usage-grid{grid-template-columns:repeat(4,1fr)}.token-usage-container .pie-legend,.token-usage-container .user-stats-grid{grid-template-columns:repeat(3,1fr)}}@media print{.token-usage-container .btn,.token-usage-container .header-actions,.token-usage-container .search-box,.token-usage-container .user-details-drawer{display:none!important}.token-usage-container .chart-card,.token-usage-container .stat-card,.token-usage-container .table-card{background:#fff!important;border:1px solid #ccc!important;break-inside:avoid;color:#000!important;page-break-inside:avoid}}.subscription-cell{display:flex;flex-direction:column;gap:.25rem}.plan-badge{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;text-transform:capitalize}.plan-badge.free{background-color:var(--bg-tertiary);color:var(--text-secondary)}.plan-badge.basic{background-color:#3b82f61a;color:#3b82f6}.plan-badge.pro{background-color:#a855f71a;color:#a855f7}.plan-badge.enterprise{background-color:#f59e0b1a;color:#f59e0b}.plan-price{color:var(--text-tertiary);font-size:.75rem;margin-top:.125rem}.expiry-warning{color:#f59e0b}.expiry-error,.expiry-warning{font-size:.75rem;font-weight:500;margin-top:.25rem}.expiry-error{color:#ef4444}.coupon-cell{display:flex;flex-direction:column;gap:.25rem}.coupon-badge{align-items:center;background-color:#22c55e1a;border-radius:.375rem;color:#22c55e;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.coupon-discount{color:var(--text-tertiary);font-size:.75rem}.free-plan,.no-coupon{color:var(--text-tertiary);font-style:italic}.free-plan{font-size:.875rem}.status-badge.active{background-color:#22c55e1a;color:#22c55e}.status-badge.inactive{background-color:#6b72801a;color:#6b7280}.status-badge.canceled{background-color:#ef44441a;color:#ef4444}.user-cell{align-items:center;display:flex;gap:.75rem}.user-avatar{background-color:var(--bg-secondary);color:var(--text-secondary);height:40px;width:40px}.user-name{color:var(--text-primary)}.user-email{color:var(--text-tertiary);font-size:.875rem}.amount-cell{text-align:right}.amount-cell strong{display:block;font-size:.875rem}.currency{color:var(--text-tertiary);font-size:.75rem;margin-left:.25rem}.date-cell{color:var(--text-secondary);font-size:.875rem}.stat-change.neutral{color:var(--text-tertiary)}.stat-change.neutral:before{content:""}.filters-container{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.search-container{flex:1 1;max-width:400px;position:relative}.search-container svg{color:var(--text-tertiary);left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;padding:.75rem .75rem .75rem 2.5rem;width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-group{gap:.5rem}.filter-select{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;padding:.75rem}.filter-select:focus{border-color:var(--primary)}.admin-table th{color:var(--text-secondary);font-size:.875rem;font-weight:600;padding:1rem .75rem}.admin-table td{padding:1rem .75rem;vertical-align:middle}.empty-state,.loading-state{padding:3rem}.loading-state .spinner{border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--primary);height:2rem;margin-bottom:1rem;width:2rem}.empty-state svg{color:var(--text-tertiary);margin-bottom:1rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem}.empty-state p{color:var(--text-tertiary)}.pagination{gap:1rem;margin-top:2rem;padding:1rem 0}.pagination-btn{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:.875rem}.btn.btn-icon{align-items:center;background:none!important;border:none!important;box-shadow:none!important;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;padding:.25rem;transition:color .2s}.btn.btn-icon:focus,.btn.btn-icon:hover{background:none!important;color:var(--primary);outline:2px solid var(--primary);outline-offset:2px}.btn.btn-icon:focus:not(:focus-visible){outline:none}.modal-overlay{background-color:#00000080;padding:1rem}.modal-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid var(--border-color);padding:1.5rem}.modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;border-radius:.375rem;color:var(--text-tertiary);cursor:pointer;padding:.25rem;transition:all .2s}.modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:1.5rem}.user-details-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem}.detail-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.detail-item,.detail-section h4{border-bottom:1px solid var(--border-color)}.detail-item{justify-content:space-between;padding:.75rem 0}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.detail-value{color:var(--text-primary);font-size:.875rem;font-weight:400;max-width:60%;text-align:right;word-break:break-word}.detail-value.plan-badge{max-width:none}.coupon-code{background-color:var(--bg-tertiary);border-radius:.25rem;font-family:monospace;font-size:.75rem;padding:.25rem .5rem}@media (max-width:768px){.modal-overlay{padding:.5rem}.user-details-grid{gap:1rem;grid-template-columns:1fr}.detail-section,.modal-body,.modal-header{padding:1rem}.detail-item{align-items:flex-start;flex-direction:column;gap:.25rem}.detail-value{max-width:100%;text-align:left}}.payments-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.page-header{gap:1rem;margin-bottom:2rem}.page-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.page-header p{color:var(--text-secondary);font-size:.875rem;margin:0}.header-actions{flex-shrink:0;gap:.5rem}.table-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:1rem;overflow:hidden}.admin-table{border-collapse:collapse;min-width:800px;width:100%}@media (max-width:1200px){.payments-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filter-group{flex-wrap:wrap}.filter-select{min-width:100px}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header h2{font-size:1.25rem}.header-actions{justify-content:flex-start;width:100%}.payments-stats-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.filters-container{align-items:stretch;flex-direction:column;gap:1rem}.search-container{max-width:none}.filter-group{flex-direction:column;gap:.75rem}.filter-select{min-width:auto;width:100%}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{font-size:.875rem}.admin-table td,.admin-table th{padding:.75rem .5rem;white-space:nowrap}.user-cell{gap:.5rem;min-width:150px}.user-avatar{flex-shrink:0;height:32px;width:32px}.user-name{font-size:.875rem}.user-email{font-size:.75rem}.plan-badge{padding:.1875rem .375rem}.plan-badge,.plan-price,.status-badge{font-size:.6875rem}.status-badge{padding:.1875rem .375rem}.pagination{flex-direction:column;gap:.75rem;margin-top:1rem}.pagination-btn{font-size:.8125rem;padding:.5rem .75rem}}@media (max-width:480px){.page-header h2{font-size:1.125rem}.stat-card{padding:.75rem}.stat-header{margin-bottom:.75rem}.stat-icon{height:40px;width:40px}.stat-value{font-size:1.25rem}.filters-container{gap:.75rem}.search-input{font-size:.8125rem;padding:.625rem .625rem .625rem 2.25rem}.filter-select{padding:.625rem}.admin-table,.filter-select{font-size:.8125rem}.admin-table td,.admin-table th{padding:.625rem .375rem}.user-cell{gap:.375rem;min-width:120px}.user-avatar{height:28px;width:28px}.user-name{font-size:.8125rem}.user-email{font-size:.6875rem}.coupon-badge,.plan-badge,.status-badge{font-size:.625rem;padding:.125rem .25rem}.amount-cell strong{font-size:.8125rem}.currency{font-size:.6875rem}.date-cell{font-size:.8125rem}}@media (max-width:768px) and (orientation:landscape){.payments-stats-grid{grid-template-columns:repeat(2,1fr)}.filters-container{flex-direction:row;flex-wrap:wrap}.search-container{flex:1 1;min-width:250px}.filter-group{flex-direction:row;gap:.5rem}}@media (min-width:1400px){.payments-stats-grid{grid-template-columns:repeat(4,1fr);max-width:1200px}.table-container{font-size:.9375rem}.admin-table td,.admin-table th{padding:1.25rem 1rem}}@media print{.btn,.filters-container,.page-header .header-actions,.pagination{display:none!important}.table-container{border:none;overflow:visible}.admin-table{font-size:.75rem;min-width:auto}.admin-table td,.admin-table th{border:1px solid #000;padding:.25rem}}.coupons-page{margin:0 auto;max-width:1400px;padding:24px}.notification{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:300px;position:fixed;right:20px;top:20px;z-index:1000}.notification.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notification.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-content{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.notification-content button{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:12px;padding:0}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.page-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.header-content h1{color:#111827;font-size:32px;font-weight:700;margin:0 0 8px}.header-content p{color:#6b7280;font-size:16px;margin:0}.btn{border-radius:8px;font-size:14px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666}.btn-secondary{border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{border-color:#9ca3af}.btn-secondary.active{background:#dbeafe;border-color:#3b82f6;color:#2563eb}.btn-danger{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.btn-danger:hover{background:#fee2e2;border-color:#fca5a5}.btn-icon{min-width:auto}.btn-sm{font-size:13px;padding:6px 12px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card:hover{box-shadow:0 8px 25px #0000001a}.stat-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.stat-icon.active-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.stat-content h3{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#111827;font-size:28px;font-weight:700;margin:0 0 4px}.stat-change{color:#6b7280;font-size:12px}.content-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.card-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.card-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.search-box svg{color:#9ca3af;z-index:1}.search-box input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px 8px 40px;transition:all .2s ease;width:250px}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filters-panel{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:16px;padding:16px 24px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:120px;padding:6px 12px}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.coupons-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:24px}.coupon-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.coupon-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);content:"";height:4px;left:0;position:absolute;right:0;top:0}.coupon-card:hover{border-color:#3b82f6;box-shadow:0 12px 25px #0000001a;transform:translateY(-4px)}.coupon-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.coupon-code-section{align-items:center;display:flex;gap:8px}.coupon-code{background:#f3f4f6;border-radius:6px;color:#111827;font-family:Monaco,Menlo,monospace;font-size:18px;font-weight:700;margin:0;padding:4px 8px}.coupon-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 16px}.status-badge{letter-spacing:.5px;text-transform:uppercase}.status-active{background:#dcfce7;color:#16a34a}.status-inactive{background:#f3f4f6;color:#6b7280}.status-expired{background:#fee2e2;color:#dc2626}.status-exhausted{background:#fef3c7;color:#d97706}.status-scheduled{background:#dbeafe;color:#2563eb}.coupon-details{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.detail-item{color:#374151;font-size:14px;gap:8px}.detail-icon,.detail-item{align-items:center;display:flex}.detail-icon{color:#6b7280}.coupon-actions{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;padding-top:16px}.empty-state,.loading-state{grid-column:1/-1}.loading-state .spinner{border:3px solid #f3f4f6;border-top-color:#3b82f6}.empty-state svg{color:#d1d5db}.empty-state h3{color:#374151}.empty-state p{color:#6b7280}.modal-overlay{background:#00000080;bottom:0;overflow-y:auto;padding:20px;right:0;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;margin:20px auto;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.coupon-modal{max-width:650px}.coupon-modal,.usage-modal{max-height:85vh;width:calc(100vw - 80px)}.usage-modal{max-width:750px}.modal-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:24px}.modal-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.modal-body{flex:1 1;max-height:calc(85vh - 120px);min-height:0;overflow-y:auto;padding:20px 30px}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;gap:8px;padding:16px 20px}.coupon-form{display:flex;flex-direction:column;gap:16px;min-height:0;padding-right:10px;width:100%}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;width:100%}.form-group{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}.form-group label{color:#374151;font-size:14px;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;line-height:1.4;padding:10px 12px;transition:all .2s ease;width:100%}.form-group textarea{min-height:80px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error,.form-group select.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.error-text{color:#dc2626;font-size:12px;margin-top:4px}.input-with-button{align-items:center;display:flex;gap:8px}.input-with-button input{flex:1 1}.checkbox-label{color:#374151;margin-top:4px}.checkbox-label input[type=checkbox]{height:16px;width:16px}.usage-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:24px}.usage-stat{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center}.usage-stat h4{color:#111827;font-size:24px;font-weight:700;margin:0 0 4px}.usage-stat span{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.usage-history h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.usage-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.usage-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.usage-user{display:flex;flex-direction:column;gap:2px}.usage-user strong{color:#111827;font-size:14px}.usage-user span{color:#6b7280;font-size:12px}.usage-details{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.usage-discount{color:#059669;font-size:14px;font-weight:600}.usage-date{color:#6b7280;font-size:12px}.empty-usage{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-usage svg{color:#d1d5db;margin-bottom:16px}.empty-usage h3{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px}.empty-usage p{color:#6b7280;font-size:14px;margin:0}@media (max-width:768px){.coupons-page{padding:16px}.page-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:flex-end}.coupons-grid,.stats-grid{gap:16px;grid-template-columns:1fr}.coupons-grid{padding:16px}.filters-panel{flex-direction:column;gap:12px}.search-box input{width:200px}.modal-overlay{padding:15px}.modal{margin:0;max-height:calc(100vh - 30px)}.coupon-modal,.modal,.usage-modal{max-width:calc(100vw - 30px);width:calc(100vw - 30px)}.form-row{gap:12px;grid-template-columns:1fr}.modal-body{max-height:calc(100vh - 150px)}.modal-body,.modal-footer,.modal-header{padding:16px 20px}.coupon-form{gap:14px;padding-right:5px}.usage-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.modal-overlay{align-items:flex-start;padding:10px}.modal{border-radius:6px;margin:10px 0;max-height:calc(100vh - 20px)}.coupon-modal,.modal,.usage-modal{max-width:calc(100vw - 20px);width:calc(100vw - 20px)}.modal-body{max-height:calc(100vh - 120px)}.modal-body,.modal-footer,.modal-header{padding:12px 16px}.coupon-form{gap:12px;padding-right:0}.form-group{gap:4px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:10px 12px}.coupon-actions{flex-wrap:wrap;gap:6px}.btn-sm{font-size:12px;padding:4px 8px}.search-box input{width:150px}.usage-item{flex-direction:column;gap:8px}.usage-details,.usage-item{align-items:flex-start}.usage-stats{grid-template-columns:1fr}}@media print{.coupon-actions,.filters-panel,.modal-overlay,.page-header .header-actions{display:none!important}.coupons-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.coupon-card{border:2px solid #e5e7eb;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}@media (prefers-color-scheme:dark){.coupons-page{background:#111827;color:#f9fafb}.content-card,.coupon-card,.modal,.stat-card{background:#1f2937;border-color:#374151}.card-header,.filters-panel,.modal-footer,.modal-header{background:#111827;border-color:#374151}.card-header h2,.coupon-code,.header-content h1,.modal-header h2,.stat-value,.usage-history h3,.usage-stat h4,.usage-user strong{color:#f9fafb}.coupon-description,.detail-item,.header-content p,.stat-change,.stat-content h3,.usage-date,.usage-stat span,.usage-user span{color:#d1d5db}.coupon-code{background:#374151;color:#f9fafb}.status-badge{background:#374151!important;color:#f9fafb!important}.status-active{background:#374151!important;color:#10b981!important}.status-inactive{background:#374151!important;color:#9ca3af!important}.status-expired{background:#374151!important;color:#ef4444!important}.status-exhausted{background:#374151!important;color:#f59e0b!important}.status-scheduled{background:#374151!important;color:#3b82f6!important}.filter-select,.form-group input,.form-group select,.form-group textarea,.search-box input{background:#374151;border-color:#4b5563;color:#f9fafb}.checkbox-label,.filter-group label,.form-group label{color:#d1d5db}.btn-secondary{background:#374151;border-color:#4b5563;color:#f9fafb}.btn-secondary:hover{background:#4b5563;border-color:#6b7280}.btn-secondary.active{background:#1e40af;border-color:#3b82f6;color:#dbeafe}.usage-item,.usage-stat{background:#111827;border-color:#374151}.empty-state h3,.empty-usage h3{color:#d1d5db}.empty-state p,.empty-usage p{color:#9ca3af}.page-header{border-bottom-color:#374151}}@media (max-width:700px){.coupon-modal,.modal{border-radius:0;box-shadow:none;margin:0!important;max-width:98vw;padding:0;width:100vw}.modal-body,.modal-footer,.modal-header{padding-left:10px!important;padding-right:10px!important}.coupon-form{padding-right:0!important}.form-row{display:flex!important;flex-direction:column!important;gap:12px!important}}@media (max-width:480px){.coupon-modal,.modal{max-width:100vw;width:100vw}}@media (max-width:900px){.coupon-modal,.modal{border-radius:4px!important;box-shadow:none!important;margin:0!important;max-width:95vw!important;min-width:0!important;overflow-x:auto!important;padding:0!important;width:95vw!important}.modal-body,.modal-footer,.modal-header{padding-left:10px!important;padding-right:10px!important}.coupon-form{padding-left:0!important;padding-right:0!important}.form-row{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}}@media (max-width:600px){.coupon-modal,.modal{border-radius:0!important;max-width:100vw!important;min-width:0!important;padding:0!important;width:100vw!important}.modal-body,.modal-footer,.modal-header{padding-left:5px!important;padding-right:5px!important}}.coupon-modal,.modal{box-sizing:border-box;overflow-x:hidden!important;overflow-y:auto!important}.coupon-form,.modal-body,.modal-footer,.modal-header{padding-left:24px;padding-right:24px}@media (max-width:900px){.coupon-form,.modal-body,.modal-footer,.modal-header{padding-left:16px!important;padding-right:16px!important}}@media (max-width:600px){.coupon-form,.modal-body,.modal-footer,.modal-header{padding-left:10px!important;padding-right:10px!important}}@media (max-width:420px){.coupon-form,.modal-body,.modal-footer,.modal-header{padding-left:5px!important;padding-right:5px!important}}:root{--background-dark:#1a1a1a;--background-card:#242424;--background-input:#2a2a2a;--background-highlight:#2d3748;--text-primary:#e2e8f0;--text-secondary:#000;--text-muted:#000;--border-color:#2d3748;--accent-blue:#3182ce;--accent-blue-hover:#4299e1;--accent-green:#38a169;--accent-green-hover:#48bb78;--accent-red:#e53e3e;--accent-red-hover:#f56565;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-normal:all 0.2s ease;--transition-slow:all 0.3s ease}.ai-provider-form-container{background-color:#1a1a1a;background-color:var(--background-dark);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px #00000080;box-shadow:var(--shadow-lg);color:#e2e8f0;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:24px}.form-header{align-items:center;border-bottom:1px solid #2d3748;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.form-header h3{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(90deg,#3182ce,#805ad5);background:linear-gradient(90deg,var(--accent-blue),#805ad5);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:600;margin:0}.btn-close{align-items:center;background:none;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s ease;transition:var(--transition-normal);width:36px}.btn-close:hover{background-color:#ffffff1a;color:#e2e8f0;color:var(--text-primary);transform:rotate(90deg)}.predefined-providers-section{background-color:#2d3748;background-color:var(--background-highlight);border:1px solid #ffffff0d;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000004d;box-shadow:var(--shadow-sm);margin-bottom:28px;padding:20px}.predefined-providers-section h4{color:#3182ce;color:var(--accent-blue);font-size:1.2rem;font-weight:600;margin-bottom:12px;margin-top:0}.form-hint{color:#000;color:var(--text-secondary);font-size:.9rem;margin-top:6px}.predefined-providers-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:20px}.predefined-provider-card{align-items:center;background-color:#242424;background-color:var(--background-card);border:1px solid #2d3748;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:20px 16px;position:relative}.predefined-provider-card,.predefined-provider-card:before{transition:all .2s ease;transition:var(--transition-normal)}.predefined-provider-card:before{background:linear-gradient(90deg,#3182ce,#805ad5);background:linear-gradient(90deg,var(--accent-blue),#805ad5);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0}.predefined-provider-card:hover{border-color:#3182ce;border-color:var(--accent-blue);box-shadow:0 4px 6px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.predefined-provider-card:hover:before{opacity:1}.predefined-provider-card.selected{background-color:#3182ce26;border-color:#3182ce;border-color:var(--accent-blue);box-shadow:0 4px 6px #0006;box-shadow:var(--shadow-md)}.predefined-provider-card.selected:before{opacity:1}.provider-logo{align-items:center;background-color:#3182ce1a;border-radius:9999px;border-radius:var(--radius-full);color:#3182ce;color:var(--accent-blue);display:flex;height:52px;justify-content:center;margin-bottom:12px;padding:12px;width:52px}.provider-logo img{max-height:100%;max-width:100%}.provider-info{text-align:center}.provider-name{color:#e2e8f0;color:var(--text-primary);display:block;font-weight:600;margin-bottom:6px}.provider-models{background-color:#ffffff0d;border-radius:9999px;border-radius:var(--radius-full);color:#000;color:var(--text-secondary);display:block;font-size:.85rem;padding:3px 8px}.provider-selected{color:#38a169;color:var(--accent-green);position:absolute;right:10px;top:10px}.form-tabs{border-bottom:1px solid #2d3748;border-bottom:1px solid var(--border-color);display:flex;gap:4px;margin-bottom:24px}.tab-button{border-bottom:2px solid #0000;color:#000;color:var(--text-secondary);overflow:hidden;padding:12px 20px;position:relative;transition:var(--transition-normal)}.tab-button:after{background:linear-gradient(90deg,#3182ce,#805ad5);background:linear-gradient(90deg,var(--accent-blue),#805ad5);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:all .2s ease;transition:var(--transition-normal);width:100%}.tab-button:hover{color:#e2e8f0;color:var(--text-primary)}.tab-button:hover:after{transform:scaleX(.5)}.tab-button.active{color:#3182ce;color:var(--accent-blue)}.tab-button.active:after{transform:scaleX(1)}.tab-content{display:none}.tab-content.active{animation:fadeIn .3s ease;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.form-section{margin-bottom:28px}.form-group{margin-bottom:22px}.form-group label{color:#e2e8f0;color:var(--text-primary);margin-bottom:10px}.form-group input[type=password],.form-group input[type=text],.form-group select,.form-group textarea{background-color:#2a2a2a;background-color:var(--background-input);border:1px solid #2d3748;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000004d;box-shadow:var(--shadow-sm);color:#e2e8f0;color:var(--text-primary);font-size:1rem;padding:12px;transition:all .2s ease;transition:var(--transition-normal);width:100%}.form-group input[type=password]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3182ce;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3182ce33;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-group input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#2a2a2a;background-color:var(--background-input);border:1px solid #2d3748;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;height:18px;margin-right:10px;position:relative;transition:all .2s ease;transition:var(--transition-normal);vertical-align:middle;width:18px}.form-group input[type=checkbox]:checked{background-color:#3182ce;background-color:var(--accent-blue);border-color:#3182ce;border-color:var(--accent-blue)}.form-group input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.api-key-input{display:flex;gap:12px}.api-key-input input{flex-grow:1}.btn-test-connection{background-color:#38a169;background-color:var(--accent-green);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000004d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-weight:500;padding:12px 18px;transition:all .2s ease;transition:var(--transition-normal);white-space:nowrap}.btn-test-connection:hover{background-color:#48bb78;background-color:var(--accent-green-hover);box-shadow:0 4px 6px #0006;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-test-connection:disabled{background-color:#000;background-color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.connection-status{align-items:center;animation:fadeIn .3s ease;border-radius:8px;border-radius:var(--radius-md);display:flex;font-weight:500;gap:10px;margin-top:12px;padding:12px}.connection-status.success{background-color:#38a16926;border-left:3px solid #38a169;border-left:3px solid var(--accent-green);color:#38a169;color:var(--accent-green)}.connection-status.error{background-color:#e53e3e26;border-left:3px solid #e53e3e;border-left:3px solid var(--accent-red);color:#e53e3e;color:var(--accent-red)}.models-container{background-color:#2d3748;background-color:var(--background-highlight);border:1px solid #ffffff0d;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000004d;box-shadow:var(--shadow-sm);padding:20px}.no-models{color:#000;color:var(--text-muted);padding:24px 0;text-align:center}.model-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.model-chip{align-items:center;background-color:#242424;background-color:var(--background-card);border:1px solid #2d3748;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);display:flex;font-size:.9rem;gap:8px;padding:6px 12px;transition:all .2s ease;transition:var(--transition-normal)}.model-chip:hover{background-color:#ffffff0d}.model-chip button{align-items:center;background:none;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#e53e3e;color:var(--accent-red);cursor:pointer;display:flex;font-size:1.1rem;height:20px;justify-content:center;padding:0;transition:all .2s ease;transition:var(--transition-normal);width:20px}.model-chip button:hover{background-color:#e53e3e26;transform:rotate(90deg)}.btn-add-model{align-items:center;background-color:#3182ce;background-color:var(--accent-blue);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000004d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin-top:12px;padding:10px 16px;transition:all .2s ease;transition:var(--transition-normal)}.btn-add-model:hover{background-color:#4299e1;background-color:var(--accent-blue-hover);box-shadow:0 4px 6px #0006;box-shadow:var(--shadow-md);transform:translateY(-1px)}.form-actions{border-top:1px solid #2d3748;border-top:1px solid var(--border-color);margin-top:32px;padding-top:20px}.btn-secondary{background-color:#a0aec033;border:1px solid #2d3748;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#e2e8f0;color:var(--text-primary);cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s ease;transition:var(--transition-normal)}.btn-secondary:hover{background-color:#a0aec04d;transform:translateY(-1px)}.btn-primary{background:linear-gradient(90deg,#3182ce,#805ad5);background:linear-gradient(90deg,var(--accent-blue),#805ad5);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000004d;box-shadow:var(--shadow-sm);cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s ease;transition:var(--transition-normal)}.btn-primary:hover{box-shadow:0 4px 6px #0006;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{background:#000;background:var(--text-muted);box-shadow:none}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3!important}.modal{background-color:#1a1a1a!important;background-color:var(--background-dark)!important;border:1px solid #2d3748!important;border:1px solid var(--border-color)!important}.feedback-management{margin:0 auto;max-width:1400px;padding:24px}.feedback-header{margin-bottom:32px}.feedback-header h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:28px;font-weight:700;margin:0 0 8px}.feedback-header p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:16px;margin:0}.feedback-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;gap:16px;padding:24px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card.pending{border-left:4px solid #f59e0b}.stat-card.resolved{border-left:4px solid #10b981}.stat-card.recent{border-left:4px solid #3b82f6}.stat-icon{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:12px;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;height:48px;justify-content:center;width:48px}.stat-card.pending .stat-icon{background:#fef3c7;color:#f59e0b}.stat-card.resolved .stat-icon{background:#d1fae5;color:#10b981}.stat-card.recent .stat-icon{background:#dbeafe;color:#3b82f6}.stat-content h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:24px;font-weight:700;margin:0 0 4px}.stat-content p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0}.feedback-controls{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.search-form{display:flex;flex:1 1;gap:12px;max-width:400px}.search-input{flex:1 1;position:relative}.search-input svg{color:#6b7280;color:var(--text-secondary,#6b7280);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;padding:10px 12px 10px 40px;transition:border-color .2s ease;width:100%}.search-input input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.search-btn{background:#10b981;background:var(--primary-color,#10b981);border:none;border-radius:8px;color:#fff;color:var(--button-text,#fff);cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.search-btn:hover{background:#059669;transform:translateY(-1px)}.filters{display:flex;gap:12px}.filters select{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.filters select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.feedback-list{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden}.empty-state,.loading-state{color:#6b7280;color:var(--text-secondary,#6b7280)}.loading-state .spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border:3px solid var(--border-color,#e5e7eb);border-radius:50%;border-top:3px solid #10b981;height:32px;margin-bottom:16px;width:32px}.empty-state svg{color:#9ca3af;color:var(--text-tertiary,#9ca3af);margin-bottom:16px}.empty-state h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:18px;font-weight:600;margin:0 0 8px}.feedback-table{width:100%}.table-header,.table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:140px 1fr 200px 120px 160px 100px;padding:16px 20px}.table-header{background:#f8fafc;background:var(--bg-secondary,#f8fafc);color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.table-header,.table-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb)}.table-row:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.type-badge{align-items:center;display:flex;font-size:12px;font-weight:600;gap:6px}.type-badge span{white-space:nowrap}.subject-content h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;line-height:1.4;margin:0 0 4px}.subject-content p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;line-height:1.4;margin:0}.user-info{gap:8px}.user-info>div{display:flex;flex-direction:column;gap:2px}.username{color:#1f2937;color:var(--text-primary,#1f2937);font-size:13px;font-weight:600}.email{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px}.plan{color:#f59e0b;font-size:10px;gap:4px;text-transform:uppercase}.plan,.status-badge{align-items:center;display:flex;font-weight:600}.status-badge{border-radius:6px;gap:6px;white-space:nowrap}.col-date{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:12px;gap:6px}.col-actions{display:flex;gap:8px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn.view{background:#dbeafe;color:#3b82f6}.action-btn.view:hover{background:#bfdbfe;transform:translateY(-1px)}.action-btn.delete{background:#fecaca;color:#dc2626}.action-btn.delete:hover{background:#fca5a5;transform:translateY(-1px)}.pagination{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:16px;justify-content:center;padding:20px}.pagination button{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);transform:translateY(-1px)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.feedback-modal{background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:90vw}.modal-header{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color,#374151);display:flex;justify-content:space-between;padding:24px 32px 16px}.modal-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:20px;font-weight:700;margin:0}.close-btn{border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:24px;padding:4px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937)}.modal-content{padding:24px 32px}.existing-response{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.existing-response label{color:#1f2937;color:var(--text-primary,#1f2937);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.response-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.response-content p{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;line-height:1.6;margin:0 0 12px}.response-meta{border-top:1px solid #f3f4f6;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:12px;gap:16px;padding-top:12px}.response-section{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:24px;padding:20px}.response-section label{display:block;font-weight:600}.response-section label,.response-section textarea{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;margin-bottom:12px}.response-section textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.response-section textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.btn-response{background:#10b981;background:var(--primary-color,#10b981);border:none;border-radius:8px;color:#fff;color:var(--button-text,#fff);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-response:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-response:disabled{cursor:not-allowed;opacity:.6;transform:none}.feedback-info{margin-bottom:24px}.info-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:16px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.user-details{align-items:center;display:flex;gap:8px}.user-details>div{display:flex;flex-direction:column;gap:4px}.date-info{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:14px;gap:8px}.feedback-content{margin-bottom:24px}.content-section{margin-bottom:20px}.content-section label{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.content-section h4{font-size:16px;font-weight:600;line-height:1.5;margin:0}.content-section h4,.message-content{color:#1f2937;color:var(--text-primary,#1f2937)}.message-content{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;font-size:14px;line-height:1.6;padding:16px;white-space:pre-wrap}.admin-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding-top:24px}.status-update{margin-bottom:20px}.status-update label{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.status-update select{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:200px}.status-update select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.admin-notes label{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.admin-notes textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-sizing:border-box;color:#1f2937;color:var(--text-primary,#1f2937);font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.admin-notes textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.modal-footer{border-top:1px solid #374151;border-top:1px solid var(--border-color,#374151);display:flex;gap:12px;justify-content:flex-end;padding:16px 32px 24px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-secondary{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280)}.btn-secondary:hover{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937)}.btn-primary{background:#10b981;box-shadow:0 2px 8px #10b9814d}.btn-primary:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:120px 1fr 180px 100px 140px 80px}}@media (max-width:768px){.feedback-management{padding:16px}.feedback-stats{grid-template-columns:repeat(2,1fr)}.feedback-controls{align-items:stretch;flex-direction:column}.search-form{max-width:none}.filters{justify-content:stretch}.filters select{flex:1 1}.table-header,.table-row{gap:8px;grid-template-columns:1fr;padding:12px 16px}.table-header{display:none}.table-row{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:block;margin-bottom:12px;padding:16px}.col-actions,.col-date,.col-status,.col-subject,.col-type,.col-user{align-items:center;display:flex;margin-bottom:8px}.col-actions:before,.col-date:before,.col-status:before,.col-subject:before,.col-type:before,.col-user:before{color:#6b7280;color:var(--text-secondary,#6b7280);content:attr(data-label);flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;width:80px}.feedback-modal{margin:20px;width:95vw}.modal-content,.modal-footer,.modal-header{padding-left:20px;padding-right:20px}.info-row{gap:16px;grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.tab-section{background:#fff;background:var(--bg-primary,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:15px;box-shadow:0 2px 18px 0 #1e293b14;margin-bottom:20px;padding:38px 24px 32px;transition:background .3s,border .3s}[data-theme=dark] .tab-section{background:#22242a;border-color:#3b82f6}.tab-demo-box{border-radius:8px;box-shadow:0 2px 8px 0 #3c3c3c14;font-size:1.13rem;font-weight:500;margin-bottom:18px;padding:28px 20px 18px}.tab-demo-compose{background:#e3f2fd;border:1.5px dashed #2979ff;color:#003c8f}[data-theme=dark] .tab-demo-compose{background:#213045;border-color:#80bfff;color:#cffafe}.tab-demo-users{background:#e8f5e9;border:1.5px dashed #05a559;color:#004d40}[data-theme=dark] .tab-demo-users{background:#172b26;border-color:#66ffa6;color:#cfffbe}.tab-demo-bulk{background:#fffde7;border:1.5px dashed #ffd600;color:#b28900}[data-theme=dark] .tab-demo-bulk{background:#34300b;border-color:#ffe066;color:#fff8b7}.tab-demo-templates{background:#f3e5f5;border:1.5px dashed #ba68c8;color:#4a148c}[data-theme=dark] .tab-demo-templates{background:#2a1948;border-color:#d1baff;color:#cbbcfa}.tab-underline{border-radius:3px;height:6px;margin-top:32px;opacity:.7;width:100%}.tab-underline-blue{background:#1565c0}.tab-underline-green{background:#48c774}.tab-underline-yellow{background:#ffeb3b}.tab-underline-purple{background:#7c3aed}[data-theme=dark] .tab-underline-blue{background:#4287f5}[data-theme=dark] .tab-underline-green{background:#57ff7e}[data-theme=dark] .tab-underline-yellow{background:#fff97d}[data-theme=dark] .tab-underline-purple{background:#b18fff}.email-submenu-link{color:#1565c0;font-weight:700}.email-submenu-link.active{background:#1976d2;border-color:#1976d2;color:#fff}[data-theme=dark] .email-submenu-link{color:#92b6fd}[data-theme=dark] .email-submenu-link.active{background:#3255a7;color:#ecf5ff}.admin-content{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:2px solid #5218ea;color:#1e293b;color:var(--text-primary,#1e293b);display:block;min-height:400px;padding:20px;position:relative;width:100%;z-index:1}.email-management{margin:0 auto;max-width:1200px;padding:20px}.alert{align-items:center;border-radius:8px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px;position:relative}.alert-error{background-color:#fee;border:1px solid #feb2b2;color:#c53030}.alert-success{background-color:#f0fff4;border:1px solid #9ae6b4;color:#2f855a}.alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;opacity:.7;position:absolute;right:12px}.alert-close:hover{opacity:1}.email-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);display:flex;gap:4px;margin-bottom:24px}.tab-btn{align-items:center;background:none;border:none;border-radius:8px 8px 0 0;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.tab-btn:hover{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);color:#1e293b;color:var(--text-primary,#1e293b)}.tab-btn.active{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--primary-color,#3b82f6);color:#fff}.tab-content{min-height:400px;padding:20px 0}.bulk-form,.compose-form{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;max-width:800px;padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:6px}.form-control,.form-group label{color:#1e293b;color:var(--text-primary,#1e293b)}.form-control{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s ease;width:100%}.form-control:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.html-editor{background-color:#fff;background-color:var(--bg-primary,#fff);color:#1e293b;color:var(--text-primary,#1e293b);font-family:Monaco,Menlo,Ubuntu Mono,monospace;min-height:200px;resize:vertical}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb;background-color:var(--primary-dark,#2563eb)}.btn-secondary{background-color:#6b7280;background-color:var(--secondary-color,#6b7280);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563;background-color:var(--secondary-dark,#4b5563)}.btn-icon{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:all .2s ease}.btn-icon:hover{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);color:#1e293b;color:var(--text-primary,#1e293b)}.bulk-header,.compose-header,.templates-header,.users-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.bulk-header h3,.compose-header h3,.templates-header h3,.users-header h3{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;gap:8px;margin:0}.smtp-status .status-indicator{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:8px;padding:8px 12px}.smtp-status .status-indicator.success{background-color:#f0fff4;border:1px solid #9ae6b4;color:#2f855a}.smtp-status .status-indicator.error{background-color:#fee;border:1px solid #feb2b2;color:#c53030}.users-actions{gap:16px}.search-box{align-items:center;display:flex;position:relative}.search-box svg{color:#64748b;color:var(--text-secondary,#64748b);left:12px;position:absolute}.search-input{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;padding:8px 12px 8px 36px;width:250px}.users-table-container{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;margin-bottom:20px;overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);padding:12px;text-align:left}.users-table th{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:600}.users-table th,.users-table tr:hover{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc)}.status-badge{border-radius:4px}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.users-stats{display:flex;gap:20px}.stat-card{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);border-radius:8px;min-width:120px;padding:16px;text-align:center}.stat-number{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:24px;font-weight:700}.stat-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;margin-top:4px}.selected-count{border-radius:6px;font-size:14px;padding:6px 12px}.templates-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.template-card{border-radius:8px}.template-header,.template-preview{padding:16px}.template-subject{margin-bottom:12px}.template-content{font-size:13px;line-height:1.4;max-height:100px;overflow:hidden}.users-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.users-header h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.5rem;font-weight:600;margin:0}.users-actions{align-items:center;display:flex;gap:12px}.btn-refresh,.btn-send-email{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.btn-refresh{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.btn-refresh:hover:not(:disabled){background-color:#e2e8f0;background-color:var(--bg-tertiary,#e2e8f0)}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.btn-send-email{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);color:#fff}.btn-send-email:hover{background-color:#2563eb;background-color:var(--primary-dark,#2563eb)}.spinning{animation:spin 1s linear infinite}.error-message,.result-message{align-items:center;border-radius:8px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px;position:relative}.error-message{background-color:#fee;border:1px solid #feb2b2;color:#c53030}.result-message.success{background-color:#f0fff4;border:1px solid #9ae6b4;color:#2f855a}.result-message.error{background-color:#fee;border:1px solid #feb2b2;color:#c53030}.result-summary{font-size:12px;margin-left:8px;opacity:.8}.close-btn{background:none;border:none;border-radius:2px;color:inherit;cursor:pointer;opacity:.7;padding:2px;position:absolute;right:12px}.close-btn:hover{background-color:#0000001a;opacity:1}.email-form-container{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;margin-bottom:24px;padding:24px}.email-form h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.2rem;margin:0 0 20px}.email-form .form-group{margin-bottom:16px}.email-form label{display:block;font-weight:500;margin-bottom:6px}.email-form input,.email-form label,.email-form textarea{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px}.email-form input,.email-form textarea{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;padding:10px 12px;transition:border-color .2s ease;width:100%}.email-form input:focus,.email-form textarea:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.email-form textarea{font-family:inherit;resize:vertical}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-cancel,.btn-send{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-cancel{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.btn-cancel:hover{background-color:#e2e8f0;background-color:var(--bg-tertiary,#e2e8f0)}.btn-send{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);color:#fff}.btn-send:hover:not(:disabled){background-color:#2563eb;background-color:var(--primary-dark,#2563eb)}.btn-send:disabled{cursor:not-allowed;opacity:.6}.empty-state,.loading-state{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-state{gap:12px}.empty-state{gap:16px}.empty-state svg{opacity:.5}.empty-state h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.2rem;margin:0}.empty-state p{font-size:14px;margin:0}.users-controls{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;margin-bottom:20px;padding:16px}.select-controls{align-items:center;display:flex;justify-content:space-between}.checkbox-label{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{margin:0;width:auto}.selected-count{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.users-table{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;margin-bottom:20px;overflow:hidden}.table-header{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);display:grid;font-size:14px;font-weight:600;grid-template-columns:60px 1fr 1fr 120px}.table-header>div{padding:12px 16px}.table-body{max-height:600px;overflow-y:auto}.table-row{background-color:#fff;background-color:var(--bg-primary,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);display:grid;grid-template-columns:60px 1fr 1fr 120px;transition:background-color .2s ease}.table-row:hover{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc)}.table-row:last-child{border-bottom:none}.table-row>div{align-items:center;display:flex;padding:12px 16px}.col-select{justify-content:center}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.email-link{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:14px;text-decoration:none}.email-link:hover{text-decoration:underline}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-align:center}.status-active{background-color:#dcfce7;color:#166534}.users-summary{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;padding:12px 16px}.bulk-content{display:flex;flex-direction:column;gap:32px}.bulk-section{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:24px}.bulk-section h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 20px}.bulk-actions,.bulk-section h3{align-items:center;display:flex}.bulk-actions{gap:12px}.users-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.user-card{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;overflow:hidden;transition:all .2s ease}.user-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 2px 8px #3b82f61a}.user-card-label{cursor:pointer;display:block;margin:0;padding:16px}.user-card-label input[type=checkbox]{margin:0 12px 0 0;width:auto}.user-card-content{align-items:center;display:flex;gap:12px}.user-details{flex:1 1;min-width:0}.user-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:500;margin-bottom:4px}.user-email{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;word-break:break-all}.template-selection{margin-top:12px}.template-selection select{max-width:400px}.bulk-form{margin-top:16px}.bulk-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.bulk-header h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.5rem;font-weight:600;margin:0}[data-theme=dark] .email-management{--text-primary:#f1f5f9;--text-secondary:#94a3b8;--bg-primary:#1e293b;--bg-secondary:#334155;--border-color:#475569;--primary-color:#60a5fa;--primary-dark:#3b82f6;--secondary-color:#64748b;--secondary-dark:#475569}[data-theme=dark] .bulk-section,[data-theme=dark] .compose-form,[data-theme=dark] .email-form input,[data-theme=dark] .email-form textarea,[data-theme=dark] .form-control,[data-theme=dark] .html-editor,[data-theme=dark] .template-card,[data-theme=dark] .user-card{background-color:#1e293b;border-color:#475569;color:#f1f5f9}[data-theme=dark] .user-card:hover{border-color:#60a5fa;box-shadow:0 2px 8px #60a5fa33}[data-theme=dark] .table-row,[data-theme=dark] .users-table{background-color:#1e293b;color:#f1f5f9}[data-theme=dark] .table-header{background-color:#334155;color:#f1f5f9}[data-theme=dark] .table-row:hover{background-color:#334155}[data-theme=dark] .alert-error{background-color:#450a0a;border-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .alert-success{background-color:#064e3b;border-color:#065f46;color:#6ee7b7}.templates-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.templates-header h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.5rem;font-weight:600;margin:0}.templates-actions{align-items:center;display:flex;gap:12px}.templates-content{min-height:400px}.templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:all .2s ease}.template-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.template-header{align-items:center;background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:20px 20px 16px}.template-header h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.1rem;font-weight:600;margin:0}.template-actions{display:flex;gap:8px}.btn-preview{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.btn-preview:hover{background:#2563eb;background:var(--primary-dark,#2563eb);transform:scale(1.05)}.template-preview{padding:20px}.template-subject{font-size:14px;margin-bottom:16px}.template-subject,.template-subject strong{color:#1e293b;color:var(--text-primary,#1e293b)}.template-content{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px}.content-preview{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;font-size:13px;line-height:1.4;margin-top:8px;max-height:100px;overflow:hidden;padding:12px}.content-preview,.template-footer{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc)}.template-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:16px 20px}.template-type{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:12px;color:#64748b;color:var(--text-secondary,#64748b);color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.template-preview-overlay{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}.template-preview-modal{background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.template-preview-content{display:flex;flex-direction:column;height:100%}.template-preview-header{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:20px}.template-preview-header h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.2rem;margin:0}.close-preview-btn{background:none;border:none;border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;padding:8px;transition:all .2s ease}.close-preview-btn:hover{background:#e2e8f0;background:var(--bg-tertiary,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.template-preview-body{flex:1 1;overflow-y:auto;padding:20px}.preview-section{margin-bottom:24px}.preview-section h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1rem;font-weight:600;margin:0 0 12px}.preview-subject{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:500;padding:12px}.preview-html,.preview-subject{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px}.preview-html{font-family:inherit;line-height:1.6;min-height:200px;padding:16px}.template-preview-actions{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);padding:20px}.test-email-form{display:flex;flex-direction:column;gap:12px}.test-email-group{align-items:center;display:flex;gap:12px}.test-email-group input{flex:1 1}.btn-send-test{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.btn-send-test:hover:not(:disabled){background:#2563eb;background:var(--primary-dark,#2563eb)}.btn-send-test:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] .content-preview,[data-theme=dark] .preview-html,[data-theme=dark] .preview-subject,[data-theme=dark] .template-card,[data-theme=dark] .template-preview-modal{background-color:#1e293b;border-color:#475569;color:#f1f5f9}[data-theme=dark] .template-footer,[data-theme=dark] .template-header,[data-theme=dark] .template-preview-actions,[data-theme=dark] .template-preview-header{background-color:#334155;border-color:#475569}[data-theme=dark] .template-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}[data-theme=dark] .close-preview-btn:hover{background-color:#475569}@media (max-width:768px){.email-management{padding:12px}.email-tabs{flex-wrap:wrap}.users-actions{align-items:stretch;flex-direction:column;gap:12px}.search-input{width:100%}.users-stats{flex-wrap:wrap}.templates-grid{grid-template-columns:1fr}.bulk-header,.compose-header,.templates-header,.users-header{align-items:stretch;flex-direction:column;gap:12px}}.chat-message.assistant{display:flex;flex-direction:column;gap:8px}.assistant-line{position:relative;z-index:1}.code-preview{background:#f6f8fa;border:1px solid #1b1f2426;border-radius:6px;margin-top:6px;max-height:200px;overflow:auto;padding:10px 12px}.code-line{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.token.comment{color:#6a737d;font-style:italic}.token.keyword{color:#d73a49;font-weight:600}.token.func,.token.function{color:#6f42c1}.token.string{color:#032f62}.token.number{color:#005cc5}.token.bracket,.token.operator,.token.punctuation{color:#24292e}.token.builtin,.token.class-name,.token.constant,.token.symbol{color:#005cc5}.token.name,.token.variable{color:#24292e}.token.attr,.token.property{color:#22863a}.code-line .typing-cursor{color:#24292e}.code-preview::-webkit-scrollbar-thumb{background:#0003}.code-line .typing-cursor{margin-left:2px}.code-preview::-webkit-scrollbar{height:8px;width:8px}.code-preview::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px}.code-preview::-webkit-scrollbar-track{background:#0000}.landing-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--bg-primary-rgb),.95);border-bottom:1px solid var(--border-color);left:0;position:fixed;right:0;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--primary-color);font-size:1.5rem;font-weight:700;gap:.75rem}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#000;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#000}.nav-link{color:#000!important}.nav-cta{background:var(--primary-color);border-radius:.5rem;color:#fff!important;padding:.5rem 1.5rem;transition:all .2s}.nav-cta:hover{background:var(--primary-hover);transform:translateY(-1px)}.hero-section{align-items:center;display:flex;min-height:100vh;padding:8rem 2rem 4rem}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hero-content{max-width:600px}.hero-title{color:#000!important;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),#8b5cf6);-webkit-background-clip:text;background-clip:text}.hero-description{color:#000;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.hero-cta-primary{align-items:center;background:var(--primary-color);border-radius:.5rem;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;text-decoration:none;transition:all .2s}.hero-cta-primary:hover{background:var(--primary-hover);box-shadow:0 10px 20px #8b5cf64d;transform:translateY(-2px)}.hero-cta-secondary{align-items:center;border:2px solid var(--border-color);border-radius:.5rem;color:#000;display:inline-flex;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all .2s}.hero-cta-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.hero-stats{display:flex;gap:2rem}.stat{align-items:center;color:#000;display:flex;gap:.5rem}.stat svg{color:var(--primary-color)}.hero-visual{position:relative}.hero-visual-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 20px 40px #0000001a;padding:2rem}.code-preview{background:var(--bg-secondary);border-radius:.5rem;font-family:Monaco,Consolas,monospace;font-size:.875rem;margin-top:.5rem;overflow-x:auto;padding:.75rem}.code-line{display:block;line-height:1.5;margin:0;white-space:pre}.typing-cursor{animation:blink 1s infinite;background-color:var(--primary-color);color:var(--primary-color);display:inline-block;height:1.2em;margin-left:1px;vertical-align:initial;width:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.chat-preview{display:flex;flex-direction:column;gap:1rem;min-height:200px}.chat-message{animation:fadeInUp .5s ease-out;border-radius:.75rem;max-width:80%;padding:1rem;transform-origin:bottom}.chat-message.user{align-self:flex-end;background:var(--primary-color);color:#fff}.chat-message.assistant{align-self:flex-start;background:var(--bg-primary);border:1px solid var(--border-color)}.chat-message.assistant span{color:#000!important}.code-preview code{color:var(--text-primary)}.code-line:first-child{color:#06c;font-weight:600}.code-line:nth-child(2){color:green;font-style:italic}.code-line:nth-child(3),.code-line:nth-child(4){color:var(--text-primary)}.code-line:nth-child(3) .code-variable,.code-line:nth-child(4) .code-variable{color:#c60}[data-theme=dark] .chat-message.assistant span,[data-theme=dark] .feature-card h3,[data-theme=dark] .feature-card p,[data-theme=dark] .feature-icon,[data-theme=dark] .footer-bottom,[data-theme=dark] .footer-logo,[data-theme=dark] .footer-section a,[data-theme=dark] .footer-section h4,[data-theme=dark] .footer-section p,[data-theme=dark] .hero-cta-secondary,[data-theme=dark] .hero-description,[data-theme=dark] .hero-title,[data-theme=dark] .nav-link,[data-theme=dark] .nav-links a,[data-theme=dark] .nav-logo,[data-theme=dark] .period,[data-theme=dark] .pricing-cta.secondary,[data-theme=dark] .pricing-features li,[data-theme=dark] .pricing-header h3,[data-theme=dark] .section-header h2,[data-theme=dark] .section-header p,[data-theme=dark] .stat,[data-theme=dark] .stat svg,[data-theme=dark] .testimonial-author span,[data-theme=dark] .testimonial-author strong,[data-theme=dark] .testimonial-content{color:#fff!important}[data-theme=dark] .footer-section a:hover,[data-theme=dark] .nav-links a:hover{color:var(--primary-color)!important}[data-theme=dark] .hero-cta-secondary:hover,[data-theme=dark] .pricing-cta.secondary:hover{border-color:var(--primary-color);color:var(--primary-color)!important}[data-theme=dark] .code-line:first-child{color:#66b3ff}[data-theme=dark] .code-line:nth-child(2){color:#6f6}[data-theme=dark] .code-line:nth-child(3),[data-theme=dark] .code-line:nth-child(4),[data-theme=dark] .code-preview code{color:#fff}.features-section{background:var(--bg-secondary);padding:4rem 2rem}.section-container{margin:0 auto;max-width:1200px}.section-header{margin-bottom:3rem;text-align:center}.section-header h2{color:#000!important;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-header p{color:#000!important;font-size:1.25rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;transition:all .3s}.feature-card:hover{border-color:var(--primary-color);box-shadow:0 10px 30px #0000001a;transform:translateY(-4px)}.feature-icon{align-items:center;background:#8b5cf61a;border-radius:.75rem;color:var(--primary-color);display:flex;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.feature-card h3{color:#000!important;font-size:1.25rem;margin-bottom:.5rem}.feature-card p{color:#000!important;line-height:1.6}.pricing-section{background:var(--bg-primary);padding:4rem 2rem}.pricing-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.pricing-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;display:flex;flex-direction:column;height:100%;min-height:650px;padding:2rem;position:relative;transition:all .3s}.pricing-card.popular{border-color:var(--primary-color);transform:scale(1.05)}.pricing-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-4px)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-4px)}.popular-badge{background:var(--primary-color);border-radius:1rem;color:#fff;font-size:.875rem;font-weight:600;left:50%;padding:.25rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-header{margin-bottom:2rem;text-align:center}.pricing-header h3{color:#000!important;font-size:1.5rem;margin-bottom:1rem}.pricing-price{align-items:baseline;display:flex;gap:.25rem;justify-content:center}.price{color:var(--primary-color);font-size:3rem;font-weight:700}.period{color:#000!important;font-size:1rem}.annual-option{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.annual-price{color:var(--primary-color);font-size:1.1rem;font-weight:600}.savings-badge{background:var(--primary-color);border-radius:1rem;color:#fff;font-size:.8rem;font-weight:600;margin-left:.5rem;padding:.25rem .75rem}.pricing-features{flex-grow:1;list-style:none;margin:0 0 2rem;padding:0}.pricing-features li{align-items:center;color:#000!important;display:flex;gap:.75rem;padding:.75rem 0}.pricing-features svg{color:var(--success-color);flex-shrink:0}.pricing-cta{border-radius:.5rem;display:block;font-weight:600;margin-left:auto;margin-right:auto;margin-top:auto;padding:.75rem 2rem;transition:all .2s}.pricing-cta,.pricing-cta.primary{text-align:center;text-decoration:none}.pricing-cta.primary{background:linear-gradient(90deg,#ff6b35,#f7931e);border:none;border-radius:8px;box-shadow:0 4px 12px #ff6b3566;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;padding:14px 32px;transition:background .3s,transform .2s,box-shadow .2s;width:220px}.pricing-cta.primary:hover{background:linear-gradient(90deg,#e55a2b,#e8851b);box-shadow:0 6px 16px #ff6b3580;transform:scale(1.05)}.pricing-cta.secondary{background:linear-gradient(90deg,#ff6b35,#f7931e);border:none;border-radius:8px;box-shadow:0 4px 12px #ff6b3566;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;padding:14px 32px;text-align:center;text-decoration:none;transition:background .3s,transform .2s,box-shadow .2s;width:220px}.pricing-cta.secondary:hover{background:linear-gradient(90deg,#e55a2b,#e8851b);box-shadow:0 6px 16px #ff6b3580;transform:scale(1.05)}.testimonials-section{background:var(--bg-secondary);padding:4rem 2rem}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.testimonial-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;transition:all .3s}.testimonial-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-4px)}.testimonial-rating{color:#fbbf24;display:flex;gap:.25rem;margin-bottom:1rem}.testimonial-content{color:#000!important;font-size:1.125rem;line-height:1.6;margin-bottom:1.5rem}.testimonial-author{align-items:center;display:flex;gap:1rem}.author-avatar{align-items:center;background:#8b5cf61a;border-radius:50%;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.author-info{display:flex;flex-direction:column;gap:.25rem}.author-info strong{color:var(--primary-color);font-size:1rem;font-weight:700}.author-info span{color:#000!important;font-size:.875rem}.company-name{color:#666!important;font-weight:500}.partners-section{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:4rem 2rem}.logo-slider{margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1200px;width:100%}.logo-track{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center}.logo-item{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:.5rem;display:flex;height:100px;justify-content:center;padding:1.2rem;transition:all .3s ease;width:200px}.logo-image{filter:grayscale(100%);max-height:80px;max-width:180px;object-fit:contain;opacity:.8;transition:opacity .3s ease,transform .3s ease}.logo-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-2px)}.logo-item:hover .logo-image{filter:grayscale(0);opacity:1;transform:scale(1.05)}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-1750px)}}.logo-slider:hover .logo-track{animation-play-state:paused}@media (max-width:768px){.logo-track{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);justify-items:center;width:100%}.logo-item{height:70px;padding:.8rem;width:140px}.logo-image{max-height:50px;max-width:120px}}@media (max-width:480px){.logo-track{gap:.75rem;grid-template-columns:1fr}.logo-item{height:60px;padding:.6rem;width:120px}.logo-image{max-height:40px;max-width:100px}.partners-section{padding:2rem 1rem}.section-header h2{font-size:1.8rem!important}.section-header p{font-size:1rem!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cta-section{animation:fadeInUp 1s ease-in-out;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-family:Segoe UI,sans-serif;padding:60px 20px;text-align:center}.cta-section h2{font-size:2.4rem;font-weight:800;margin-bottom:15px}.cta-section p{color:#ccc;font-size:1.2rem;line-height:1.5;margin:0 auto 25px;max-width:750px}.ai-models-showcase{margin:0 auto 30px;max-width:900px;text-align:left}.model-category{margin-bottom:25px}.category-title{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin-bottom:12px}.model-tags{display:flex;flex-wrap:wrap;gap:8px}.model-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.model-tag:hover{background:#fff3;box-shadow:0 4px 12px #ffffff1a;transform:translateY(-2px)}.cta-button{background:linear-gradient(90deg,#ff6b35,#f7931e);border-radius:8px;box-shadow:0 4px 12px #ff6b3566;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;padding:14px 32px;text-decoration:none;transition:background .3s,transform .2s,box-shadow .2s}.cta-button:hover{background:linear-gradient(90deg,#e55a2b,#e8851b);box-shadow:0 6px 16px #ff6b3580;transform:scale(1.05)}.landing-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3rem 2rem 1.5rem}.footer-container{margin:0 auto;max-width:1200px}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:2rem}.footer-logo{align-items:center;color:var(--primary-color);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.footer-section p{color:#000!important;line-height:1.6;margin:0}.footer-section h4{color:#000!important;margin-bottom:1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#000!important;text-decoration:none;transition:color .2s}.footer-section a:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid var(--border-color);color:#000!important;padding-top:2rem;text-align:center}@media (max-width:768px){.nav-links{display:none}.hero-container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-visual{display:none}.hero-actions,.hero-stats{justify-content:center}.features-grid,.footer-content,.pricing-grid,.testimonials-grid{grid-template-columns:1fr}.footer-content{text-align:center}}.auth-container{background:#f8f9fa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(139,92,246,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");display:flex;min-height:100vh;overflow:hidden;position:relative}.auth-wrapper{display:flex;min-height:100vh;width:100%}.auth-features{align-items:center;background:#0000;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem;position:relative}.features-content{color:var(--text-primary);position:relative;text-align:center;z-index:1}.features-title{color:#000;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.features-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),#8b5cf6);-webkit-background-clip:text;background-clip:text}.features-subtitle{color:#000;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.features-list{list-style:none;margin:0;max-width:400px;padding:0;text-align:left}.features-list li{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;margin-bottom:1rem}.features-list li:before{color:var(--primary-color);content:"✨";font-size:1.25rem;margin-right:.75rem}.auth-form-section{align-items:center;background:#0000;display:flex;flex:1 1;justify-content:center;padding:2rem}.auth-container:after,.auth-container:before{animation:float 25s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf60d,#8b5cf605);border:1px solid #8b5cf61a;border-radius:50%;content:"";position:absolute}.auth-container:before{height:400px;left:-200px;top:-200px;width:400px}.auth-container:after{animation-delay:-12s;bottom:-250px;height:500px;right:-250px;width:500px}@keyframes float{0%,to{transform:translate(0) scale(1) rotate(0deg)}25%{transform:translate(40px,-40px) scale(1.1) rotate(90deg)}50%{transform:translate(-30px,30px) scale(.9) rotate(180deg)}75%{transform:translate(20px,-20px) scale(1.05) rotate(270deg)}}.auth-card{animation:slideUp .8s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #8b5cf633;border-radius:1rem;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:2rem;position:relative;transition:all .3s ease;width:100%;z-index:1}.auth-card:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{margin-bottom:1.5rem;text-align:center}.auth-logo{align-items:center;background:var(--primary-color);border-radius:.5rem;box-shadow:0 10px 20px #8b5cf64d;display:flex;height:48px;justify-content:center;margin:0 auto 1rem;transition:all .3s cubic-bezier(.16,1,.3,1);width:48px}.auth-logo:hover{box-shadow:0 15px 30px #8b5cf666;transform:translateY(-2px) scale(1.05)}.auth-logo svg{color:#fff;height:24px;width:24px}.auth-title{color:#000;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.auth-subtitle{color:#000;font-size:.875rem;font-weight:500;line-height:1.4;margin-bottom:1rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{margin-bottom:.5rem;position:relative}.form-label{display:block;font-weight:600;letter-spacing:.025em;margin-bottom:.5rem}.form-input,.form-label{color:#000;font-size:.875rem}.form-input{align-items:center;background:#ffffffe6;border:2px solid #dee2e6;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;font-weight:500;height:2.75rem;line-height:1.5;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input:focus{background:#fffffff2;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf61a,0 1px 3px #0000001a;outline:none;transform:translateY(-1px)}.form-input::placeholder{color:#000;font-weight:400}.input-icon{display:none!important}.form-input:focus~.input-icon{color:var(--primary-color);transform:translateY(-50%) scale(1.1)}.password-toggle{align-items:center;background:none;border:none;border-radius:.25rem;color:#000;cursor:pointer;display:flex;justify-content:center;padding:.375rem;position:absolute;right:.875rem;top:50%;transform:translateY(-5%);transition:all .2s ease}.password-toggle:hover{background:#8b5cf61a;color:var(--primary-color);transform:scale(1.1)}.form-options{justify-content:space-between;margin:.5rem 0}.form-options,.remember-me{align-items:center;display:flex}.remember-me{gap:.5rem}.remember-me input[type=checkbox]{accent-color:var(--primary-color);border:2px solid var(--border-color);border-radius:.25rem;cursor:pointer;height:16px;transition:all .2s ease;width:16px}.remember-me input[type=checkbox]:checked{transform:scale(1.1)}.remember-me label{color:#000;cursor:pointer;font-size:.875rem;font-weight:600;transition:color .2s ease}.forgot-password,.remember-me label:hover{color:var(--primary-color)}.forgot-password{border-radius:.25rem;font-size:.875rem;font-weight:600;padding:.25rem .5rem;text-decoration:none;transition:all .2s ease}.forgot-password:hover{background:#8b5cf61a;color:var(--primary-hover);text-decoration:none}.error-message{align-items:center;animation:shake .6s ease-in-out;background:#ef44441a;border:1px solid #ef444433;border-radius:.5rem;color:var(--error-color);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.success-message{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:.5rem;color:var(--success-color);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}.submit-btn{background:var(--primary-color);border:none;border-radius:.5rem;box-shadow:0 10px 20px #8b5cf64d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-top:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.submit-btn:hover{background:var(--primary-hover);box-shadow:0 15px 30px #8b5cf666;transform:translateY(-2px)}.submit-btn:active{transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-btn:disabled:hover{background:var(--primary-color);box-shadow:0 10px 20px #8b5cf64d}.auth-divider{align-items:center;display:flex;gap:1rem;margin:1rem 0}.auth-divider:after,.auth-divider:before{background:var(--border-color);content:"";flex:1 1;height:1px}.auth-divider span{background:var(--bg-primary);color:#000;font-size:.875rem;font-weight:500;padding:0 .5rem}.social-login{display:flex;gap:.75rem}.social-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.5rem;box-shadow:0 1px 3px #0000001a;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.social-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.social-btn svg{height:18px;transition:transform .2s ease;width:18px}.social-btn:hover svg{transform:scale(1.1)}.auth-footer{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1rem;text-align:center}.auth-footer p{color:#000;font-size:.875rem;font-weight:500}.auth-footer a{border-radius:.25rem;color:var(--primary-color);font-weight:600;padding:.25rem .5rem;text-decoration:none;transition:all .2s ease}.auth-footer a:hover{background:#8b5cf61a;color:var(--primary-hover);text-decoration:none}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;margin-right:.5rem;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.auth-wrapper{flex-direction:column}.auth-features{flex:none;min-height:40vh;padding:2rem}.features-title{font-size:2rem}.features-subtitle{font-size:1rem}.auth-form-section{flex:none;min-height:60vh;padding:1.5rem}}@media (max-width:768px){.auth-features{min-height:35vh;padding:1.5rem}.features-title{font-size:1.75rem}.features-subtitle{font-size:.9375rem;margin-bottom:1.5rem}.features-list{max-width:100%}.features-list li{font-size:.9375rem;margin-bottom:.75rem}.auth-form-section{padding:1rem}.auth-card{margin:0 auto;max-width:380px;padding:1.5rem}.auth-title{font-size:1.25rem}.auth-subtitle,.form-input{font-size:.8125rem}.form-input{padding:.75rem .875rem .75rem 2.5rem}.input-icon{height:16px;left:.75rem;width:16px}.input-icon,.password-toggle{top:50%;transform:translateY(-40%)}.password-toggle{right:.75rem}.form-label{font-size:.75rem}.social-login{flex-direction:column;gap:.625rem}.submit-btn{font-size:.8125rem;padding:.75rem 1rem}}@media (max-width:480px){.auth-features{min-height:30vh;padding:1rem}.features-title{font-size:1.5rem}.features-subtitle{font-size:.875rem;margin-bottom:1rem}.features-list li{font-size:.875rem;margin-bottom:.625rem}.auth-form-section{padding:.75rem}.auth-card{border-radius:.75rem;max-width:340px;padding:1.25rem}.auth-logo{border-radius:.375rem;height:40px;width:40px}.auth-logo svg{height:20px;width:20px}.auth-title{font-size:1.125rem}.form-input{border-radius:.375rem;padding:.625rem .75rem .625rem 2.25rem}.input-icon{height:14px;left:.625rem;width:14px}.input-icon,.password-toggle{top:50%;transform:translateY(-40%)}.password-toggle{right:.625rem}.submit-btn{border-radius:.375rem;padding:.625rem .875rem}.social-btn{border-radius:.375rem;font-size:.75rem;padding:.625rem .75rem}}[data-theme=dark] .auth-features{background:var(--bg-secondary)}[data-theme=dark] .auth-features:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(139,92,246,0.2)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E")}[data-theme=dark] .auth-card{background:var(--bg-primary);border:1px solid var(--border-color)}[data-theme=dark] .form-input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .form-input:focus{background:var(--bg-secondary);border-color:var(--primary-color)}[data-theme=dark] .social-btn{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .social-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.auth-footer a:focus-visible,.forgot-password:focus-visible,.form-input:focus-visible,.password-toggle:focus-visible,.social-btn:focus-visible,.submit-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.auth-card,.auth-container:after,.auth-container:before,.spinner{animation:none}*{animation:none!important;transition:none!important}}.auth-container label,.auth-form .label,.auth-form label{color:#000!important;font-weight:600}.auth-container input,.auth-container input[type=email],.auth-container input[type=password],.auth-container input[type=text],.auth-form input,.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{background-color:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:6px;box-shadow:none!important;color:#000!important;padding:10px 12px}.auth-container input::placeholder,.auth-form input::placeholder{color:var(--text-tertiary)!important;opacity:1}.auth-container input:focus,.auth-form input:focus{background-color:var(--bg-primary)!important;border-color:var(--accent-blue)!important;outline:3px solid #2563eb40!important}.auth-container .field,.auth-form .field{filter:none!important;opacity:1!important}.auth-container *,.auth-form *{-webkit-text-fill-color:initial}.document-list-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:900px;padding:2rem}.document-list-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.document-list-header h2{color:#333;font-size:1.8rem;margin:0}.upload-document-button{background-color:#007bff;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.upload-document-button:hover{background-color:#0069d9;color:#fff;text-decoration:none}.document-list{display:flex;flex-direction:column;gap:1rem}.document-item{align-items:center;border:1px solid #eee;border-radius:6px;color:inherit;display:flex;padding:1rem;text-decoration:none;transition:all .3s ease}.document-item:hover{background-color:#f0f7ff;border-color:#007bff;box-shadow:0 4px 8px #0000000d;color:inherit;text-decoration:none;transform:translateY(-2px)}.document-icon{color:#007bff;font-size:2rem;margin-right:1rem;text-align:center;width:40px}.document-details{flex:1 1}.document-name{color:#333;font-size:1.1rem;margin:0 0 .5rem}.document-arrow{color:#ccc;font-size:1.2rem;transition:color .3s ease}.document-item:hover .document-arrow{color:#007bff}.no-documents-message{color:#666;padding:3rem 1rem;text-align:center}.upload-document-link{background-color:#007bff;border-radius:4px;color:#fff;display:inline-block;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.upload-document-link:hover{background-color:#0069d9;color:#fff;text-decoration:none}.loading-spinner{color:#666;padding:3rem 1rem;text-align:center}.error-message{margin-bottom:1.5rem;padding:1rem}.load-more-container{margin-top:1.5rem;text-align:center}.load-more-button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#495057;cursor:pointer;padding:.6rem 1.2rem;transition:all .3s ease}.load-more-button:hover{background-color:#e9ecef}.load-more-button:disabled{background-color:#e9ecef;cursor:not-allowed}@media (max-width:768px){.document-list-container{padding:1.5rem}.document-list-header{align-items:flex-start;flex-direction:column;gap:1rem}.document-meta{flex-direction:column;gap:.25rem}}.document-upload-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.document-upload-container h2{color:#333;font-size:1.8rem;margin-bottom:1rem;margin-top:0}.upload-description{color:#666;line-height:1.5;margin-bottom:1.5rem}.dropzone{background-color:#f9f9f9;border:2px dashed #ccc;border-radius:6px;cursor:pointer;margin-bottom:1.5rem;padding:2rem;text-align:center;transition:all .3s ease}.dropzone:hover{background-color:#f0f7ff;border-color:#007bff}.file-input{height:0;opacity:0;position:absolute;width:0}.file-label{cursor:pointer;display:block}.upload-icon{color:#007bff;font-size:3rem;margin-bottom:1rem}.upload-text{color:#666;font-size:1rem}.error-message{margin:1rem 0;padding:.5rem;text-align:center}.upload-progress{margin:1.5rem 0}.progress-bar{background-color:#e9ecef;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background-color:#007bff;border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#666;font-size:.9rem;text-align:center}.upload-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .3s ease;width:100%}.upload-button:hover{background-color:#0069d9}.upload-button:disabled{background-color:#ccc;cursor:not-allowed}.supported-formats{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}.supported-formats h4{color:#333;font-size:1.1rem;margin-bottom:.75rem}.supported-formats ul{color:#666;padding-left:1.5rem}.supported-formats li{line-height:1.4;margin-bottom:.5rem}@media (max-width:768px){.document-upload-container,.dropzone{padding:1.5rem}.upload-icon{font-size:2.5rem}}.document-view-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1000px;padding:2rem}.document-header{border-bottom:1px solid #eee;margin-bottom:1.5rem;padding-bottom:1rem}.document-header h2{color:#333;font-size:1.8rem;margin-bottom:.5rem;margin-top:0;word-break:break-word}.document-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem}.document-tabs{border-bottom:1px solid #eee;display:flex;margin-bottom:1.5rem;overflow-x:auto}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.tab-button:hover{color:#007bff}.tab-button.active{border-bottom-color:#007bff;color:#007bff}.tab-content{min-height:300px}.content-tab h3{color:#333;margin-top:0}.extracted-text{background-color:#f9f9f9;border:1px solid #eee;border-radius:6px;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;max-height:500px;overflow-y:auto;padding:1.5rem;white-space:pre-wrap}.content-actions{display:flex;justify-content:flex-end}.analyze-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:background-color .3s ease}.analyze-button:hover{background-color:#218838}.analyze-button:disabled{background-color:#ccc;cursor:not-allowed}.qa-tab h3{color:#333;margin-top:0}.question-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.question-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:1rem;padding:.75rem}.question-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .3s ease}.question-button:hover{background-color:#0069d9}.question-button:disabled{background-color:#ccc;cursor:not-allowed}.ai-response{background-color:#f0f7ff;border:1px solid #d1e7ff;border-radius:6px;padding:1.5rem}.ai-response h4{color:#0056b3;margin-bottom:1rem;margin-top:0}.response-content{line-height:1.6;white-space:pre-wrap}.analytics-tab h3{color:#333;margin-top:0}.analytics-prompt{background-color:#f9f9f9;border-radius:6px;margin-bottom:1.5rem;padding:2rem;text-align:center}.analytics-prompt p{color:#666;margin-bottom:1.5rem}.analyzing-message{color:#666;padding:2rem;text-align:center}.analytics-results{display:flex;flex-direction:column;gap:1.5rem}.analytics-section{background-color:#f9f9f9;border:1px solid #eee;border-radius:6px;padding:1.5rem}.analytics-section h4{border-bottom:1px solid #eee;color:#333;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.insights-list,.recommendations-list,.topics-list{margin:0;padding-left:1.5rem}.insights-list li,.recommendations-list li,.topics-list li{margin-bottom:.5rem}.entities-container{display:flex;flex-wrap:wrap;gap:1.5rem}.entity-group{flex:1 1;min-width:200px}.entity-group h5{color:#555;margin-bottom:.75rem;margin-top:0}.entity-group ul{margin:0;padding-left:1.5rem}.sentiment-container{align-items:center;display:flex;gap:1.5rem}.sentiment-positive{color:#28a745;font-weight:600}.sentiment-negative{color:#dc3545;font-weight:600}.sentiment-neutral{color:#000;font-weight:600}.original-tab h3{color:#333;margin-top:0}.file-preview{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:6px;display:flex;justify-content:center;min-height:400px;padding:1rem}.document-image{max-height:600px;max-width:100%;object-fit:contain}.document-frame{border:none;height:600px;width:100%}.download-prompt{padding:2rem;text-align:center}.download-link{background-color:#007bff;border-radius:4px;color:#fff;display:inline-block;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.download-link:hover{background-color:#0069d9}.error-message,.loading-message,.loading-spinner{color:#666;padding:2rem;text-align:center}.error-message{background-color:#f8d7da;border-radius:4px;color:#dc3545}@media (max-width:768px){.document-view-container{padding:1rem}.document-tabs{flex-wrap:wrap}.tab-button{font-size:.9rem;padding:.6rem 1rem}.entities-container,.question-form{flex-direction:column}}
/*# sourceMappingURL=main.b33be1a8.css.map*/