:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #23a8d5;--accent-primary-hover: #1a8fb8;--accent-secondary: #00597a;--accent-gold: #f59e0b;--accent-gold-hover: #d97706;--accent-navy: #073445;--border-color: #e2e8f0;--border-subtle: #f1f5f9;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--sidebar-width: 540px;--toolbar-height: 48px;--resizer-width: 5px;--sidebar-min-width: 200px;--sidebar-max-width: 600px;--font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:auto}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5}.hidden{display:none!important}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{padding:.5rem 1.5rem;border-radius:9999px;border:none;background:var(--accent-gold);color:var(--accent-navy);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--accent-gold-hover);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.btn-secondary{width:100%;padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-auth{padding:.4rem 1rem;border-radius:9999px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;cursor:pointer;white-space:nowrap;transition:background .2s}.btn-auth:hover{background:var(--bg-tertiary)}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.btn-icon svg{width:18px;height:18px}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-icon:disabled:hover{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-icon-small{width:24px;height:24px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;line-height:1}.btn-icon-small:hover{color:var(--text-primary)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:slideUp .3s ease}.toast.error{border:1px solid var(--error)}.toast.info{border:1px solid var(--accent-primary);max-width:480px}.toast.warning{border:1px solid var(--warning);bottom:80px}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.drop-zone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:60px 40px;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary)}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent-primary);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 40px #23a8d51f}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-icon{width:64px;height:64px;color:var(--accent-primary);opacity:.8}.drop-text{font-size:1.2rem;font-weight:500;color:var(--text-primary)}.drop-subtext{font-size:.9rem;color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.chat-messages{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;min-height:0}.chat-msg{display:flex;flex-direction:column;gap:.4rem;max-width:90%}.chat-msg-user{align-self:flex-end}.chat-msg-user .msg-text{background:var(--accent-primary);color:#fff;padding:.5rem .75rem;border-radius:12px 12px 2px;font-size:.875rem;word-wrap:break-word;white-space:pre-wrap}.chat-msg-assistant{align-self:flex-start}.chat-msg-assistant .msg-text{background:var(--bg-secondary);color:var(--text-primary);padding:.5rem .75rem;border-radius:12px 12px 12px 2px;font-size:.875rem;word-wrap:break-word;white-space:pre-wrap}.chat-msg.streaming .msg-text:after{content:"▋";animation:blink .8s step-end infinite;margin-left:2px;opacity:.7}@keyframes blink{50%{opacity:0}}.msg-citations{display:flex;flex-wrap:wrap;gap:.3rem}.citation-chip{padding:.2rem .5rem;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-primary);font-size:.75rem;color:var(--accent-primary);cursor:pointer;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.citation-chip:hover{background:var(--bg-secondary)}.chat-input-area{display:flex;align-items:flex-end;gap:.4rem;padding:.5rem .75rem;border-top:1px solid var(--border-color);flex-shrink:0}.chat-input{flex:1;resize:none;border:1px solid var(--border-color);border-radius:8px;padding:.5rem .6rem;font-size:.875rem;font-family:inherit;background:var(--bg-secondary);color:var(--text-primary);line-height:1.4;max-height:120px;overflow-y:auto}.chat-input:focus{outline:none;border-color:var(--accent-primary)}.chat-input:disabled{opacity:.5}