@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0b0e14;--bg-gradient:linear-gradient(135deg, #0b0e14 0%, #17112e 50%, #0f172a 100%);--panel-bg:#161b2899;--panel-border:#ffffff14;--primary:#8b5cf6;--primary-glow:#8b5cf666;--primary-hover:#9d75f8;--text-main:#f8fafc;--text-muted:#94a3b8;--user-msg:linear-gradient(135deg, #8b5cf6, #6d28d9);--bot-msg:#1e293b99;--error-bg:#ef444426;--error-text:#fca5a5;--success-text:#86efac}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);background-size:200% 200%;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;animation:15s infinite gradientShift;display:flex}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#root{width:100vw;height:100vh;display:flex;overflow:hidden}.glass{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);box-shadow:0 10px 40px -10px #00000080}.app-container{width:100%;height:100%;display:flex}.sidebar{border-right:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0b0e14b3;flex-direction:column;gap:32px;width:340px;height:100%;padding:32px 24px;display:flex;box-shadow:4px 0 24px #0003}.main-content{flex-direction:column;flex:1;height:100%;display:flex;position:relative}h1{background:linear-gradient(90deg,#a78bfa,#d8b4fe);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin-bottom:8px;font-size:1.8rem;font-weight:700}h2{color:var(--text-main);letter-spacing:-.01em;font-size:1.2rem;font-weight:600}p{color:var(--text-muted);font-size:.95rem;line-height:1.6}button{background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 4px 14px var(--primary-glow);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}button:hover{background:var(--primary-hover);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}button:active{transform:translateY(0)}button:disabled{color:var(--text-muted);box-shadow:none;cursor:not-allowed;background:#ffffff1a;transform:none}.upload-zone{text-align:center;cursor:pointer;background:#8b5cf605;border:2px dashed #8b5cf64d;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.upload-zone:before{content:"";opacity:0;background:radial-gradient(circle,#8b5cf61a 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.upload-zone:hover:before{opacity:1}.upload-zone:hover{border-color:var(--primary);background:#8b5cf60d;box-shadow:0 0 20px #8b5cf61a}.upload-zone.drag-active{border-color:var(--primary);background:#8b5cf626;transform:scale(1.02);box-shadow:0 0 30px #8b5cf633}.upload-icon{color:var(--primary);z-index:1;width:40px;height:40px}.alert{border-radius:12px;align-items:flex-start;gap:12px;margin-top:20px;padding:14px 16px;font-size:.9rem;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:var(--error-bg);color:var(--error-text);border:1px solid #ef44444d;box-shadow:0 4px 20px #ef44441a}.alert-success{color:var(--success-text);background:#4ade801a;border:1px solid #4ade804d;box-shadow:0 4px 20px #4ade800d}.chat-container{scroll-behavior:smooth;flex-direction:column;flex:1;gap:32px;padding:40px 10%;display:flex;overflow-y:auto}.chat-container::-webkit-scrollbar{background:0 0;width:6px}.chat-container::-webkit-scrollbar-thumb{background:0 0;border-radius:10px;transition:background .3s}.chat-container:hover::-webkit-scrollbar-thumb{background:#ffffff26}.message{border-radius:20px;max-width:85%;padding:20px 24px;line-height:1.6;animation:.4s cubic-bezier(.16,1,.3,1) messageSlideIn;position:relative}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.message-user{background:var(--user-msg);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 10px 30px #6d28d933}.message-bot{background:var(--bot-msg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 8px 24px #0003}.message-role{letter-spacing:.02em;text-transform:uppercase;margin-bottom:10px;font-size:.85rem;font-weight:600}.message-user .message-role{color:#ffffffb3}.message-bot .message-role{color:var(--primary)}.message-content{font-size:1rem}.message-content p{color:var(--text-main);margin-bottom:12px}.message-content p:last-child{margin-bottom:0}.message-content ul,.message-content ol{color:var(--text-main);margin-bottom:12px;margin-left:24px}.message-content li{margin-bottom:6px}.message-content strong{color:#fff;font-weight:700}.source-chunks{border-top:1px solid #ffffff14;margin-top:20px;padding-top:16px}.source-title{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.85rem;font-weight:600;transition:color .2s;display:flex}.source-title:hover{color:var(--text-main)}.source-content{color:var(--text-muted);border-left:3px solid var(--primary);background:#0000004d;border-radius:8px;margin-bottom:8px;padding:12px 16px;font-size:.85rem;line-height:1.5}.empty-state{text-align:center;opacity:.6;flex-direction:column;align-items:center;gap:16px;margin:auto;animation:.8s fadeIn;display:flex}.empty-state-icon{width:64px;height:64px;color:var(--primary);filter:drop-shadow(0 0 20px #8b5cf666)}.input-container{background:0 0;padding:0 10% 40px}.input-pill{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--panel-border);background:#1e293bcc;border-radius:40px;gap:12px;padding:8px 8px 8px 24px;transition:all .3s;display:flex;box-shadow:0 10px 40px #0006}.input-pill:focus-within{background:#1e293bf2;border-color:#8b5cf680;box-shadow:0 10px 40px #8b5cf626}.input-pill input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:1rem}.input-pill input::placeholder{color:#94a3b899}.input-pill button{border-radius:50%;flex-shrink:0;width:44px;height:44px;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:.6}}.typing-indicator{gap:6px;padding:8px 4px;display:flex}.typing-indicator span{background:var(--primary);opacity:.7;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@media (width<=768px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--panel-border);width:100%;height:auto;padding:20px}.chat-container{padding:20px}.input-container{padding:0 20px 20px}.message{max-width:95%}}