.chatbot-container{display:flex;flex-direction:column;height:600px;width:100%;max-width:450px;margin:20px auto;border:1px solid #e0e0e0;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative}.chat-history{flex:1 1;padding:20px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;background-color:#f9f9fb;min-height:0;scroll-behavior:smooth}.chat-history::-webkit-scrollbar{width:6px}.chat-history::-webkit-scrollbar-track{background:transparent}.chat-history::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:3px}.message{padding:10px 16px;border-radius:20px;max-width:80%;word-wrap:break-word;line-height:1.5;position:relative}.message.user{background-color:#007bff;color:#fff;align-self:flex-end;border-bottom-right-radius:5px}.message.bot{background-color:#e9e9eb;color:#2c2c2e;align-self:flex-start;border-bottom-left-radius:5px}.chat-input-form{display:flex;padding:12px;border-top:1px solid #e0e0e0;background-color:#fff;align-items:center;flex-shrink:0;width:100%;box-sizing:border-box}.chat-input-field{flex:1 1;border:none;background-color:#f0f0f0;padding:12px 18px;border-radius:22px;margin-right:10px;outline:none;font-size:16px;transition:background-color .3s;box-sizing:border-box}.chat-input-field:focus{background-color:#e8e8e8}.chat-input-field:disabled{background-color:#f9f9f9;color:#999}.chat-send-button{border:none;background-color:#007bff;color:#fff;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s,transform .2s;flex-shrink:0}.chat-send-button:hover:not(:disabled){background-color:#0056b3}.chat-send-button:disabled{background-color:#a0c7ff;cursor:not-allowed;transform:scale(1)}.chat-send-button:active:not(:disabled){transform:scale(.95)}.typing-indicator{display:flex;align-items:center;gap:4px;padding:8px 0}.typing-indicator span{height:8px;width:8px;background-color:#8e8e93;border-radius:50%;display:inline-block;animation:typing-blink 1.4s infinite}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-blink{0%,80%,to{opacity:.2;transform:scale(1)}40%{opacity:1;transform:scale(1.1)}}@media (max-width:480px){.chatbot-container{height:100vh;max-width:100%;margin:0;border-radius:0}.chat-history{padding:15px}.message{max-width:85%}.chat-input-form{padding:10px}}.floating-chatbot-container{position:fixed;bottom:20px;right:20px;z-index:1000}.floating-chatbot{position:fixed;bottom:20px;right:20px;z-index:9999}.chatbot-toggle-button{width:60px;height:60px;border-radius:50%;border:none;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .2s ease-in-out}.chatbot-toggle-button:hover{transform:scale(1.05)}.chatbot-toggle-button img{width:40px;height:40px}.chatbot-window{position:absolute;bottom:80px;right:0;width:350px;height:500px;background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden;border:1px solid #e0e0e0}.chatbot-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#007bff;color:#fff;border-bottom:1px solid #e0e0e0}.chatbot-header h4{margin:0;font-size:16px}.close-button{background:none;border:none;color:#fff;cursor:pointer;padding:5px;display:flex;align-items:center}.close-button:hover{opacity:.8}