:root{--primary:#667eea;--primary-dark:#5568d3;--secondary:#764ba2;--accent:#f093fb;--bg-main:#f7f9fc;--bg-card:#fff;--bg-sidebar:#1a1f36;--text-primary:#2d3748;--text-secondary:#718096;--text-light:#a0aec0;--border:#e2e8f0;--success:#48bb78;--danger:#f56565;--warning:#ed8936;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 10px 30px #0000001f;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}:root[data-theme=dark]{--primary:#7c8ff0;--primary-dark:#667eea;--secondary:#8a5cb5;--accent:#f2a6fc;--bg-main:#12131c;--bg-card:#1b1d2b;--bg-sidebar:#0e0f18;--text-primary:#e6e8f0;--text-secondary:#a0a8c0;--text-light:#6b7290;--border:#2b2e42;--success:#48bb78;--danger:#f56565;--warning:#ed8936;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 30px #0000008c;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-main);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background .2s,color .2s;overflow-x:hidden}button,input,textarea{font-family:inherit}.app-layout{min-height:100vh;display:flex}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-large{justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1.25rem 2rem;font-size:1.05rem;display:flex}.btn-arrow{font-size:1.5rem;transition:transform .3s}.btn-primary:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.view-container{flex:1;padding:2.5rem}.view-header{margin-bottom:2rem}.view-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:700}.view-description{color:var(--text-secondary);font-size:1.05rem}.content-card{background:var(--bg-card);box-shadow:var(--shadow-md);border-radius:16px;padding:2.5rem}.result-message{border-radius:12px;margin-top:1.5rem;padding:1.25rem 1.5rem;animation:.3s slideIn;display:none}.result-message.show{display:block}.result-message.success{color:#22543d;background:#f0fff4;border:1px solid #9ae6b4}.result-message.error{color:#742a2a;background:#fff5f5;border:1px solid #feb2b2}.result-message.info{color:#2c5282;background:#ebf8ff;border:1px solid #90cdf4}:root[data-theme=dark] .result-message.success{color:#9ae6b4;background:#48bb781f;border-color:#48bb7866}:root[data-theme=dark] .result-message.error{color:#feb2b2;background:#f565651f;border-color:#f5656566}:root[data-theme=dark] .result-message.info{color:#90cdf4;background:#667eea1f;border-color:#667eea66}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.loading-spinner.dark{border:3px solid #667eea33;border-top-color:var(--primary)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3 0%,#6a3f8f 100%)}.markdown-body{line-height:1.6}.markdown-body p{margin:0 0 .6em}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:.8em 0 .4em;font-weight:600}.markdown-body ul,.markdown-body ol{margin:0 0 .6em 1.4em}.markdown-body code{background:#0000000f;border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.markdown-body pre{color:#e2e8f0;background:#1e293b;border-radius:8px;margin:0 0 .8em;padding:.9em 1em;overflow-x:auto}.markdown-body pre code{color:inherit;background:0 0;padding:0}.markdown-body blockquote{border-left:3px solid var(--primary);color:var(--text-secondary);margin:0 0 .6em;padding-left:.8em}:root[data-theme=dark] .markdown-body code{background:#ffffff14}@media (width<=768px){.view-container,.content-card{padding:1.5rem}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{pointer-events:auto;color:#fff;min-width:240px;max-width:360px;box-shadow:var(--shadow-md);opacity:0;border-radius:10px;padding:.75rem 1rem;font-size:.9rem;transition:opacity .25s,transform .25s;transform:translate(20px)}.toast.show{opacity:1;transform:translate(0)}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.toast-info{background:var(--primary)}.sidebar{background:var(--bg-sidebar);color:#fff;z-index:100;width:280px;height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;left:0}.logo-section{border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:1rem;padding:2rem 1.5rem;display:flex}.logo-icon{flex-shrink:0}.logo-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-menu{flex-direction:column;flex-shrink:0;gap:.5rem;padding:1.5rem 1rem;display:flex}.nav-item{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.nav-item:hover{color:#fff;background:#ffffff14;transform:translate(4px)}.nav-item.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #667eea66}.nav-icon{font-size:1.5rem}.doc-list-section{flex-direction:column;flex:1;min-height:0;padding:.5rem 1.5rem;display:flex;overflow:hidden}.doc-list-header{text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.8rem;display:flex}.doc-list-count{background:#ffffff1a;border-radius:10px;padding:.1rem .5rem;font-weight:600}.doc-list-empty{color:#fff6;padding:.5rem 0;font-size:.85rem}.doc-list{flex-direction:column;flex:1;gap:.35rem;padding-bottom:.5rem;list-style:none;display:flex;overflow-y:auto}.doc-list-item{background:#ffffff0d;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem .75rem;font-size:.8rem;display:flex}.doc-list-name{text-overflow:ellipsis;white-space:nowrap;color:#ffffffd9;flex:1;overflow:hidden}.doc-delete-btn{color:#fc8181;cursor:pointer;background:#f5656526;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:1rem;line-height:1;transition:all .2s;display:flex}.doc-delete-btn:hover:not(:disabled){background:#f5656559}.doc-delete-btn:disabled{opacity:.6;cursor:not-allowed}.sidebar-footer{border-top:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;gap:.75rem;padding:1.5rem 1rem;display:flex}.stats-card{background:#ffffff0d;border-radius:12px;padding:1rem}.stat-item{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.stat-label{color:#fff9;font-size:.85rem}.stat-value{color:var(--accent);font-size:1.5rem;font-weight:700}.stat-indicator{color:#ffffffb3;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.pulse-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse}.btn-theme-toggle{color:#ffffffd9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1rem;font-weight:500;transition:all .3s;display:flex}.btn-theme-toggle:hover{background:#ffffff1f}.btn-reset{color:#fc8181;cursor:pointer;background:#f565651a;border:1px solid #f565654d;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1rem;font-weight:500;transition:all .3s;display:flex}.btn-reset:hover:not(:disabled){background:#f5656533;border-color:#f5656580}.btn-reset:disabled{opacity:.6;cursor:not-allowed}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:280px;display:flex}.topbar{background:var(--bg-card);box-shadow:var(--shadow-sm);z-index:50;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;display:flex;position:sticky;top:0}.breadcrumb-item{color:var(--text-primary);font-size:1.25rem;font-weight:600}.status-badge{background:var(--bg-main);color:var(--text-primary);border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse}@media (width<=1024px){.sidebar{width:240px}.main-content{margin-left:240px}}@media (width<=768px){.sidebar{transition:transform .3s;transform:translate(-100%)}.main-content{margin-left:0}.topbar{padding:1rem 1.5rem}}.upload-area{flex-direction:column;gap:1.5rem;display:flex}.drop-zone{border:3px dashed var(--border);text-align:center;cursor:pointer;background:var(--bg-main);border-radius:16px;padding:3rem 2rem;transition:all .3s;display:block}.drop-zone:hover{border-color:var(--primary)}.drop-zone.dragging{border-color:var(--primary);background:#667eea14}.drop-zone-icon{margin-bottom:1rem;font-size:4rem}.drop-zone-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.35rem;font-weight:600}.drop-zone-desc{color:var(--text-secondary);font-size:1rem}.file-list{flex-direction:column;gap:.75rem;display:flex}.file-info{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.file-icon{font-size:1.5rem}.file-name-display{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.file-size{color:var(--text-secondary);flex-shrink:0;font-size:.875rem}.file-status{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:.85rem}.file-status-success{color:var(--success)}.file-status-error{color:var(--danger)}.file-remove-btn{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;font-size:1.1rem;line-height:1}.file-remove-btn:hover{color:var(--danger);background:#f5656526}.upload-actions{align-items:center;gap:1rem;display:flex}.upload-actions .btn-primary{flex:1}.btn-secondary{border:2px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:12px;padding:1rem 1.5rem;font-weight:600;transition:all .2s}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.web-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{position:relative}.input-icon{font-size:1.5rem;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.input-field{border:2px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:12px;padding:1.25rem 1.25rem 1.25rem 3.5rem;font-family:inherit;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #667eea1a}.chat-container{background:var(--bg-card);box-shadow:var(--shadow-md);border-radius:16px;flex-direction:column;height:600px;display:flex}.messages-area{flex:1;padding:2rem;overflow-y:auto}.empty-state{height:100%;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{opacity:.5;margin-bottom:1rem;font-size:4rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.message{gap:1rem;margin-bottom:1.5rem;animation:.3s slideIn;display:flex}.message-bubble{border-radius:16px;max-width:70%;padding:1.25rem 1.5rem;line-height:1.6}.message.user .message-bubble{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:4px;margin-left:auto}.message.assistant .message-bubble{background:var(--bg-main);color:var(--text-primary);border-bottom-left-radius:4px}.typing-indicator{gap:.3rem;padding:.25rem 0;display:flex}.typing-indicator span{background:var(--text-secondary);border-radius:50%;width:7px;height:7px;animation:1.2s infinite pulse}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.message-sources{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem;font-size:.875rem}.message.user .message-sources{border-top:1px solid #fff3}.sources-loading{color:var(--text-secondary);align-items:center;gap:.5rem;font-style:italic;display:flex}.source-item{background:#667eea14;border-radius:8px;margin-top:.75rem;padding:.75rem;font-size:.85rem}.message.user .source-item{background:#ffffff1a}.source-item strong{margin-bottom:.25rem;display:block}.chat-input-area{border-top:1px solid var(--border);padding:1.5rem}.chat-input-wrapper{align-items:center;gap:1rem;display:flex}.chat-input{border:2px solid var(--border);background:var(--bg-card);color:var(--text-primary);border-radius:12px;flex:1;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;transition:all .3s}.chat-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #667eea1a}.chat-input:disabled{opacity:.6}.btn-send{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.btn-send:hover{transform:scale(1.05);box-shadow:0 4px 15px #667eea66}.btn-cancel{background:var(--danger)}@media (width<=768px){.message-bubble{max-width:85%}}.summary-form{flex-direction:column;gap:2rem;display:flex}.form-group{flex-direction:column;gap:1rem;display:flex}.form-label{color:var(--text-primary);font-size:1.05rem;font-weight:600}.slider-container{align-items:center;gap:1.5rem;display:flex}.range-slider{background:var(--gradient-primary);-webkit-appearance:none;border-radius:4px;outline:none;flex:1;height:8px}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #0003}.range-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #0003}.slider-value{background:var(--bg-main);text-align:center;min-width:100px;color:var(--primary);border-radius:8px;padding:.75rem 1.25rem;font-weight:600}.summary-output h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.summary-output p{margin-bottom:1rem;line-height:1.8}.summary-sources{border-top:1px solid var(--border);color:var(--text-secondary);margin-top:1rem;padding-top:1rem;font-size:.9rem}