@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap";@keyframes spin{to{transform:rotate(360deg)}}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-card: #ffffff;--bg-card-hover: #f8faf9;--bg-input: #ffffff;--bg-sidebar: #0A0A0F;--bg-sidebar-hover: #141420;--text-primary: #111111;--text-secondary: #444444;--text-muted: #666666;--text-on-dark: #f0f0f0;--text-on-dark-muted: #a0a0a0;--accent-primary: #2DD4A0;--accent-hover: #26B88A;--accent-glow: rgba(45, 212, 160, .15);--accent-secondary: #34D399;--accent-danger: #EF4444;--accent-success: #2DD4A0;--accent-warning: #FBBF24;--accent-vyra: #2DD4A0;--accent-apex: #34D399;--accent-able: #FBBF24;--button-primary-bg: #10B981;--button-primary-bg-hover: #059669;--button-primary-text: #ffffff;--button-primary-shadow: 0 1px 2px rgba(16, 185, 129, .25);--legacy-brand-green-fix-bg: #059669;--legacy-brand-green-fix-text: #ffffff;--banner-info-bg: #EEF2FF;--banner-info-text: #4338CA;--banner-info-border: #C7D2FE;--banner-success-bg: #ECFDF5;--banner-success-text: #065F46;--banner-success-border: #A7F3D0;--banner-warning-bg: #FFFBEB;--banner-warning-text: #92400E;--banner-warning-border: #FDE68A;--banner-error-bg: #FEF2F2;--banner-error-text: #991B1B;--banner-error-border: #FECACA;--border-color: #e0e0e0;--border-light: #f0f0f0;--border-dark: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--shadow-glow: 0 4px 20px rgba(45, 212, 160, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-family: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif}.dark-mode{--bg-primary: #1a1a22;--bg-secondary: #111118;--bg-card: #1e1e2a;--bg-card-hover: #252535;--bg-input: #1e1e2a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #888888;--border-color: #2a2a35;--border-light: #222230;--button-primary-bg: #2DD4A0;--button-primary-bg-hover: #26B88A;--button-primary-text: #0A0A0F;--button-primary-shadow: 0 1px 2px rgba(45, 212, 160, .3);--banner-info-bg: rgba(99, 102, 241, .12);--banner-info-text: #C7D2FE;--banner-info-border: rgba(99, 102, 241, .35);--banner-success-bg: rgba(45, 212, 160, .12);--banner-success-text: #6EE7B7;--banner-success-border: rgba(45, 212, 160, .35);--banner-warning-bg: rgba(251, 191, 36, .12);--banner-warning-text: #FCD34D;--banner-warning-border: rgba(251, 191, 36, .35);--banner-error-bg: rgba(239, 68, 68, .12);--banner-error-text: #FCA5A5;--banner-error-border: rgba(239, 68, 68, .35)}.dark-mode .app-main{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.dark-mode .app-header{background:var(--bg-primary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-mode .app-header h2{color:var(--text-primary)!important}.dark-mode .page-content{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.dark-mode input,.dark-mode select,.dark-mode textarea{background:var(--bg-input)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-mode table{color:var(--text-primary)!important}.dark-mode table th{background:var(--bg-primary)!important;color:var(--text-secondary)!important;border-color:var(--border-color)!important}.dark-mode table td{color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark-mode table tr:nth-child(2n){background:var(--bg-card)!important}.dark-mode .card,.dark-mode [style*="background: '#fff'"],.dark-mode [style*="background: #fff"]{background:var(--bg-card)!important;border-color:var(--border-color)!important}.dark-mode [style*="rgba(45,212,160"]{background:#2dd4a014!important;border-color:#2dd4a033!important}.dark-mode [style*="rgba(45,212,160"] *{color:var(--text-secondary)!important}.dark-mode button{color:inherit}.dark-mode .app-main div[style]:not([style*=--banner]):not([style*=--badge]):not([style*=linear-gradient]):not([style*=rgba]):not([style*="background: #"]):not([style*="background:#"]):not([style*="background-color: #"]):not([style*="background-color:#"]),.dark-mode .app-main section[style]:not([style*=--banner]):not([style*=--badge]):not([style*=linear-gradient]):not([style*=rgba]):not([style*="background: #"]):not([style*="background:#"]),.dark-mode .app-main form[style]:not([style*=--banner]):not([style*=--badge]):not([style*=linear-gradient]):not([style*=rgba]):not([style*="background: #"]):not([style*="background:#"]){background-color:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-mode .app-main span[style]{color:inherit!important}.dark-mode .app-main label[style]{color:var(--text-secondary)!important}.dark-mode .page-content>div{color:var(--text-primary)}.markdown-content{font-family:var(--font-family)!important}.markdown-content h1{font-size:18px;font-weight:700;margin:20px 0 8px;color:var(--text-primary)}.markdown-content h2{font-size:16px;font-weight:700;margin:18px 0 6px;color:var(--text-primary)}.markdown-content h3{font-size:14px;font-weight:700;margin:14px 0 4px;color:var(--text-primary)}.markdown-content h4,.markdown-content h5,.markdown-content h6{font-size:13px;font-weight:700;margin:12px 0 4px}.markdown-content p{margin:0 0 12px}.markdown-content ul,.markdown-content ol{margin:0 0 12px;padding-left:20px}.markdown-content li{margin-bottom:4px}.markdown-content strong{font-weight:700;color:var(--text-primary)}.markdown-content code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9em;padding:2px 6px;border-radius:4px;background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-color);color:var(--text-primary)}.markdown-content pre{margin:0 0 12px;padding:12px;border-radius:8px;background:#1e1e2e;color:#a6e3a1;overflow-x:auto}.markdown-content pre code{background:none;border:none;padding:0;font-size:12px;color:inherit}.markdown-content blockquote{margin:0 0 12px;padding:8px 14px;border-left:3px solid #4F46E5;background:var(--bg-secondary, #f8fafc);border-radius:0 6px 6px 0;font-style:italic}.markdown-content hr{border:none;border-top:1px dashed var(--border-color);margin:16px 0}.markdown-content table{width:100%;border-collapse:collapse;margin:0 0 12px;font-size:12px}.markdown-content th{text-align:left;padding:6px 10px;font-weight:700;border-bottom:2px solid var(--border-color);font-size:11px;color:var(--text-muted)}.markdown-content td{padding:6px 10px;border-bottom:1px solid var(--border-light, var(--border-color))}.markdown-content a{color:#4f46e5;text-decoration:none;font-weight:600}.markdown-content a:hover{text-decoration:underline}:root:not(.dark-mode) button[style*="background: var(--text-muted)"],:root:not(.dark-mode) button[style*="background:var(--text-muted)"]{background:var(--bg-secondary)!important;color:var(--text-muted)!important;border:1px solid var(--border-color)!important;cursor:not-allowed!important;opacity:.7!important;box-shadow:none!important}.dark-mode button[style*="background: var(--text-muted)"],.dark-mode button[style*="background:var(--text-muted)"]{background:var(--bg-input)!important;color:var(--text-muted)!important;border:1px solid var(--border-color)!important;cursor:not-allowed!important;opacity:.6!important}:root:not(.dark-mode) button[style*="background: #2DD4A0"],:root:not(.dark-mode) button[style*="background:#2DD4A0"],:root:not(.dark-mode) button[style*="background-color: #2DD4A0"],:root:not(.dark-mode) button[style*="background-color:#2DD4A0"],:root:not(.dark-mode) label[style*="background: #2DD4A0"],:root:not(.dark-mode) label[style*="background:#2DD4A0"],:root:not(.dark-mode) label[style*="background-color: #2DD4A0"],:root:not(.dark-mode) label[style*="background-color:#2DD4A0"],:root:not(.dark-mode) a[style*="background: #2DD4A0"],:root:not(.dark-mode) a[style*="background:#2DD4A0"],:root:not(.dark-mode) a[style*="background-color: #2DD4A0"],:root:not(.dark-mode) a[style*="background-color:#2DD4A0"]{background:var(--legacy-brand-green-fix-bg)!important;color:var(--legacy-brand-green-fix-text)!important;box-shadow:0 2px 6px #05966940!important}:root:not(.dark-mode) button[style*="background: #2DD4A0"]:hover,:root:not(.dark-mode) button[style*="background:#2DD4A0"]:hover,:root:not(.dark-mode) label[style*="background: #2DD4A0"]:hover,:root:not(.dark-mode) label[style*="background:#2DD4A0"]:hover,:root:not(.dark-mode) a[style*="background: #2DD4A0"]:hover,:root:not(.dark-mode) a[style*="background:#2DD4A0"]:hover{background:#047857!important}.dark-mode .app-main [style*="inset: 0"]{background-color:#0009!important}.dark-mode ::placeholder{color:#666!important;opacity:1}.dark-mode option{background:var(--bg-primary);color:var(--text-primary)}.dark-mode{--badge-green-bg: #064e3b;--badge-yellow-bg: #78350f;--badge-red-bg: #7f1d1d;--badge-blue-bg: #1e3a5f;--badge-gray-bg: #27272a;--badge-indigo-bg: #312e81;--badge-pink-bg: #831843;--badge-purple-bg: #4c1d95;--badge-green-text: #6ee7b7;--badge-yellow-text: #fcd34d;--badge-red-text: #fca5a5;--badge-blue-text: #93c5fd;--badge-pink-text: #f9a8d4;--badge-purple-text: #c4b5fd}.dark-mode .app-main [style*="background: '#f1f1f1'"],.dark-mode .app-main [style*="background: #f1f1f1"],.dark-mode .app-main div[style*="background: rgb(241"]{background:var(--bg-primary)!important}.dark-mode .app-main button[style*="background: '#fff'"],.dark-mode .app-main button[style*="background: #fff"],.dark-mode .app-main button[style*="background: 'transparent'"]{background:var(--bg-card)!important;color:var(--text-primary)!important}.dark-mode .app-main div[style*="background: '#fff'"],.dark-mode .app-main div[style*='background: "#fff"']{background:var(--bg-card)!important;border-color:var(--border-color)!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:#f5f5f5;color:#111;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.page-content table td{color:var(--text-primary)}.page-content table th{color:var(--text-secondary);background:var(--bg-secondary)}.page-content label{color:var(--text-secondary)}.page-content select,.page-content input,.page-content textarea{color:var(--text-primary);background:var(--bg-input);border-color:var(--border-color)}#root{min-height:100vh}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:260px;background:var(--bg-sidebar);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.sidebar-logo{padding:28px 20px;border-bottom:1px solid var(--border-dark);display:flex;align-items:center;gap:12px}.sidebar-logo .logo-icon{width:40px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.sidebar-logo h1{font-size:18px;font-weight:700;color:var(--text-on-dark);letter-spacing:.5px}.sidebar-logo h1 span{color:var(--accent-primary)}.sidebar-nav{padding:16px 12px;flex:1;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);text-decoration:none;color:silver;font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--bg-sidebar-hover);color:var(--text-on-dark)}.nav-item.active{background:var(--accent-primary);color:#fff;font-weight:600;border-left:3px solid var(--accent-primary)}.nav-item .nav-icon{font-size:18px;width:24px;text-align:center}.nav-fa-icon{width:20px;height:20px;font-size:16px;color:var(--accent-primary);opacity:.75;flex-shrink:0}.nav-item:hover .nav-fa-icon{opacity:1}.nav-item.active .nav-fa-icon{opacity:1;color:#fff}.app-main{flex:1;margin-left:260px;min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5;color:#111}.app-header{height:64px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e8e8;background:#fff;color:#111;position:sticky;top:0;z-index:50}.app-header h2{font-size:18px;font-weight:600;color:var(--text-primary)}.page-content{flex:1;padding:32px;width:100%;background:var(--bg-primary);color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:all .3s ease;box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-top:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:16px;font-weight:700;color:var(--text-primary)}.card-desc{color:var(--text-secondary);font-size:13px;margin-bottom:16px}.card-stats{display:flex;gap:24px;margin-bottom:16px}.stat{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:22px;font-weight:800;color:var(--accent-primary)}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;border:none;transition:all .2s ease;letter-spacing:.3px}.btn-primary{background:var(--accent-primary);color:var(--bg-sidebar)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-danger{background:#e74c3c14;color:var(--accent-danger);border:1px solid rgba(231,76,60,.15)}.btn-danger:hover{background:#e74c3c26}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover{background:var(--bg-input);color:var(--text-primary);border-color:var(--accent-primary)}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{padding:8px;width:36px;height:36px;justify-content:center}.input,.textarea,select{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:var(--font-family);transition:all .2s ease;outline:none}.input:focus,.textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-primary)}.textarea{resize:vertical;min-height:100px}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 64px);max-width:900px;margin:0 auto;width:100%}.chat-select-bar{padding:16px 0;display:flex;align-items:center;gap:12px}.chat-select-bar select{max-width:300px}.chat-messages{flex:1;overflow-y:auto;padding:20px 0;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.message{display:flex;gap:12px;max-width:80%;margin-bottom:12px;animation:messageIn .3s ease}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.message.user .message-avatar{background:var(--accent-primary)}.message.assistant .message-avatar{background:var(--bg-sidebar);color:var(--accent-primary)}.message-content{padding:14px 18px;border-radius:var(--radius-md);font-size:14px;line-height:1.6}.message.user .message-content{background:var(--accent-primary);color:var(--bg-sidebar);font-weight:500;border-bottom-right-radius:4px}.message.assistant .message-content{background:var(--bg-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.message-sources-collapsible{margin-top:12px;padding-top:8px;border-top:1px dashed var(--border-color)}.message-sources-collapsible summary{font-size:11px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0;list-style:none;display:flex;align-items:center;gap:4px;opacity:.7;transition:opacity .2s}.message-sources-collapsible summary:hover{opacity:1}.message-sources-collapsible summary::-webkit-details-marker{display:none}.message-sources-collapsible summary:after{content:"▸";font-size:10px;margin-left:2px;transition:transform .2s}.message-sources-collapsible[open] summary:after{transform:rotate(90deg)}.message-sources-collapsible ul{list-style:none;padding:6px 0 0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.message-sources-collapsible li{display:inline-block;background:var(--accent-glow);padding:3px 10px;border-radius:var(--radius-sm);font-size:11px;color:var(--accent-hover);font-weight:600}.markdown-body{font-size:14px;line-height:1.7;color:inherit;word-break:break-word}.markdown-body p{margin:0 0 10px}.markdown-body p:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:14px 0 8px;font-weight:700;color:var(--text-primary);line-height:1.3}.markdown-body h1{font-size:18px}.markdown-body h2{font-size:16px}.markdown-body h3{font-size:15px}.markdown-body h4{font-size:14px}.markdown-body ul,.markdown-body ol{margin:8px 0;padding-left:22px}.markdown-body li{margin:4px 0;line-height:1.6}.markdown-body li::marker{color:var(--accent-primary)}.markdown-body strong{font-weight:700;color:var(--text-primary)}.markdown-body em{font-style:italic}.markdown-body code{background:#ffffff14;padding:2px 6px;border-radius:4px;font-size:12.5px;font-family:SF Mono,Fira Code,Consolas,monospace}.markdown-body pre{background:#00000026;padding:12px 14px;border-radius:8px;overflow-x:auto;margin:10px 0}.markdown-body pre code{background:none;padding:0;font-size:12.5px;line-height:1.5}.markdown-body blockquote{border-left:3px solid var(--accent-primary);margin:10px 0;padding:6px 14px;color:var(--text-secondary);font-style:italic}.markdown-body table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}.markdown-body th,.markdown-body td{border:1px solid var(--border-color);padding:6px 10px;text-align:left}.markdown-body th{background:#ffffff0d;font-weight:600}.markdown-body hr{border:none;border-top:1px solid var(--border-color);margin:12px 0}.chat-input-area{padding:16px 0;border-top:1px solid var(--border-color)}.chat-input-wrapper{display:flex;gap:12px;align-items:flex-end}.chat-input{flex:1;padding:14px 18px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:14px;font-family:var(--font-family);outline:none;resize:none;min-height:48px;max-height:120px;transition:border-color .2s}.chat-input:focus{border-color:var(--accent-primary)}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{width:48px;height:48px;border-radius:var(--radius-md);background:var(--accent-primary);color:var(--bg-sidebar);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all .2s;flex-shrink:0}.chat-send-btn:hover{background:var(--accent-hover);transform:scale(1.05);box-shadow:var(--shadow-glow)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.chat-mic-btn{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:all .2s}.chat-mic-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.chat-mic-btn.recording{background:#f44;border-color:#f44;animation:micPulse 1.2s ease-in-out infinite}@keyframes micPulse{0%,to{box-shadow:0 0 #f446}50%{box-shadow:0 0 0 10px #f440}}.speak-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;padding:4px 10px;margin-top:8px;color:var(--text-muted);transition:all .2s}.speak-btn:hover{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary)}.speak-btn.speaking{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary);animation:speakPulse 1.5s ease-in-out infinite}@keyframes speakPulse{0%,to{opacity:1}50%{opacity:.6}}.chat-cancel-btn{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-muted);flex-shrink:0;transition:all .2s}.chat-cancel-btn:hover{background:#f44;border-color:#f44;color:#fff}.chat-mic-btn.transcribing{opacity:.6;cursor:wait}.typing-indicator{display:flex;gap:5px;padding:12px 16px;align-items:center}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-6px);opacity:1}}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:48px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-primary)}.dropzone:hover,.dropzone.active{border-color:var(--accent-primary);background:var(--accent-glow)}.dropzone-icon{font-size:48px;margin-bottom:12px}.dropzone h3{font-size:16px;font-weight:600;margin-bottom:6px;color:var(--text-primary)}.dropzone p{color:var(--text-muted);font-size:13px}.doc-list{margin-top:20px;display:flex;flex-direction:column;gap:8px}.doc-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s;box-shadow:var(--shadow-sm)}.doc-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.doc-info{display:flex;align-items:center;gap:12px}.doc-icon{font-size:24px}.doc-name{font-size:14px;font-weight:600}.doc-meta{font-size:12px;color:var(--text-muted)}.doc-status{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.doc-status.ready{background:#27ae601a;color:var(--accent-success)}.doc-status.processing{background:#f39c121a;color:var(--accent-warning)}.doc-status.failed{background:#e74c3c1a;color:var(--accent-danger)}.modal-overlay,.modal-backdrop{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:28px;width:90%;max-width:600px;max-height:85vh;overflow:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:32px;width:90%;max-width:500px;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal h2{font-size:20px;font-weight:700;margin-bottom:24px;color:var(--text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.snippet-box{background:var(--bg-sidebar);border:1px solid var(--border-dark);border-radius:var(--radius-sm);padding:12px 16px;font-family:Courier New,monospace;font-size:12px;color:var(--accent-primary);word-break:break-all;position:relative;margin-top:8px}.snippet-copy{position:absolute;top:8px;right:8px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.badge-primary{background:var(--accent-glow);color:var(--accent-hover)}.badge-success{background:#27ae601a;color:var(--accent-success)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state .empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;color:var(--text-secondary);margin-bottom:8px;font-weight:600}.empty-state p{font-size:14px;max-width:400px;margin:0 auto}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:16px}.welcome-icon{font-size:72px;margin-bottom:8px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-screen h2{font-size:28px;font-weight:800;color:var(--text-primary)}.welcome-screen h2 span{color:var(--accent-primary)}.welcome-screen p{color:var(--text-secondary);max-width:500px;font-size:15px}.settings-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.settings-section h3{font-size:16px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.settings-section .settings-desc{font-size:13px;color:var(--text-muted);margin-bottom:20px}.settings-row{display:flex;gap:12px;align-items:flex-end}.settings-row .form-group{flex:1;margin-bottom:0}.status-banner{padding:12px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;margin-top:12px;display:flex;align-items:center;gap:8px}.status-banner.success{background:#27ae6014;color:var(--accent-success);border:1px solid rgba(39,174,96,.15)}.status-banner.error{background:#e74c3c14;color:var(--accent-danger);border:1px solid rgba(231,76,60,.15)}.status-banner.warning{background:#f39c1214;color:var(--accent-warning);border:1px solid rgba(243,156,18,.15)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0f,#111118,#0a0a0f);padding:20px}.login-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:40px;width:100%;max-width:420px;box-shadow:0 20px 60px #0006;border:1px solid var(--border-color)}.login-header{text-align:center;margin-bottom:32px}.login-logo{margin-bottom:0}.login-header h1{font-size:28px;font-weight:800;color:var(--text-primary)}.login-header h1 span{color:var(--accent-primary)}.login-header p{color:var(--text-muted);font-size:14px;margin-top:4px}.login-footer{text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light)}.login-footer p{font-size:11px;color:var(--text-muted)}.welcome-header{text-align:center;margin-bottom:32px}.welcome-header h2{font-size:28px;font-weight:800;color:var(--text-primary);margin-bottom:8px}.brand-text{color:var(--accent-primary)}.welcome-header p{color:var(--text-secondary);font-size:15px;max-width:500px;margin:0 auto}.bot-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.bot-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px 24px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.bot-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.bot-card-avatar{width:56px;height:56px;border-radius:var(--radius-md);background:var(--accent-primary);color:var(--bg-sidebar);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;margin:0 auto 16px}.bot-card:nth-child(2n) .bot-card-avatar{background:#3498db;color:#fff}.bot-card:nth-child(3n) .bot-card-avatar{background:#2ecc71;color:#fff}.bot-card:nth-child(4n) .bot-card-avatar{background:#9b59b6;color:#fff}.bot-card:nth-child(5n) .bot-card-avatar{background:#e74c3c;color:#fff}.bot-card-name{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.bot-card-desc{font-size:12px;color:var(--text-muted);margin-bottom:16px;line-height:1.4;min-height:34px}.bot-card-meta{display:flex;justify-content:center;gap:16px;font-size:11px;color:var(--text-secondary);margin-bottom:16px;font-weight:600}.bot-card-btn{width:100%;justify-content:center}.chat-bot-header{padding:12px 32px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.chat-bot-info{display:flex;align-items:center;gap:12px;flex:1}.chat-bot-avatar{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--accent-primary);color:var(--bg-sidebar);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800}.chat-bot-name{font-size:14px;font-weight:700;color:var(--text-primary)}.chat-bot-desc{font-size:11px;color:var(--text-muted)}.chat-bot-stats{display:flex;gap:12px}.chat-bot-stat{font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-input);padding:4px 10px;border-radius:var(--radius-full)}.mobile-menu-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer;padding:4px 8px;color:var(--text-primary)}@media(max-width:768px){.mobile-menu-btn{display:block}.app-sidebar{display:none;position:fixed;z-index:200;width:260px;height:100vh;box-shadow:4px 0 20px #0000004d}.app-sidebar.mobile-open{display:flex}.app-main{margin-left:0}.app-header{padding:12px 16px}.app-header h2{font-size:16px}.page-content{padding:12px}.card-grid,.bot-card-grid{grid-template-columns:1fr}.message{max-width:95%}.react-grid-layout{margin:0!important}.react-grid-item{position:relative!important;transform:none!important;width:100%!important;left:0!important;margin-bottom:12px}}@media(max-width:480px){.page-content{padding:8px}.app-header h2{font-size:14px}}.quill-dark-wrapper .ql-toolbar.ql-snow{border:1px solid rgba(255,255,255,.1);border-radius:10px 10px 0 0;background:#ffffff08;padding:8px 12px}.quill-dark-wrapper .ql-container.ql-snow{border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 10px 10px;font-family:Montserrat,sans-serif;font-size:13px;min-height:220px;max-height:320px;overflow-y:auto}.quill-dark-wrapper .ql-editor{color:var(--text-primary);min-height:200px;line-height:1.7;padding:16px}.quill-dark-wrapper .ql-editor.ql-blank:before{color:var(--text-muted);font-style:normal;opacity:.5}.quill-dark-wrapper .ql-toolbar .ql-stroke{stroke:var(--text-muted)}.quill-dark-wrapper .ql-toolbar .ql-fill{fill:var(--text-muted)}.quill-dark-wrapper .ql-toolbar .ql-picker-label{color:var(--text-muted)}.quill-dark-wrapper .ql-toolbar button:hover .ql-stroke,.quill-dark-wrapper .ql-toolbar button.ql-active .ql-stroke{stroke:var(--accent-primary)}.quill-dark-wrapper .ql-toolbar button:hover .ql-fill,.quill-dark-wrapper .ql-toolbar button.ql-active .ql-fill{fill:var(--accent-primary)}.quill-dark-wrapper .ql-toolbar .ql-picker-label:hover,.quill-dark-wrapper .ql-toolbar .ql-picker-label.ql-active{color:var(--accent-primary)}.quill-dark-wrapper .ql-toolbar .ql-picker-options{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px #0000004d;padding:6px}.quill-dark-wrapper .ql-toolbar .ql-picker-item{color:var(--text-primary);padding:4px 8px;border-radius:4px}.quill-dark-wrapper .ql-toolbar .ql-picker-item:hover{background:#fcb0001a;color:var(--accent-primary)}.quill-dark-wrapper .ql-editor blockquote{border-left:3px solid var(--accent-primary);padding-left:12px;margin:8px 0;color:var(--text-muted)}.quill-dark-wrapper .ql-editor h1,.quill-dark-wrapper .ql-editor h2,.quill-dark-wrapper .ql-editor h3{color:var(--text-primary);font-weight:700}.quill-dark-wrapper .ql-container:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px #fcb00026}