html,body,#root{min-width:320px;min-height:100vh;margin:0}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow:hidden}.app{color:#1f2937;background:#f7f8fa;height:100dvh;min-height:100dvh;font-family:Inter,system-ui,sans-serif;display:flex;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:300px;height:100dvh;padding:28px 16px;display:flex;overflow-y:auto}.sidebar-header{padding:0 12px 24px}.sidebar-header h2{margin:0;font-size:22px}.sidebar-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.upload-button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;width:100%;padding:13px 16px;font-size:14px;font-weight:600;transition:all .2s}.upload-button:hover{background:#374151}.upload-button:disabled{opacity:.6;cursor:not-allowed}.upload-button.large{width:auto;margin-top:20px;padding:14px 22px}.documents-section{min-height:0;margin-top:30px}.section-title{color:#9ca3af;letter-spacing:.08em;margin:0 0 12px;padding:0 12px;font-size:11px;font-weight:700}.empty-text{color:#9ca3af;padding:0 12px;font-size:14px}.documents-list{flex-direction:column;gap:6px;display:flex}.document-item{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.document-item:hover{background:#f3f4f6}.document-item.active{background:#eef2ff}.document-info{align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.document-icon{flex-shrink:0;font-size:20px}.document-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin:0;font-size:14px;font-weight:600;overflow:hidden}.document-status{color:#6b7280;text-transform:capitalize;margin-top:4px;font-size:12px;display:inline-block}.delete-button{color:#9ca3af;cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;font-size:24px;transition:all .2s}.document-item:hover .delete-button{opacity:1}.delete-button:hover{color:#dc2626}.main-content{flex:1;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:100dvh;min-height:0;display:grid;overflow:hidden}.chat-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:20px 40px;display:flex}.chat-header h1{margin:0;font-size:20px}.chat-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.status{text-transform:capitalize;font-weight:600}.status.completed{color:#16a34a}.status.processing{color:#d97706}.status.failed{color:#dc2626}.document-stats{color:#6b7280;flex-shrink:0;gap:18px;font-size:13px;display:flex}.messages{min-height:0;padding:32px 40px;overflow-y:auto}.welcome-message{text-align:center;max-width:600px;margin:80px auto;padding:0 16px}.welcome-message h2{margin:0;font-size:28px}.welcome-message p{color:#6b7280;line-height:1.6}.message{width:100%;max-width:900px;margin:0 auto 28px}.message:last-child{margin-bottom:0}.message.user{max-width:760px;margin-left:auto;margin-right:0}.message-label{color:#6b7280;margin-bottom:8px;font-size:12px;font-weight:700}.message.user .message-label{text-align:right}.message-content{overflow-wrap:anywhere;word-break:break-word;font-size:15px;line-height:1.7}.message.user .message-content{color:#fff;background:#111827;border-radius:14px 14px 3px;padding:14px 18px}.message.assistant .message-content{white-space:normal;background:#fff;border:1px solid #e5e7eb;border-radius:14px 14px 14px 3px;padding:18px}.message.assistant .message-content p{margin:0 0 10px}.message.assistant .message-content p:last-child{margin-bottom:0}.message.assistant .message-content h1,.message.assistant .message-content h2,.message.assistant .message-content h3,.message.assistant .message-content h4,.message.assistant .message-content h5,.message.assistant .message-content h6{margin:12px 0 8px;line-height:1.3}.message.assistant .message-content ul,.message.assistant .message-content ol{margin:8px 0;padding-left:24px}.message.assistant .message-content li{margin:4px 0}.sources{margin-top:16px}.sources>p{color:#6b7280;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.source-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-top:8px;padding:14px}.source-header{justify-content:space-between;gap:15px;font-size:13px;display:flex}.source-header strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.source-header span{color:#6b7280;white-space:nowrap;flex-shrink:0}.source-card p{color:#4b5563;overflow-wrap:anywhere;margin:10px 0 0;font-size:13px;line-height:1.5}.chat-input-container{background:#fff;border-top:1px solid #e5e7eb;gap:12px;padding:20px 40px;display:flex}.chat-input-container input{border:1px solid #d1d5db;border-radius:10px;outline:none;flex:1;min-width:0;height:48px;padding:0 16px;font-size:14px}.chat-input-container input:focus{border-color:#6b7280}.chat-input-container button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;min-width:90px;font-weight:600}.chat-input-container button:disabled{opacity:.5;cursor:not-allowed}.no-document{text-align:center;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex}.no-document h1{margin:0}.no-document p{color:#6b7280}.clear-chat-button{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:8px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s}.clear-chat-button:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.typing{align-items:center;gap:6px;min-height:24px;display:flex}.typing span{background:#267c61;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite typingBounce;display:inline-block}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}@media (width<=1024px){.sidebar{width:260px}.chat-header{padding:18px 28px}.messages{padding:28px}.chat-input-container{padding:16px 28px}.message{max-width:100%}}@media (width<=768px){body{overflow:auto}.app{flex-direction:column;height:100dvh;min-height:100dvh}.sidebar{border-bottom:1px solid #e5e7eb;border-right:none;width:100%;height:auto;max-height:35dvh;padding:16px;overflow-y:auto}.sidebar-header{padding:0 8px 14px}.sidebar-header h2{font-size:20px}.documents-section{margin-top:18px}.document-name{max-width:none}.delete-button{opacity:1}.main-content{flex:1;width:100%;height:auto;min-height:0}.chat-header{flex-wrap:wrap;gap:12px;padding:14px 20px}.chat-header h1{font-size:18px}.document-stats{display:none}.clear-chat-button{padding:7px 12px}.messages{padding:20px 16px}.welcome-message{margin:40px auto}.welcome-message h2{font-size:24px}.message,.message.user{width:100%;max-width:100%}.message{margin-bottom:20px}.message-content{font-size:14px;line-height:1.6}.message.assistant .message-content{padding:14px}.message.user .message-content{padding:12px 14px}.source-header{flex-direction:column;gap:4px}.source-header strong{white-space:normal}.chat-input-container{gap:8px;padding:12px 16px}.chat-input-container input{height:46px}.chat-input-container button{min-width:72px}}@media (width<=480px){.sidebar{max-height:32dvh;padding:12px}.sidebar-header{padding:0 4px 12px}.sidebar-header h2{font-size:18px}.sidebar-header p{font-size:12px}.upload-button{padding:11px 14px}.section-title{padding:0 6px}.document-item{padding:10px}.chat-header{padding:12px 14px}.chat-header h1{font-size:16px}.chat-header p{font-size:11px}.clear-chat-button{padding:6px 10px;font-size:12px}.messages{padding:16px 10px}.welcome-message{margin:28px auto}.welcome-message h2{font-size:21px}.message-content{font-size:14px}.message.assistant .message-content,.source-card{padding:12px}.chat-input-container{padding:10px}.chat-input-container input{height:44px;padding:0 12px;font-size:13px}.chat-input-container button{min-width:60px;font-size:12px}}