@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%}.chat-container{width:100%;border-radius:10px;flex:1;border:1px solid grey}.chat-container .chat-content{border-radius:10px;background:#fff;padding:0;width:100%;height:100%;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;overflow:hidden;position:relative;max-height:95vh}.chat-container .chat-content .chat-header{background:#007bff;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000001a}.chat-container .chat-content .chat-header h3{margin:0;font-size:1.2em}.chat-container .chat-content .chatbot-messages{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:#f0f2f5}.chat-container .chat-content .chatbot-messages::-webkit-scrollbar{width:8px}.chat-container .chat-content .chatbot-messages::-webkit-scrollbar-track{background:#f0f2f5;border-radius:10px}.chat-container .chat-content .chatbot-messages::-webkit-scrollbar-thumb{background:#c4ccd8;border-radius:10px}.chat-container .chat-content .chatbot-messages::-webkit-scrollbar-thumb:hover{background:#a7b3c5}.message-image-container{display:flex;flex-direction:column;align-items:flex-start;max-width:500px}.message-image{max-width:100%;height:auto;border-radius:6px;margin-top:4px}.layout-container{display:flex;min-height:100vh}.sidebar{width:240px;background-color:#1f2937;color:#fff;padding:1rem}.main-content{flex:1;width:100%;height:100%;display:flex}.demo-logo-vertical{padding:1rem;text-align:center;font-weight:700;font-size:large;display:flex;gap:10px;align-items:center;justify-content:center}.chat-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chat-modal-content{background:#fff;padding:0;border-radius:12px;width:600px;max-width:90%;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:400px}.chat-modal-close{position:fixed;top:0;right:10px;border:none;padding:10px;background:none;font-size:40px;cursor:pointer;color:#fff;transition:color .2s ease-in-out}.chat-modal-close:focus{outline:none}.chat-modal-close:hover{color:#007bff}.chat-modal-header{background:#007bff;color:#fff;padding:15px 20px;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000001a}.chat-modal-header h3{margin:0;font-size:1.2em}.chat-modal-header .chat-status{font-size:.85em;opacity:.9}.chat-modal-header .chat-status:before{content:"• ";color:#32cd32;font-size:1.5em;vertical-align:middle}.chat-messages{flex-grow:1;padding:10px;overflow-y:auto;max-height:400px;display:flex;flex-direction:column;gap:10px;background:#f0f2f5}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#f0f2f5;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:#c4ccd8;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a7b3c5}.message-row{display:flex;margin-bottom:10px}.message-row.bot{justify-content:flex-start}.message-row.user{flex-direction:row-reverse}.message-row .avatar{margin:0 5px;display:flex;align-items:center;border-radius:50%}.message-row .avatar .gender-icon{font-size:1.75em}.message-row .message-bubble{max-width:75%;padding:10px 15px;border-radius:20px;position:relative;word-wrap:break-word}.message-row .message-bubble .message-text{font-size:.95em;margin:0}.message-row .message-bubble .message-time{font-size:.75em;color:#888;text-align:right;margin-top:5px}.message-row .message-bubble.bot{background:#fff;border:1px solid #ddd;border-bottom-left-radius:5px}.message-row .message-bubble.user{background:#007bff;color:#fff;border-bottom-right-radius:5px}.message-row .message-bubble.user .message-text,.message-row .message-bubble.user .message-time{color:#fff}.typing{background:#fff;border:1px solid #e0e0e0;padding:10px 15px;position:relative;border-radius:20px 20px 20px 5px;max-width:60px;height:30px;display:flex;align-items:center;justify-content:center}.loading-dots{display:flex;gap:5px}.loading-dots span{width:8px;height:8px;background-color:#007bff;border-radius:50%;opacity:.3;animation:blink 1.4s infinite both}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.chat-input-area{display:flex;padding:15px 20px;border-top:1px solid #e0e0e0;background:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;scrollbar-width:thin;scrollbar-color:#007bff transparent}.chat-input-area input[type=text]{flex-grow:1;padding:12px 15px;border:1px solid #e0e0e0;border-radius:25px;font-size:1em;outline:none;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.chat-input-area input[type=text]:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff33}.chat-input-area input[type=text]::placeholder{color:#aaa}.chat-input-area textarea{flex-grow:1;padding:12px 15px;border:1px solid #e0e0e0;border-radius:10px;font-size:1em;outline:none;resize:none;min-height:50px;max-height:120px;line-height:1.4;font-family:inherit;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.chat-input-area textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff33}.chat-input-area textarea::placeholder{color:#aaa}.chat-input-area .btn-send-container{display:flex;align-items:center}.chat-input-area .btn-send-container .send-button{background:#007bff;color:#fff;border:none;border-radius:10px;padding:10px 20px;margin-left:10px;cursor:pointer;font-size:1em;font-weight:700;transition:background .3s ease-in-out,transform .1s ease-in-out}.chat-input-area .btn-send-container .send-button:hover{background:#006fe6}.chat-input-area .btn-send-container .send-button:active{transform:scale(.98)}.chat-input-area textarea:disabled,.chat-input-area .send-button:disabled{opacity:.5;cursor:not-allowed}.chat-input-area::-webkit-scrollbar{width:8px}.chat-input-area::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin:8px 0}.chat-input-area::-webkit-scrollbar-thumb{background:#007bff;border-radius:10px;border:2px solid transparent;background-clip:content-box;transition:background-color .3s ease}.chat-input-area::-webkit-scrollbar-thumb:hover{background:#0069d9}