#chatbot-widget{position:fixed;bottom:20px;right:20px;z-index:9999;font-family:Arial,sans-serif}#chatbot-icon{background:#63bdc4;color:#fff;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.3)}#chatbot-icon>.chat-icon-mdi{font-size:24px}#chatbot-dialog{width:360px;height:520px;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden}.hidden{display:none !important}.chat-header{background:#63bdc4;color:#fff;padding:10px;display:flex;align-items:center;justify-content:space-between;position:relative}.chat-header-logo{width:30px;height:30px;border-radius:50%}.chat-header-title{position:absolute;left:50%;transform:translateX(-50%);font-weight:700}.btn--close{cursor:pointer;font-size:20px}.chat-body{flex:1;overflow-y:auto;background:#f9f9f9;padding:10px;display:flex;flex-direction:column}.chat-msg-container{display:flex;margin:6px 0;align-items:flex-end}.chat-msg-container.user{justify-content:end}.chat-msg{padding:10px 14px;border-radius:16px;max-width:65%;word-wrap:break-word;line-height:1.5;white-space:break-spaces}.chat-msg.bot{background:#e3f2fd;color:#0d47a1;border-radius:16px 16px 16px 4px;align-self:flex-start}.chat-msg.user{background:#c8e6c9;color:#1b5e20;border-radius:16px 16px 4px;align-self:flex-end}.chat-msg-container.user>.chat-avatar{margin-left:10px}.chat-msg-container.bot>.chat-avatar{margin-right:10px}.chat-footer{display:flex;align-items:center;padding:8px;border-top:1px solid #ddd;background:#fff}#emoji-btn{border:none;padding:0;margin-right:5px;font-size:20px;background-color:transparent}.chat-footer input{flex:1;padding:8px;margin:0 5px}.btn-send{background:#63bdc4;color:#fff;border:none;border-radius:50%;width:34px;height:34px;cursor:pointer;margin-left:5px}.btn-send:hover{background-color:#54a6ac}.send-icon{color:#fff;font-size:18px}.emoji-picker{display:flex;flex-wrap:wrap;padding:5px;background:#f0f0f0;border-top:1px solid #ddd}.emoji-picker span{cursor:pointer;font-size:18px;margin:3px}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background-color:#555;border-radius:50%;animation:blink 1.4s infinite both}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}100%{opacity:.2}}