:root{color-scheme:dark;--bg-dark: #141414;--bg-panel: #1c1c1c;--bg-hover: #222222;--text-primary: #f0f0f0;--text-secondary: #9b94a8;--accent: #3b5998;--accent-hover: #2d4373;--border: rgba(255, 255, 255, .08);--success: #10b981;--danger: #ef4444;--glass: rgba(20, 20, 20, .7);--scrollbar-track: #141414;--scrollbar-panel-track: #1c1c1c;--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .3)}[data-theme=light]{color-scheme:light;--bg-dark: #f4f3ef;--bg-panel: #fbfbf9;--bg-hover: #ebeae6;--text-primary: #1a1728;--text-secondary: #6b6880;--accent: #3b5998;--accent-hover: #2d4373;--border: rgba(0, 0, 0, .09);--success: #10b981;--danger: #ef4444;--glass: rgba(251, 251, 249, .85);--scrollbar-track: #f4f3ef;--scrollbar-panel-track: #fbfbf9;--scrollbar-thumb: rgba(0, 0, 0, .18);--scrollbar-thumb-hover: rgba(0, 0, 0, .35)}[data-theme=light] .message-bubble.assistant .message-content{background:#ebeae6;border-color:#00000014}[data-theme=light] .testing-main{background:repeating-linear-gradient(45deg,#f4f3ef,#f4f3ef 10px,#ebeae6 10px,#ebeae6 20px);border-color:#0000001a}[data-theme=light] .testing-widget-container{background:#fbfbf9;border-color:#00000014}[data-theme=light] .widget-messages{background:#fbfbf9}[data-theme=light] .avatar{background:linear-gradient(135deg,#3b5998,#2d4373)!important}[data-theme=light] .premium-select,[data-theme=light] .premium-textarea,[data-theme=light] .premium-input-small,[data-theme=light] .premium-range::-webkit-slider-runnable-track{background:#f4f3ef}[data-theme=light] .kb-tabs{background:#0000000d}[data-theme=light] .upload-dropzone{background:#8b5cf608}[data-theme=light] .manage-header,[data-theme=light] .premium-table th{background:#00000008}[data-theme=light] .conversation-item.selected{background:#8b5cf614}[data-theme=light] .thread-header{background:#00000008}*,*:before,*:after{transition:background-color .25s ease,border-color .25s ease,color .15s ease}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)!important}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)!important;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)!important}.conversation-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track,.config-form::-webkit-scrollbar-track,.document-list-container::-webkit-scrollbar-track{background:var(--scrollbar-panel-track)!important}.conversation-list,.messages-container,.config-form,.document-list-container{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-panel-track)}body{background-color:var(--bg-dark);color:var(--text-primary);font-size:14px;-webkit-font-smoothing:antialiased}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:200px;background-color:var(--bg-panel);border-right:1px solid rgba(0,0,0,.2);display:flex;flex-direction:column}.brand{padding:24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.brand h2{font-size:16px;font-weight:600;letter-spacing:-.02em}.badge{background:var(--accent);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.nav-menu{flex:1;padding:24px 12px;display:flex;flex-direction:column;gap:4px}.nav-item{background:transparent;border:none;color:var(--text-secondary);text-align:left;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:#6366f11a;color:var(--accent);font-weight:600}.user-profile{padding:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#2d4373);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.user-info{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:500}.user-role{font-size:12px;color:var(--text-secondary)}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--bg-dark);min-width:0}.topbar{height:72px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar h1{font-size:20px;font-weight:600;letter-spacing:-.02em}.primary-button{background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.primary-button:hover{background:var(--accent-hover)}.content-area{padding:24px;flex:1;overflow-y:auto}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.stat-card{background:var(--bg-panel);border:1px solid var(--border);padding:24px;border-radius:12px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 20px #0003}.stat-card h3{font-size:14px;color:var(--text-secondary);font-weight:500}.stat-value{font-size:32px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.trend{font-size:12px;font-weight:500}.trend.positive{color:var(--success)}.trend.negative{color:var(--danger)}.trend.neutral{color:var(--text-secondary)}.placeholder-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background:var(--bg-panel);border:1px dashed var(--border);border-radius:12px;text-align:center;gap:16px}.placeholder-state h3{font-size:18px;color:var(--text-primary)}.placeholder-state p{color:var(--text-secondary)}.conversations-layout{display:flex;height:100%;gap:24px}.conversation-list-panel{width:320px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.panel-title{padding:20px;font-size:14px;font-weight:600;border-bottom:1px solid rgba(0,0,0,.2)}.empty-state{padding:40px 20px;text-align:center;color:var(--text-secondary);font-size:13px}.conversation-list{list-style:none;overflow-y:auto;flex:1}.conversation-item{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .2s}.conversation-item:hover{background:var(--bg-hover)}.conversation-item.selected{background:#6366f11a;border-left:3px solid var(--accent)}.conv-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.live{background-color:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.closed{background-color:var(--text-secondary)}.conv-id{font-family:monospace;font-size:13px;color:var(--text-primary);font-weight:500}.conv-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.conversation-thread-panel{flex:1;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.empty-thread-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.thread-content{display:flex;flex-direction:column;height:100%}.thread-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#0003}.thread-header h3{font-size:15px;font-family:monospace}.status-badge{font-size:11px;padding:4px 8px;border-radius:12px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.status-badge.active{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.status-badge.closed{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border)}.messages-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.loading-messages,.empty-messages{text-align:center;color:var(--text-secondary);padding:40px;font-size:13px}.message-bubble{max-width:80%;display:flex;flex-direction:column;gap:6px}.message-bubble.user{align-self:flex-end}.message-bubble.assistant{align-self:flex-start}.message-sender{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:0 4px}.message-bubble.user .message-sender{text-align:right}.message-content{padding:14px 18px;border-radius:16px;font-size:14px;line-height:1.5;box-shadow:0 4px 12px #0000001a}.message-bubble.user .message-content{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.message-bubble.assistant .message-content{background:#27272a;color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:4px}.message-time{font-size:11px;color:var(--text-secondary);padding:0 4px}.message-bubble.user .message-time{text-align:right}.testing-layout{display:flex;height:100%;gap:24px}.testing-sidebar{width:480px;background:var(--bg-panel);border:1px solid rgba(0,0,0,.25);border-radius:12px;display:flex;flex-direction:column}.config-form{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto}.testing-actions{display:flex;gap:12px;margin-top:auto;padding-top:12px}.whitespace-nowrap{white-space:nowrap}.premium-select,.premium-textarea{background:var(--bg-dark);border:1px solid rgba(0,0,0,.25);color:var(--text-primary);padding:10px 12px;border-radius:8px;font-size:13px;width:100%;resize:vertical}.premium-select:focus,.premium-textarea:focus{outline:none;border-color:#ffffff4d}.secondary-button{background:transparent;color:var(--text-primary);border:1px solid rgba(0,0,0,.25);padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease}.secondary-button:hover{background:var(--bg-hover)}.testing-main{flex:1;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,var(--bg-panel),var(--bg-panel) 10px,var(--bg-dark) 10px,var(--bg-dark) 20px);border-radius:12px;border:none}.testing-widget-container{width:380px;height:600px;background:var(--bg-dark);border-radius:16px;box-shadow:0 12px 40px #00000080;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(0,0,0,.3)}.widget-header{background:var(--accent);padding:16px 20px;display:flex;align-items:center;gap:12px}.widget-avatar{background:#fff3;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.widget-messages{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:rgba(150,150,150,.5) var(--bg-dark)}.widget-messages::-webkit-scrollbar{width:6px}.widget-messages::-webkit-scrollbar-track{background:var(--bg-dark)!important}.widget-messages::-webkit-scrollbar-thumb{background:#96969680!important;border-radius:3px}.widget-messages::-webkit-scrollbar-thumb:hover{background:#969696b3!important}.widget-input-area{display:flex;padding:16px;background:var(--bg-panel);border-top:1px solid rgba(0,0,0,.2);gap:12px}.widget-input{flex:1;background:var(--bg-dark);border:1px solid rgba(0,0,0,.25);border-radius:24px;padding:12px 16px;color:var(--text-primary);outline:none;scrollbar-width:thin;scrollbar-color:rgba(150,150,150,.5) var(--bg-dark)}.widget-input::-webkit-scrollbar{width:6px}.widget-input::-webkit-scrollbar-track{background:var(--bg-dark)!important}.widget-input::-webkit-scrollbar-thumb{background:#96969680!important;border-radius:3px}.widget-input::-webkit-scrollbar-thumb:hover{background:#969696b3!important}.widget-input:focus{border-color:var(--accent)}.widget-send{background:var(--accent);color:#fff;border:none;border-radius:24px;padding:0 20px;font-weight:600;cursor:pointer}.widget-send:disabled{opacity:.5;cursor:not-allowed}.typing-indicator span{animation:blink 1.4s infinite both;height:6px;width:6px;background:var(--text-primary);border-radius:50%;display:inline-block;margin:0 2px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}@keyframes analyticsSkeletonPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.kb-layout{display:flex;height:100%;gap:24px}.kb-upload-panel{width:320px;display:flex;flex-direction:column;gap:24px}.upload-dropzone{background:#6366f108;border:2px dashed var(--border);border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:12px}.upload-dropzone:hover,.upload-dropzone.dragging{border-color:var(--accent);background:#6366f114}.upload-icon{font-size:32px;opacity:.8}.upload-dropzone h4{font-size:15px;color:var(--text-primary)}.upload-dropzone p{font-size:12px;color:var(--text-secondary)}.progress-container{width:100%;margin-top:16px;background:#0000004d;border-radius:8px;height:28px;position:relative;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .3s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.kb-stats-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:24px}.kb-stats-card h4{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px}.stat-row:last-child{border-bottom:none}.stat-value-small{font-family:monospace;font-weight:600;font-size:14px;color:var(--text-primary)}.kb-manage-panel{flex:1;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.manage-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.manage-header h3{font-size:16px}.premium-input-small{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-primary);padding:8px 14px;border-radius:6px;font-size:13px;outline:none;width:250px}.premium-input-small:focus{border-color:var(--accent)}.document-list-container{flex:1;overflow-y:auto;overflow-x:auto}.premium-table{width:100%;border-collapse:collapse}.premium-table th{text-align:left;padding:16px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background:#0003;border-bottom:1px solid var(--border);white-space:nowrap}.premium-table td{padding:16px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:middle}.premium-table tr:hover{background:var(--bg-hover)}.doc-title-cell{font-weight:500}.doc-title-inner{display:flex;align-items:center;gap:12px}.doc-icon{font-size:18px;opacity:.8}.status-pill{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pill.active{background:#10b9811a;color:var(--success)}.status-pill.processing{background:#f59e0b1a;color:#f59e0b}.text-secondary{color:var(--text-secondary);white-space:nowrap}.action-button{background:transparent;border:none;cursor:pointer;opacity:.5;transition:opacity .2s,transform .2s;padding:4px}.action-button:hover{opacity:1;transform:scale(1.1)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:#1a1728;color:#f0f0f0;padding:5px 9px;border-radius:7px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;z-index:9999;opacity:0;transition:opacity .08s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1a1728;pointer-events:none;z-index:9999;opacity:0;transition:opacity .08s ease}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1}[data-theme=light] [data-tooltip]:after{background:#1a1728;color:#f0f0f0}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-dark)}.login-card{background:var(--bg-panel);border:1px solid var(--border);padding:40px;border-radius:16px;width:100%;max-width:420px;box-shadow:0 8px 32px #0006}.login-header{margin-bottom:32px;text-align:center}.login-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.login-header p{color:var(--text-secondary);font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;color:var(--text-primary)}.form-group input{background:var(--bg-dark);border:1px solid var(--border);padding:12px 16px;border-radius:8px;color:var(--text-primary);font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--accent)}.login-button{margin-top:8px;padding:12px;font-size:15px}.error-message{background:#ef44441a;color:var(--danger);padding:12px;border-radius:8px;margin-bottom:24px;font-size:13px;border:1px solid rgba(239,68,68,.2)}.logout-button{background:transparent;border:none;color:var(--danger);text-align:left;font-size:12px;cursor:pointer;margin-top:4px;opacity:.8}.logout-button:hover{text-decoration:underline;opacity:1}.premium-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;margin:12px 0 2px}.premium-range::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:var(--border);border-radius:2px}.premium-range::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:-6px;box-shadow:0 0 0 4px #6366f133}.premium-range:focus{outline:none}.kb-tabs{display:flex;background:#0003;padding:4px;border-radius:8px;gap:4px;margin-bottom:20px}.kb-tab{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:8px 12px;font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.kb-tab:hover{color:var(--text-primary)}.kb-tab.active{background:var(--bg-panel);color:var(--text-primary);box-shadow:0 2px 8px #0003;border:1px solid var(--border)}.kb-text-input-area{display:flex;flex-direction:column;gap:12px}.input-counter{font-size:11px;color:var(--text-secondary);text-align:right;margin-top:-8px}.month-picker-container{position:relative;display:inline-block}.month-picker-trigger{background:#0003;border:1px solid var(--border);color:var(--text-primary);padding:0 14px;border-radius:8px;font-size:13px;font-weight:500;outline:none;cursor:pointer;height:36px;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif;transition:border-color .2s,background-color .2s}.month-picker-trigger:hover{border-color:#fff3;background:#ffffff0a}.month-picker-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:#111520;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:6px 0;width:240px;box-shadow:0 12px 32px #00000080;z-index:100;overflow:hidden;animation:monthDropdownFadeIn .15s cubic-bezier(.16,1,.3,1)}@keyframes monthDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.month-picker-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:13.5px;color:#ffffffb3;cursor:pointer;font-family:Inter,sans-serif;transition:all .15s ease;-webkit-user-select:none;user-select:none}.month-picker-item:hover{background:#ffffff0d;color:#fff}.month-picker-item.active{background:#0ea5e91f;color:#fff;font-weight:500}.month-picker-item.active .month-picker-checkmark{color:#0ea5e9;display:flex;align-items:center}.month-picker-divider{height:1px;background:#ffffff0f;margin:6px 0}.language-switcher{display:flex;align-items:center;gap:8px;background:var(--bg-dark);border:1px solid var(--border);padding:4px 8px;border-radius:8px}.lang-btn{background:transparent;border:none;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px}.lang-btn.active{background:var(--accent);color:#fff}.lang-btn:hover:not(.active){color:var(--text-primary)}
