:root{--chat-primary: #008080;--chat-bg: #ffffff;--chat-text: #333333;--chat-accent: #1abc9c;--chat-shadow: 0 4px 15px rgba(0, 0, 0, .2);--chat-border-radius: 16px}.chatbot-fab{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background-color:var(--chat-primary);border-radius:50%;box-shadow:var(--chat-shadow);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:9999;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.chatbot-fab:hover{transform:scale(1.1)}.chatbot-fab svg{width:32px;height:32px;fill:#fff}.chatbot-container{position:fixed;bottom:100px;right:30px;width:380px;height:550px;background-color:var(--chat-bg);border-radius:var(--chat-border-radius);box-shadow:var(--chat-shadow);display:flex;flex-direction:column;overflow:hidden;z-index:9999;opacity:0;transform:translateY(20px) scale(.95);pointer-events:none;transition:all .3s ease-in-out}.chatbot-container.active{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.chatbot-header{background-color:var(--chat-primary);color:#fff;padding:1.2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000001a}.chatbot-title{font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.chatbot-actions{display:flex;gap:.8rem}.chatbot-btn-icon{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.2rem;transition:opacity .2s}.chatbot-btn-icon:hover{opacity:.7}.chatbot-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background-color:#f8f9fa}.message{padding:10px 16px;border-radius:18px;max-width:80%;font-size:.95rem;line-height:1.5;animation:fadeIn .3s ease-out;position:relative;box-shadow:0 1px 2px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.bot{background-color:#f0f2f5;color:var(--chat-text);border-bottom-left-radius:4px;align-self:flex-start}.message.user{background-color:var(--chat-primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.message.typing{background-color:transparent;color:#888;font-style:italic;font-size:.85rem;padding:.5rem 1rem;box-shadow:none;align-self:flex-start;display:flex;align-items:center;gap:4px}.typing-dot{width:6px;height:6px;background-color:#999;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chatbot-input-area{padding:1rem;border-top:1px solid #eee;display:flex;gap:.8rem;background-color:#fff}.chatbot-input{flex:1;padding:.8rem;border:1px solid #ddd;border-radius:25px;outline:none;font-family:inherit;font-size:1rem}.chatbot-input:focus{border-color:var(--chat-primary)}.chatbot-send{background-color:var(--chat-primary);color:#fff;border:none;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.chatbot-send:hover{background-color:var(--chat-accent)}.chatbot-send svg{width:20px;height:20px;fill:#fff}