*{box-sizing:border-box;margin:0;padding:0}.chat-container{position:fixed;bottom:20px;right:20px;width:380px;height:580px;background:#FFF;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;z-index:1000;transition:all 0.3s ease;overflow:hidden}.chat-container.hidden{opacity:0;visibility:hidden;transform:translateY(20px) scale(.95)}.chat-toggle.hidden{display:none}.chat-header{background:#639C80;color:#FFF;padding:.75rem 1rem;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.chat-header h2{font-size:1.1rem;margin:0}.chat-header p{font-size:.75rem;margin:0;opacity:.9}.chat-close{background:none;border:none;color:#FFF;font-size:1.2rem;cursor:pointer;padding:.25rem;line-height:1}.chat-messages{flex:1;padding:1rem;overflow-y:auto;background:#FFF;display:flex;flex-direction:column;gap:.75rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f0f0f0}.chat-messages::-webkit-scrollbar-thumb{background:#A3C4B1;border-radius:3px}.message{max-width:80%;padding:.65rem .85rem;border-radius:10px;font-size:.9rem;line-height:1.5;position:relative;transition:transform 0.2s ease;word-wrap:break-word}.message.bot{background:#E9F5F1;color:#333;align-self:flex-start;white-space:pre-wrap}.message.user{background:#4B5563;color:#FFF;align-self:flex-end}.message.error{background:#FFEBEE;color:#C62828;align-self:center;width:fit-content;max-width:90%;white-space:pre-wrap}.message:hover{transform:translateY(-1px)}.chat-input-area{display:flex;padding:.75rem;border-top:1px solid #D1D5DB;background:#F9FAFB;flex-shrink:0}.chat-input{flex:1;border:1px solid #D1D5DB;border-radius:8px;padding:.65rem .85rem;font-size:.9rem;resize:none;outline:none;transition:border-color 0.2s ease,box-shadow 0.2s ease;min-height:40px}.chat-input:focus{border-color:#639C80;box-shadow:0 0 0 2px rgba(99,156,128,.2)}.chat-input::placeholder{color:#9CA3AF}.chat-send{background:#639C80;color:#FFF;border:none;border-radius:8px;padding:.5rem 1rem;margin-left:.5rem;cursor:pointer;font-weight:500;transition:background 0.2s ease,transform 0.2s ease;display:flex;align-items:center;justify-content:center}.chat-send:hover{background:#4F7A66;transform:translateY(-1px)}.chat-footer{text-align:center;font-size:.75rem;color:#6B7280;padding:.5rem;background:#F9FAFB;border-radius:0 0 12px 12px;flex-shrink:0;border-top:1px solid #E5E7EB}.chat-toggle{position:fixed;bottom:20px;right:20px;background-color:#639C80;border:none;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:999;transition:background-color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:14px}.chat-toggle:hover{background-color:#4F7A66;transform:scale(1.05)}.chat-toggle.icon-only{width:60px;height:60px;border-radius:50%}.chat-toggle.text-only{width:auto;min-width:120px;height:50px;border-radius:25px;padding:0 20px}.chat-toggle.icon-and-text{width:auto;min-width:140px;height:50px;border-radius:25px;padding:0 15px;gap:8px}.chat-toggle.icon-and-text svg,.chat-toggle.icon-and-text i{width:20px;height:20px;font-size:20px}.chat-toggle.text-only svg,.chat-toggle.icon-only svg,.chat-toggle.text-only i,.chat-toggle.icon-only i{width:32px;height:32px;font-size:32px}.chat-toggle i{display:flex;align-items:center;justify-content:center}.chat-toggle span{white-space:nowrap}@media (max-width:768px){.chat-container{width:100%;height:100%;top:0;left:0;right:0;bottom:0;border-radius:0;box-shadow:none}.chat-container.hidden{transform:none}.chat-header{position:fixed;top:0;left:0;width:100%;border-radius:0;z-index:1003}.chat-header>div{text-align:center;width:100%}.chat-header .chat-close{position:absolute;left:1rem}.chat-messages{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px}.chat-input-area{position:fixed;left:0;right:0;width:100%;background:#FFF;border-top:1px solid #D1D5DB;z-index:1002;padding:.75rem;box-sizing:border-box}.chat-footer{position:fixed;bottom:0;left:0;right:0;width:100%;border-radius:0;background:#FFF;z-index:1001;box-sizing:border-box}.chat-input-area{bottom:auto;min-height:70px}.chat-container{height:100vh;height:100dvh}.chat-input{font-size:16px;min-height:44px}.chat-send{min-width:44px;min-height:44px;flex-shrink:0}@supports (height:100dvh){.chat-container{height:100dvh}}@supports (-webkit-touch-callout:none){.chat-container{height:-webkit-fill-available}}}