.rag-chat{display:flex;flex-direction:column;height:100%;max-height:100%}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.chat-header h2{margin:0;font-size:18px;font-weight:600}.clear-btn{background:#fff3;border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.clear-btn:hover{background:#ffffff4d}.error-banner{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--error-bg);color:var(--error-text);border-bottom:1px solid #fcc;font-size:13px}.error-banner button{background:none;border:none;color:var(--error-text);cursor:pointer;font-size:16px;padding:0;margin-left:10px}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background-color:#fafafa}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.messages::-webkit-scrollbar-thumb:hover{background:#999}.message{display:flex;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{justify-content:flex-end}.message-assistant{justify-content:flex-start}.message-bubble{max-width:100%;padding:12px 16px;border-radius:12px;background-color:#fff;box-shadow:0 2px 8px #00000014}.message-user .message-bubble{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-bottom-right-radius:4px}.message-assistant .message-bubble{background-color:#f0f2f5;color:var(--text-primary);border-bottom-left-radius:4px}.message-text{font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;margin-bottom:8px}.message-time{font-size:11px;opacity:.7;margin-top:6px}.message-user .message-time{text-align:right;color:#fffc}.message-assistant .message-time{color:#999}.retrieved-docs{margin-top:12px;border-top:1px solid rgba(0,0,0,.1);padding-top:12px}.docs-toggle{background:none;border:none;cursor:pointer;font-size:12px;color:var(--primary);padding:0;font-weight:600;transition:color .2s}.docs-toggle:hover{color:var(--primary-dark)}.message-user .docs-toggle{color:#ffffffe6}.message-user .docs-toggle:hover{color:#fff}.docs-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.doc-item{background:#667eea1a;border-left:3px solid var(--primary);padding:8px;border-radius:4px;font-size:11px}.message-user .doc-item{background:#fff3;border-left-color:#ffffff80}.doc-header{display:flex;justify-content:space-between;margin-bottom:4px;font-weight:600;color:var(--primary)}.message-user .doc-header{color:#ffffffe6}.doc-id{font-family:monospace}.doc-score{font-size:10px;color:var(--primary-dark)}.message-user .doc-score{color:#fffc}.doc-text{color:#555;line-height:1.4;word-wrap:break-word}.message-user .doc-text{color:#ffffffe6}.typing{display:flex;gap:4px;padding:8px 0}.typing span{width:8px;height:8px;background-color:var(--primary);border-radius:50%;animation:typing 1.4s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.input-form{display:flex;gap:8px;padding:12px;background-color:#fff;border-top:1px solid var(--border-color)}.input-field{flex:1;padding:10px 14px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.input-field:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-btn{padding:10px 16px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.send-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.rag-chat{max-height:100%}.message-bubble{max-width:95%}.chat-header h2{font-size:14px}.clear-btn{font-size:12px;padding:6px 10px}}.app{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-dark) 100%)}.app-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:40px 20px;text-align:center;box-shadow:0 8px 32px #1f268733}.header-content h1{font-size:48px;margin-bottom:8px;font-weight:700}.tagline{font-size:18px;font-weight:300;opacity:.9}.app-container{display:flex;flex:1;gap:0}.nav-menu{width:160px;background:#fff;border-right:1px solid var(--border-color);padding:0;flex-shrink:0}.nav-menu ul{list-style:none;padding:0;margin:0}.nav-menu li{margin:0}.nav-menu a{display:block;padding:16px 12px;background:none;border:none;border-left:4px solid transparent;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;text-decoration:none}.nav-menu a:hover{background-color:#f5f5f5;border-left-color:var(--primary-light)}.nav-menu a.active{background-color:#f0f8ff;border-left-color:var(--primary);color:var(--primary)}.app-main{position:relative;display:flex;flex-direction:column;gap:24px;padding:32px 20px;max-width:1400px;margin:0 auto;flex:1;width:100%}.main-content{background:#fff;border-radius:12px;padding:32px;box-shadow:0 8px 32px #1f26871a}.main-content h2{font-size:32px;margin-bottom:16px;color:var(--primary)}.main-content h3{font-size:20px;margin-top:24px;margin-bottom:12px;color:var(--text-primary)}.main-content p{font-size:16px;line-height:1.8;color:var(--text-secondary);margin-bottom:16px}.main-content ul{list-style:disc;margin-left:32px;font-size:16px;line-height:1.8;color:var(--text-secondary)}.main-content li{margin-bottom:12px}.floating-chat-container{position:fixed;bottom:20px;right:20px;width:320px;height:350px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #1f268733;display:flex;flex-direction:column;z-index:1000;border:1px solid var(--border-color)}.chat-header-draggable{padding:8px 16px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:12px 12px 0 0;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;font-weight:600;font-size:14px;transition:background .2s;display:flex;justify-content:space-between;align-items:center}.chat-header-draggable:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%)}.chat-header-draggable:active{opacity:.9}.minimize-btn{background:transparent;border:none;color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:20px;font-weight:700;transition:background .2s;margin-left:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1}.minimize-btn:hover{background:#ffffff26}.minimize-btn:active{background:#ffffff40}.chat-open-btn{position:fixed;bottom:20px;right:20px;padding:12px 16px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;box-shadow:0 8px 32px #1f268733;transition:transform .2s,box-shadow .2s;z-index:999}.chat-open-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1f26874d}.chat-open-btn:active{transform:translateY(0)}.chat-wrapper{flex:1;overflow:hidden;border-radius:0 0 12px 12px}.app-sidebar{display:flex;flex-direction:column}.info-panel{background:#fff;border-radius:12px;padding:24px;box-shadow:0 8px 32px #1f26871a;border-left:4px solid var(--primary);max-height:600px;overflow-y:auto}.info-panel h2{font-size:20px;margin-bottom:12px;color:var(--primary)}.info-panel h3{font-size:14px;margin-top:16px;margin-bottom:8px;color:var(--text-primary);font-weight:600}.info-panel p{font-size:13px;line-height:1.6;color:var(--text-secondary);margin-bottom:12px}.info-panel ol,.info-panel ul{font-size:13px;line-height:1.6;color:var(--text-secondary);margin-left:20px;margin-bottom:12px}.info-panel li{margin-bottom:6px}.service-status{background-color:#f9f9f9;padding:12px;border-radius:6px;margin:12px 0}.service-status p{margin-bottom:6px;font-size:12px}.service-status code{background-color:#f0f0f0;padding:4px 8px;border-radius:3px;font-family:monospace;color:#d73a49;word-break:break-all}.status-check{font-style:italic;color:var(--text-secondary)}.app-footer{background:#fff;border-top:1px solid var(--border-color);padding:16px 20px;text-align:center;margin-top:auto}.app-footer p{font-size:13px;color:var(--text-secondary)}.app-footer a{color:var(--primary);text-decoration:none;margin:0 4px}.app-footer a:hover{text-decoration:underline}@media (max-width: 768px){.app-header{padding:24px 16px}.header-content h1{font-size:32px}.tagline{font-size:14px}.app-container{flex-direction:column}.nav-menu{width:100%;border-right:none;border-bottom:1px solid var(--border-color);display:flex;overflow-x:auto}.nav-menu ul{display:flex;width:100%}.nav-menu button{flex:1;border-left:none;border-bottom:3px solid transparent;padding:12px 8px;font-size:12px}.nav-menu button:hover{border-bottom-color:var(--primary-light)}.nav-menu button.active{border-bottom-color:var(--primary);border-left:none}.app-main{flex-direction:column;gap:16px;padding:16px}.floating-chat-container{width:280px;height:330px;bottom:10px;right:10px}.chat-open-btn{bottom:10px;right:10px;padding:10px 14px;font-size:13px}.info-panel{max-height:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #667eea;--primary-dark: #764ba2;--primary-light: #8b9def;--secondary: #f093fb;--bg-light: #f5f7fa;--bg-dark: #c3cfe2;--text-primary: #333;--text-secondary: #666;--border-color: #e0e0e0;--error-bg: #fee;--error-text: #c33}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-dark) 100%);color:var(--text-primary)}body,#root{min-height:100vh}