.chatbot-bubble{position:fixed;bottom:24px;right:24px;width:64px;height:64px;cursor:pointer;z-index:1000;transition:all .3s ease}.chatbot-bubble.hidden{display:none}.chatbot-bubble-inner{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#f1872f,#eb8510);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,.2),0 0 20px rgba(241,135,47,.4);transition:all .3s ease}.chatbot-bubble:hover .chatbot-bubble-inner{transform:scale(1.08);box-shadow:0 12px 40px rgba(0,0,0,.3),0 0 30px rgba(241,135,47,.6)}.chatbot-bubble-icon{font-size:28px;line-height:1;z-index:2}.chatbot-bubble-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(241,135,47,.4);animation:pulse 2s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}.chatbot-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:white;font-size:11px;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 8px rgba(239,68,68,.4)}.chatbot-window{position:fixed;bottom:24px;right:24px;width:400px;height:600px;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 40px rgba(241,135,47,.1);display:flex;flex-direction:column;overflow:hidden;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chatbot-header{background:linear-gradient(135deg,#f1872f,#eb8510);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chatbot-header-info{display:flex;align-items:center;gap:12px}.chatbot-avatar{width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.chatbot-header-text h3{margin:0;color:white;font-size:16px;font-weight:600}.chatbot-status{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.9);margin-top:2px}.chatbot-status-dot{width:8px;height:8px;border-radius:50%;background:#fbbf24}.chatbot-status.connected .chatbot-status-dot{background:#34d399}.chatbot-status.connecting .chatbot-status-dot{background:#fbbf24;animation:blink 1s infinite}.chatbot-status.disconnected .chatbot-status-dot,.chatbot-status.expired .chatbot-status-dot,.chatbot-status.failed .chatbot-status-dot{background:#f87171}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.chatbot-header-actions{display:flex;gap:8px}.chatbot-action-btn{width:36px;height:36px;background:rgba(255,255,255,.15);border:none;border-radius:10px;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chatbot-action-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.05)}.chatbot-messages{flex:1;overflow-y:auto;padding:20px;background:linear-gradient(180deg,#fef7f0,#fff);display:flex;flex-direction:column;gap:16px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:rgba(241,135,47,.3);border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:rgba(241,135,47,.5)}.chatbot-message{display:flex;gap:10px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chatbot-message.user{flex-direction:row-reverse}.chatbot-message-avatar{width:32px;height:32px;background:linear-gradient(135deg,#fff4eb,#ffe8d6);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;box-shadow:0 2px 8px rgba(241,135,47,.1)}.chatbot-message-content{max-width:75%;display:flex;flex-direction:column;gap:4px}.chatbot-message.user .chatbot-message-content{align-items:flex-end}.chatbot-message-text{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;white-space:pre-wrap}.chatbot-message.bot .chatbot-message-text{background:white;color:#374151;border:1px solid rgba(241,135,47,.15);border-radius:4px 16px 16px 16px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.chatbot-message.user .chatbot-message-text{background:linear-gradient(135deg,#f1872f,#eb8510);color:white;border-radius:16px 16px 4px 16px;box-shadow:0 4px 12px rgba(241,135,47,.3)}.chatbot-message.error .chatbot-message-text{background:#fef2f2;border-color:#fecaca;color:#991b1b}.chatbot-message-meta{display:flex;align-items:center;gap:12px;padding:8px 12px 0;flex-wrap:wrap}.chatbot-meta-item{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280;background:#f3f4f6;padding:3px 8px;border-radius:12px}.chatbot-meta-item.cached{background:#ecfdf5;color:#047857}.chatbot-message-time{font-size:10px;color:#9ca3af;padding:0 4px}.chatbot-message.user .chatbot-message-time{text-align:right}.chatbot-message.welcome .chatbot-message-content{max-width:100%;width:100%}.chatbot-welcome{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid rgba(241,135,47,.2);border-radius:16px;padding:20px;text-align:center}.chatbot-welcome-text{display:flex;flex-direction:column;gap:8px}.chatbot-welcome-title{font-size:18px;font-weight:600;color:#ea580c}.chatbot-welcome-subtitle{font-size:13px;color:#78350f;opacity:.8}.chatbot-suggestions{padding:0 4px;animation:fadeIn .4s ease}.chatbot-suggestions-label{font-size:12px;font-weight:500;color:#78350f;margin-bottom:12px;padding-left:4px}.chatbot-suggestions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.chatbot-suggestion-btn{display:flex;align-items:center;gap:8px;padding:12px 14px;background:white;border:1px solid rgba(241,135,47,.2);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;box-shadow:0 2px 8px rgba(0,0,0,.04)}.chatbot-suggestion-btn:hover{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#f1872f;transform:translateY(-2px);box-shadow:0 4px 12px rgba(241,135,47,.15)}.chatbot-suggestion-icon{font-size:18px;flex-shrink:0}.chatbot-suggestion-text{font-size:12px;color:#374151;line-height:1.3}.chatbot-more-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:10px 16px;background:transparent;border:1px dashed rgba(241,135,47,.3);border-radius:10px;color:#ea580c;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.chatbot-more-toggle:hover{background:rgba(241,135,47,.05);border-color:#f1872f}.chatbot-more-toggle svg{transition:transform .3s ease}.chatbot-more-toggle svg.rotated{transform:rotate(180deg)}.chatbot-more-questions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(241,135,47,.1);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chatbot-typing{display:flex;align-items:center;gap:5px;padding:12px 16px;background:white;border:1px solid rgba(241,135,47,.15);border-radius:4px 16px 16px 16px}.chatbot-typing span{width:8px;height:8px;background:#f1872f;border-radius:50%;animation:typing 1.4s infinite}.chatbot-typing span:nth-child(2){animation-delay:.15s}.chatbot-typing span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chatbot-input-area{padding:16px 20px;background:white;border-top:1px solid #f3f4f6;flex-shrink:0}.chatbot-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.chatbot-chip{padding:6px 12px;background:#fef7f0;border:1px solid rgba(241,135,47,.2);border-radius:20px;font-size:11px;color:#ea580c;cursor:pointer;transition:all .2s ease;white-space:nowrap}.chatbot-chip:hover{background:#fff7ed;border-color:#f1872f;transform:translateY(-1px)}.chatbot-input-row{display:flex;align-items:flex-end;gap:10px}.chatbot-input-row textarea{flex:1;border:1px solid #e5e7eb;border-radius:20px;padding:12px 18px;font-size:14px;font-family:inherit;resize:none;outline:none;transition:all .2s ease;max-height:100px;color:#374151}.chatbot-input-row textarea::placeholder{color:#9ca3af}.chatbot-input-row textarea:focus{border-color:#f1872f;box-shadow:0 0 0 3px rgba(241,135,47,.1)}.chatbot-input-row textarea:disabled{background:#f9fafb;color:#9ca3af}.chatbot-send-btn{width:44px;height:44px;background:linear-gradient(135deg,#f1872f,#eb8510);border:none;border-radius:50%;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;box-shadow:0 4px 12px rgba(241,135,47,.3)}.chatbot-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 16px rgba(241,135,47,.4)}.chatbot-send-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed}@media (max-width:480px){.chatbot-window{width:calc(100vw - 24px);height:calc(100vh - 120px);bottom:12px;right:12px;border-radius:16px}.chatbot-bubble{bottom:16px;right:16px;width:56px;height:56px}.chatbot-suggestions-grid{grid-template-columns:1fr}.chatbot-message-content{max-width:85%}.chatbot-chips{display:none}}@media (prefers-color-scheme:dark){.chatbot-window{background:#1f2937;box-shadow:0 20px 60px rgba(0,0,0,.4)}.chatbot-messages{background:linear-gradient(180deg,#111827,#1f2937)}.chatbot-message.bot .chatbot-message-text{background:#374151;color:#f3f4f6;border-color:#4b5563}.chatbot-message-avatar{background:linear-gradient(135deg,#374151,#4b5563)}.chatbot-welcome{background:linear-gradient(135deg,#78350f,#92400e);border-color:rgba(241,135,47,.3)}.chatbot-welcome-title{color:#fed7aa}.chatbot-welcome-subtitle{color:#fde68a}.chatbot-suggestion-btn{background:#374151;border-color:#4b5563}.chatbot-suggestion-btn:hover{background:#4b5563;border-color:#f1872f}.chatbot-suggestion-text{color:#e5e7eb}.chatbot-typing{background:#374151;border-color:#4b5563}.chatbot-input-area{background:#1f2937;border-top-color:#374151}.chatbot-chips{border-bottom-color:#374151}.chatbot-chip{background:#374151;border-color:#4b5563;color:#f97316}.chatbot-chip:hover{background:#4b5563}.chatbot-input-row textarea{background:#374151;border-color:#4b5563;color:#f3f4f6}.chatbot-input-row textarea::placeholder{color:#6b7280}.chatbot-input-row textarea:focus{border-color:#f1872f;box-shadow:0 0 0 3px rgba(241,135,47,.2)}.chatbot-meta-item{background:#4b5563;color:#d1d5db}.chatbot-meta-item.cached{background:#065f46;color:#6ee7b7}.chatbot-suggestions-label{color:#fcd34d}.chatbot-more-toggle{border-color:#4b5563;color:#f97316}.chatbot-more-toggle:hover{background:rgba(249,115,22,.1);border-color:#f97316}.chatbot-more-questions{border-top-color:#4b5563}.chatbot-message.error .chatbot-message-text{background:#7f1d1d;border-color:#991b1b;color:#fecaca}}