@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;color:#334155}#root{height:100%;padding:20px;display:flex;align-items:center;justify-content:center}.chatbot-container{width:100%;height:100%;max-width:100%;display:flex;flex-direction:column;background:#fff;border-radius:62px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding:30px 20px 20px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth;background:#fff;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.message{display:flex;flex-direction:column;max-width:75%}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message-role{font-size:14px;font-weight:500;margin-bottom:6px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.message.user .message-role{text-align:right}.message-content{padding:12px 16px;border-radius:15.5px;line-height:1.5;word-wrap:break-word;font-size:14px;font-weight:400}.message.user .message-content{color:#fff}.message.assistant .message-content{background:#f7f7f7;color:#1e293b}.typing-indicator{display:flex;gap:4px;align-items:center;padding:4px 0}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.3}40%{opacity:1}}.input-form{padding:16px 24px 24px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}.input-wrapper{position:relative;width:100%}.message-input{width:100%;padding:14px 60px 14px 20px;background:#fff;border:none;border-radius:24px;font-size:15px;font-weight:400;outline:none;transition:all .2s ease;color:#1e293b;font-family:inherit;box-shadow:0 0 0 2px #e5e7eb,0 1px 2px #0000000d}.message-input::placeholder{color:#9ca3af}.message-input:focus{background:#fff;box-shadow:0 0 0 2px #e5e7eb,0 1px 2px #0000000d}.message-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.send-button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;color:#fff;border:none;border-radius:50%;font-size:18px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;justify-content:center}.send-button:hover:not(:disabled){transform:translateY(-50%) scale(1.05)}.send-button:active:not(:disabled){transform:translateY(-50%) scale(.95)}.send-button:disabled{background:#d1d5db;cursor:not-allowed}.send-button svg{width:20px;height:20px;stroke-width:2.5}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;margin:0 24px 24px;border-radius:8px;text-align:center;font-size:14px;font-weight:500}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f5f9}.messages-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}#chatbot-widget{z-index:999999!important}#chatbot-widget *{scroll-behavior:auto!important;-webkit-overflow-scrolling:touch!important}#chatbot-widget .messages-container{overflow-y:auto!important;overflow-x:hidden!important;position:relative!important;transform:none!important;-webkit-transform:none!important;pointer-events:auto!important;touch-action:pan-y!important;will-change:scroll-position}@media (max-width: 768px){#root{padding:10px}.chatbot-container{height:auto;border-radius:8px}.messages-container{padding:16px;gap:12px}.message{max-width:85%}.message-content{padding:10px 14px;font-size:14px}.input-form{padding:16px}.message-input{padding:12px 50px 12px 16px;font-size:14px}.send-button{right:4px;width:32px;height:32px}.send-button svg{width:18px;height:18px}}#chatbot-widget .chatbot-container{height:100%!important;touch-action:auto;overflow:hidden;transform:none!important;-webkit-transform:none!important;display:flex!important;flex-direction:column!important;transition:none!important}#chatbot-widget .messages-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;touch-action:pan-y}