*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;height:100vh;position:relative}.main-content{display:flex;flex:1 1;flex-direction:column;transition:margin-left .3s ease,margin-right .3s ease}.main-content.with-sidebar{margin-left:320px}.main-content.with-documents-panel{margin-right:350px}.App-header{align-items:center;background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;padding:1rem}.header-left{gap:12px}.app-logo{border-radius:4px;height:40px;object-fit:contain;width:auto}.chat-header-controls{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:20px;padding:15px 20px}.chat-header-controls .system-prompt-selector{flex:1 1}.chat-header-controls .kb-selector{align-items:center;display:flex;gap:10px}.App-header h1{font-size:1.5rem;font-weight:600;margin:0}.header-center{align-items:center;display:flex;justify-content:center}.header-right{justify-content:flex-end}.user-info{align-items:center;background-color:#ffffff1a;border-radius:8px;display:flex;gap:12px;padding:8px 16px}.logout-button,.user-name{color:#fff;font-size:14px}.logout-button{background-color:#fff3;border:1px solid #ffffff4d;border-radius:6px;cursor:pointer;padding:6px 12px;transition:background-color .2s}.logout-button:hover{background-color:#ffffff4d}.content-container{display:flex;flex:1 1;overflow:hidden;position:relative}.main-content.with-citations .content-container{margin-right:0}.main-content.search-mode{margin-left:0}.main-content.search-mode .content-container{margin:0 auto;max-width:1600px;padding:0 40px;width:100%}.main-content.search-mode .content-container:has(.infographic-chat){max-width:none;padding:0}@media (max-width:1200px){.main-content.search-mode .content-container{padding:0 24px}}@media (max-width:768px){.main-content.with-sidebar{margin-left:0}.main-content.search-mode .content-container{padding:0 16px}.App-header{gap:10px;grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:.75rem}.header-left{grid-column:1;grid-row:1}.app-logo{height:30px}.App-header h1{font-size:1.2rem}.header-center{grid-column:1/-1;grid-row:2;justify-content:flex-start}.header-right{grid-column:2;grid-row:1}}.no-search-context-message{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:500px;padding:3rem 2rem;text-align:center}.no-search-context-message .message-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.no-search-context-message h3{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.no-search-context-message p{font-size:1rem;line-height:1.5;margin:.5rem 0}.no-search-context-message strong{color:#2c3e50;font-weight:600}.chat-interface{background-color:#fff;box-shadow:0 0 10px #0000001a;display:flex;flex:1 1;flex-direction:column;height:100%;margin:0 auto;max-width:1200px;width:100%}.chat-prompt-selector{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:15px 20px}.message-with-citations{width:100%}.message-content{margin-bottom:12px}.citations-section{border-top:1px solid #e0e0e0;margin-top:16px;padding-top:12px}.citations-header-row{align-items:center;color:#555;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:8px}.citations-compact-list{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:8px 12px}.citation-compact-item{align-items:center;display:flex;font-size:13px;gap:8px}.citation-filename{color:#333;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-location-btn-compact{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:4px 6px;transition:all .2s ease}.copy-location-btn-compact:hover{background-color:#f0f0f0;border-color:#999;color:#333}.copy-location-btn-compact:active{background-color:#e0e0e0}.citations-toggle{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:4px 0;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.citations-toggle:hover{color:#333}.citations-icon{font-size:16px}.citations-label{font-weight:500}.citations-arrow{font-size:12px;margin-left:4px}.citations-list{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-top:12px;padding:16px}.citation-item{border-bottom:1px solid #e0e0e0;margin-bottom:16px;padding-bottom:16px}.citation-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.citation-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.citation-number{background:#2c3e50;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.citation-title{color:#333;flex:1 1;font-weight:600}.citation-score{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:12px;font-weight:500;padding:2px 8px}.citation-details{color:#666;font-size:13px;margin-bottom:8px}.citation-location-wrapper{align-items:center;display:flex;gap:8px;margin-bottom:8px}.citation-location{color:#888;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-location-btn{border:1px solid #ddd;padding:4px;transition:all .2s ease}.copy-location-btn:hover{border-color:#999}.copy-location-btn:active{background-color:#e0e0e0}.citation-excerpt{background:#fff;border-left:3px solid #2c3e50;border-radius:4px;color:#555;font-size:13px;font-style:italic;margin-top:8px;padding:8px 12px}@media (max-width:768px){.citations-toggle{font-size:13px;padding:6px 12px}.citations-list{padding:12px}.citation-item{margin-bottom:12px;padding-bottom:12px}}.message-list{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem}.message{word-wrap:break-word;border-radius:.5rem;max-width:70%;padding:1rem}.message-user{align-self:flex-end;background-color:#e3f2fd;margin-left:auto}.message-assistant{align-self:flex-start;background-color:#f5f5f5}.message-header{color:#666;font-size:.875rem;justify-content:space-between}.message-actions{gap:.5rem}.copy-button,.message-actions{align-items:center;display:flex}.copy-button{background:none;border:none;border-radius:.25rem;color:#666;cursor:pointer;justify-content:center;padding:.25rem;transition:all .2s}.copy-button:hover{background-color:#0000000d;color:#333}.copy-button:active{transform:scale(.95)}.copy-button svg{height:16px;width:16px}.message-time{font-size:.75rem}.message-content{color:#333;line-height:1.5}.message-content p{margin-bottom:.5rem}.message-content p:last-child{margin-bottom:0}.message-content code{background-color:#f0f0f0;border-radius:.25rem;font-size:.875rem;padding:.2rem .4rem}.message-content pre{background-color:#f0f0f0;border-radius:.5rem;margin:.5rem 0;overflow-x:auto;padding:1rem}.typing-indicator{display:flex;gap:.3rem;padding:.5rem 0}.typing-indicator span{animation:typing 1.4s infinite;background-color:#999;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:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.streaming-cursor{animation:blink 1s infinite;color:#333;display:inline-block;font-size:1.1em;font-weight:700;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.message-error{background-color:#ffebee;border:1px solid #ffcdd2}.message-error .message-content{color:#c62828}.generate-word-button{align-items:center;background-color:#f8f9fa;border:2px solid #cbd5e0;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.generate-word-button:hover:not(:disabled){background-color:#e7f3ff;border-color:#4a90e2;box-shadow:0 2px 4px #4a90e233;transform:translateY(-1px)}.generate-word-button:active:not(:disabled){box-shadow:0 1px 2px #4a90e233;transform:translateY(0)}.generate-word-button:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.5}.word-icon{font-size:18px;line-height:1}.word-text{font-size:14px}@media (max-width:768px){.word-text{display:none}.generate-word-button{padding:8px 10px}}@media (prefers-color-scheme:dark){.generate-word-button{background-color:#2d2d2d;border-color:#444;color:#e0e0e0}.generate-word-button:hover:not(:disabled){background-color:#1e3a5f;border-color:#5a9fd4}.generate-word-button:disabled{background-color:#1e1e1e}}.word-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.word-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.word-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.word-modal-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.word-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.word-modal-close:hover{background-color:#f0f0f0;color:#333}.word-modal-body{padding:24px}.word-modal-section{margin-bottom:20px}.word-modal-section label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.message-preview{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;color:#555;font-size:14px;line-height:1.5;max-height:120px;overflow-y:auto;padding:12px}.template-select-modal{background-color:#fff;border:2px solid #cbd5e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.template-select-modal:hover:not(:disabled){border-color:#4a90e2}.template-select-modal:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.template-select-modal:disabled{background-color:#e9ecef;cursor:not-allowed}.template-description{background-color:#e7f3ff;border-left:3px solid #4a90e2;border-radius:4px;color:#444;font-size:13px;margin-top:8px;padding:8px}.loading-templates{color:#666;font-size:14px;padding:12px;text-align:center}.word-modal-error{align-items:center;background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;display:flex;font-size:14px;gap:8px;padding:12px}.error-icon{font-size:18px}.word-modal-success{padding:20px 0;text-align:center}.success-icon{font-size:64px;margin-bottom:16px}.word-modal-success h3{color:#2d8659;font-size:24px;margin:0 0 20px}.document-info{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.document-info p{color:#555;font-size:14px;margin:8px 0}.document-name{color:#333!important;font-size:16px!important;font-weight:600}.download-button{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s ease}.download-button:hover{background-color:#357abd;box-shadow:0 4px 8px #4a90e24d;transform:translateY(-1px)}.download-button:active{transform:translateY(0)}.rate-limit-info{color:#666;font-size:13px;margin-top:16px}.word-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cancel-button,.generate-button{border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.cancel-button{background-color:#fff;border:2px solid #cbd5e0;color:#555}.cancel-button:hover:not(:disabled){background-color:#f8f9fa;border-color:#999}.generate-button{align-items:center;background-color:#4a90e2;border:none;color:#fff;display:flex;gap:8px}.generate-button:hover:not(:disabled){background-color:#357abd}.generate-button:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@media (prefers-color-scheme:dark){.word-modal-content{background-color:#1e1e1e}.word-modal-header{border-bottom-color:#444}.word-modal-header h2{color:#e0e0e0}.word-modal-close{color:#999}.word-modal-close:hover{background-color:#2d2d2d;color:#e0e0e0}.word-modal-section label{color:#e0e0e0}.message-preview{color:#d0d0d0}.message-preview,.template-select-modal{background-color:#2d2d2d;border-color:#444}.template-select-modal{color:#e0e0e0}.template-description{background-color:#1e3a5f;border-left-color:#5a9fd4;color:#d0d0d0}.document-info{background-color:#2d2d2d}.document-info p{color:#b0b0b0}.document-name{color:#e0e0e0!important}.word-modal-footer{border-top-color:#444}.cancel-button{background-color:#2d2d2d;border-color:#444;color:#e0e0e0}.cancel-button:hover:not(:disabled){background-color:#3d3d3d;border-color:#666}}.input-box{background-color:#fff;border-top:1px solid #e0e0e0;display:flex;gap:.5rem;padding:1rem}.input-textarea{word-wrap:break-word;border:1px solid #e0e0e0;border-radius:.5rem;flex:1 1;font-family:inherit;font-size:1rem;max-height:240px;min-height:44px;outline:none;overflow-wrap:break-word;padding:.75rem;resize:none;transition:border-color .2s;white-space:pre-wrap}.input-textarea:focus{border-color:#2196f3}.input-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-button{background-color:#2196f3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s;white-space:nowrap}.send-button:hover:not(:disabled){background-color:#1976d2}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.send-button.cancel-button{align-items:center;background-color:#f44336!important;display:flex;justify-content:center;padding:.75rem 1rem}.send-button.cancel-button:hover{background-color:#d32f2f!important}.search-button{align-items:center;background-color:#4caf50;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:background-color .2s}.search-button:hover:not(:disabled){background-color:#45a049}.search-button:disabled{background-color:#ccc;cursor:not-allowed}.sidebar-toggle-tab{background-color:#f7f7f7;border:1px solid #e0e0e0;border-left:none;border-radius:0 4px 4px 0;color:#333;cursor:pointer;left:0;padding:12px 6px;position:fixed;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1001}.sidebar-toggle-tab:hover{background-color:#e8e8e8}.sidebar-toggle-tab.sidebar-visible{left:320px}.sidebar{background-color:#f7f7f7;border-right:1px solid #e0e0e0;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s ease;width:320px;z-index:1000}.sidebar.closed{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-header{border-bottom:1px solid #e0e0e0;padding:1rem}.new-chat-btn{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:.5rem;cursor:pointer;display:flex;font-weight:500;gap:.5rem;margin-right:.5rem;padding:.75rem;transition:all .2s;width:100%}.new-chat-btn:hover{background-color:#f0f0f0;border-color:#d0d0d0}.sidebar-content{flex:1 1;overflow-y:auto;padding:.5rem}.search-btn{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:.5rem;color:#666;cursor:pointer;display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s;width:100%}.search-btn:hover{background-color:#f0f0f0;border-color:#d0d0d0}.search-container{display:flex;gap:.5rem;margin-bottom:.5rem}.search-input{border:1px solid #e0e0e0;border-radius:.5rem;flex:1 1;outline:none;padding:.75rem;transition:border-color .2s}.search-input:focus{border-color:#2196f3}.search-container button{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;padding:.5rem .75rem}.conversations-list{display:flex;flex-direction:column;gap:.25rem}.conversation-item{background-color:#fff;border:1px solid #0000;border-radius:.5rem;cursor:pointer;padding:.75rem;position:relative;transition:all .2s}.conversation-item:hover{background-color:#f0f0f0;border-color:#e0e0e0}.conversation-item.active{background-color:#e3f2fd;border-color:#2196f3}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.conversation-title{color:#333;flex:1 1;font-weight:500;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-actions{align-items:center;display:flex;flex-shrink:0;gap:.25rem}.delete-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;height:24px;justify-content:center;opacity:0;padding:0;transition:opacity .2s,background-color .2s;width:24px}.conversation-item:hover .delete-btn{opacity:.6}.delete-btn:hover{background-color:#ff00001a;opacity:1!important}.delete-btn:disabled{cursor:not-allowed;opacity:.5!important}.conversation-preview{color:#666;font-size:.875rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-date{color:#999;font-size:.75rem}.no-conversations{color:#999;padding:2rem;text-align:center}.loading{padding:2rem}.sidebar-overlay{background-color:#0000004d;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.sidebar{width:280px}.sidebar-overlay{display:block}}.sidebar-open-btn{background-color:#fff;border:1px solid #e0e0e0;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;left:1rem;padding:.5rem;position:fixed;top:1rem;transition:all .2s;z-index:999}.sidebar-open-btn:hover{background-color:#f0f0f0;box-shadow:0 4px 8px #00000026}.conversation-tooltip{animation:tooltipFade .2s ease-in;background-color:#000000e6;border-radius:4px;bottom:100%;box-shadow:0 2px 8px #0003;color:#fff;font-size:13px;left:.75rem;line-height:1.4;margin-bottom:5px;padding:8px 12px;pointer-events:none;position:absolute;right:.75rem;white-space:normal;word-break:break-word;z-index:1001}@keyframes tooltipFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.mode-selector{background-color:#ffffff1a;border-radius:8px;display:flex;gap:8px;padding:4px}.mode-button{align-items:center;background-color:initial;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.mode-button:hover{background-color:#ffffff1a;color:#fff}.mode-button.active{background-color:#fff3;color:#fff}.mode-icon{font-size:16px}.mode-label{white-space:nowrap}@media (max-width:768px){.mode-selector{gap:4px;padding:2px}.mode-button{font-size:13px;padding:6px 12px}.mode-label{display:none}}.unified-panel-toggle{background-color:#f7f7f7;border:1px solid #e0e0e0;border-radius:4px 0 0 4px;border-right:none;color:#333;cursor:pointer;padding:12px 6px;position:fixed;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1001}.unified-panel-toggle:hover{background-color:#e8e8e8}.unified-panel-toggle.panel-visible{right:350px}.unified-right-panel{background-color:#f7f7f7;border-left:1px solid #e0e0e0;bottom:0;display:flex;flex-direction:column;overflow:hidden;position:fixed;right:-350px;top:0;transition:right .3s ease;width:350px;z-index:1000}.unified-right-panel.visible{right:0}.panel-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem}.panel-header h3{color:#333;font-size:1.1rem;font-weight:600;margin:0}.panel-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.panel-close-btn:hover{background-color:#e0e0e0;color:#333}.panel-section{border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;min-height:0}.panel-section:last-child{border-bottom:none}.panel-scrollable-content{flex:1 1;overflow:hidden}.panel-scrollable-content,.panel-scrollable-content .panel-section{display:flex;flex-direction:column;min-height:0}.panel-scrollable-content .panel-section:first-child{display:flex;flex:1.5 1;flex-direction:column;min-height:200px;overflow:hidden}.panel-scrollable-content .panel-section:nth-child(2){display:flex;flex:1 1;flex-direction:column;max-height:250px;min-height:150px;overflow:hidden}.section-header{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s}.section-header:hover{background-color:#f0f0f0}.section-title.clickable{cursor:pointer;flex:1 1}.section-header-controls{align-items:center;display:flex;gap:8px}.section-toggle-btn,.select-all-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.section-toggle-btn:hover,.select-all-btn:hover{background-color:#e0e0e0;color:#333}.section-title{align-items:center;color:#333;display:flex;font-weight:500;gap:8px}.result-count{color:#666;font-size:.9em}.section-content{padding:0 16px 16px}.panel-scrollable-content .panel-section .section-content,.section-content{flex:1 1;min-height:0;overflow-y:auto}.section-content::-webkit-scrollbar{width:6px}.section-content::-webkit-scrollbar-track{background:#f0f0f0}.section-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.section-content::-webkit-scrollbar-thumb:hover{background:#aaa}.empty-state{align-items:center;color:#666;display:flex;flex-direction:column;font-size:.9em;gap:10px;padding:20px;text-align:center}.empty-state.clickable{border:2px dashed #d0d0d0;border-radius:8px;cursor:pointer;transition:all .2s}.empty-state.clickable:hover{background-color:#f8f9fa;border-color:#3b82f6}.upload-icon{color:#999;transition:color .2s}.empty-state.clickable:hover .upload-icon{color:#3b82f6}.file-types-hint{color:#888;font-size:.75em;margin-top:4px}.section-content.dragging{background-color:#e3f2fd;border:2px dashed #3b82f6;border-radius:8px}.section-content.dragging .empty-state{border-color:#3b82f6}.section-content.dragging .upload-icon{animation:pulse 1s infinite;color:#3b82f6}.section-content.dragging .add-files-btn{background-color:#e3f2fd;transform:scale(1.02)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.search-results-list{display:flex;flex-direction:column;gap:8px;padding-bottom:8px}.search-result-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.result-header{align-items:center;cursor:pointer;display:flex;gap:8px;padding:10px 12px}.result-header:hover{background-color:#f8f8f8}.result-checkbox-wrapper{flex-shrink:0}.result-checkbox{align-items:center;background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s}.result-checkbox:hover{background-color:#e0f2fe}.result-info{align-items:center;display:flex;flex:1 1;gap:8px}.result-title{color:#333;flex:1 1;font-size:.9em;font-weight:500}.copy-location-btn{align-items:center;background:none;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px 8px;transition:all .2s}.copy-location-btn:hover{background-color:#f0f0f0;border-color:#d0d0d0;color:#333}.copy-location-btn:active{transform:scale(.95)}.result-details{border-top:1px solid #e0e0e0;padding:0 12px 12px}.metadata-item{font-size:.85em;gap:8px;margin-top:8px}.metadata-label{font-weight:500}.result-content{background-color:#f8f8f8;border-radius:4px;color:#333;font-size:.85em;line-height:1.5;margin-top:8px;max-height:200px;overflow-y:auto;padding:8px}.uploaded-files-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.uploaded-file-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:10px 12px}.file-info,.uploaded-file-item{align-items:center;display:flex;gap:8px}.file-info{flex:1 1;min-width:0}.file-details{display:flex;flex-direction:column;gap:2px;min-width:0}.file-name{cursor:help;font-size:.9em;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}.file-size{font-size:.8em}.remove-file-btn{background:none;border-radius:4px;color:#ef4444;flex-shrink:0;padding:4px;transition:background-color .2s}.remove-file-btn:hover{background-color:#fee}.add-files-btn{align-items:center;background-color:#fff;border:2px dashed #3b82f6;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;font-size:.9em;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.add-files-btn:hover{background-color:#f0f7ff;border-style:solid}.add-files-btn svg{flex-shrink:0}.panel-bottom-controls{background-color:#fff;border-top:2px solid #e0e0e0;flex-shrink:0;padding:16px}.controls-content{display:flex;flex-direction:column;gap:16px}.control-group{margin-bottom:0}.control-group label{color:#333;display:block;font-size:.9em;font-weight:500;margin-bottom:8px}.relevance-slider{height:4px;margin:8px 0}.relevance-slider::-webkit-slider-thumb{height:16px;width:16px}.relevance-slider::-moz-range-thumb{height:16px;width:16px}.slider-labels{font-size:.8em}.clear-search-btn{background-color:#ef4444;border-radius:6px;color:#fff;font-size:.9em;padding:8px 16px;transition:background-color .2s;width:100%}.clear-search-btn:hover{background-color:#dc2626}@media (max-width:768px){.unified-right-panel{right:-100%;width:100%}.unified-panel-toggle.panel-visible{right:calc(100% - 40px)}}.context-length-indicator{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:10px 0;overflow:hidden;transition:all .3s ease}.context-length-indicator.caution{background-color:#fff8e1;border-color:#ffc107}.context-length-indicator.warning{background-color:#fff3e0;border-color:#ff9800}.context-length-indicator.critical{background-color:#ffebee;border-color:#f44336}.context-summary{align-items:center;cursor:pointer;display:flex;padding:12px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.context-summary:hover{background-color:#00000008}.context-icon{align-items:center;color:#666;display:flex;margin-right:12px}.context-length-indicator.caution .context-icon{color:#ffc107}.context-length-indicator.warning .context-icon{color:#ff9800}.context-length-indicator.critical .context-icon{color:#f44336}.context-bar-container{flex:1 1;max-width:300px}.context-bar{background-color:#e0e0e0;border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden}.context-bar-fill{background-color:#4caf50;height:100%;transition:width .3s ease,background-color .3s ease}.context-length-indicator.caution .context-bar-fill{background-color:#ffc107}.context-length-indicator.warning .context-bar-fill{background-color:#ff9800}.context-length-indicator.critical .context-bar-fill{background-color:#f44336}.context-text{color:#666;font-size:.85em}.context-details{animation:slideDown .2s ease-out;border-top:1px solid #0000001a;padding:0 12px 12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.context-breakdown{margin-top:12px}.context-breakdown h4{color:#333;font-size:.9em;font-weight:600;margin:0 0 8px}.breakdown-item{color:#666;display:flex;font-size:.85em;justify-content:space-between;padding:4px 0}.breakdown-item.total{border-top:1px solid #e0e0e0;color:#333;font-weight:600;margin-top:4px;padding-top:8px}.breakdown-item.remaining{color:#4caf50;font-weight:500}.context-length-indicator.warning .breakdown-item.remaining{color:#ff9800}.context-length-indicator.critical .breakdown-item.remaining{color:#f44336}.breakdown-label{color:#666}.breakdown-value{font-family:Courier New,monospace}.context-warning{background-color:#0000000d;border-radius:4px;font-size:.85em;line-height:1.4;margin-top:12px;padding:8px 12px}.context-warning p{color:#333;margin:0}@media (max-width:768px){.context-bar-container{max-width:200px}.context-text{font-size:.8em}}.sso-login-container{margin-top:2rem}.login-divider{margin:2rem 0;position:relative;text-align:center}.login-divider:before{background-color:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background-color:#fff;color:#6b7280;display:inline-block;font-size:.875rem;font-weight:500;padding:0 1rem;position:relative}.sso-login-button{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;justify-content:center;padding:.75rem 1rem;transition:all .2s;width:100%}.sso-login-button:hover{background-color:#f9fafb;border-color:#d1d5db}.sso-icon{height:1.25rem;width:1.25rem}.sso-provider-info{color:#6b7280;font-size:.75rem;margin-top:.5rem;text-align:center}.admin-only-notice{background-color:#fef2f2;border-radius:4px;color:#dc2626;font-weight:600;margin-top:.75rem;padding:.5rem}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-container{max-width:400px;padding:20px;width:100%}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.login-header{background:#2c3e50;color:#fff;padding:30px;text-align:center}.login-header h1{font-size:28px;font-weight:600;margin:0 0 8px}.login-header p{font-size:16px;margin:0;opacity:.9}.login-form{padding:30px}.error-message{font-size:14px;padding:12px;text-align:center}.form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:16px;outline:none;padding:12px 16px;transition:border-color .2s}.form-group input:focus{border-color:#667eea}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:14px;transition:background-color .2s;width:100%}.login-button:hover:not(:disabled){background-color:#5a67d8}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{background-color:#f8f9fa;border-top:1px solid #e0e0e0;padding:20px 30px;text-align:center}.login-footer p{color:#666;font-size:14px;margin:0}@media (max-width:480px){.login-container{padding:10px}.login-form,.login-header{padding:24px}}.admin-page{background-color:#f8f9fa;display:flex;flex-direction:column;height:100%;width:100%}.admin-header{background-color:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000000d;padding:1.5rem 2rem}.admin-header h1{color:#1a1a1a;font-size:1.75rem;font-weight:600;margin:0}.admin-tabs{background-color:#fff;border-bottom:2px solid #e9ecef;display:flex;gap:1rem;padding:0 2rem}.admin-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:1rem 1.5rem;transition:all .2s ease}.admin-tab:hover{background-color:#f8f9fa;color:#495057}.admin-tab.active{background-color:initial;border-bottom-color:#007bff;color:#007bff}.tab-icon{font-size:1.1rem}.tab-label{font-size:.95rem}.admin-content{flex:1 1;overflow-y:auto;padding:2rem}.dashboard-tab,.models-tab,.prompts-tab{margin:0 auto;max-width:1400px;width:100%}.dashboard-tab h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.models-tab .model-settings,.prompts-tab .system-prompts-tab{background:#0000;padding:0}.models-tab .model-settings h2:first-child,.prompts-tab .system-prompts-tab>.model-settings{display:none}@media (max-width:768px){.admin-tabs{gap:.5rem;padding:0 1rem}.admin-tab{font-size:.875rem;padding:.75rem 1rem}.tab-label{display:none}.admin-content{padding:1rem}}.system-prompts-tab{background-color:#f5f5f5;display:flex;flex-direction:column;height:100%;overflow-y:auto;width:100%}.prompts-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.prompts-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.create-button{background-color:#2c3e50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.create-button:hover{background-color:#1a252f}.error-message{border-radius:6px;color:#c00;margin:20px;padding:16px}.error-message button{color:#c00;padding:0 8px}.prompt-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;padding:24px}.prompt-form h3{color:#333;font-size:20px;font-weight:600;margin:0 0 24px}.form-group label{color:#333;margin-bottom:8px}.form-group input[type=text],.form-group textarea{background-color:#fff!important;border:2px solid #e0e0e0;border-radius:6px;color:#333!important;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#2c3e50}.form-group textarea{min-height:150px;resize:vertical}.checkbox-group,.checkbox-group label{align-items:center;display:flex}.checkbox-group label{cursor:pointer;margin-bottom:0}.checkbox-group input[type=checkbox]{cursor:pointer;margin-right:8px}.form-actions{display:flex;gap:12px;margin-top:24px}.save-button{background-color:#2c3e50;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s}.save-button:hover{background-color:#1a252f}.cancel-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.cancel-button:hover{background-color:#e0e0e0;border-color:#ccc}.prompts-list{padding:20px}.no-prompts{color:#666;font-size:16px;padding:40px;text-align:center}.prompt-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:20px;transition:box-shadow .2s}.prompt-card:hover{box-shadow:0 4px 8px #0000001a}.prompt-card.inactive{background-color:#f9f9f9;opacity:.7}.prompt-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.prompt-title-section{align-items:center;display:flex;gap:12px}.prompt-title-section h3{color:#333;font-size:18px;font-weight:600;margin:0}.default-badge,.inactive-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 12px}.default-badge{background-color:#e3f2fd;color:#1976d2}.inactive-badge{background-color:#fafafa;border:1px solid #ddd;color:#999}.prompt-actions{display:flex;gap:8px}.action-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.action-button:hover{background-color:#f0f0f0;border-color:#bbb}.default-button{border-color:#1976d2;color:#1976d2}.default-button:hover{background-color:#e3f2fd}.toggle-button{border-color:#f57c00;color:#f57c00}.toggle-button:hover{background-color:#fff3e0}.edit-button{border-color:#388e3c;color:#388e3c}.edit-button:hover{background-color:#e8f5e9}.delete-button{border-color:#d32f2f;color:#d32f2f}.delete-button:hover{background-color:#ffebee}.prompt-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 16px}.prompt-content{background-color:#f5f5f5;border-radius:6px;margin-bottom:16px;padding:16px}.prompt-content pre{color:#333;font-family:Monaco,Consolas,Courier New,monospace;font-size:13px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.prompt-metadata{color:#999;display:flex;font-size:12px;gap:24px}.prompts-section{margin-top:20px}.section-divider{background-color:#fff;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;padding:20px}.section-divider h2{color:#333;font-size:20px;font-weight:600;margin:0}@media (max-width:768px){.prompts-header{align-items:stretch;flex-direction:column;gap:16px}.create-button{width:100%}.prompt-header{flex-direction:column;gap:12px}.prompt-actions{flex-wrap:wrap}.prompt-metadata{flex-direction:column;gap:8px}}.model-order-manager{margin:0 auto;max-width:1000px;padding:20px}.manager-header{margin-bottom:30px}.manager-header h2{color:#333;font-size:24px;margin-bottom:10px}.manager-header p{color:#666;font-size:14px}.error-message,.success-message{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.success-message{background-color:#efe;border:1px solid #cfc;color:#393}.error-message button{padding:0 0 0 10px}.models-list{margin-bottom:30px}.model-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:move;margin-bottom:12px;transition:all .2s ease}.model-card.enabled{border-color:#4caf50}.model-card.disabled{border-color:#ccc;opacity:.6}.model-card.dragging{box-shadow:0 8px 16px #00000026;transform:scale(1.02)}.model-card:hover{box-shadow:0 4px 8px #0000001a}.model-card-header{align-items:center;display:flex;gap:20px;padding:20px}.drag-handle{color:#999;cursor:grab;transition:color .2s}.drag-handle:hover{color:#666}.drag-handle:active{cursor:grabbing}.model-order-badge{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.model-card.disabled .model-order-badge{background:#999}.model-info{flex-grow:1}.model-info h3{color:#333;font-size:18px;margin:0 0 8px}.model-id{color:#666;font-family:monospace;font-size:12px;margin:4px 0}.model-description{color:#666;font-size:14px;margin:4px 0}.model-tokens{color:#888;font-size:13px;margin:4px 0}.model-controls{align-items:center;display:flex;gap:16px}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#4caf50}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.test-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 16px;transition:background .2s}.test-button:hover:not(:disabled){background:#0056b3}.test-button:disabled{background:#ccc;cursor:not-allowed}.test-result{border-top:1px solid #e0e0e0;font-size:14px;padding:16px 20px}.test-result.success{background:#f0f9ff;color:#0369a1}.test-result.error{background:#fef2f2;color:#dc2626}.test-result p{margin:4px 0}.test-error,.test-response{font-family:monospace;font-size:13px;margin-top:8px}.manager-controls{display:flex;gap:12px;margin-bottom:30px}.reset-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:10px 24px;transition:all .2s}.save-button{background:#4caf50;color:#fff}.save-button:hover:not(:disabled){background:#45a049}.save-button:disabled{background:#ccc;cursor:not-allowed}.reset-button{background:#f44336;color:#fff}.reset-button:hover:not(:disabled){background:#da190b}.reset-button:disabled{background:#ccc;cursor:not-allowed}.manager-info{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.manager-info h3{color:#333;font-size:16px;margin:0 0 12px}.manager-info ul{margin:0;padding-left:20px}.manager-info li{color:#666;font-size:14px;margin:6px 0}.loading{color:#666;font-size:16px;padding:40px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-dashboard{margin:0 auto;max-width:1600px;width:100%}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-header h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0}.dashboard-controls{align-items:center;display:flex;gap:1rem}.date-range-selector{cursor:pointer}.date-range-selector,.refresh-button{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:.875rem;padding:.5rem 1rem}.refresh-button{transition:all .2s ease}.refresh-button:hover:not(:disabled){background:#f8f9fa;border-color:#007bff;color:#007bff}.refresh-button:disabled{opacity:.6}.kpi-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.kpi-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;text-align:center}.kpi-card h3{color:#6c757d;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.kpi-value{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin:0}.kpi-label{color:#6c757d;font-size:.75rem}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.chart-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.chart-container h3{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.top-users-table{overflow-x:auto}.top-users-table table{border-collapse:collapse;font-size:.875rem;width:100%}.top-users-table th{border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:.75rem;text-align:left}.top-users-table td{border-bottom:1px solid #e9ecef;padding:.75rem}.top-users-table tr:hover{background-color:#f8f9fa}.dashboard-error,.dashboard-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;min-height:400px}.dashboard-error button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.5rem 1.5rem}.dashboard-error button:hover{background:#0056b3}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-header{align-items:stretch;flex-direction:column;gap:1rem}.dashboard-controls{justify-content:flex-end}.kpi-cards{gap:1rem;grid-template-columns:repeat(2,1fr)}.kpi-value{font-size:2rem}.chart-container{padding:1rem}}.admin-documents{margin:0 auto;max-width:1200px;padding:20px}.admin-documents-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.admin-documents-header h2{color:#333;font-size:24px;margin:0}.knowledge-base-selector{align-items:center;display:flex;gap:10px}.knowledge-base-selector label{color:#666;font-weight:500}.knowledge-base-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:250px;padding:8px 12px}.admin-documents-loading{align-items:center;color:#666;display:flex;font-size:18px;height:400px;justify-content:center}.admin-documents-error{background-color:#fee;border-radius:4px;color:#c00;margin-bottom:20px;padding:12px 20px}.admin-documents-stats-section{margin-bottom:30px}.admin-documents-upload-section{margin-bottom:40px}.admin-documents-queue-section h3{color:#333;margin-bottom:15px}.admin-documents-empty{color:#666;padding:60px 20px;text-align:center}.admin-documents-empty p{margin:10px 0}.kb-document-uploader{background-color:#f8f9fa;border-radius:8px;padding:20px}.metadata-section{margin-bottom:25px}.metadata-section h3{color:#333;font-size:18px;margin-bottom:15px}.metadata-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.metadata-field{display:flex;flex-direction:column}.metadata-field label{color:#666;font-size:12px;font-weight:500;margin-bottom:5px}.metadata-field input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.drop-zone{background-color:#fff;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;padding:40px;text-align:center;transition:all .3s ease}.drop-zone:hover{background-color:#f0f7ff;border-color:#4a90e2}.drop-zone.drag-active{background-color:#e3f2fd;border-color:#4a90e2;transform:scale(1.02)}.drop-zone-content{pointer-events:none}.drop-zone-icon{font-size:48px;margin-bottom:10px}.drop-zone-content p{color:#666;margin:5px 0}.drop-zone-hint{color:#999;font-size:12px}.selected-files{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;padding:15px}.selected-files h4{color:#333;margin-bottom:10px}.file-list{list-style:none;margin:0 0 15px;padding:0}.file-item{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;margin-bottom:5px;padding:8px 12px}.file-name{flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:12px;margin:0 15px}.remove-file{align-items:center;background:none;border:none;border-radius:4px;color:#dc3545;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:background-color .2s;width:24px}.remove-file:hover{background-color:#fee}.remove-file:disabled{cursor:not-allowed;opacity:.5}.upload-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .3s;width:100%}.upload-button:hover{background-color:#357abd}.upload-button:disabled{background-color:#ccc;cursor:not-allowed}.processing-queue{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.processing-queue-empty{color:#666;padding:40px;text-align:center}.queue-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:15px 20px}.bulk-actions,.queue-header{align-items:center;display:flex}.bulk-actions{gap:15px}.bulk-actions span{color:#666;font-size:14px}.bulk-delete-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 15px;transition:background-color .3s}.bulk-delete-button:hover{background-color:#c82333}.refresh-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 15px;transition:background-color .3s}.refresh-button:hover{background-color:#357abd}.refresh-button:disabled{background-color:#6c757d;cursor:not-allowed}.queue-table{overflow-x:auto}.queue-table table{border-collapse:collapse;width:100%}.queue-table th{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#666;font-size:13px;font-weight:600;padding:12px 15px;text-align:left;text-transform:uppercase}.queue-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:12px 15px}.job-row{transition:background-color .3s}.job-row:hover{background-color:#f8f9fa}.job-row.job-failed{background-color:#fee}.status-cell{font-weight:500}.status-badge{align-items:center;display:flex;font-size:13px;gap:5px;text-transform:capitalize}.filename-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-cell{min-width:150px}.progress-bar{background-color:#e0e0e0;border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.progress-fill{background-color:#4a90e2;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.progress-text{color:#333;font-size:12px;font-weight:500;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.error-text{color:#dc3545;display:inline-block;font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-stats{background-color:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.document-stats h3{color:#333;font-size:20px;margin-bottom:20px}.document-stats-loading{color:#666;padding:20px;text-align:center}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stat-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.stat-card h4{color:#333;font-size:16px;font-weight:600;margin-bottom:15px}.status-list{display:flex;flex-direction:column;gap:10px}.status-item{align-items:center;display:flex;gap:10px}.status-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.status-label{color:#666;flex:1 1;font-size:14px;text-transform:capitalize}.status-count{color:#333;font-weight:600}.file-type-list{display:flex;flex-direction:column;gap:10px}.file-type-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:8px 0}.file-type-item:last-child{border-bottom:none}.file-type-label{color:#333;flex:1 1;font-size:14px;font-weight:500}.file-type-count{color:#666;font-size:13px;margin-right:15px}.file-type-size{color:#999;font-size:13px}.summary-stats{display:flex;flex-direction:column;gap:12px}.summary-item{justify-content:space-between}.summary-label{color:#666;font-size:14px}.summary-value{color:#333;font-size:16px;font-weight:600}.kb-manager{background-color:#1a1a1a;color:#fff;min-height:100vh}.kb-manager-header{align-items:center;background-color:#2c3e50;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.kb-manager-header h1{font-size:24px;margin:0}.btn-back{background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .2s}.btn-back:hover{background-color:#fff3}.kb-manager-content{display:flex;height:calc(100vh - 80px)}.kb-sidebar{background-color:#232323;border-right:1px solid #ffffff1a;overflow-y:auto;width:300px}.kb-sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.kb-sidebar-header h2{font-size:18px;margin:0 0 15px}.btn-create-kb{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px;transition:all .2s;width:100%}.btn-create-kb:hover{background-color:#2980b9}.kb-list{padding:20px}.kb-group{margin-bottom:30px}.kb-group h3{color:#8b9dc3;font-size:14px;margin:0 0 10px;text-transform:uppercase}.kb-item{background-color:#ffffff0d;border-radius:6px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s}.kb-item:hover{background-color:#ffffff1a}.kb-item.active{background-color:#3498db}.kb-item-name{font-weight:500;margin-bottom:4px}.kb-item-stats{color:#8b9dc3;font-size:12px}.kb-item.active .kb-item-stats{color:#fffc}.kb-details{flex:1 1;overflow-y:auto}.kb-empty{align-items:center;color:#8b9dc3;display:flex;flex:1 1;justify-content:center}.kb-details-container{display:flex;flex-direction:column;height:100%}.kb-details-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.kb-details-header h2{margin:0}.btn-delete{padding:8px 16px}.kb-tabs{background-color:#232323;border-bottom:1px solid #ffffff1a;display:flex}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#8b9dc3;cursor:pointer;font-size:14px;padding:12px 24px;transition:all .2s}.tab:hover{color:#fff}.tab.active{border-bottom-color:#3498db;color:#fff}.kb-tab-content{flex:1 1;overflow-y:auto;padding:20px}.kb-overview .info-group{margin-bottom:20px}.info-group label{color:#8b9dc3;display:block;font-size:12px;margin-bottom:5px;text-transform:uppercase}.info-group p{font-size:16px;margin:0}.document-upload{margin-bottom:20px}.btn-upload{background-color:#3498db;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;padding:10px 20px;transition:all .2s}.btn-upload:hover{background-color:#2980b9}.document-list{display:flex;flex-direction:column;gap:10px}.document-item{background-color:#ffffff0d;border-radius:6px;padding:15px}.document-name{font-weight:500;margin-bottom:5px}.document-info{color:#8b9dc3;font-size:12px}.member-list{display:flex;flex-direction:column;gap:10px}.member-item{align-items:center;background-color:#ffffff0d;border-radius:6px;display:flex;justify-content:space-between;padding:15px}.member-name{font-weight:500}.member-email{color:#8b9dc3;font-size:12px}.member-role{background-color:#ffffff1a;border-radius:4px;font-size:12px;padding:4px 12px;text-transform:capitalize}.modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#2c3e50;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-content h2{margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#ffffff26;border-color:#3498db;outline:none}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.modal-actions button[type=button]{background-color:#ffffff1a;color:#fff}.modal-actions button[type=button]:hover{background-color:#fff3}.modal-actions button[type=submit]{background-color:#3498db;color:#fff}.modal-actions button[type=submit]:hover{background-color:#2980b9}.kb-manager-loading{align-items:center;color:#8b9dc3;display:flex;font-size:18px;height:100vh;justify-content:center}.settings-form{max-width:600px}.settings-group{margin-bottom:25px}.settings-group label{color:#fff;display:block;font-weight:500;margin-bottom:8px}.settings-group input[type=text],.settings-group select,.settings-group textarea{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:14px;padding:10px;width:100%}.settings-group input[type=text]:focus,.settings-group select:focus,.settings-group textarea:focus{background-color:#ffffff26;border-color:#3498db;outline:none}.settings-group input[type=checkbox]{cursor:pointer;margin-right:10px}.checkbox-label{cursor:pointer;display:inline-flex;flex-direction:column}.help-text{color:#8b9dc3;display:block;font-size:12px;font-weight:400;line-height:1.4;margin-top:5px}.settings-actions{align-items:center;display:flex;gap:15px;margin-top:30px}.btn-save{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.btn-save:hover:not(:disabled){background-color:#2980b9}.btn-save:disabled{cursor:not-allowed;opacity:.6}.settings-message{border-radius:4px;font-size:14px;padding:5px 10px}.settings-message.success{color:#2ecc71}.settings-message.error{color:#e74c3c}.danger-zone{border-top:1px solid #ffffff1a;margin-top:50px;padding-top:30px}.danger-zone h3{color:#e74c3c;margin-bottom:10px}.danger-zone p{color:#8b9dc3;font-size:14px;margin-bottom:15px}.btn-delete{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.btn-delete:hover{background-color:#c0392b}.kb-manager.embedded{background-color:initial;color:#212529;height:100%;min-height:auto}.kb-manager.embedded .kb-manager-content{height:100%;margin-top:0}.kb-manager.embedded .kb-sidebar{background-color:#fff;border-right:1px solid #dee2e6;color:#212529}.kb-manager.embedded .kb-sidebar-header{border-bottom:1px solid #dee2e6}.kb-manager.embedded .kb-sidebar-header h2{color:#212529}.kb-manager.embedded .kb-group h3{color:#6c757d}.kb-manager.embedded .kb-item{background-color:#f8f9fa;border:1px solid #e9ecef;color:#212529}.kb-manager.embedded .kb-item:hover{background-color:#e9ecef;border-color:#dee2e6}.kb-manager.embedded .kb-item.active{background-color:#0d6efd;border-color:#0d6efd;color:#fff}.kb-manager.embedded .kb-item-name{color:inherit}.kb-manager.embedded .kb-item-stats{color:#6c757d;font-size:12px}.kb-manager.embedded .kb-item.active .kb-item-stats{color:#fffc}.kb-manager.embedded .kb-details{background-color:#fff;color:#212529}.kb-manager.embedded .kb-details-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.kb-manager.embedded .kb-details-header h2{color:#212529}.kb-manager.embedded .tab{background-color:initial;border-bottom:2px solid #0000;color:#6c757d}.kb-manager.embedded .tab:hover{background-color:#f8f9fa;color:#495057}.kb-manager.embedded .tab.active{background-color:initial;border-bottom-color:#0d6efd;color:#0d6efd}.kb-manager.embedded .info-group label{color:#6c757d}.kb-manager.embedded .info-group p,.kb-manager.embedded .settings-group label{color:#212529}.kb-manager.embedded .settings-group input[type=text],.kb-manager.embedded .settings-group select,.kb-manager.embedded .settings-group textarea{background-color:#fff;border:1px solid #ced4da;color:#495057}.kb-manager.embedded .settings-group input[type=text]:focus,.kb-manager.embedded .settings-group select:focus,.kb-manager.embedded .settings-group textarea:focus{background-color:#fff;border-color:#86b7fe}.kb-manager.embedded .help-text{color:#6c757d}.kb-manager.embedded .btn-create-kb{background-color:#0d6efd;color:#fff}.kb-manager.embedded .btn-create-kb:hover{background-color:#0b5ed7}.kb-manager.embedded .btn-upload{background-color:#198754;border:none;color:#fff}.kb-manager.embedded .btn-upload:hover{background-color:#157347}.kb-manager.embedded .btn-save{background-color:#0d6efd;color:#fff}.kb-manager.embedded .btn-save:hover:not(:disabled){background-color:#0b5ed7}.kb-manager.embedded .document-item{background-color:#f8f9fa;border:1px solid #e9ecef}.kb-manager.embedded .document-name{color:#212529}.kb-manager.embedded .document-info{color:#6c757d}.kb-manager.embedded .member-item{background-color:#f8f9fa;border:1px solid #e9ecef}.kb-manager.embedded .member-name{color:#212529}.kb-manager.embedded .member-email{color:#6c757d}.kb-manager.embedded .member-role{background-color:#e9ecef;color:#495057}.kb-manager.embedded .modal-overlay{background-color:#00000080}.kb-manager.embedded .modal-content{background-color:#fff;border:1px solid #dee2e6;box-shadow:0 .5rem 1rem #00000026;color:#212529}.kb-manager.embedded .modal-content h2{color:#212529}.kb-manager.embedded .form-group label{color:#495057}.kb-manager.embedded .form-group input,.kb-manager.embedded .form-group select,.kb-manager.embedded .form-group textarea{background-color:#fff;border:1px solid #ced4da;color:#495057}.kb-manager.embedded .form-group input:focus,.kb-manager.embedded .form-group select:focus,.kb-manager.embedded .form-group textarea:focus{background-color:#fff;border-color:#86b7fe}.kb-manager.embedded .modal-actions button[type=button]{background-color:#6c757d;color:#fff}.kb-manager.embedded .modal-actions button[type=button]:hover{background-color:#5c636a}.kb-manager.embedded .modal-actions button[type=submit]{background-color:#0d6efd;color:#fff}.kb-manager.embedded .modal-actions button[type=submit]:hover{background-color:#0b5ed7}.kb-manager.embedded .kb-empty{background-color:#f8f9fa;color:#6c757d}.kb-manager.embedded .kb-manager-loading{color:#6c757d}.users-tab{margin:0 auto;max-width:1200px;padding:20px}.users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.users-header h2{color:#1a1a1a;font-size:24px;margin:0}.add-user-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.add-user-btn:hover{background-color:#45a049}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:5px;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.error-message,.error-message button{align-items:center;color:#c33;display:flex}.error-message button{background:none;border:none;cursor:pointer;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.add-user-form{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;padding:25px}.add-user-form h3{color:#333;font-size:18px;margin:0 0 20px}.form-group{margin-bottom:15px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:5px}.form-group input{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;padding:10px 12px;transition:border-color .3s;width:100%}.form-group input::placeholder{color:#999}.form-group input:focus{border-color:#4caf50;outline:none}.submit-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 25px;transition:background-color .3s}.submit-btn:hover{background-color:#45a049}.temp-password-display{background-color:#e8f5e9;border:1px solid #4caf50;border-radius:5px;margin-top:20px;padding:20px}.temp-password-display h4{color:#2e7d32;margin:0 0 10px}.temp-password-display code{background-color:#fff;border:1px solid #ddd;border-radius:3px;display:block;font-family:monospace;font-size:16px;margin:10px 0;padding:10px;-webkit-user-select:all;user-select:all}.password-note{color:#666;font-size:14px;margin:10px 0 0}.users-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.users-list table{border-collapse:collapse;width:100%}.users-list thead{background-color:#f5f5f5}.users-list th{border-bottom:2px solid #e0e0e0;color:#555;font-weight:600;padding:15px;text-align:left}.users-list td{border-bottom:1px solid #f0f0f0;color:#333;padding:15px}.users-list tbody tr:hover{background-color:#fafafa}.admin-checkbox{cursor:pointer;height:18px;width:18px}.status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.status.active{background-color:#e8f5e9;color:#2e7d32}.status.inactive{background-color:#ffebee;color:#c62828}.actions{white-space:nowrap}.delete-btn,.reset-password-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;margin-right:8px;padding:6px 12px;transition:background-color .3s}.reset-password-btn{background-color:#2196f3;color:#fff}.reset-password-btn:hover{background-color:#1976d2}.delete-btn{background-color:#f44336;color:#fff}.delete-btn:hover{background-color:#d32f2f}.delete-confirm{align-items:center;display:inline-flex;gap:8px}.delete-confirm span{color:#666;font-size:13px}.confirm-no,.confirm-yes{border:none;border-radius:3px;cursor:pointer;font-size:13px;padding:4px 12px}.confirm-yes{background-color:#f44336;color:#fff}.confirm-yes:hover{background-color:#d32f2f}.confirm-no{background-color:#e0e0e0;color:#333}.confirm-no:hover{background-color:#d0d0d0}.no-users{color:#999;font-size:16px;padding:60px 20px;text-align:center}@media (max-width:768px){.users-list{overflow-x:auto}.users-list table{min-width:700px}.actions{display:flex;flex-direction:column;gap:4px}.delete-btn,.reset-password-btn{margin-right:0;width:100%}}.system-prompt-selector{align-items:center;display:flex;gap:10px;margin-bottom:15px}.system-prompt-selector label{color:#666;font-size:14px;font-weight:500}.prompt-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-size:14px;max-width:300px;padding:8px 12px;transition:all .2s ease}.prompt-dropdown:hover{border-color:#4a5568}.prompt-dropdown:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.prompt-dropdown:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}@media (prefers-color-scheme:dark){.system-prompt-selector label{color:#a0a0a0}.prompt-dropdown{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.prompt-dropdown:hover{border-color:#667eea}.prompt-dropdown:disabled{background-color:#1a202c}}.kb-selector{align-items:center;color:#2c3e50;display:flex;font-size:14px;gap:8px}.kb-selector label{font-weight:500;white-space:nowrap}.kb-select{background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#2c3e50;cursor:pointer;font-size:14px;min-width:150px;padding:6px 12px;transition:all .2s ease}.kb-select:hover{background-color:#f8f9fa;border-color:#2c3e50}.kb-select:focus{background-color:#fff;border-color:#2c3e50;outline:none}.kb-select option{background-color:#fff;color:#2c3e50}.kb-select optgroup{background-color:#f5f5f5;color:#1a252f;font-weight:700}.kb-manage-btn{align-items:center;background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#2c3e50;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px 10px;transition:all .2s ease}.kb-manage-btn:hover{background-color:#f8f9fa;border-color:#2c3e50}@media (max-width:768px){.kb-selector{font-size:13px}.kb-selector label{display:none}.kb-select{font-size:13px;min-width:120px;padding:5px 10px}.kb-manage-btn{font-size:14px;padding:5px 8px}}.userguide-page{background-color:#f5f5f5;height:100%;overflow:hidden}.userguide-container{display:flex;height:100%;margin:0 auto;max-width:1400px}.userguide-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;height:100vh;overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:0;width:250px}.userguide-sidebar h3{color:#333;font-size:1.2em;font-weight:600;margin-bottom:20px}.toc-nav{display:flex;flex-direction:column;gap:8px}.toc-link{border-radius:4px;color:#555;font-size:.95em;padding:8px 12px;text-decoration:none;transition:all .2s ease}.toc-link:hover{background-color:#f0f0f0;color:#1a73e8}.toc-link.active{background-color:#e8f0fe;color:#1a73e8;font-weight:500}.userguide-content{flex:1 1;height:100vh;overflow-y:auto;padding:40px}.userguide-content h1{color:#1a73e8;font-size:2.5em;margin-bottom:10px}.intro{color:#555;font-size:1.2em;line-height:1.6;margin-bottom:40px}.guide-section{margin-bottom:60px;scroll-margin-top:20px}.guide-section h2{border-bottom:2px solid #1a73e8;color:#333;font-size:2em;margin-bottom:20px;padding-bottom:10px}.guide-section h3{color:#444;font-size:1.4em;margin-bottom:15px;margin-top:30px}.guide-section h4{color:#555;font-size:1.2em;margin-bottom:10px;margin-top:20px}.guide-section p{color:#666;font-size:1.05em;line-height:1.7;margin-bottom:15px}.guide-section ol,.guide-section ul{color:#666;line-height:1.8;margin-bottom:20px;margin-left:30px}.guide-section li{font-size:1.05em;margin-bottom:8px}.guide-section ol ul,.guide-section ul ul{margin-bottom:8px;margin-top:8px}.highlight-box{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin:20px 0;padding:20px}.highlight-box p{color:#856404;margin-bottom:10px}.highlight-box ul{color:#856404;margin-left:20px}.shortcuts-table{border-collapse:collapse;margin:20px 0;max-width:500px;width:100%}.shortcuts-table td,.shortcuts-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.shortcuts-table th{background-color:#f5f5f5;color:#333;font-weight:600}.shortcuts-table kbd{background-color:#f4f4f4;border:1px solid #ccc;border-radius:3px;font-family:monospace;font-size:.9em;padding:2px 6px}.troubleshooting-item{background-color:#f8f9fa;border-left:4px solid #1a73e8;border-radius:4px;margin-bottom:20px;padding:15px 20px}.troubleshooting-item h4{color:#1a73e8;margin-bottom:10px;margin-top:0}.troubleshooting-item ul{margin-bottom:0;margin-left:20px}.admin-note{background-color:#f0f0f0;border-radius:6px;margin-bottom:20px;padding:15px}.admin-note p{color:#666;font-style:italic;margin:0}.contact-section{background-color:#e8f0fe;border-radius:8px;margin-top:40px;padding:30px}.contact-section h2{border-bottom:none;margin-bottom:15px}.final-note{background-color:#fff;border-radius:8px;color:#1a73e8;font-style:italic;font-weight:500;margin-top:20px;padding:20px;text-align:center}.intro-text{color:#555;font-size:1.1em;line-height:1.6;margin-bottom:30px}.advantage-item{background-color:#f8f9fa;border-left:4px solid #3b82f6;border-radius:4px;margin-bottom:20px;padding:16px 20px}.advantage-item h4{color:#1f2937;margin-bottom:10px}.highlight-text{background-color:#eff6ff;border-radius:6px;margin:16px 0;padding:16px}.tagline{color:#3b82f6;font-size:1.1em;font-weight:500;margin-top:24px}@media (max-width:1024px){.userguide-sidebar{width:200px}.userguide-content{padding:30px}}@media (max-width:768px){.userguide-container{flex-direction:column}.userguide-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;height:auto;padding:15px;position:relative;width:100%}.userguide-content{padding:20px}.userguide-content h1{font-size:2em}.guide-section h2{font-size:1.6em}.shortcuts-table{font-size:.9em}}.settings-page{background-color:#f7f7f7;flex:1 1;overflow-y:auto}.settings-container{background-color:#fff;margin:0 auto;max-width:800px;min-height:100%;padding:2rem}.settings-page h1{border-bottom:2px solid #e0e0e0;color:#333;font-size:2rem;margin-bottom:2rem;padding-bottom:1rem}.settings-section{margin-bottom:3rem}.settings-section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.setting-item{background-color:#f7f7f7;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.setting-item label{color:#333;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.setting-description{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.relevance-slider{-webkit-appearance:none;background:#e0e0e0;border-radius:3px;height:6px;margin:1rem 0;outline:none;width:100%}.relevance-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:20px;width:20px}.relevance-slider::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:20px;width:20px}.slider-labels{color:#666;display:flex;font-size:.85rem;justify-content:space-between;margin-top:.5rem}.infographic-chat{background:#f5f5f5;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.infographic-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:margin-left .3s ease,margin-right .3s ease}.infographic-header.with-sidebar{margin-left:320px}.infographic-header.with-right-panel{margin-right:350px}.header-left{align-items:center;display:flex;gap:1rem}.header-left h1{color:#333;font-size:1.5rem;margin:0}.header-right{align-items:center;display:flex;gap:1rem}.new-chat-btn,.settings-btn,.toggle-history-btn{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #0000000d;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.new-chat-btn:hover,.settings-btn:hover,.toggle-history-btn:hover{background:#f8f8f8;border-color:#2196f3;box-shadow:0 2px 6px #2196f326;transform:translateY(-1px)}.new-chat-btn:active,.settings-btn:active,.toggle-history-btn:active{transform:translateY(0)}.new-chat-btn .icon,.settings-btn .icon,.toggle-history-btn .icon{font-size:1.1rem}.quota-display{background:#e3f2fd;border-radius:6px;color:#1976d2;font-size:.9rem;padding:.5rem 1rem}.infographic-content{display:flex;flex:1 1;overflow:hidden;transition:margin-left .3s ease,margin-right .3s ease}.infographic-content.with-sidebar{margin-left:320px}.infographic-content.with-right-panel{margin-right:350px}.infographic-sidebar-toggle-tab{background-color:#f7f7f7;border:1px solid #e0e0e0;border-left:none;border-radius:0 4px 4px 0;box-shadow:2px 0 8px #0000001a;color:#333;cursor:pointer;left:0;padding:12px 6px;position:fixed;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1001}.infographic-sidebar-toggle-tab:hover{background-color:#e8e8e8}.infographic-sidebar-toggle-tab.sidebar-visible{left:320px}.infographic-history{background:#f7f7f7;border-right:1px solid #e0e0e0;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transition:transform .3s ease;width:320px;z-index:1000}.infographic-history.closed{transform:translateX(-100%)}.infographic-history.open{transform:translateX(0)}.history-header{border-bottom:1px solid #e0e0e0;padding:1rem}.history-header h3{display:none}.new-conversation-btn{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:.5rem;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s;width:100%}.new-conversation-btn:hover{background-color:#f0f0f0;border-color:#d0d0d0}.history-search{border-bottom:1px solid #e0e0e0;padding:.75rem;position:relative}.search-input{border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:.5rem;width:100%}.clear-search-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.history-list{flex:1 1;overflow-y:auto;padding:.5rem 0}.history-group{margin-bottom:1rem}.group-header{color:#999;font-size:.75rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.history-item{align-items:center;background-color:#fff;border:1px solid #0000;border-radius:.5rem;cursor:pointer;display:flex;margin:.25rem .5rem;padding:.75rem;position:relative;transition:all .2s}.history-item:hover{background-color:#f0f0f0;border-color:#e0e0e0}.history-item.active{background-color:#e3f2fd;border-color:#2196f3}.item-content{flex:1 1;overflow:hidden}.item-title{color:#333;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{color:#999;font-size:.75rem;margin-top:.25rem}.delete-conversation-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;opacity:0;padding:0;transition:opacity .2s,background-color .2s;width:24px}.history-item:hover .delete-conversation-btn{opacity:.6}.delete-conversation-btn:hover{background-color:#ff00001a;opacity:1!important}.empty-history{color:#999;padding:2rem 1rem;text-align:center}.create-first-btn{background:#fff;border:1px solid #1976d2;border-radius:6px;color:#1976d2;cursor:pointer;font-size:.9rem;margin-top:1rem;padding:.5rem 1rem}.infographic-main{background-color:#fff;box-shadow:0 0 10px #0000001a;display:flex;flex:1 1;flex-direction:column;margin:0 20px;min-height:0;overflow:hidden;position:relative}.settings-panel{background:#fff;border-left:1px solid #e0e0e0;box-shadow:-2px 0 8px #0000001a;height:100%;overflow-y:auto;position:absolute;right:0;top:0;width:350px;z-index:100}.settings-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.settings-header h3{color:#333;font-size:1.1rem;margin:0}.close-settings-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem}.settings-content{padding:1.5rem}.settings-section{margin-bottom:2rem}.settings-label{color:#333;display:block;font-weight:600;margin-bottom:.75rem}.settings-options{display:flex;flex-direction:column;gap:.75rem}.setting-option{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s}.setting-option:hover{background:#f8f8f8;border-color:#1976d2}.setting-option.active{background:#e3f2fd;border-color:#1976d2}.option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.option-label{color:#333;font-weight:500}.option-check{color:#1976d2;font-size:1.2rem}.option-description{color:#666;font-size:.85rem;margin:0}.aspect-preview{align-items:center;display:flex;height:60px;justify-content:center;margin-top:.75rem}.preview-box{background:#e3f2fd;border:2px solid #1976d2}.ratio-1-1 .preview-box{height:50px;width:50px}.ratio-16-9 .preview-box{height:45px;width:80px}.ratio-9-16 .preview-box{height:60px;width:33.75px}.ratio-4-3 .preview-box{height:60px;width:80px}.ratio-3-4 .preview-box{height:60px;width:45px}.settings-summary{background:#f8f8f8;border-radius:8px;margin-top:1rem;padding:1rem}.settings-summary h4{color:#333;font-size:.95rem;margin:0 0 .75rem}.summary-items{display:flex;flex-direction:column;gap:.5rem}.summary-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.summary-note{color:#666;font-size:.8rem;font-style:italic;margin:.75rem 0 0}.error-banner{align-items:flex-start;background:#ffebee;border-bottom:1px solid #ffcdd2;color:#c62828;display:flex;gap:.75rem;min-width:0;padding:1rem 1.5rem}.error-icon{flex-shrink:0}.error-text{word-wrap:break-word;flex:1 1;min-width:0;overflow-wrap:break-word;white-space:normal}.error-close{background:none;border:none;color:#c62828;cursor:pointer;flex-shrink:0;font-size:1.5rem;margin-left:auto}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;min-height:0;overflow-y:auto;padding:1.5rem}.empty-state,.loading-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#1976d2;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-icon{font-size:4rem;margin-bottom:1rem}.welcome-image{border-radius:8px;height:auto;max-height:80vh;max-width:100%;object-fit:contain;width:auto}.empty-state h2{color:#333;margin:0 0 .5rem}.empty-state p{color:#666;margin:0 0 1.5rem;max-width:500px}.example-prompts{background:#f8f8f8;border-radius:8px;max-width:600px;padding:1.5rem;text-align:left}.example-prompts ul{margin:.5rem 0 0;padding-left:1.5rem}.example-prompts li{color:#666;margin:.5rem 0}.generating-indicator{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:1rem;padding:1rem}.infographic-message{animation:fadeIn .3s;border-radius:.5rem;display:flex;gap:1rem;max-width:70%;padding:1rem}.infographic-message.user{align-self:flex-end;background-color:#e3f2fd;flex-direction:row-reverse;margin-left:auto}.infographic-message.assistant{align-self:flex-start;background-color:#f5f5f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{align-items:center;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.message-content{flex:1 1;min-width:0}.message-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.message-role{color:#333;font-weight:600}.message-timestamp{color:#999;font-size:.8rem}.message-text{color:#333;line-height:1.5}.message-text .markdown-h2{border-bottom:1px solid #e2e8f0;color:#1a365d;font-size:1.3rem;font-weight:600;margin:.5rem 0;padding-bottom:.3rem}.message-text .markdown-h3{color:#2d3748;font-size:1.1rem;font-weight:600;margin:.5rem 0 .3rem}.message-text .markdown-h4{color:#4a5568;font-size:1rem;font-weight:600;margin:.3rem 0}.message-text .markdown-p{margin:.3rem 0}.message-text .markdown-list{margin:.3rem 0 .5rem 1.2rem;padding:0}.message-text .markdown-list li{margin:.2rem 0}.message-text .markdown-table{border-collapse:collapse;font-size:.9rem;margin:.5rem 0;width:100%}.message-text .markdown-table td,.message-text .markdown-table th{border:1px solid #e2e8f0;padding:.4rem .6rem;text-align:left}.message-text .markdown-table th{background:#f7fafc;color:#2d3748;font-weight:600}.message-text .markdown-table tr:hover{background:#f7fafc}.message-text .markdown-hr{border:none;border-top:1px solid #e2e8f0;margin:.5rem 0}.message-image-container{margin-top:.75rem;position:relative}.message-image{border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;max-width:600px;transition:transform .2s;width:100%}.message-image:hover{transform:scale(1.02)}.image-overlay{align-items:center;background:#00000080;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s}.message-image-container:hover .image-overlay{opacity:1;pointer-events:all}.view-full-btn{background:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem}.image-error{align-items:center;background:#f8f8f8;border:2px dashed #ddd;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:2rem}.error-icon{font-size:2rem}.retry-btn{background:#fff;border:1px solid #1976d2;border-radius:6px;color:#1976d2;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.fallback-notice{align-items:flex-start;background:linear-gradient(135deg,#fff8e1,#ffecb3);border:1px solid #ffca28;border-radius:8px;color:#5d4037;display:flex;font-size:.85rem;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem}.fallback-icon{flex-shrink:0;font-size:1rem}.fallback-text{line-height:1.4}.image-metadata{color:#666;display:flex;font-size:.85rem;gap:1rem;margin-top:.5rem}.metadata-item{align-items:center;display:flex;gap:.25rem}.infographic-input{background:#f8f9fa;border-top:2px solid #ddd;box-shadow:0 -2px 8px #0000000d;flex-shrink:0;padding:1.5rem}.uploaded-image-preview{margin-bottom:1rem}.preview-container{display:inline-block;position:relative}.preview-image{border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:150px;max-width:200px}.remove-preview-btn{background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:24px;line-height:1;position:absolute;right:-8px;top:-8px;width:24px}.chart-badge{background:#1976d2;border-radius:4px;bottom:8px;color:#fff;font-size:.75rem;font-weight:500;left:8px;padding:.25rem .5rem;position:absolute}.preview-hint{color:#666;font-size:.85rem;margin:.5rem 0 0}.input-form{display:flex;flex-direction:column;gap:.5rem}.input-row{align-items:flex-end;display:flex;gap:.75rem}.attachment-buttons{display:flex;gap:.5rem}.attachment-btn{background:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;font-size:1.3rem;height:48px;transition:all .2s;width:48px}.attachment-btn:hover:not(:disabled){background:#f0f7ff;border-color:#2196f3;box-shadow:0 2px 6px #2196f333;transform:translateY(-1px)}.attachment-btn:disabled{cursor:not-allowed;opacity:.5}.prompt-input{word-wrap:break-word;background-color:#fff;border:2px solid #ddd;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;flex:1 1;font-family:inherit;font-size:1rem;max-height:400px;min-height:48px;overflow-wrap:break-word;overflow-y:auto;padding:.75rem 1rem;resize:none;transition:all .2s;white-space:pre-wrap}.prompt-input:focus{border-color:#2196f3;box-shadow:0 2px 6px #2196f333;outline:none}.prompt-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.send-btn{align-items:center;background:#2196f3;border:none;border-radius:8px;box-shadow:0 2px 6px #2196f34d;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:48px;justify-content:center;transition:all .2s;width:48px}.send-btn:hover:not(:disabled){background:#1976d2;box-shadow:0 3px 8px #2196f366;transform:translateY(-1px)}.send-btn:disabled{background:#bbb;box-shadow:none;cursor:not-allowed}.input-info{color:#999;font-size:.8rem;gap:1rem}.info-item,.input-info{align-items:center;display:flex}.info-item{gap:.25rem}.info-hint{margin-left:auto}.image-viewer-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.image-viewer-content{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.viewer-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:1rem 1.5rem}.viewer-header,.viewer-title{align-items:center;display:flex}.viewer-title{color:#333;font-weight:600;gap:.5rem}.viewer-actions{display:flex;gap:.5rem}.viewer-btn{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.viewer-btn:hover{background:#f8f8f8}.viewer-image-container{align-items:center;background:#f8f8f8;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.viewer-image{max-height:100%;max-width:100%;object-fit:contain;transition:transform .1s;-webkit-user-select:none;user-select:none}.zoom-controls{background:#000000b3;border-radius:8px;bottom:1rem;display:flex;gap:.5rem;left:50%;padding:.5rem;position:absolute;transform:translateX(-50%)}.zoom-btn{background:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;font-weight:700;height:36px;transition:all .2s;width:36px}.zoom-btn:hover:not(:disabled){background:#e0e0e0}.zoom-btn:disabled{cursor:not-allowed;opacity:.5}.zoom-level{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:500;justify-content:center;min-width:60px;padding:0 .75rem}.viewer-footer{border-top:1px solid #e0e0e0;padding:1rem 1.5rem}.viewer-metadata{display:flex;gap:2rem}.metadata-label{color:#666;font-weight:600;margin-right:.5rem}.metadata-value{color:#333}.viewer-instructions{background:#f8f8f8;color:#666;font-size:.85rem;padding:.75rem 1.5rem;text-align:center}.data-uploader-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.data-uploader-content{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:1.5rem;width:100%}.uploader-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.uploader-header h3{color:#333;margin:0}.close-uploader-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem}.file-drop-zone{border:2px dashed #ddd;border-radius:8px;margin-bottom:1rem;padding:2rem}.file-drop-zone.drag-over,.file-drop-zone:hover{background:#f8f8f8;border-color:#1976d2}.drop-icon{font-size:3rem;margin-bottom:1rem}.drop-text{color:#333;font-weight:500;margin:0 0 .5rem}.drop-hint{color:#666;font-size:.85rem;margin:0}.selected-file-info{align-items:center;display:flex;gap:1rem}.file-icon{font-size:2rem}.file-details{flex:1 1;text-align:left}.file-name{color:#333;font-weight:500}.file-size{color:#666;font-size:.85rem;margin-top:.25rem}.remove-file-btn{background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:28px;width:28px}.uploader-error{align-items:center;background:#ffebee;border-radius:6px;color:#c62828;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.chart-title-section,.chart-type-section{margin-bottom:1.5rem}.uploader-label{color:#333;display:block;font-weight:600;margin-bottom:.75rem}.chart-type-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.chart-type-option{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:1rem;text-align:center;transition:all .2s}.chart-type-option:hover{background:#f8f8f8;border-color:#1976d2}.chart-type-option.selected{background:#e3f2fd;border-color:#1976d2}.chart-icon{display:block;font-size:2rem;margin-bottom:.5rem}.chart-label{color:#333;font-size:.85rem}.chart-title-input{border:1px solid #ddd;border-radius:6px;font-size:.95rem;padding:.75rem;width:100%}.uploader-actions{display:flex;gap:.75rem;margin-top:1.5rem}.uploader-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.cancel-btn{background:#f5f5f5;color:#333}.cancel-btn:hover{background:#e0e0e0}.upload-btn{align-items:center;background:#1976d2;color:#fff;display:flex;gap:.5rem;justify-content:center}.upload-btn:hover:not(:disabled){background:#1565c0}.upload-btn:disabled{background:#bbb;cursor:not-allowed}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.uploader-note{align-items:flex-start;background:#f8f8f8;border-radius:8px;color:#666;display:flex;font-size:.85rem;gap:.5rem;margin-top:1rem;padding:1rem}.note-icon{flex-shrink:0;font-size:1.2rem}@media (max-width:768px){.infographic-history{height:100%;position:absolute;transform:translateX(-100%);transition:transform .3s;z-index:50}.infographic-history.show{transform:translateX(0)}.settings-panel{width:100%}.message-image{max-width:100%}.chart-type-grid{grid-template-columns:repeat(2,1fr)}}.prompt-style-selector{align-items:center;display:flex}.prompt-style-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .2s}.prompt-style-dropdown:hover:not(:disabled){background:#f8f9fa;border-color:#007bff}.prompt-style-dropdown:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.prompt-style-dropdown:disabled{cursor:not-allowed;opacity:.5}.mode-toggle-container{background:#f8f9fa;border-radius:8px;margin-top:.75rem;padding:.75rem}.mode-toggle{align-items:center;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}.mode-toggle-input{height:0;opacity:0;position:absolute;width:0}.mode-toggle-slider{background-color:#ccc;border-radius:24px;display:inline-block;flex-shrink:0;height:24px;position:relative;transition:background-color .3s;width:48px}.mode-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:transform .3s;width:18px}.mode-toggle-input:checked+.mode-toggle-slider{background-color:#007bff}.mode-toggle-input:checked+.mode-toggle-slider:before{transform:translateX(24px)}.mode-toggle-label{color:#333;font-size:.9rem;font-weight:500}.mode-hint{color:#666;font-size:.8rem;line-height:1.4;margin:.5rem 0 0}.infographic-input.drag-over{background:#e3f2fd;border-color:#2196f3}.drop-overlay{align-items:center;background:#2196f3f2;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:100}.drop-overlay-content{color:#fff;text-align:center}.drop-overlay .drop-icon{display:block;font-size:4rem;margin-bottom:1rem}.drop-overlay .drop-text{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.drop-overlay .drop-hint{color:#fff;font-size:.9rem;opacity:.9}.uploaded-files-preview{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:1rem}.files-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.files-count{color:#333;font-size:.9rem;font-weight:500}.clear-all-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:.8rem;padding:.25rem .75rem;transition:all .2s}.clear-all-btn:hover{background:#f5f5f5;border-color:#c62828;color:#c62828}.files-grid{display:flex;flex-wrap:wrap;gap:.75rem}.file-preview-item{background:#f8f9fa;border:2px solid #0000;border-radius:8px;overflow:hidden;position:relative;transition:all .2s;width:120px}.file-preview-item:hover{border-color:#2196f3;box-shadow:0 2px 8px #2196f333}.file-preview-item.image{border-color:#e3f2fd}.file-preview-item.dataFile{border-color:#e8f5e9}.file-preview-image{display:block;height:80px;object-fit:cover;width:100%}.file-preview-icon{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;font-size:2rem;height:80px;justify-content:center;width:100%}.file-preview-info{background:#fff;padding:.5rem}.file-preview-info .file-name{color:#333;display:block;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-info .file-size{color:#999;display:block;font-size:.7rem;margin-top:.125rem}.file-preview-item .remove-file-btn{align-items:center;background:#f44336e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:20px;justify-content:center;line-height:1;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s;width:20px}.file-preview-item:hover .remove-file-btn{opacity:1}.file-type-badge{border-radius:3px;bottom:40px;font-size:.65rem;font-weight:600;left:4px;padding:.125rem .375rem;position:absolute;text-transform:uppercase}.file-type-badge.image{background:#2196f3;color:#fff}.file-type-badge.dataFile{background:#4caf50;color:#fff}.data-file-notice{align-items:flex-start;background:#fff3e0;border-radius:6px;color:#e65100;display:flex;font-size:.85rem;gap:.5rem;margin-top:.75rem;padding:.75rem}.data-file-notice .notice-icon{flex-shrink:0}.infographic-input{position:relative}.prompt-input::placeholder{color:#aaa}.attached-files-summary{align-items:center;background:#e3f2fd;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.75rem 1rem}.attached-summary-text{color:#1976d2;font-size:.9rem;font-weight:500}.mode-toggle-inline{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.mode-toggle-slider-small{background-color:#ccc;border-radius:18px;display:inline-block;flex-shrink:0;height:18px;position:relative;transition:background-color .3s;width:36px}.mode-toggle-slider-small:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:14px;left:2px;position:absolute;transition:transform .3s;width:14px}.mode-toggle-input:checked+.mode-toggle-slider-small{background-color:#1976d2}.mode-toggle-input:checked+.mode-toggle-slider-small:before{transform:translateX(18px)}.mode-toggle-label-small{color:#333;font-size:.85rem;font-weight:500}.infographic-panel-toggle{background-color:#f7f7f7;border:1px solid #e0e0e0;border-radius:4px 0 0 4px;border-right:none;box-shadow:-2px 0 8px #0000001a;color:#333;cursor:pointer;padding:12px 6px;position:fixed;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1001}.infographic-panel-toggle:hover{background-color:#e8e8e8}.infographic-panel-toggle.panel-visible{right:350px}.infographic-right-panel{background-color:#f7f7f7;border-left:1px solid #e0e0e0;bottom:0;display:flex;flex-direction:column;overflow:hidden;position:fixed;right:-350px;top:0;transition:right .3s ease;width:350px;z-index:1000}.infographic-right-panel.visible{right:0}.infographic-right-panel .panel-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem}.infographic-right-panel .panel-header h3{color:#333;font-size:1.1rem;font-weight:600;margin:0}.infographic-right-panel .panel-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem;transition:all .2s}.infographic-right-panel .panel-close-btn:hover{background-color:#e0e0e0;color:#333}.infographic-right-panel .panel-scrollable-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto}.infographic-right-panel .panel-section{border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0}.infographic-right-panel .panel-section:last-child{border-bottom:none}.infographic-right-panel .section-header{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:10px 16px}.infographic-right-panel .section-title{align-items:center;color:#333;display:flex;font-size:.95rem;font-weight:500;gap:8px}.infographic-right-panel .section-content{padding:0 16px 12px}.aspect-ratio-grid{display:flex;flex-wrap:wrap;gap:8px}.aspect-ratio-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;max-width:70px;min-width:56px;padding:8px 6px;transition:all .2s}.aspect-ratio-btn:hover{background:#f0f7ff;border-color:#1976d2}.aspect-ratio-btn.active{background:#e3f2fd;border-color:#1976d2;box-shadow:0 2px 4px #1976d233}.aspect-ratio-btn .ratio-icon{color:#666;font-size:1.25rem}.aspect-ratio-btn.active .ratio-icon{color:#1976d2}.aspect-ratio-btn .ratio-label{color:#666;font-size:.75rem;font-weight:500}.aspect-ratio-btn.active .ratio-label{color:#1976d2}.resolution-options{display:flex;flex-direction:column;gap:8px}.resolution-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .2s}.resolution-option:hover{background:#f0f7ff;border-color:#1976d2}.resolution-option.active{background:#e3f2fd;border-color:#1976d2}.resolution-option input[type=radio]{display:none}.resolution-option .resolution-radio{align-items:center;border:2px solid #ccc;border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .2s;width:18px}.resolution-option.active .resolution-radio{border-color:#1976d2}.resolution-option.active .resolution-radio:after{background:#1976d2;border-radius:50%;content:"";height:10px;width:10px}.resolution-option .resolution-info{display:flex;flex-direction:column;gap:2px}.resolution-option .resolution-label{color:#333;font-size:.9rem;font-weight:500}.resolution-option .resolution-description{color:#666;font-size:.8rem}.files-section .section-header{align-items:center;display:flex;gap:8px}.file-count{background:#1976d2;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px}.file-drop-zone{background:#fff;border:2px dashed #ccc;border-radius:10px;cursor:pointer;margin-bottom:10px;padding:16px 12px;text-align:center;transition:all .2s}.file-drop-zone:hover{background:#f0f7ff;border-color:#1976d2}.file-drop-zone.drag-over{background:#e3f2fd;border-color:#1976d2;border-style:solid;transform:scale(1.02)}.file-drop-zone .drop-icon{display:block;font-size:1.5rem;margin-bottom:4px}.file-drop-zone .drop-text{color:#333;display:block;font-size:.85rem;font-weight:500;margin-bottom:4px}.file-drop-zone .drop-hint{color:#888;display:block;font-size:.75rem;line-height:1.4}.attached-files{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.attached-files-header{align-items:center;background:#f8f8f8;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 12px}.attached-count{color:#333;font-size:.85rem;font-weight:500}.attached-files .clear-all-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:.75rem;padding:4px 10px;transition:all .2s}.attached-files .clear-all-btn:hover{background:#ffebee;border-color:#ef5350;color:#c62828}.attached-files-list{max-height:250px;overflow-y:auto}.attached-file-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;padding:10px 12px;transition:background .2s}.attached-file-item:last-child{border-bottom:none}.attached-file-item:hover{background:#f8f8f8}.attached-file-item.image{border-left:3px solid #2196f3}.attached-file-item.dataFile{border-left:3px solid #4caf50}.attached-files-header.loaded{background:#f0f7ff;border-bottom-color:#e3f2fd}.attached-files-header.loaded .attached-count{color:#1565c0}.attached-file-item.loaded{background:#fafafa;opacity:.9}.attached-file-item.loaded:hover{background:#f5f5f5}.file-status-badge{background:#e3f2fd;border-radius:10px;color:#1565c0;flex-shrink:0;font-size:.7rem;font-weight:500;padding:2px 8px}.attached-file-item .file-thumbnail{border-radius:6px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.attached-file-item .file-icon{align-items:center;background:#f0f0f0;border-radius:6px;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.attached-file-item .file-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.attached-file-item .file-name{color:#333;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attached-file-item .file-meta{color:#888;font-size:.75rem}.attached-file-item .remove-file-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:24px;justify-content:center;transition:all .2s;width:24px}.attached-file-item .remove-file-btn:hover{background:#ffebee;color:#c62828}.panel-status-bar{background:#fff;border-top:1px solid #e0e0e0;color:#666;display:flex;flex-shrink:0;flex-wrap:wrap;font-size:.8rem;gap:12px;padding:12px 16px}.panel-status-bar .status-item{align-items:center;display:flex;gap:4px}.attached-files-list::-webkit-scrollbar,.panel-scrollable-content::-webkit-scrollbar{width:6px}.attached-files-list::-webkit-scrollbar-track,.panel-scrollable-content::-webkit-scrollbar-track{background:#f0f0f0}.attached-files-list::-webkit-scrollbar-thumb,.panel-scrollable-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.attached-files-list::-webkit-scrollbar-thumb:hover,.panel-scrollable-content::-webkit-scrollbar-thumb:hover{background:#aaa}@media (max-width:768px){.infographic-right-panel{right:-100%;width:100%}.infographic-panel-toggle.panel-visible{right:calc(100% - 40px)}}
/*# sourceMappingURL=main.594ee687.css.map*/