@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-100: #e6f1fe;--primary-200: #bddafc;--primary-300: #94c2fb;--primary-400: #6baaf9;--primary-500: #4361ee;--primary-600: #3a4fd8;--primary-700: #283eb1;--primary-800: #1d2d85;--primary-900: #0f1c5a;--neutral-50: #fafafc;--neutral-100: #f2f2f7;--neutral-200: #e4e4eb;--neutral-300: #d1d1db;--neutral-400: #9e9ea9;--neutral-500: #6e6e78;--neutral-600: #4b4b57;--neutral-700: #30303a;--neutral-800: #1d1d24;--neutral-900: #111116;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--surface-primary: #ffffff;--surface-secondary: var(--neutral-50);--surface-tertiary: var(--neutral-100);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Montserrat", var(--font-sans);--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--navbar-height: 64px;--sidebar-width: 280px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0px 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0px 4px 6px -1px rgba(0, 0, 0, .1), 0px 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, .1), 0px 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0px 20px 25px -5px rgba(0, 0, 0, .1), 0px 10px 10px -5px rgba(0, 0, 0, .04);--transition-base: .15s cubic-bezier(.4, 0, .2, 1);--transition-slower: .3s cubic-bezier(.4, 0, .2, 1)}.dark-theme{--primary-100: #1a2346;--primary-200: #243267;--primary-300: #30408a;--primary-400: #4052a3;--primary-500: #4361ee;--primary-600: #6981f5;--primary-700: #8ea1f8;--primary-800: #b3c0fa;--primary-900: #d7dffe;--neutral-50: #1a1a22;--neutral-100: #222230;--neutral-200: #2c2c3a;--neutral-300: #3d3d4e;--neutral-400: #5c5c6e;--neutral-500: #80808f;--neutral-600: #a0a0af;--neutral-700: #c7c7d1;--neutral-800: #e1e1e9;--neutral-900: #f5f5fa;--success: #34d399;--warning: #fbbf24;--error: #f87171;--info: #60a5fa;--surface-primary: #13131a;--surface-secondary: var(--neutral-50);--surface-tertiary: var(--neutral-100);--shadow-sm: 0px 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0px 4px 6px -1px rgba(0, 0, 0, .4), 0px 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, .4), 0px 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0px 20px 25px -5px rgba(0, 0, 0, .4), 0px 10px 10px -5px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--surface-secondary);color:var(--neutral-800);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.app-container{display:grid;height:100vh;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--navbar-height) 1fr;grid-template-areas:"header" "main";transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.app-header{grid-area:header;background:linear-gradient(to right,var(--surface-primary),var(--neutral-50));border-bottom:1px solid var(--neutral-200);padding:0 var(--spacing-4);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);position:relative;z-index:10;height:var(--navbar-height);transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.header-left,.header-right{display:flex;align-items:center;gap:var(--spacing-4)}.logo{display:flex;align-items:center;gap:var(--spacing-3);padding-right:var(--spacing-4);border-right:1px solid var(--neutral-200)}.logo h1{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--primary-700);letter-spacing:-.01em;white-space:nowrap}.logo-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(to bottom right,var(--primary-400),var(--primary-600));color:#fff;font-size:1.25rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.header-nav{display:flex;gap:var(--spacing-1)}.nav-link{background:transparent;border:none;padding:var(--spacing-2) var(--spacing-4);color:var(--neutral-600);font-size:.9rem;font-weight:500;border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;position:relative}.nav-link:hover{color:var(--primary-700);background-color:var(--neutral-100)}.nav-link.active{color:var(--primary-600);font-weight:600}.nav-link.active:after{content:"";position:absolute;left:calc(var(--spacing-4) / 2);right:calc(var(--spacing-4) / 2);bottom:-2px;height:2px;background:var(--primary-500);border-radius:2px}.header-actions{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:nowrap}.header-btn{background:transparent;border:none;height:32px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--neutral-600);padding:var(--spacing-2);white-space:nowrap}.header-btn:not(.logout-btn){width:32px}.header-btn:hover:not(.logout-btn){background-color:var(--neutral-100);color:var(--primary-600)}.header-btn-icon{font-size:1rem}.user-profile{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;margin-left:var(--spacing-2)}.user-profile:hover{background-color:var(--neutral-100)}.user-avatar{width:28px;height:28px;border-radius:var(--border-radius-full);background:linear-gradient(to bottom right,var(--primary-300),var(--primary-500));color:#fff;font-weight:600;font-size:.75rem;display:flex;align-items:center;justify-content:center}.user-name{font-size:.9rem;font-weight:500;color:var(--neutral-700)}.error-message{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:#ef44441a;border-radius:var(--border-radius-md);color:var(--error);font-size:.85rem;animation:slideIn .3s ease;max-width:400px}.error-icon{font-size:1rem}.close-btn{background:transparent;border:none;width:20px;height:20px;border-radius:50%;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--error);opacity:.7;margin-left:var(--spacing-1)}.close-btn:hover{opacity:1;background-color:#ef444433}.loading-indicator{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);background-color:var(--neutral-100);border-radius:var(--border-radius-md);color:var(--primary-600);font-size:.85rem;font-weight:500}.spinner{display:block;width:16px;height:16px;border-radius:50%;border:2px solid rgba(67,97,238,.3);border-top-color:var(--primary-500);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;color:var(--neutral-600);background:var(--surface-primary)}.dark-theme .loading{color:var(--neutral-400);background:var(--neutral-900)}.main-content-wrapper{grid-area:main;display:flex;overflow:hidden;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.sidebars-container{display:flex;min-width:580px;max-width:800px;border-right:1px solid var(--neutral-200)}.sidebar-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--surface-primary);border-right:1px solid var(--neutral-200);transition:width .3s ease,background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.sidebar-panel.collapsed{flex:0 0 50px;overflow:hidden}.sidebar-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background-color:var(--neutral-50);border-bottom:1px solid var(--neutral-200);transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.sidebar-panel-title{font-weight:600;color:var(--primary-700);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-4);transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.app-main{flex:1;background-color:var(--surface-secondary);overflow:hidden;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.chat-container{height:100%;display:flex;flex-direction:column;background-color:var(--surface-primary);border-radius:var(--border-radius-lg);margin:var(--spacing-4);box-shadow:var(--shadow-sm);overflow:hidden;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.chat-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--neutral-200);display:flex;align-items:center;justify-content:space-between}.chat-title{font-weight:600;color:var(--neutral-800);display:flex;align-items:center;gap:var(--spacing-2)}.session-badge{font-size:.75rem;padding:var(--spacing-1) var(--spacing-2);background-color:var(--primary-100);color:var(--primary-700);border-radius:var(--border-radius-full);font-weight:500}.chat-actions{display:flex;gap:var(--spacing-2)}.action-btn{background-color:transparent;border:none;border-radius:var(--border-radius-md);padding:var(--spacing-2);cursor:pointer;transition:var(--transition-base);color:var(--neutral-600)}.action-btn:hover{background-color:var(--neutral-100);color:var(--neutral-800)}.messages-container{flex:1;overflow-y:auto;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.message{max-width:85%;display:flex;flex-direction:column;gap:var(--spacing-2)}.message-user{align-self:flex-end}.message-assistant{align-self:flex-start}.message-header{display:flex;align-items:center;gap:var(--spacing-2);font-size:.75rem;color:var(--neutral-500)}.message-avatar{width:24px;height:24px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center}.user-avatar{background-color:var(--primary-500);color:#fff}.assistant-avatar{background-color:var(--neutral-200);color:var(--neutral-700)}.message-role{font-weight:500}.message-time{font-size:.7rem;color:var(--neutral-400)}.message-bubble{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-md);position:relative}.user-bubble{background-color:var(--primary-500);color:#fff;border-bottom-right-radius:var(--spacing-1)}.assistant-bubble{background-color:var(--neutral-100);color:var(--neutral-800);border-bottom-left-radius:var(--spacing-1);font-size:.95rem;line-height:1.6}.assistant-bubble p{margin:0 0 12px}.assistant-bubble p:last-child{margin-bottom:0}.assistant-bubble strong{font-weight:600;color:var(--primary-700)}.assistant-bubble .list-item{display:flex;margin-bottom:8px;align-items:flex-start}.assistant-bubble .list-number{font-weight:600;color:var(--primary-600);margin-right:8px;min-width:24px;flex-shrink:0}.assistant-bubble .message-heading{font-weight:600;margin:16px 0 8px;color:var(--primary-700);border-bottom:1px solid var(--neutral-200);padding-bottom:4px}.assistant-bubble h1.message-heading{font-size:1.3rem}.assistant-bubble h2.message-heading{font-size:1.2rem}.assistant-bubble h3.message-heading{font-size:1.1rem}.assistant-bubble h4.message-heading,.assistant-bubble h5.message-heading,.assistant-bubble h6.message-heading{font-size:1rem}.assistant-bubble .message-heading:first-child{margin-top:0}.assistant-bubble .nested-list{padding-left:16px;margin-top:4px}.assistant-bubble .nested-list.level-1{padding-left:20px}.assistant-bubble .nested-list.level-2{padding-left:36px}.assistant-bubble .nested-list.level-3{padding-left:52px}.assistant-bubble em{font-style:italic;color:inherit}.assistant-bubble .citation{display:inline-block;color:var(--primary-600);font-weight:600;font-size:.7em;vertical-align:super;padding:0 2px}.assistant-bubble .citation{color:var(--primary-600);font-weight:500;font-size:.8em;vertical-align:super;margin:0 1px}.assistant-bubble .list-text{flex:1}.assistant-bubble p+p{margin-top:12px}.assistant-bubble .list-item+p{margin-top:16px}.assistant-bubble .list-item+.list-item{margin-top:8px}.message-input{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--neutral-200);background-color:var(--surface-primary)}.message-form{display:flex;gap:var(--spacing-2);position:relative}.message-textarea{flex:1;padding:var(--spacing-3) var(--spacing-4);padding-right:40px;border-radius:var(--border-radius-lg);border:1px solid var(--neutral-300);font-family:var(--font-sans);font-size:.9375rem;resize:none;outline:none;background-color:var(--surface-secondary);color:var(--neutral-800);transition:var(--transition-base);min-height:48px;max-height:150px}.message-textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-200)}.send-button{position:absolute;right:var(--spacing-2);bottom:var(--spacing-2);background-color:var(--primary-500);color:#fff;border:none;border-radius:var(--border-radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-base)}.send-button:hover{background-color:var(--primary-600);transform:translateY(-1px)}.send-button:disabled{background-color:var(--neutral-300);cursor:not-allowed;transform:none}.create-form{margin-bottom:var(--spacing-4);background-color:var(--neutral-50);padding:var(--spacing-3);border-radius:var(--border-radius-md);border:1px solid var(--neutral-200)}.input-group{display:flex;gap:var(--spacing-2)}.form-input{flex:1;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);border:1px solid var(--neutral-200);font-size:.875rem;outline:none;transition:all .2s ease;background-color:var(--surface-primary);color:var(--neutral-800)}.form-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-100)}.form-select{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);border:1px solid var(--neutral-200);font-size:.875rem;outline:none;transition:all .2s ease;background-color:var(--surface-primary);color:var(--neutral-800);cursor:pointer}.form-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-100)}.form-select:disabled{background-color:var(--neutral-100);cursor:not-allowed}.btn{border-radius:var(--border-radius-md);padding:var(--spacing-2) var(--spacing-4);font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.btn-primary{background:linear-gradient(to right,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(to right,var(--primary-600),var(--primary-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:var(--neutral-300);cursor:not-allowed;box-shadow:none}.list{display:flex;flex-direction:column;gap:var(--spacing-2);list-style:none;margin:0;padding:0}.list-item{border-radius:var(--border-radius-md);padding:var(--spacing-3) var(--spacing-4);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-3);position:relative;background-color:var(--surface-primary);border:1px solid transparent;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.list-item:hover{background-color:var(--neutral-50);border-color:var(--neutral-200);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.list-item.active{background-color:var(--primary-100);color:var(--primary-700);font-weight:500;border-color:var(--primary-200);box-shadow:0 0 0 1px var(--primary-200),var(--shadow-sm)}.list-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--primary-500);border-radius:var(--border-radius-md) 0 0 var(--border-radius-md)}.item-icon{display:flex;align-items:center;justify-content:center;color:var(--neutral-500);font-size:1.125rem;flex-shrink:0;width:28px;height:28px;border-radius:var(--border-radius-md);background-color:var(--neutral-100);transition:all .2s ease}.list-item.active .item-icon{color:var(--primary-500);background-color:var(--primary-50)}.item-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;line-height:1.4}li.empty-state{padding:var(--spacing-6);background-color:var(--neutral-50);border:1px dashed var(--neutral-200);border-radius:var(--border-radius-md);text-align:center;color:var(--neutral-500);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}li.empty-state p{margin:0;font-size:.875rem}.item-metadata{font-size:.7rem;color:var(--neutral-400);margin-top:2px}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.list-item{animation:fadeInSlide .2s ease forwards}.list-item:nth-child(1){animation-delay:.05s}.list-item:nth-child(2){animation-delay:.1s}.list-item:nth-child(3){animation-delay:.15s}.list-item:nth-child(4){animation-delay:.2s}.list-item:nth-child(5){animation-delay:.25s}.list-item:nth-child(6){animation-delay:.3s}.list-item:nth-child(7){animation-delay:.35s}.list-item:nth-child(8){animation-delay:.4s}.list-item:nth-child(9){animation-delay:.45s}.list-item:nth-child(10){animation-delay:.5s}.item-badge{font-size:.7rem;padding:2px 6px;border-radius:20px;background-color:var(--neutral-100);color:var(--neutral-600);margin-left:auto}.list-item.active .item-badge{background-color:var(--primary-200);color:var(--primary-700)}.placeholder-container{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--neutral-500);padding:var(--spacing-6);text-align:center;overflow:hidden;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--neutral-100) 100%);transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.welcome-chat{z-index:2;background-color:#ffffffe6;padding:var(--spacing-8);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);max-width:500px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--neutral-200);transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.placeholder-icon{font-size:3.5rem;margin-bottom:var(--spacing-4);color:var(--primary-500);background-color:var(--primary-100);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6)}.placeholder-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-4);color:var(--neutral-800);font-family:var(--font-heading)}.placeholder-subtitle{font-size:1rem;max-width:380px;margin:0 auto var(--spacing-6);line-height:1.6;color:var(--neutral-600)}.quick-actions{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--neutral-200);width:100%}.quick-actions h3{font-size:1.1rem;font-weight:600;color:var(--neutral-700);margin-bottom:var(--spacing-4)}.quick-actions .btn{margin:var(--spacing-2) 0 var(--spacing-6);padding:var(--spacing-3) var(--spacing-6);font-size:1rem}.quick-tips{background-color:var(--primary-100);padding:var(--spacing-4);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-500);text-align:left}.quick-tips h4{font-weight:600;color:var(--primary-700);margin-bottom:var(--spacing-2)}.quick-tips p{font-size:.9rem;color:var(--neutral-700);margin:0}.decorative-elements{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.chat-bubble-decoration{position:absolute;border-radius:50%;opacity:.1}.chat-bubble-1{width:300px;height:300px;background:radial-gradient(circle at center,var(--primary-300),var(--primary-500));top:-100px;right:10%;animation:float 8s ease-in-out infinite}.chat-bubble-2{width:200px;height:200px;background:radial-gradient(circle at center,var(--primary-200),var(--primary-400));bottom:-50px;left:15%;animation:float 12s ease-in-out infinite reverse}.chat-bubble-3{width:150px;height:150px;background:radial-gradient(circle at center,var(--success),var(--primary-600));top:30%;left:-50px;animation:float 10s ease-in-out 2s infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.sidebar-panel.collapsed .sidebar-panel-header{writing-mode:vertical-lr;transform:rotate(180deg);height:100%;padding:var(--spacing-6) var(--spacing-2);display:flex;flex-direction:column}.sidebar-panel.collapsed .sidebar-btn,.file-upload{margin-top:var(--spacing-4)}.file-upload-title{font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-2);color:var(--neutral-700)}.file-drop-area{border:2px dashed var(--neutral-300);border-radius:var(--border-radius-md);padding:var(--spacing-4);text-align:center;cursor:pointer;transition:var(--transition-base);margin-bottom:var(--spacing-4)}.file-drop-area:hover{border-color:var(--primary-400);background-color:var(--primary-100)}.file-input{display:none}.uploaded-files-section{margin-top:var(--spacing-4)}.uploaded-files-list{list-style:none;padding:0;margin:var(--spacing-2) 0 0 0;display:flex;flex-direction:column;gap:var(--spacing-2)}.uploaded-file-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--surface-primary);border-radius:var(--border-radius-md);border:1px solid var(--neutral-200);transition:all .2s ease}.uploaded-file-item:hover{border-color:var(--primary-200);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.file-icon{font-size:1.2rem}.file-details{flex:1;display:flex;flex-direction:column;min-width:0}.file-name{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--neutral-800)}.file-date{font-size:.75rem;color:var(--neutral-500);margin-top:2px}.empty-files{text-align:center;padding:var(--spacing-4);color:var(--neutral-500);font-size:.9rem;background-color:var(--neutral-50);border-radius:var(--border-radius-md);border:1px dashed var(--neutral-200)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--primary-200);border-top-color:var(--primary-500);animation:spinner 1s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.loading-indicator{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--primary-500);font-size:.875rem;font-weight:500}.loading-indicator:before{content:"";display:block;width:16px;height:16px;border-radius:50%;border:2px solid var(--primary-200);border-top-color:var(--primary-500);animation:spinner 1s linear infinite}.error-message{background-color:#ef44441a;border-left:3px solid var(--error);color:var(--error);padding:var(--spacing-3) var(--spacing-4);margin:var(--spacing-4) 0;border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;font-size:.875rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.file-warning-message{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);padding:var(--spacing-3);background-color:#f59e0b1a;color:var(--warning);border-radius:var(--border-radius-md);font-size:.85rem;border-left:3px solid var(--warning)}.file-info-message{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);padding:var(--spacing-3);background-color:#3b82f61a;color:var(--info);border-radius:var(--border-radius-md);font-size:.85rem;border-left:3px solid var(--info)}.warning-icon,.info-icon{font-size:1rem}.form-input:disabled,.btn:disabled,.form-select:disabled{background-color:var(--neutral-100);cursor:not-allowed;opacity:.7;position:relative}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-6);text-align:center;color:var(--neutral-500)}.empty-state-icon{font-size:2.5rem;margin-bottom:var(--spacing-4);color:var(--neutral-300)}.input-group.mobile-friendly,.select-button-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.select-button-group .form-select{flex:1;width:auto;max-width:80px}.select-button-group .btn{white-space:nowrap;padding:var(--spacing-1) var(--spacing-3);font-size:.8rem;width:auto;max-width:80px}@media (min-width: 769px){.input-group.mobile-friendly{flex-direction:row;align-items:center}}@media (max-width: 768px){button,.btn,.list-item,.form-input,.form-select,.message-textarea,.send-button{touch-action:manipulation}.form-input,.form-select,.btn{min-height:44px;font-size:16px}.message-textarea{font-size:16px}.btn,.header-btn,.nav-link,.sidebar-btn{padding:10px 16px}}@media (max-width: 768px){.app-container{grid-template-columns:1fr;grid-template-rows:var(--navbar-height) 1fr;grid-template-areas:"header" "main";height:100vh;overflow:hidden}.main-content-wrapper{flex-direction:column;overflow:auto;height:calc(100vh - var(--navbar-height))}.app-header{padding:0 var(--spacing-2)}.logo h1{font-size:1rem}.header-right{gap:var(--spacing-2)}.error-message{max-width:260px;font-size:.75rem;padding:var(--spacing-1) var(--spacing-2)}.sidebars-container{flex-direction:column;min-width:100%;max-width:100%;border-right:none;max-height:50vh;overflow-y:auto}.sidebar-panel{border-right:none;border-bottom:1px solid var(--neutral-200);max-height:50vh}.sidebar-panel.collapsed{flex:0;height:40px;overflow:hidden}.sidebar-panel.collapsed .sidebar-panel-header{writing-mode:initial;transform:none;height:auto;padding:var(--spacing-2);flex-direction:row}.chat-container{margin:0;border-radius:0;height:100%}.message{max-width:95%}.messages-container{padding:var(--spacing-3);gap:var(--spacing-4)}.message-input{padding:var(--spacing-3)}.welcome-chat{padding:var(--spacing-4);max-width:100%;margin:0 var(--spacing-2)}.placeholder-title{font-size:1.2rem}.placeholder-subtitle{font-size:.9rem}.btn,.header-btn,.nav-link{min-height:44px}.list-item{padding:var(--spacing-2) var(--spacing-3);min-height:54px}.input-group{flex-direction:column}.create-form .btn{margin-top:var(--spacing-2)}.file-drop-area{padding:var(--spacing-2)}}@media (max-width: 480px){.app-header{flex-direction:column;height:auto;padding:var(--spacing-2)}.header-left,.header-right{width:100%;justify-content:space-between}.logo{border-right:none;padding-right:0}.header-right{margin-top:var(--spacing-2);justify-content:flex-end}.sidebars-container{max-height:60vh}.message-input{padding:var(--spacing-2)}.message-textarea{padding:var(--spacing-2);min-height:38px}.chat-header{padding:var(--spacing-2) var(--spacing-3)}.chat-title{flex-direction:column;align-items:flex-start}.session-badge{font-size:.65rem;margin-top:var(--spacing-1)}.sidebar-panel-header{padding:var(--spacing-2)}.send-button{width:36px;height:36px}}.login-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex!important;justify-content:center!important;align-items:center!important;min-height:100vh;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);padding:var(--spacing-4);z-index:9999}.login-form{background:var(--surface-primary);border-radius:20px;padding:var(--spacing-8);box-shadow:0 20px 40px #0000001a;width:100%;max-width:400px;text-align:center}.login-form h2{font-family:var(--font-heading);font-weight:700;font-size:2rem;color:var(--neutral-800);margin-bottom:var(--spacing-2)}.login-form p{color:var(--neutral-500);margin-bottom:var(--spacing-8);font-size:.95rem}.form-group{text-align:left;margin-bottom:var(--spacing-6)}.form-group label{display:block;font-weight:500;color:var(--neutral-700);margin-bottom:var(--spacing-2);font-size:.9rem}.form-group input{width:100%;padding:var(--spacing-4);border:2px solid var(--neutral-200);border-radius:12px;font-size:1rem;transition:all .2s ease;background:var(--surface-primary);color:var(--neutral-800);box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #4361ee1a}.form-group input:disabled{background:var(--neutral-100);color:var(--neutral-400);cursor:not-allowed}.login-button{width:100%;padding:var(--spacing-4);background:var(--primary-500);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-4)}.login-button:hover:not(:disabled){background:var(--primary-600);transform:translateY(-1px);box-shadow:0 8px 20px #4361ee4d}.login-button:disabled{background:var(--neutral-300);cursor:not-allowed;transform:none;box-shadow:none}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--error);padding:var(--spacing-4);border-radius:8px;margin-bottom:var(--spacing-6);font-size:.9rem}.dark-theme .login-form{background:var(--neutral-800)}.dark-theme .login-form h2{color:var(--neutral-100)}.dark-theme .login-form p{color:var(--neutral-400)}.dark-theme .form-group label{color:var(--neutral-300)}.dark-theme .form-group input{background:var(--neutral-700);border-color:var(--neutral-600);color:var(--neutral-100)}.dark-theme .form-group input:focus{border-color:var(--primary-400);box-shadow:0 0 0 4px #4361ee33}.dark-theme .form-group input:disabled{background:var(--neutral-800);color:var(--neutral-500)}.logout-btn{display:flex!important;align-items:center;gap:var(--spacing-2);background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--error);padding:var(--spacing-2) var(--spacing-4);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:var(--spacing-3)}.logout-btn:hover{background:#ef444426!important;border-color:#ef44444d;color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.logout-text{font-size:.85rem;font-weight:500}.dark-theme .logout-btn{background:#ef444426;border-color:#ef444440;color:#ff6b6b}.dark-theme .logout-btn:hover{background:#ef444440!important;border-color:#ef444466;color:#ff8a8a}