:root{--bg-app: #212121;--bg-sidebar: #171717;--bg-input: #2f2f2f;--bg-card: #2a2a2a;--bg-message-ai: #2f2f2f;--bg-message-user: #1d4ed8;--border-subtle: rgba(255, 255, 255, .1);--border-focus: rgba(255, 255, 255, .3);--text-primary: #ececec;--text-secondary: #9b9b9b;--accent: #1d4ed8;--accent-hover: #1e40af;--accent-subtle: rgba(29, 78, 216, .15);--danger: #ef4444;--sidebar-width: 260px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;background-color:var(--bg-app);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.public-layout{min-height:100%;display:flex;flex-direction:column;background-color:var(--bg-app)}.public-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:56px;background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-subtle)}.public-nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none}.public-nav-logo:hover{text-decoration:none}.public-nav-logo-icon{width:28px;height:28px;background-color:var(--accent);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.public-nav-logo-text{font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.public-nav-links{display:flex;align-items:center;gap:24px}.public-nav-links a{font-size:14px;color:var(--text-secondary);text-decoration:none;transition:color .15s}.public-nav-links a:hover{color:var(--text-primary);text-decoration:none}.public-nav-signup{padding:7px 16px;background-color:var(--accent);color:#fff!important;border-radius:var(--radius-full);font-weight:500;transition:background-color .15s!important}.public-nav-signup:hover{background-color:var(--accent-hover)!important}.public-main{flex:1;display:flex;flex-direction:column}.home-page{display:flex;flex-direction:column;align-items:center;padding:80px 24px 60px;gap:64px;max-width:1000px;margin:0 auto;width:100%}.home-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.home-hero-title{font-size:48px;font-weight:800;color:var(--text-primary);line-height:1.15;max-width:640px}.home-hero-sub{font-size:17px;color:var(--text-secondary);max-width:520px;line-height:1.7}.home-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.home-cta{padding:12px 28px;border-radius:var(--radius-full);font-size:15px;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s}.home-cta--primary{background-color:var(--accent);color:#fff}.home-cta--primary:hover{background-color:var(--accent-hover);color:#fff;text-decoration:none}.home-cta--secondary{background-color:transparent;border:1px solid var(--border-subtle);color:var(--text-primary)}.home-cta--secondary:hover{border-color:var(--border-focus);color:var(--text-primary);text-decoration:none}.home-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.home-feature-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:28px 24px;display:flex;flex-direction:column;gap:12px}.home-feature-icon{font-size:28px;line-height:1}.home-feature-card h2{font-size:17px;font-weight:600;color:var(--text-primary)}.home-feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.65}@media(max-width:768px){.home-features{grid-template-columns:1fr}.home-hero-title{font-size:36px}}@media(max-width:480px){.home-hero-title{font-size:28px}.home-page{padding:48px 16px 40px;gap:48px}}.auth-field input,.auth-field textarea{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .15s;width:100%}.auth-field input:focus,.auth-field textarea:focus{border-color:var(--border-focus)}.auth-field input::placeholder,.auth-field textarea::placeholder{color:var(--text-secondary);opacity:.7}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-app);padding:24px}.auth-card{width:100%;max-width:400px;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:40px 36px}.auth-logo{display:flex;align-items:center;gap:8px;margin-bottom:28px}.auth-logo-icon{width:32px;height:32px;background-color:var(--accent);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.auth-logo-text{font-size:18px;font-weight:700;color:var(--text-primary)}.auth-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.auth-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:28px}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:13px;font-weight:500;color:var(--text-secondary)}.auth-field input{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .15s;width:100%}.auth-field input:focus{border-color:var(--border-focus)}.auth-field input::placeholder{color:var(--text-secondary);opacity:.7}.auth-submit{margin-top:6px;padding:11px;background-color:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;transition:background-color .15s;width:100%}.auth-submit:hover{background-color:var(--accent-hover)}.auth-switch{margin-top:20px;text-align:center;font-size:14px;color:var(--text-secondary)}.auth-switch a{color:var(--accent);font-weight:500}.auth-switch a:hover{color:var(--accent-hover)}.auth-error{color:#e53e3e;font-size:.875rem;margin-bottom:.75rem;text-align:center}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;justify-content:space-between;padding:16px 12px;flex-shrink:0}.sidebar-top{display:flex;flex-direction:column;gap:12px}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:8px 4px}.sidebar-logo-icon{width:32px;height:32px;background-color:var(--accent);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.sidebar-logo-text{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.sidebar-new-chat{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background-color:var(--accent-subtle);border:1px solid var(--accent);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:500;transition:background-color .15s}.sidebar-new-chat:hover{background-color:var(--accent)}.sidebar-new-chat-icon{font-size:18px;line-height:1}.sidebar-documents{flex:1;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding-top:12px;border-top:1px solid var(--border-subtle)}.sidebar-documents-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.sidebar-documents-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.sidebar-upload-btn{font-size:12px;padding:3px 8px;background:transparent;border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;transition:background-color .15s}.sidebar-upload-btn:hover{background-color:var(--accent-subtle)}.sidebar-upload-progress{position:relative;height:28px;background-color:var(--bg-input);border-radius:var(--radius-sm);overflow:hidden}.sidebar-upload-progress-bar{position:absolute;top:0;left:0;height:100%;background-color:var(--accent);transition:width .2s ease}.sidebar-upload-progress-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--text-primary)}.sidebar-documents-list{list-style:none;padding:0;margin:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sidebar-documents-empty{font-size:13px;color:var(--text-secondary);padding:4px}.sidebar-document-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:var(--radius-sm);background-color:var(--bg-input);gap:8px;cursor:pointer;transition:background-color .15s}.sidebar-document-item:hover{background-color:var(--bg-card)}.sidebar-document-item--active{background-color:var(--accent-subtle);border:1px solid var(--accent)}.sidebar-document-name{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar-document-export{background:transparent;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;flex-shrink:0;padding:2px 4px;border-radius:var(--radius-sm);transition:color .15s,background-color .15s}.sidebar-document-export:hover{color:var(--accent);background-color:var(--accent-subtle)}.sidebar-document-delete{background:transparent;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;flex-shrink:0;padding:2px 4px;border-radius:var(--radius-sm);transition:color .15s,background-color .15s}.sidebar-document-delete:hover{color:var(--danger);background-color:#ef44441a}.sidebar-bottom{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border-subtle);padding-top:12px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 4px}.sidebar-avatar{width:32px;height:32px;background-color:var(--accent);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.sidebar-username{font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-error{margin:6px 0;padding:8px 10px;background:#3b1a1a;color:#f87171;border:1px solid #7f1d1d;border-radius:6px;font-size:12px;cursor:pointer}.sidebar-logout{width:100%;padding:9px 14px;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;transition:background-color .15s,color .15s,border-color .15s}.sidebar-logout:hover{background-color:#ef444426;border-color:var(--danger);color:var(--danger)}.chat-page{display:flex;height:100vh;background-color:var(--bg-app);overflow:hidden}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.chat-messages{flex:1;overflow-y:auto;padding:32px 24px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center}.chat-empty-icon{width:56px;height:56px;background-color:var(--accent);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;margin-bottom:4px}.chat-empty-title{font-size:24px;font-weight:700;color:var(--text-primary)}.chat-empty-desc{font-size:15px;color:var(--text-secondary);max-width:380px;line-height:1.6}.message-row{display:flex;align-items:flex-end;gap:10px;animation:fadeIn .2s ease-out;max-width:780px;width:100%}.message-row--user{align-self:flex-end;flex-direction:row-reverse}.message-row--ai{align-self:flex-start}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:30px;height:30px;min-width:30px;background-color:var(--accent);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.message-bubble{padding:12px 16px;border-radius:var(--radius-lg);max-width:70%;word-break:break-word}.message-row--user .message-bubble{background-color:var(--bg-message-user);color:#fff;border-bottom-right-radius:4px}.message-row--ai .message-bubble{background-color:var(--bg-message-ai);color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid var(--border-subtle)}.message-text{margin:0 0 4px;font-size:15px;line-height:1.6;white-space:pre-wrap}.message-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.message-file-tag{font-size:12px;background-color:#ffffff26;padding:3px 8px;border-radius:var(--radius-sm)}.message-time{display:block;font-size:11px;opacity:.55;margin-top:4px}.typing-indicator{display:flex;gap:5px;align-items:center;padding:4px 0}.typing-indicator span{width:7px;height:7px;border-radius:50%;background-color:var(--text-secondary);animation:bounce 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.chat-input-area{padding:16px 24px 20px;background-color:var(--bg-app)}.chat-doc-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;background-color:var(--accent-subtle);border-bottom:1px solid var(--accent);font-size:13px;color:var(--text-primary)}.chat-doc-banner-close{background:transparent;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:color .15s}.chat-doc-banner-close:hover{color:var(--danger)}.chat-input-box{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:8px 8px 8px 14px;transition:border-color .15s}.chat-input-box:focus-within{border-color:var(--border-focus)}.chat-file-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 4px 8px}.file-chip{display:flex;align-items:center;gap:6px;background-color:var(--bg-card);border:1px solid var(--border-subtle);padding:4px 10px;border-radius:var(--radius-full);font-size:12px;color:var(--text-primary)}.file-chip-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-remove{background:transparent;border:none;color:var(--text-secondary);font-size:11px;padding:0;line-height:1;transition:color .15s}.file-chip-remove:hover{color:var(--danger)}.chat-input-row{display:flex;align-items:flex-end;gap:8px}.input-attach-btn{background:transparent;border:none;font-size:18px;padding:4px;color:var(--text-secondary);flex-shrink:0;transition:color .15s;line-height:1;align-self:flex-end;margin-bottom:2px}.input-attach-btn:hover{color:var(--text-primary)}.chat-textarea{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:15px;line-height:1.6;resize:none;min-height:24px;max-height:160px;padding:4px 0;overflow-y:auto}.chat-textarea::placeholder{color:var(--text-secondary)}.input-send-btn{width:34px;height:34px;min-width:34px;border-radius:var(--radius-full);background-color:var(--accent);color:#fff;border:none;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background-color .15s,opacity .15s;flex-shrink:0;align-self:flex-end;margin-bottom:2px}.input-send-btn:hover:not(:disabled){background-color:var(--accent-hover)}.input-send-btn:disabled{opacity:.35;cursor:not-allowed}.chat-input-hint{text-align:center;font-size:11px;color:var(--text-secondary);margin-top:8px;opacity:.6}body{margin:0}