*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0a0a0a;color:#e0e0e0;min-height:100vh;line-height:1.6}.app{display:flex;height:100vh}.sidebar{width:300px;background:#111;border-right:1px solid #222;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:1.5rem;border-bottom:1px solid #222}.sidebar-header h1{font-size:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#666;font-size:.85rem}.sidebar-section{padding:1rem 1.5rem;border-bottom:1px solid #222}.sidebar-section h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:.75rem}.sidebar-footer{margin-top:auto;padding:1rem 1.5rem;font-size:.75rem;color:#555;display:flex;gap:.5rem;flex-wrap:wrap}.sidebar-footer a{color:#667eea;text-decoration:none}.form-group{display:flex;flex-direction:column;gap:.5rem}label{color:#888;font-size:.85rem}input[type=text],input[type=password],input[type=url],textarea{width:100%;padding:.6rem .75rem;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;font-size:.9rem;transition:border-color .2s}input:focus,textarea:focus{outline:none;border-color:#667eea}input:disabled,textarea:disabled{opacity:.5}textarea{resize:vertical;min-height:60px}small{color:#555;font-size:.75rem}small a{color:#667eea;text-decoration:none}.doc-count{font-size:.85rem;color:#888;margin-bottom:.5rem}.doc-count span{color:#667eea;font-weight:600}button{padding:.6rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}button.primary:hover:not(:disabled){filter:brightness(1.1)}button.secondary{background:#252525;color:#ccc}button.secondary:hover:not(:disabled){background:#333}button.full-width{width:100%}button.icon-btn{padding:.4rem .75rem;background:transparent;color:#666;font-size:.8rem}button.icon-btn:hover{color:#fff;background:#252525}.divider{display:flex;align-items:center;margin:.75rem 0;color:#444;font-size:.75rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#333}.divider:before{margin-right:.75rem}.divider:after{margin-left:.75rem}.chat-container{flex:1;display:flex;flex-direction:column;min-width:0}.welcome-section{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.welcome-content{text-align:center;max-width:400px}.welcome-content h2{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.welcome-content p{color:#888;margin-bottom:1.5rem}.welcome-content ol{text-align:left;color:#aaa;padding-left:1.5rem}.welcome-content li{margin-bottom:.5rem}.welcome-content strong{color:#667eea}.chat-section{flex:1;display:flex;flex-direction:column;height:100%}.chat-header{padding:.75rem 1rem;border-bottom:1px solid #222;display:flex;justify-content:space-between;align-items:center;background:#111;font-size:.9rem;color:#888}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.chat-message{display:flex;gap:.75rem;max-width:85%;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.assistant{align-self:flex-start}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;flex-shrink:0}.chat-message.user .avatar{background:#667eea;color:#fff}.chat-message.assistant .avatar{background:#333;color:#aaa}.bubble{padding:.75rem 1rem;border-radius:16px;line-height:1.5;font-size:.95rem}.chat-message.user .bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.chat-message.assistant .bubble{background:#1a1a1a;color:#ddd;border:1px solid #2a2a2a;border-bottom-left-radius:4px}.bubble p{margin:0 0 .5rem}.bubble p:last-child{margin-bottom:0}.bubble code{background:#252525;padding:.15rem .4rem;border-radius:4px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.85em}.bubble pre{background:#0d0d0d;border:1px solid #333;border-radius:8px;padding:.75rem 1rem;overflow-x:auto;margin:.5rem 0}.bubble pre code{background:none;padding:0;font-size:.85rem;line-height:1.5}.bubble ul,.bubble ol{margin:.5rem 0;padding-left:1.5rem}.bubble li{margin-bottom:.25rem}.bubble strong{color:#fff}.bubble a{color:#667eea;text-decoration:none}.bubble a:hover{text-decoration:underline}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:8px;height:8px;background:#667eea;border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.message-sources{width:100%;margin-top:.5rem;margin-left:40px}.sources-toggle{font-size:.75rem;color:#667eea;background:transparent;padding:.25rem .5rem;border:1px solid #333;border-radius:4px}.sources-toggle:hover{background:#1a1a1a}.sources-content{display:none;margin-top:.5rem;padding:.75rem;background:#151515;border-radius:8px;border:1px solid #252525}.message-sources.expanded .sources-content{display:block}.source-item{padding:.5rem 0;border-bottom:1px solid #222;font-size:.8rem}.source-item:last-child{border-bottom:none;padding-bottom:0}.source-badge{display:inline-block;background:#252525;color:#667eea;padding:.15rem .4rem;border-radius:4px;font-size:.7rem;font-weight:600;margin-right:.5rem}.source-text{color:#888;line-height:1.4}.chat-input-area{padding:1rem;border-top:1px solid #222;display:flex;gap:.75rem;background:#111}.chat-input-area input{flex:1;padding:.75rem 1rem;border-radius:24px;background:#1a1a1a;border:1px solid #333}.chat-input-area input:focus{border-color:#667eea}.chat-input-area button{border-radius:24px;padding:.75rem 1.5rem}.status{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.75rem 1.25rem;border-radius:8px;font-size:.85rem;z-index:100;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.status.success{background:#1a472a;border:1px solid #2d5a3d;color:#4ade80}.status.error{background:#472a2a;border:1px solid #5a2d2d;color:#f87171}.loader{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.spinner{width:32px;height:32px;border:3px solid #333;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input-row{display:flex;gap:.5rem}.input-row input{flex:1;min-width:0}.input-row button{flex-shrink:0}.modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:300;padding:1rem}.modal-content{background:#111;border:1px solid #333;border-radius:12px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid #222;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.1rem;color:#fff}.modal-body{flex:1;overflow-y:auto;padding:1rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #222;display:flex;justify-content:flex-end;gap:.5rem}.doc-list{display:flex;flex-direction:column;gap:.5rem}.empty-state{text-align:center;color:#555;padding:2rem}.doc-item{display:flex;align-items:center;padding:.75rem;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;gap:.75rem}.doc-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#252525;border-radius:6px;flex-shrink:0}.doc-item-info{flex:1;min-width:0}.doc-item-title{font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ddd}.doc-item-meta{font-size:.75rem;color:#666;display:flex;gap:.5rem;align-items:center;margin-top:.25rem}.doc-item-remove{padding:.4rem .6rem;background:transparent;border:1px solid #333;color:#666;font-size:.75rem}.doc-item-remove:hover{color:#f87171;border-color:#5a2d2d;background:#2a1a1a}.badge{display:inline-block;padding:.1rem .35rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badge-docs{background:#1e3a5f;color:#60a5fa}.badge-url{background:#3f2e1e;color:#fbbf24}.badge-file{background:#1e3f2e;color:#4ade80}.badge-manual{background:#3f1e3f;color:#c084fc}@media (max-width: 768px){.app{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #222}.sidebar-section{padding:.75rem 1rem}.sidebar-footer{display:none}.chat-message{max-width:95%}.message-sources{margin-left:0}}