:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#f7f7f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{min-width:320px;min-height:100vh}#root{display:flex;flex-direction:column}a{color:#3182ce;text-decoration:none;font-weight:500}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:4px;font-family:inherit;font-size:1rem;transition:background-color .2s;padding:.5rem 1rem}button:disabled{opacity:.6;cursor:not-allowed}input,textarea{font-family:inherit;border:1px solid #ccc;border-radius:4px;padding:.5rem;font-size:1rem;width:100%}input:focus,textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 1px #3182ce}input::placeholder,textarea::placeholder{color:#a0aec0}.form-group{margin-bottom:1rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem}.form-error{color:#e53e3e;font-size:.875rem;margin-top:.25rem}.password-hint{color:#718096;font-size:.75rem;margin-top:.25rem}.btn{padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary{background-color:#3182ce;color:#fff}.btn-primary:hover{background-color:#2b6cb0}.btn-outline{background-color:transparent;border:1px solid #3182ce;color:#3182ce}.btn-outline:hover{background-color:#ebf8ff}.btn-danger{background-color:#e53e3e;color:#fff}.btn-danger:hover{background-color:#c53030}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.auth-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;width:100%;max-width:400px}.auth-title{text-align:center;font-size:1.5rem;margin-bottom:1.5rem}.auth-subtitle{text-align:center;color:#718096;margin-bottom:1.5rem}.auth-alt-link{text-align:center;margin-top:1rem}.form-submit{width:100%;margin-top:1.5rem}.password-input-container{position:relative}.password-toggle-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#718096;cursor:pointer;padding:4px;font-size:.875rem}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fffc;z-index:1000}.loading-spinner-large{display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#3182ce}.loading-spinner-large:before{content:"";width:40px;height:40px;border-radius:50%;border:4px solid #cbd5e0;border-top-color:#3182ce;margin-right:1rem;animation:spin 1s linear infinite}.toast{position:fixed;bottom:1rem;right:1rem;padding:.75rem 1.5rem;border-radius:4px;color:#fff;box-shadow:0 4px 6px #0000001a;z-index:1000;animation:toast-slide-in .3s ease-out}.toast-success{background-color:#38a169}.toast-error{background-color:#e53e3e}.toast-warning{background-color:#dd6b20}.toast-info{background-color:#3182ce}@keyframes toast-slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-color-scheme: dark){:root{color:#ffffffde;background-color:#242424}.loading-screen{background-color:#242424cc}.loading-spinner-large{color:#63b3ed}.loading-spinner-large:before{border-color:#4a5568;border-top-color:#63b3ed}.auth-form{background-color:#1a202c;box-shadow:0 4px 6px #0000004d}.auth-subtitle{color:#a0aec0}input,textarea{background-color:#2d3748;border-color:#4a5568;color:#fff}input::placeholder,textarea::placeholder{color:#718096}input:focus,textarea:focus{border-color:#4299e1;box-shadow:0 0 0 1px #4299e1}}.layout{display:flex;height:100vh;width:100%}.sidebar{width:270px;height:100vh;background-color:#f1f1f1;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;transition:left .3s;position:relative;overflow:hidden}.sidebar-content{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;scrollbar-width:thin}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#0000000d}.sidebar-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;width:100%}.sidebar-title{font-size:1.25rem;font-weight:600;margin:0}.sidebar-divider{height:1px;background-color:#e2e8f0;width:100%;margin:.5rem 0}.conversation-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;max-height:calc(100vh - 280px);overflow-y:auto;padding-right:4px}.conversation-group{margin-bottom:1rem}.conversation-group-title{font-size:.85rem;color:#718096;margin:.75rem 0 .5rem .25rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;margin-top:.5rem}.conversation-list-title{font-weight:600;margin:0;font-size:.9rem}.btn-small{padding:.25rem .5rem;font-size:.875rem;background:transparent;border:1px solid #e2e8f0;border-radius:4px;color:#718096}.btn-small:hover{background-color:#f7fafc}.btn-small:disabled{opacity:.5;cursor:not-allowed}.conversation-item{padding:.5rem .75rem;border-radius:4px;text-align:left;font-weight:400;background-color:transparent;width:100%;display:flex;align-items:center;margin-bottom:4px;font-size:.9rem;cursor:pointer;border:none;position:relative;min-height:36px;line-height:1.3}.conversation-title-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;color:inherit}.conversation-item:hover{background-color:#e2e8f0}.conversation-item.active{background-color:#e2e8f0;font-weight:500}.sidebar-footer{padding:1rem;border-top:1px solid #e2e8f0;position:sticky;bottom:0;background-color:#f1f1f1;z-index:1}.main-content{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;height:100%}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 1rem}.page-title{font-size:1.25rem;font-weight:600;margin-bottom:0}.chat-container{flex:1;display:flex;flex-direction:column;height:100%}.chat-container.new-chat{justify-content:center}.messages-container{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.chat-input-container{padding:1rem;border-top:1px solid #e2e8f0}.new-chat .chat-input-container{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin:0 auto;width:90%;max-width:800px}.chat-input-form{display:flex;gap:.5rem;align-items:flex-end}.chat-input{flex:1;line-height:1.5;overflow-y:auto;padding:10px;border-radius:8px}.chat-loading-indicator{text-align:center;color:#718096;font-size:.875rem;padding-top:.5rem;font-style:italic}.message{display:flex;margin-bottom:1rem}.message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;margin-right:.5rem}.message.user .message-avatar{margin-right:0;margin-left:.5rem;background-color:#3182ce}.message.assistant .message-avatar{background-color:#38a169}.message-content{max-width:80%;padding:.75rem;border-radius:8px}.message.user .message-content{background-color:#ebf8ff}.message.assistant .message-content{background-color:#f0fff4}.message-text{margin-bottom:.25rem}.markdown-content{font-size:.95rem}.markdown-content h1{font-size:1.5rem;margin-top:1rem;margin-bottom:.5rem}.markdown-content h2{font-size:1.3rem;margin-top:.8rem;margin-bottom:.4rem}.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{font-size:1.1rem;margin-top:.7rem;margin-bottom:.3rem}.markdown-content p{margin-bottom:.5rem}.markdown-content ol,.markdown-content ul{margin-left:1.5rem;margin-bottom:.5rem}.markdown-content li{margin-bottom:.25rem}.markdown-content pre{background-color:#0000000d;border-radius:4px;padding:.5rem;overflow-x:auto;margin-bottom:.5rem}.markdown-content code{background-color:#0000000d;padding:.1rem .3rem;border-radius:3px;font-family:monospace;font-size:.9em}.markdown-content pre code{background-color:transparent;padding:0}.markdown-content blockquote{border-left:3px solid #cbd5e0;padding-left:.5rem;color:#718096;font-style:italic;margin-left:.5rem;margin-bottom:.5rem}.markdown-content table{border-collapse:collapse;width:100%;margin-bottom:.5rem}.markdown-content table th,.markdown-content table td{border:1px solid #e2e8f0;padding:.3rem .5rem;text-align:left}.markdown-content table th{background-color:#00000008}.markdown-content a{color:#3182ce;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content img{max-width:100%;height:auto;border-radius:4px;margin:.5rem 0}.streaming-cursor{display:inline-block;width:.5rem;height:1.2rem;background-color:#3182ce;margin-left:1px;vertical-align:middle;animation:blink .8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.thinking-animation{display:flex;align-items:center;margin:.5rem 0}.thinking-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background-color:#3182ce;margin:0 .2rem;animation:thinking-blink 1.4s infinite}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes thinking-blink{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.status-message{margin-top:.75rem;font-size:.8rem;color:#64748b;font-style:italic;text-align:center;opacity:.85;animation:fade-in .3s ease-in;padding:.25rem .5rem;border-radius:4px;background-color:#0000000a;display:inline-block}@keyframes fade-in{0%{opacity:0}to{opacity:.85}}.message-time{font-size:.75rem;color:#718096;text-align:right}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:1rem;color:#718096;font-size:.875rem}.loading-spinner:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid #cbd5e0;border-top-color:#3182ce;margin-right:.5rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:1rem;color:#718096;font-size:.875rem;text-align:center}.welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;max-width:600px;margin:0 auto}.welcome-title{font-size:1.75rem;font-weight:600;margin-bottom:1rem;color:#3182ce}.welcome-text{font-size:1.1rem;color:#718096;margin-bottom:2rem}@media (max-width: 768px){.sidebar{position:absolute;left:-270px;z-index:10}.sidebar.open{left:0}.sidebar-toggle{position:absolute;top:.5rem;right:-40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#3182ce;color:#fff;border-radius:0 4px 4px 0;cursor:pointer}}.settings-container{max-width:800px;margin:0 auto;padding:1rem}.service-connection-container{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#f7fafc}.service-connection-box{max-width:400px;padding:2rem;border-radius:8px;background-color:#fff;box-shadow:0 4px 6px #0000001a;text-align:center}.service-connection-icon{font-size:3rem;margin-bottom:1rem}.service-connection-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.service-connection-message{margin-bottom:1.5rem;color:#4a5568}.service-connection-footer{font-size:.875rem;color:#718096;font-style:italic}.service-connection-box.loading .service-connection-icon{animation:pulse 1.5s infinite}.service-connection-box.success{border-top:4px solid #48bb78}.service-connection-box.error{border-top:4px solid #e53e3e}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.settings-section{margin-bottom:2rem;background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.settings-section-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#2d3748}.settings-section-description{color:#718096;margin-bottom:1.5rem}.service-list{display:flex;flex-direction:column;gap:1rem}.service-item{display:flex;align-items:center;padding:1rem;border:1px solid #e2e8f0;border-radius:6px;background-color:#f8fafc}.service-icon{font-size:1.75rem;margin-right:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.service-details{flex:1}.service-name{font-weight:600;font-size:1.1rem;margin-bottom:.25rem}.service-description{color:#718096;font-size:.9rem}.service-actions{margin-left:1rem}.error-message{background-color:#fff5f5;color:#e53e3e;padding:.75rem;border-radius:4px;margin-bottom:1rem;border-left:4px solid #e53e3e}.toast{position:fixed;bottom:1rem;right:1rem;max-width:350px;padding:.75rem 1.5rem;border-radius:4px;color:#fff;font-weight:500;box-shadow:0 4px 6px #0000001a;z-index:1000;animation:slide-in .3s ease-out forwards;display:inline-block}.toast-success{background-color:#38a169;border-left:4px solid #276749}.toast-error{background-color:#e53e3e;border-left:4px solid #c53030}.toast-info{background-color:#3182ce;border-left:4px solid #2b6cb0}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sidebar-icon{font-size:1.25rem;color:#718096;padding:.5rem;border-radius:4px;transition:all .2s ease;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.sidebar-icon:hover{background-color:#0000000d;color:#4a5568}.sidebar-actions{display:flex;justify-content:space-between;margin-top:.75rem}.settings-link{text-decoration:none;display:flex;align-items:center;justify-content:center}.user-menu{position:relative;cursor:pointer}.user-menu-icon{font-size:1.5rem;padding:.5rem;border-radius:4px;transition:all .2s ease;background:none;border:none;display:flex;align-items:center;justify-content:center;color:#718096;cursor:pointer}.user-menu-icon:hover{background-color:#0000000d;color:#4a5568}.user-menu-dropdown{position:absolute;right:0;top:100%;width:180px;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;z-index:100;overflow:hidden;display:none}.user-menu-dropdown.open{display:block;animation:menu-appear .2s ease-out}@keyframes menu-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{display:block;padding:.75rem 1rem;width:100%;text-align:left;border:none;background:none;cursor:pointer;font-size:.9rem;color:#4a5568;transition:background-color .2s;text-decoration:none}.user-menu-item:hover{background-color:#f1f5f9}.user-menu-divider{height:1px;background-color:#e2e8f0;margin:0}@media (prefers-color-scheme: dark){.user-menu-dropdown{background-color:#2d3748;box-shadow:0 2px 10px #0000004d}.user-menu-item{color:#e2e8f0}.user-menu-item:hover,.user-menu-divider{background-color:#4a5568}}@media (prefers-color-scheme: dark){.welcome-title{color:#63b3ed}.welcome-text{color:#a0aec0}.sidebar{background-color:#1a202c;border-right-color:#2d3748}.sidebar-divider{background-color:#2d3748}.conversation-group-title{color:#a0aec0}.conversation-item:hover,.conversation-item.active{background-color:#2d3748}.btn-small{border-color:#4a5568;color:#a0aec0}.btn-small:hover{background-color:#2d3748}.sidebar-footer{border-top-color:#2d3748;background-color:#1a202c}.settings-section{background-color:#1a202c;box-shadow:0 1px 3px #0003}.settings-section-title{color:#e2e8f0}.service-item{background-color:#2d3748;border-color:#4a5568}.service-name{color:#e2e8f0}.sidebar-icon{color:#a0aec0}.sidebar-icon:hover{background-color:#2d3748;color:#e2e8f0}.error-message{background-color:#e53e3e1a;border-color:#e53e3e}.service-connection-container{background-color:#1a202c}.service-connection-box{background-color:#2d3748;box-shadow:0 4px 6px #0003}.service-connection-title{color:#e2e8f0}.service-connection-message{color:#a0aec0}.service-connection-footer{color:#718096}.chat-input-container{border-top-color:#2d3748}.new-chat .chat-input-container{border-color:#2d3748;box-shadow:0 2px 6px #0003}.message.user .message-content{background-color:#2c5282}.message.assistant .message-content{background-color:#22543d}.markdown-content pre,.markdown-content code{background-color:#ffffff1a}.markdown-content blockquote{border-left-color:#4a5568;color:#a0aec0}.markdown-content table th,.markdown-content table td{border-color:#4a5568}.markdown-content table th{background-color:#ffffff0d}.markdown-content a{color:#63b3ed}.streaming-cursor,.thinking-dot{background-color:#63b3ed}.status-message{color:#a0aec0;background-color:#ffffff0f}}