@keyframes slideIn{0%{transform:translateY(100%) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes messageSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chatbot-overlay{position:fixed;inset:0;background:rgba(0,0,0,.1);backdrop-filter:blur(4px);z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.chatbot-overlay--open{opacity:1;visibility:visible;animation:fadeIn .3s ease-out}.chatbot{position:fixed;bottom:20px;right:20px;width:400px;height:calc(100vh - 60px);background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);display:flex;flex-direction:column;overflow:hidden;transform:translateY(100%) scale(.8);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.chatbot--open{transform:translateY(0) scale(1);opacity:1;animation:slideIn .4s cubic-bezier(.34,1.56,.64,1)}@media(max-width:480px){.chatbot{width:100dvw;height:100dvh;bottom:0;right:0;left:0;border-radius:0!important}}.chatbot__header{background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 16px;border-radius:24px 24px 0 0;display:flex;align-items:center}@media(max-width:480px){.chatbot__header{border-radius:0}}.chatbot__header-back{background:none;border:none;color:#6b7280;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;border-radius:6px}.chatbot__header-back:hover{background:#f3f4f6}.chatbot__header-agent{display:flex;align-items:center;gap:10px;flex:1;margin:0 8px}.chatbot__avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.chatbot__header-info{display:flex;flex-direction:column}.chatbot__header-name-row{display:flex;align-items:center;gap:6px}.chatbot__header-name{font-size:15px;font-weight:600;color:#111827}.chatbot__header-status-row{display:flex;align-items:center;gap:4px}.chatbot__status-dot{position:relative;top:33px;left:-72px;width:8px;height:8px;background:#10b981;border-radius:50%;display:inline-block}.chatbot__status-dot--offline{background:#f4ce00}.chatbot__header-subtitle,.chatbot__status-label{font-size:12px;color:#6b7280}.chatbot__header-subtitle{margin-top:1px}.chatbot__header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.chatbot__header-btn{background:none;border:none;font-size:20px;color:#6b7280;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:0;line-height:1}.chatbot__header-btn:hover{background:#f3f4f6}.chatbot__messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#fff;scrollbar-width:none}.chatbot__messages::-webkit-scrollbar{display:none}.chatbot__system-event{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#9ca3af;margin:8px 0}.chatbot__system-event-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.chatbot__message{display:flex;animation:messageSlideIn .3s ease-out}.chatbot__message--user{flex-direction:row-reverse;justify-content:flex-start}.chatbot__message--bot{align-items:flex-start;gap:8px}.chatbot__bubble--user{background:#2563eb;color:#fff;border-radius:18px 18px 4px 18px}.chatbot__bubble--bot,.chatbot__bubble--user{padding:10px 14px;max-width:240px;font-size:14px;line-height:1.5}.chatbot__bubble--bot{background:#f3f4f6;color:#111827;border-radius:18px 18px 18px 4px}.chatbot__msg-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-top:2px}.chatbot__bubble-wrapper{display:flex;flex-direction:column}.chatbot__msg-meta{font-size:11px;color:#9ca3af;margin-top:4px;padding-left:2px}.chatbot__typing{display:flex;gap:4px;padding:4px 0}.chatbot__typing span{width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:typing 1.4s ease-in-out infinite}.chatbot__typing span:first-child{animation-delay:-.32s}.chatbot__typing span:nth-child(2){animation-delay:-.16s}.chatbot__typing span:nth-child(3){animation-delay:0s}.chatbot__quick-actions{padding:0 16px 12px;animation:messageSlideIn .5s ease-out .3s both}.chatbot__quick-actions-title{font-size:13px;color:#6b7280;margin-bottom:8px;font-weight:500}.chatbot__quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chatbot__quick-action{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 14px;font-size:13px;color:#111827;cursor:pointer;font-weight:500;transition:all .2s ease;text-align:left}.chatbot__quick-action:hover{background:#f9fafb;border-color:#2563eb;transform:translateY(-1px)}.chatbot__quick-action:active{transform:translateY(0)}.chatbot__input-container{padding:12px 16px 16px;background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 24px 24px}@media(max-width:480px){.chatbot__input-container{border-radius:0}}.chatbot__input-box{border:2px solid #2563eb;border-radius:16px;padding:10px 12px;background:#fff}.chatbot__input{width:100%;border:none;outline:none;resize:none;font-size:14px;color:#111827;background:transparent;font-family:inherit;min-height:24px}.chatbot__input::placeholder{color:#9ca3af}.chatbot__toolbar{display:flex;align-items:center;justify-content:flex-end;margin-top:8px}.chatbot__send{width:32px;height:32px;border-radius:50%;border:none;background:#d1d5db;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0}.chatbot__send--active{background:#2563eb}.chatbot__send:disabled{cursor:not-allowed}@keyframes popupSlideIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}@keyframes slideOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.chatbot-popup{position:fixed;bottom:100px;right:24px;background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.15);padding:14px 36px 14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;z-index:9997;max-width:280px;animation:popupSlideIn .35s ease-out}.chatbot-popup__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #ce8a37}.chatbot-popup__body{display:flex;flex-direction:column;gap:2px}.chatbot-popup__message{margin:0;font-size:14px;font-weight:500;color:#1e293b;line-height:1.4}.chatbot-popup__meta{font-size:12px;color:#94a3b8}.chatbot-popup__close{position:absolute;top:8px;right:8px;width:20px;height:20px;background:rgba(0,0,0,.08);border:none;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:14px;line-height:1;color:#64748b;cursor:pointer;padding:0;transition:background .2s ease}.chatbot-popup__close:hover{background:rgba(0,0,0,.18)}.chatbot-popup:hover .chatbot-popup__close{display:flex}@media(max-width:480px){.chatbot-popup{right:20px;bottom:90px;max-width:calc(100vw - 40px)}}.chatbot-trigger{position:fixed;bottom:24px;right:24px;width:64px;height:64px;background:#ce8a37;border:none;border-radius:50%;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);cursor:pointer;z-index:9998;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite;transition:transform .3s ease,box-shadow .3s ease}.chatbot-trigger:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 25px 35px -5px rgba(0,0,0,.15),0 15px 15px -5px rgba(0,0,0,.08)}.chatbot-trigger--hidden{animation:slideOut .3s cubic-bezier(.4,0,.2,1) forwards}.chatbot-trigger__icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.chatbot-trigger__pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:#ce8a37;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;z-index:1}.chatbot-trigger__notification{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#e53e3e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);border:2px solid #fff;z-index:3;animation:bounce 2s infinite}@media(max-width:480px){.chatbot-trigger{bottom:20px;right:20px;width:56px;height:56px}.chatbot-trigger__notification{width:20px;height:20px;font-size:10px;top:-2px;right:-2px}}