.upload-progress-container{padding:12px;background:#f8f9fa;border-radius:8px 8px 0 0;border-bottom:1px solid #e5e7eb}.upload-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#0E71AD,#0c5a8a);transition:width .3s ease;border-radius:4px}.upload-progress-text{font-size:13px;color:#0e71ad;font-weight:500}.attached-files-preview{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#f8f9fa;border-radius:8px 8px 0 0;border-bottom:1px solid #e5e7eb}.attached-file-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:14px;max-width:250px}.file-icon{font-size:18px;flex-shrink:0}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#374151}.remove-file-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;font-size:14px;line-height:1;transition:color .15s ease;flex-shrink:0}.remove-file-btn:hover{color:#ef4444}.attach-btn{background:#ffffff;border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;font-size:20px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}.attach-btn:hover:not(:disabled){background:#f3f4f6;border-color:#0e71ad}.attach-btn:disabled{opacity:.4;cursor:not-allowed;background:#f9fafb}.attach-btn.disabled{opacity:.4;cursor:not-allowed;background:#f9fafb}.model-capability-notice{padding:8px 12px;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;font-size:13px;color:#92400e;margin-top:8px;display:flex;align-items:center;gap:8px}.model-capability-notice strong{font-weight:600}.chat-input-wrapper{display:flex;gap:8px;align-items:flex-end}.chat-input{flex:1;min-height:44px;max-height:200px;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;resize:none;overflow-y:auto;font-family:inherit;transition:border-color .15s ease}.chat-input:focus{outline:none;border-color:#0e71ad}.chat-input:disabled{background:#f9fafb;cursor:not-allowed}.send-btn{background:#0E71AD;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;min-width:80px;height:44px;white-space:nowrap}.send-btn:hover:not(:disabled){background:#0c5a8a}.send-btn:disabled{background:#9ca3af;cursor:not-allowed}.chat-container{display:flex;height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-sidebar{width:260px;background:#f9fafb;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.sidebar-header{padding:16px;border-bottom:none;display:flex;align-items:center;gap:12px;background:transparent}.sidebar-logo{height:32px}.sidebar-title{font-size:16px;font-weight:600;color:#1f2937}.new-chat-btn{margin:8px 12px 16px;padding:10px 14px;background:#ffffff;color:#1f2937;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-weight:500;transition:all .15s ease;min-height:40px;font-size:14px;display:flex;align-items:center;gap:8px;justify-content:center}.new-chat-btn:hover{background:#f3f4f6;border-color:#9ca3af}.conversations-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:0}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:transparent}.conversations-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-text{font-size:15px;font-weight:600;color:#7f8c8d;margin-bottom:6px}.empty-hint{font-size:12px;color:#95a5a6;font-style:italic}.conversation-item{padding:10px 12px;margin:2px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:13px;font-weight:400;border:none;background:transparent;color:#4b5563;display:flex;align-items:center;justify-content:space-between;min-height:40px;max-height:40px;position:relative}.conversation-item:first-child{margin-top:0}.conversation-item:hover{background:#f3f4f6;color:#1f2937}.conversation-item.active{background:#e5e7eb;color:#1f2937;font-weight:500}.conversation-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;line-height:1.4;padding-right:8px}.conversation-actions{display:flex;gap:4px;margin-left:8px;flex-shrink:0}.edit-btn,.delete-btn{background:transparent;border:none;border-radius:4px;padding:4px 6px;cursor:pointer;font-size:13px;transition:all .15s;color:#6b7280;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.edit-btn:hover{background:#e5e7eb;color:#1f2937}.delete-btn:hover{background:#fee2e2;color:#dc2626}.conversation-edit{width:100%;display:flex;flex-direction:column;gap:6px}.conversation-edit-input{width:100%;padding:8px 10px;border:2px solid rgba(255,255,255,.9);border-radius:6px;font-size:13px;font-weight:500;background:rgba(255,255,255,.98);color:var(--text-dark);outline:none;box-sizing:border-box;transition:border-color .2s}.conversation-edit-input:focus{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.conversation-edit-actions{display:flex;gap:4px;justify-content:flex-end}.edit-save-btn,.edit-cancel-btn{padding:5px 14px;border:none;border-radius:5px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s;display:flex;align-items:center;justify-content:center;min-height:30px}.edit-save-btn{background:#27ae60;color:#fff;flex:1}.edit-save-btn:hover{background:#229954;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.edit-cancel-btn{background:rgba(255,255,255,.35);color:#fff;flex:1}.edit-cancel-btn:hover{background:rgba(231,76,60,.9);transform:translateY(-1px);box-shadow:0 2px 4px #0003}.sidebar-footer{padding:15px;border-top:1px solid var(--border-color)}.user-info{display:flex;align-items:center;justify-content:space-between;font-size:14px}.logout-btn{background:none;border:none;color:var(--text-light);cursor:pointer;padding:5px 10px;border-radius:5px;transition:all .2s}.logout-btn:hover{background:var(--bg-light);color:var(--text-dark)}.chat-main{flex:1;display:flex;flex-direction:column}.chat-header{padding:14px 24px;border-bottom:1px solid #e5e7eb;background:#ffffff;display:flex;align-items:center;justify-content:space-between;min-height:60px}.header-controls{display:flex;align-items:center;gap:15px}.admin-header-btn{padding:8px 16px;background:#ffffff;color:#dc2626;border:1px solid #fecaca;border-radius:6px;cursor:pointer;font-weight:500;font-size:13px;transition:all .15s;white-space:nowrap}.admin-header-btn:hover{background:#fef2f2;border-color:#fca5a5}.header-actions{display:flex;align-items:center;gap:12px;margin-left:12px}.user-info-header{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(255,255,255,.1);border-radius:8px;border:1px solid rgba(255,255,255,.2)}.user-name-header{font-size:14px;font-weight:600;color:#2c3e50}.user-name-header.clickable{cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:4px}.user-name-header.clickable:hover{background:rgba(56,179,150,.1);color:#38b396;transform:translateY(-1px)}.logout-header-btn{padding:6px 12px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-header-btn:hover{background:linear-gradient(135deg,#c0392b,#e74c3c);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.user-profile-modal{background:white;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee;background:linear-gradient(135deg,#38B396,#2ecc71);color:#fff;border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:20px;font-weight:600}.modal-close-btn{background:none;border:none;font-size:24px;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.modal-close-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.profile-tabs{display:flex;border-bottom:1px solid #eee}.tab-btn{flex:1;padding:16px 20px;background:none;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#666;border-bottom:3px solid transparent}.tab-btn:hover{background:#f8f9fa;color:#38b396}.tab-btn.active{color:#38b396;border-bottom-color:#38b396;background:#f8f9fa}.profile-form{padding:24px}.form-group{margin-bottom:20px}.form-row{display:flex;gap:16px;margin-bottom:20px}.form-group.half-width{flex:1;margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#38b396;box-shadow:0 0 0 3px #38b3961a}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #eee}.cancel-btn{padding:12px 24px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#5a6268;transform:translateY(-1px)}.save-btn{padding:12px 24px;background:linear-gradient(135deg,#38B396,#2ecc71);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn:hover{background:linear-gradient(135deg,#2ecc71,#38B396);transform:translateY(-1px);box-shadow:0 4px 12px #38b3964d}.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-message{margin:16px 24px;padding:12px 16px;background:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:8px;font-weight:600}.error-message{margin:16px 24px;padding:12px 16px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;font-weight:600}.message-header{margin-bottom:6px}.message-sender{font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.user-sender{color:#38b396}.assistant-sender{color:#2c3e50}.assistant-icon{width:16px;height:16px;border-radius:3px}.model-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;cursor:pointer;background:#ffffff;color:#374151;font-weight:400;transition:all .15s}.model-select:hover{border-color:#9ca3af;background:#f9fafb}.model-select:disabled{cursor:not-allowed;opacity:.6}.chat-messages{flex:1;overflow-y:auto;padding:30px;background:#f8f9fa;scroll-behavior:smooth}.message{margin-bottom:24px;animation:messageSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble{max-width:70%;padding:16px 20px;border-radius:16px;line-height:1.6;font-size:15px}.message.user{text-align:right}.message.user .message-bubble{background:linear-gradient(135deg,#0E71AD 0%,#38B396 100%);color:#fff;margin-left:auto;border-bottom-right-radius:5px;box-shadow:0 2px 8px #0e71ad33}.message.assistant{text-align:left}.message.assistant .message-bubble{background:#ffffff;color:#1f2937;border:1px solid #e5e7eb;border-bottom-left-radius:5px;box-shadow:0 2px 6px #0000000d}.message-content{word-wrap:break-word;unicode-bidi:plaintext;direction:auto;white-space:pre-wrap;line-height:1.8;text-align:start;font-size:15px}.message-content:lang(ar){font-family:Segoe UI,Tahoma,Arial,sans-serif;line-height:2;letter-spacing:.02em;text-align:right;direction:rtl}.message-content h1,.message-content h2,.message-content h3,.message-content h4{margin:16px 0 8px;font-weight:600;color:inherit}.message-content h1{font-size:1.5em}.message-content h2{font-size:1.3em}.message-content h3{font-size:1.1em}.message-content h4{font-size:1em}.message-content p{margin:8px 0;line-height:1.6}.message-content ul,.message-content ol{margin:12px 0;padding-left:24px}.message-content li{margin:6px 0;line-height:1.5}.message-content strong{font-weight:700;color:inherit}.message-content em{font-style:italic}.message-content code{background:rgba(0,0,0,.05);padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.message-content pre{background:rgba(0,0,0,.05);padding:12px;border-radius:6px;overflow-x:auto;margin:12px 0}.message-content pre code{background:none;padding:0}.message-content blockquote{border-left:3px solid rgba(0,0,0,.2);padding-left:12px;margin:12px 0;color:#000000b3;font-style:italic}.message-content hr{border:none;border-top:1px solid rgba(0,0,0,.1);margin:16px 0}.message-content table{border-collapse:collapse;width:100%;margin:12px 0}.message-content th,.message-content td{border:1px solid rgba(0,0,0,.1);padding:8px 12px;text-align:left}.message-content th{background:rgba(0,0,0,.05);font-weight:600}.message.user .message-content code{background:rgba(255,255,255,.2)}.message.user .message-content pre{background:rgba(255,255,255,.15)}.message.user .message-content blockquote{border-left-color:#fff6;color:#ffffffe6}.message-time{font-size:12px;color:var(--text-light);margin-top:5px}.message.user .message-time{color:#fffc}.message.user .message-header{text-align:right}.message.user .message-sender{justify-content:flex-end}.message.assistant .message-header{text-align:left}.message.assistant .message-sender{justify-content:flex-start}.message-sender-inline{margin-bottom:4px}.sender-name{font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;opacity:.8}.message.user .message-sender-inline{text-align:right}.user-name{justify-content:flex-end;color:#ffffffe6}.message.assistant .message-sender-inline{text-align:left}.assistant-name{justify-content:flex-start;color:var(--text-light)}.message-text{margin-top:2px}.message-with-name{display:flex;flex-direction:column;max-width:100%}.message-name-above{margin-bottom:4px;padding:0 4px}.message.user .message-name-above{text-align:right}.message.assistant .message-name-above{text-align:left}.sender-name{font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px;opacity:.7;white-space:nowrap}.user-name{color:var(--primary-blue)}.assistant-name{color:var(--text-light)}.session-management{padding:20px;max-width:1200px;margin:0 auto}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.session-header h2{margin:0;color:var(--text-dark)}.session-stats{display:flex;gap:20px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:10px 15px;background:var(--bg-light);border-radius:8px;border:1px solid var(--border-color)}.stat-label{font-size:12px;color:var(--text-light);margin-bottom:5px}.stat-value{font-size:18px;font-weight:600;color:var(--text-dark)}.stat-value.active{color:var(--primary-blue)}.session-actions{display:flex;gap:10px;margin-bottom:20px}.sessions-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px}.sessions-table{width:100%;border-collapse:collapse;font-size:14px}.sessions-table th{background:var(--bg-light);padding:12px 8px;text-align:left;font-weight:600;color:var(--text-dark);border-bottom:2px solid var(--border-color);white-space:nowrap}.sessions-table td{padding:10px 8px;border-bottom:1px solid var(--border-color);vertical-align:top}.session-row:hover{background:var(--bg-light)}.user-info .username{font-weight:600;color:var(--text-dark)}.user-info .first-name{font-size:12px;color:var(--text-light)}.model-name{text-align:center}.model-badge{background:var(--primary-blue);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.session-id{text-align:center;font-weight:600;color:var(--text-dark);max-width:60px}.session-id-number{font-size:1em;font-weight:700;color:var(--primary-blue);padding:4px 8px;background:#f0f8ff;border-radius:6px;display:inline-block;min-width:30px}.message-count{text-align:center;font-weight:600;color:var(--text-dark)}.duration{text-align:center;font-family:monospace;font-size:12px;color:var(--text-light)}.status-badge{padding:4px 8px;border-radius:12px;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase}.ip-address{font-family:monospace;font-size:12px}.device-info{max-width:200px;font-size:12px;color:var(--text-light)}.date{font-size:12px;color:var(--text-light);white-space:nowrap}.actions{display:flex;gap:5px;flex-wrap:wrap}.btn-sm{padding:4px 8px;font-size:11px;border-radius:4px}.btn-danger{background:#dc3545;color:#fff;border:none}.btn-danger:hover{background:#c82333}.btn-warning{background:#ffc107;color:#212529;border:none}.btn-warning:hover{background:#e0a800}.btn-secondary{background:#6c757d;color:#fff;border:none}.btn-secondary:hover{background:#5a6268}.no-sessions{text-align:center;padding:40px;color:var(--text-light);font-style:italic}.session-info{background:var(--bg-light);padding:15px;border-radius:8px;border:1px solid var(--border-color)}.session-info h3{margin:0 0 10px;color:var(--text-dark)}.session-info ul{margin:0;padding-left:20px}.session-info li{margin-bottom:5px;color:var(--text-light)}.loading{text-align:center;padding:40px;color:var(--text-light)}.typing-indicator{display:none;padding:15px 20px;background:white;border-radius:15px;width:fit-content;border:1px solid var(--border-color)}.typing-indicator.active{display:block}.typing-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-light);margin:0 2px;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.chat-input-container{padding:20px 30px;background:#ffffff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 8px #0000000a}.chat-input-wrapper{display:flex;gap:15px;align-items:flex-end}.chat-input{flex:1;padding:15px 20px;border:2px solid #e5e7eb;border-radius:14px;font-size:15px;font-family:inherit;resize:none;max-height:150px;min-height:50px;transition:all .2s ease;background:#f9fafb}.chat-input:focus{outline:none;border-color:#0e71ad;background:#ffffff;box-shadow:0 0 0 3px #0e71ad1a}.chat-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-btn{padding:15px 30px;background:linear-gradient(135deg,#0E71AD 0%,#38B396 100%);color:#fff;border:none;border-radius:14px;cursor:pointer;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0e71ad33}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#0a5a8a 0%,#2d9178 100%);transform:translateY(-1px);box-shadow:0 4px 12px #0e71ad4d}.send-btn:disabled{background:#ccc;cursor:not-allowed}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-logo{width:140px;margin-bottom:24px;opacity:.95}.welcome-title{font-size:28px;font-weight:600;color:#1f2937;margin-bottom:12px;letter-spacing:-.5px}.welcome-subtitle{font-size:15px;color:#6b7280;max-width:480px;line-height:1.6;font-weight:400}.admin-panel-page{width:100%;height:100vh;overflow-y:auto;background:var(--bg-light)}.chat-container .admin-panel-page{flex:1;width:100%}.group-label.clickable{cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 12px;margin:8px 8px 4px;border-radius:4px;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.group-label.clickable:hover{background-color:#f3f4f6}.dropdown-arrow{font-size:10px;transition:transform .2s ease;color:#9ca3af}.dropdown-arrow.expanded{transform:rotate(90deg)}.group-label{font-weight:500;color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.chat-sidebar{display:none}.message-bubble{max-width:85%}.unified-header{padding:8px 16px;height:50px}.main-content{margin-top:50px;height:calc(100vh - 50px)}.header-title{font-size:1.2rem}.header-logo{height:28px}.nav-tab{padding:6px 12px;font-size:.8rem}}.web-search-config{padding:20px;max-width:800px;margin:0 auto}.config-header{margin-bottom:30px;text-align:center}.config-header h3{color:#333;margin-bottom:10px;font-size:24px}.config-header p{color:#666;font-size:16px}.config-section{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px}.config-row{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.config-row:last-child{border-bottom:none;margin-bottom:0}.config-label{display:flex;align-items:center;font-weight:600;color:#333;margin-bottom:8px;gap:10px}.config-label input[type=checkbox]{margin-right:8px;transform:scale(1.2)}.config-label select,.config-label input[type=password]{margin-left:10px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:200px}.config-label select:disabled,.config-label input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.checkbox-label{font-size:16px;cursor:pointer}.config-description{color:#666;font-size:14px;margin:0;font-style:italic}.config-actions{text-align:center;margin:30px 0}.save-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.config-message{padding:12px 20px;border-radius:6px;text-align:center;font-weight:600;margin:20px 0}.config-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.config-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.config-info{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-top:30px}.config-info h4{color:#333;margin-bottom:15px;font-size:18px}.config-info ul{margin:0 0 20px 20px;color:#555}.config-info li{margin-bottom:8px;line-height:1.5}.trigger-examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.trigger-tag{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.loading-spinner{text-align:center;padding:40px;color:#666;font-size:16px}.model-management{padding:20px;max-width:1400px;margin:0 auto}.section-header{margin-bottom:30px}.section-header h2{margin:0 0 10px;color:#0e71ad;font-size:28px}.section-description{color:#666;margin:0;font-size:14px}.model-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#0E71AD 0%,#38B396 100%);padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 12px #0e71ad33}.stat-icon{font-size:32px;background:rgba(255,255,255,.2);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px}.stat-info{flex:1}.stat-value{font-size:32px;font-weight:700;color:#fff;margin:0}.stat-label{font-size:14px;color:#ffffffe6;margin:0}.models-section{margin-bottom:40px}.section-title{font-size:20px;margin-bottom:20px;color:#333;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.model-card{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border:2px solid transparent}.model-card.active{border-color:#38b396}.model-card.inactive{border-color:#e0e0e0;opacity:.7}.model-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.model-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:10px}.model-name-section{flex:1}.model-card h4{margin:0 0 5px;color:#0e71ad;font-size:16px;font-weight:600}.model-code{background:#f5f5f5;padding:2px 8px;border-radius:4px;font-size:12px;color:#666;font-family:Courier New,monospace}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.model-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 15px;min-height:40px}.model-actions{display:flex;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0}.model-actions button{flex:1;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-edit{background:#0E71AD;color:#fff}.btn-edit:hover{background:#0a5a8a;transform:scale(1.02)}.btn-enable{background:#38B396;color:#fff}.btn-enable:hover{background:#2d9178;transform:scale(1.02)}.btn-disable{background:#dc3545;color:#fff}.btn-disable:hover{background:#c82333;transform:scale(1.02)}.btn-save{background:#28a745;color:#fff}.btn-save:hover{background:#218838;transform:scale(1.02)}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268;transform:scale(1.02)}.edit-input,.edit-textarea{width:100%;padding:8px;border:2px solid #0E71AD;border-radius:6px;font-size:14px;font-family:inherit;margin-bottom:10px}.edit-input:focus,.edit-textarea:focus{outline:none;border-color:#38b396;box-shadow:0 0 0 3px #38b3961a}.edit-textarea{resize:vertical;min-height:60px}.info-box{background:#f0f9ff;border:2px solid #0E71AD;border-radius:12px;padding:20px;margin-top:30px}.info-box h4{margin:0 0 15px;color:#0e71ad;font-size:16px}.info-box ul{margin:0;padding-left:20px}.info-box li{margin-bottom:8px;color:#333;line-height:1.6}.info-box strong{color:#0e71ad}.loading{text-align:center;padding:40px;font-size:18px;color:#666}@media (max-width: 768px){.models-grid,.model-stats{grid-template-columns:1fr}.model-actions{flex-direction:column}.model-actions button{width:100%}}.ml-dashboard{padding:0;background:#f5f7fa;min-height:100vh}.ml-header{background:linear-gradient(135deg,#0E71AD 0%,#38B396 100%);color:#fff;padding:40px 32px;margin-bottom:32px;box-shadow:0 4px 20px #0000001a}.ml-header h1{margin:0 0 8px;font-size:32px;font-weight:700;display:flex;align-items:center;gap:12px}.ml-header p{margin:0;opacity:.95;font-size:16px}.ml-content{max-width:1400px;margin:0 auto;padding:0 32px 32px}.ml-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.ml-stat-card{background:white;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;border-left:4px solid #0E71AD}.ml-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.ml-stat-label{font-size:13px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.ml-stat-value{font-size:36px;font-weight:700;color:#0e71ad;line-height:1}.ml-stat-subtitle{font-size:12px;color:#9ca3af;margin-top:4px}.ml-section{background:white;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 4px 16px #00000014}.ml-section h2{margin:0 0 24px;font-size:22px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.ml-table{width:100%;border-collapse:separate;border-spacing:0}.ml-table thead{background:#f9fafb}.ml-table th{padding:16px;text-align:left;font-weight:600;font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.ml-table td{padding:16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151}.ml-table tbody tr{transition:all .2s ease}.ml-table tbody tr:hover{background:#f9fafb}.ml-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.ml-badge.success{background:linear-gradient(135deg,#51cf66 0%,#38B396 100%);color:#fff}.ml-badge.info{background:linear-gradient(135deg,#0E71AD 0%,#38B396 100%);color:#fff}.ml-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.ml-progress-fill{height:100%;background:linear-gradient(90deg,#0E71AD 0%,#38B396 100%);border-radius:4px;transition:width .3s ease}.ml-empty-state{text-align:center;padding:60px 20px}.ml-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.ml-empty-state h3{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.ml-empty-state p{font-size:14px;color:#6b7280;margin:0}.ml-footer-note{margin-top:24px;padding:16px;background:#f9fafb;border-radius:8px;font-size:13px;color:#6b7280;line-height:1.6}@media (max-width: 768px){.ml-header{padding:24px 16px}.ml-content{padding:0 16px 16px}.ml-stats-grid{grid-template-columns:1fr}.ml-section{padding:20px}.ml-table{font-size:12px}.ml-table th,.ml-table td{padding:12px 8px}}.admin-panel{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);display:flex;flex-direction:column}.admin-header{background:white;color:#1f2937;padding:0;box-shadow:0 2px 8px #00000014;border-bottom:3px solid #0E71AD}.admin-logo{height:50px;margin-right:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.admin-header-content{max-width:1400px;margin:0 auto;padding:20px 32px;display:flex;justify-content:space-between;align-items:center}.admin-title{display:flex;align-items:center;gap:20px}.admin-title h1{margin:0;font-size:26px;font-weight:700;color:#0e71ad;display:flex;align-items:center;gap:10px}.admin-title p{margin:4px 0 0;color:#6b7280;font-size:13px;font-weight:500}.admin-header-actions{display:flex;align-items:center;gap:24px}.admin-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.admin-user-name{font-weight:600;font-size:15px;color:#1f2937}.admin-user-role{font-size:11px;color:#0e71ad;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:rgba(14,113,173,.1);padding:2px 8px;border-radius:4px}.admin-header-buttons{display:flex;gap:12px}.admin-btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.admin-btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.admin-btn.secondary:hover{background:#e5e7eb;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.admin-btn.danger{background:#ff6b6b;color:#fff}.admin-btn.danger:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.admin-btn.primary{background:linear-gradient(135deg,#0E71AD 0%,#38B396 100%);color:#fff}.admin-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0e71ad4d}.admin-btn.small{padding:6px 12px;font-size:12px}.admin-tabs{background:white;display:flex;gap:8px;padding:0 32px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box;border-bottom:2px solid #e5e7eb;overflow-x:auto}.tab-btn{padding:16px 24px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:#6b7280;transition:all .3s ease;border-bottom:3px solid transparent;white-space:nowrap}.tab-btn:hover{color:#0e71ad;background:rgba(14,113,173,.05)}.tab-btn.active{color:#0e71ad;border-bottom-color:#0e71ad;background:rgba(14,113,173,.1)}.admin-content{flex:1;max-width:1400px;margin:0 auto;width:100%;padding:32px;box-sizing:border-box}.loading{text-align:center;padding:80px 20px;font-size:18px;color:#6b7280}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:white;border-radius:16px;padding:28px;display:flex;align-items:center;gap:20px;transition:all .3s ease;box-shadow:0 4px 16px #00000014}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-icon{font-size:40px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0E71AD 0%,#38B396 100%);border-radius:16px;box-shadow:0 4px 12px #0e71ad4d}.stat-info h3{font-size:36px;font-weight:700;color:#1f2937;margin:0 0 4px}.stat-info p{font-size:14px;color:#6b7280;margin:0;font-weight:500}.users-section,.conversations-section,.tchub-section{background:white;border-radius:16px;padding:32px;box-shadow:0 4px 16px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{margin:0;font-size:24px;font-weight:700;color:#1f2937}.create-user-form{background:#f9fafb;padding:24px;border-radius:12px;margin-bottom:24px;display:grid;gap:16px}.create-user-form input,.create-user-form select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease}.create-user-form input:focus,.create-user-form select:focus{outline:none;border-color:#0e71ad;box-shadow:0 0 0 3px #0e71ad1a}table{width:100%;border-collapse:separate;border-spacing:0}thead{background:#f9fafb}th{padding:16px;text-align:left;font-weight:600;font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}td{padding:16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151}tbody tr{transition:all .2s ease}tbody tr:hover{background:#f9fafb}.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.role-badge.admin{background:linear-gradient(135deg,#ff6b6b 0%,#ff5252 100%);color:#fff}.role-badge.user{background:linear-gradient(135deg,#0E71AD 0%,#38B396 100%);color:#fff}.conversations-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.conversation-item{background:#f9fafb;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;border:2px solid transparent}.conversation-item:hover{background:white;border-color:#0e71ad;transform:translateY(-2px);box-shadow:0 4px 12px #0e71ad26}.conversation-info h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#1f2937}.conversation-info p{margin:0;font-size:13px;color:#6b7280}.empty-state{text-align:center;padding:60px 20px}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0}.generated-key-box{background:linear-gradient(135deg,#ffd43b 0%,#ffc107 100%);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #ffc1074d}.generated-key-box h3{margin:0 0 12px;color:#856404;font-size:18px}.generated-key-box code{display:block;background:white;padding:16px;border-radius:8px;font-family:Courier New,monospace;font-size:14px;word-break:break-all;margin:12px 0;color:#333}.generated-key-box .warning{margin:12px 0 0;font-weight:600;color:#856404;font-size:14px}.tchub-config{background:#f9fafb;border-radius:12px;padding:24px}.tchub-config h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#1f2937}.config-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.config-item:last-child{border-bottom:none}.config-item label{font-weight:600;color:#6b7280;font-size:14px}.config-item code{background:white;padding:6px 12px;border-radius:6px;font-family:Courier New,monospace;font-size:13px;color:#0e71ad}.status-badge{padding:6px 16px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background:linear-gradient(135deg,#51cf66 0%,#38B396 100%);color:#fff}.status-badge.inactive{background:#e5e7eb;color:#6b7280}@media (max-width: 768px){.admin-header-content{flex-direction:column;gap:16px;align-items:flex-start}.admin-tabs{padding:0 16px}.admin-content{padding:16px}.stats-grid,.conversations-list{grid-template-columns:1fr}}.documents-panel{position:fixed;top:0;right:0;width:450px;height:100vh;background:white;box-shadow:-4px 0 20px #00000026;z-index:1000;display:flex;flex-direction:column;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.documents-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #e0e6ed;background:linear-gradient(135deg,#0E71AD 0%,#38B396 100%);color:#fff}.documents-header h2{margin:0;font-size:20px}.close-button{background:rgba(255,255,255,.2);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-button:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.upload-section{padding:20px;border-bottom:1px solid #e0e6ed;text-align:center}.upload-button{background:linear-gradient(135deg,#0E71AD 0%,#38B396 100%);color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s;display:inline-block;margin-bottom:10px}.upload-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0e71ad4d}.upload-hint{color:#7f8c8d;font-size:12px;margin:0}.progress-bar{height:4px;background:#e0e6ed;margin:0 20px;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#0E71AD 0%,#38B396 100%);transition:width .3s}.error-message{background:#fee;color:#c33;padding:12px 20px;margin:10px 20px;border-radius:8px;font-size:14px;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;color:#c33;cursor:pointer;font-size:16px;padding:0;width:20px;height:20px}.loading-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7f8c8d}.spinner{width:40px;height:40px;border:4px solid #e0e6ed;border-top-color:#0e71ad;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:#7f8c8d}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;color:#2c3e50}.empty-state p{margin:0;font-size:14px}.documents-list{flex:1;overflow-y:auto;padding:20px}.document-card{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:12px;display:flex;align-items:center;gap:12px;transition:all .3s;border:2px solid transparent}.document-card:hover{background:#fff;border-color:#0e71ad;box-shadow:0 2px 8px #0e71ad1a}.document-card.processing{border-color:#ffa726}.document-card.failed{border-color:#f44336}.document-icon{font-size:32px;flex-shrink:0}.document-info{flex:1;min-width:0}.document-name{font-weight:600;color:#2c3e50;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-meta{font-size:12px;color:#7f8c8d;display:flex;gap:6px;align-items:center}.error-text{font-size:12px;color:#f44336;margin-top:4px}.document-status{flex-shrink:0}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.status-ready{background:rgba(56,179,150,.15);color:#38b396}.status-processing{background:rgba(255,167,38,.15);color:#ffa726}.status-pending{background:rgba(14,113,173,.15);color:#0e71ad}.status-failed{background:rgba(244,67,54,.15);color:#f44336}.delete-button{background:none;border:none;cursor:pointer;font-size:20px;padding:8px;opacity:.5;transition:all .3s;flex-shrink:0}.delete-button:hover{opacity:1;transform:scale(1.2)}.documents-footer{padding:16px 20px;border-top:1px solid #e0e6ed;background:#f8f9fa}.documents-footer p{margin:0;font-size:13px;color:#7f8c8d}@media (max-width: 768px){.documents-panel{width:100%}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-green) 100%)}.login-box{background:white;padding:50px;border-radius:20px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:450px;text-align:center}.login-logo{width:180px;margin-bottom:30px}.login-title{font-size:28px;color:var(--text-dark);margin-bottom:10px;font-weight:600}.login-subtitle{color:var(--text-light);margin-bottom:40px;font-size:14px}.form-group{margin-bottom:25px;text-align:left}.form-group label{display:block;margin-bottom:8px;color:var(--text-dark);font-weight:500;font-size:14px}.form-input{width:100%;padding:14px 18px;border:2px solid var(--border-color);border-radius:10px;font-size:15px;transition:all .3s;font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0e71ad1a}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn{width:100%;padding:15px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#0E71AD 0%,#38B396 100%);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0a5a8a 0%,#2d9178 100%);transform:translateY(-2px);box-shadow:0 5px 20px #0e71ad66}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.error-message{background:#fee;color:#c33;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;display:none}.error-message.show{display:block}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #0E71AD;--secondary-green: #38B396;--bg-light: #F5F7FA;--bg-white: #FFFFFF;--text-dark: #2C3E50;--text-light: #7F8C8D;--border-color: #E0E6ED;--shadow: 0 2px 10px rgba(0, 0, 0, .1)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-light);color:var(--text-dark);margin:0;padding:0}#root{min-height:100vh}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}