@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');:root{--cb-purple:#7B6CF6;--cb-purple-dark:#6456e0;--cb-purple-light:#a99ef9;--cb-lavender:#EEE9FF;--cb-lavender-2:#F6F3FF;--cb-white:#FFFFFF;--cb-text-dark:#1a1a2e;--cb-text-mid:#555577;--cb-text-light:#aaa6cc;--cb-shadow:0 20px 60px rgba(123, 108, 246, 0.25);--cb-radius:22px;--cb-font:'Inter', sans-serif;}#chatbot-float{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg, var(--cb-purple), var(--cb-purple-dark));border:none;cursor:pointer;z-index:9999;display:flex !important;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(123, 108, 246, 0.45);transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.25s ease;}#chatbot-float:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 14px 40px rgba(123, 108, 246, 0.6);}#chatbot-float svg{width:26px;height:26px;fill:#fff;}#chatbot-modal{position:fixed !important;bottom:90px;right:20px;width:340px;max-height:500px;border-radius:var(--cb-radius);background:#F6F3FF !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:var(--cb-shadow);display:flex;flex-direction:column;overflow:hidden;z-index:9998;font-family:var(--cb-font);font-size:12.5px;border:1px solid rgba(123,108,246,0.12);animation:cb-slide-up 0.3s cubic-bezier(0.34,1.4,0.64,1) both;}@keyframes cb-slide-up{from{opacity:0;transform:translateY(24px) scale(0.97);}to{opacity:1;transform:translateY(0)scale(1);}}.chatbot-header{background:linear-gradient(135deg, #7B6CF6 0%, #5a4de0 100%) !important;background-color:#7B6CF6 !important;padding:12px 16px;display:flex;align-items:center;gap:10px;flex-shrink:0;}.chatbot-header-logo{width:32px;height:32px;background:rgba(255,255,255,0.22);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;letter-spacing:-0.5px;flex-shrink:0;}.chatbot-title{flex:1;color:#fff;font-size:15px;font-weight:600;letter-spacing:-0.2px;}.chatbot-header-actions{display:flex;gap:6px;}.chatbot-header-btn{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.2);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;color:#fff;}.chatbot-header-btn:hover{background:rgba(255,255,255,0.32);}.chatbot-header-btn svg{width:16px;height:16px;fill:currentColor;}.chatbot-close{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.15);border:none;cursor:pointer;font-size:20px;line-height:1;color:#fff;display:flex;align-items:center;justify-content:center;transition:background 0.2s;}.chatbot-close:hover{background:rgba(255,255,255,0.28);}.chatbot-status{display:flex;align-items:center;gap:5px;font-size:11.5px;color:rgba(255,255,255,0.8);font-weight:500;margin-top:2px;}.chatbot-status-dot{width:7px;height:7px;border-radius:50%;background:#5dffa3;box-shadow:0 0 6px #5dffa3;flex-shrink:0;}.chatbot-status-dot.cb-offline{background:#FFC94D;box-shadow:0 0 6px #FFC94D;}.chatbot-status-dot.cb-connecting{background:rgba(255,255,255,0.5);box-shadow:none;}.chatbot-body{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px;background:#EEE9FF !important;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;}.chatbot-body::-webkit-scrollbar{width:0;height:0;}.chatbot-msg-row{display:flex;align-items:flex-end;gap:8px;max-width:90%;}.chatbot-msg-row.row-visitor{align-self:flex-end;flex-direction:row-reverse;}.chatbot-msg-row.row-bot{align-self:flex-start;}.chatbot-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.12);}.chatbot-avatar-placeholder{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.12);}.chatbot-avatar-placeholder.bot-avatar{background:linear-gradient(135deg, var(--cb-purple), var(--cb-purple-dark));color:#fff;}.chatbot-avatar-placeholder.visitor-avatar{background:linear-gradient(135deg, #f97316, #fb923c);color:#fff;}.chatbot-bubble{padding:9px 13px;border-radius:15px;font-size:12px;line-height:1.45;max-width:215px;word-break:break-word;position:relative;}.row-bot .chatbot-bubble{background:var(--cb-purple);color:#fff;border-radius:14px 14px 14px 2px;box-shadow:0 4px 18px rgba(123,108,246,0.3);}.row-bot .chatbot-bubble::after{content:'';position:absolute;bottom:0;left:-5px;width:0;height:0;border:5px solid transparent;border-right-color:var(--cb-purple);border-bottom-color:var(--cb-purple);}.row-visitor .chatbot-bubble{background:var(--cb-white);color:var(--cb-text-dark);border-radius:14px 14px 2px 14px;box-shadow:0 2px 12px rgba(0,0,0,0.08);}.row-visitor .chatbot-bubble::after{content:'';position:absolute;bottom:0;right:-5px;width:0;height:0;border:5px solid transparent;border-left-color:var(--cb-white);border-bottom-color:var(--cb-white);}.chatbot-time{font-size:10px;color:var(--cb-text-light);margin-top:4px;text-align:right;}.row-bot .chatbot-time{text-align:left;}.chatbot-typing-row{display:flex;align-items:flex-end;gap:8px;align-self:flex-start;}.chatbot-typing-bubble{background:var(--cb-white);border-radius:15px 15px 15px 4px;padding:10px 14px;display:flex;gap:5px;box-shadow:0 2px 12px rgba(0,0,0,0.08);}.chatbot-typing-bubble span{width:7px;height:7px;border-radius:50%;background:var(--cb-purple-light);animation:cb-bounce 1.2s ease-in-out infinite;}.chatbot-typing-bubble span:nth-child(2){animation-delay:0.2s;}.chatbot-typing-bubble span:nth-child(3){animation-delay:0.4s;}@keyframes cb-bounce{0%, 60%, 100%{transform:translateY(0);opacity:0.4;}30%{transform:translateY(-6px);opacity:1;}}.chatbot-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 8px;}.chatbot-chip{background:var(--cb-white);border:1.5px solid rgba(123,108,246,0.3);color:var(--cb-purple);font-size:11px;font-weight:500;padding:5px 12px;border-radius:99px;cursor:pointer;font-family:var(--cb-font);transition:all 0.2s;white-space:nowrap;}.chatbot-chip:hover{background:var(--cb-purple);color:#fff;border-color:var(--cb-purple);}.chatbot-footer{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ffffff !important;border-top:1px solid rgba(123,108,246,0.12);flex-shrink:0;}#chatbot-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--cb-font);font-size:12.5px;color:var(--cb-text-dark);padding:4px 0;}#chatbot-input::placeholder{color:var(--cb-text-light);}.chatbot-send{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg, var(--cb-purple), var(--cb-purple-dark));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(123,108,246,0.4);transition:transform 0.2s, box-shadow 0.2s;}.chatbot-send:hover{transform:scale(1.08);box-shadow:0 6px 16px rgba(123,108,246,0.55);}.chatbot-send svg{width:14px;height:14px;fill:#fff;}.chatbot-lead-form{display:flex;flex-direction:column;gap:8px;padding:2px 0;}.lead-form-heading{font-size:12.5px;font-weight:600;color:#fff;margin:0 0 2px;line-height:1.4;}.chatbot-lead-form input,.chatbot-lead-form select{width:100%;padding:8px 12px;border-radius:8px;border:1.5px solid rgba(255,255,255,0.4);background:rgba(255,255,255,0.15);color:#fff;font-family:var(--cb-font);font-size:11.5px;outline:none;transition:border-color 0.2s, background 0.2s;box-sizing:border-box;}.chatbot-lead-form input::placeholder{color:rgba(255,255,255,0.65);}.chatbot-lead-form input:focus,.chatbot-lead-form select:focus{border-color:rgba(255,255,255,0.8);background:rgba(255,255,255,0.22);}.chatbot-lead-form select{appearance:none;-webkit-appearance:none;cursor:pointer;}.chatbot-lead-form select option{background:var(--cb-purple-dark);color:#fff;}.chatbot-lead-form label{font-size:10.5px;font-weight:600;color:rgba(255,255,255,0.8);margin-bottom:-4px;display:block;}.chatbot-submit-btn{padding:8px 16px;border-radius:99px;border:none;background:rgba(255,255,255,0.95);color:var(--cb-purple-dark);font-family:var(--cb-font);font-size:12px;font-weight:600;cursor:pointer;transition:all 0.2s;margin-top:2px;box-shadow:0 4px 14px rgba(0,0,0,0.15);}.chatbot-submit-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,0.2);}.chatbot-submit-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}.chatbot-lead-bubble{background:var(--cb-purple);border-radius:14px 14px 14px 2px;padding:14px;max-width:250px;box-shadow:0 4px 20px rgba(123,108,246,0.35);position:relative;}.chatbot-lead-bubble::after{content:'';position:absolute;bottom:0;left:-5px;width:0;height:0;border:5px solid transparent;border-right-color:var(--cb-purple);border-bottom-color:var(--cb-purple);}@media (max-width:768px){#chatbot-modal{right:20px;left:20px;width:auto;bottom:85px;max-height:75vh;}#chatbot-float{right:20px;bottom:20px;width:50px;height:50px;}#chatbot-float svg{width:22px;height:22px;}}@media (max-width:480px){#chatbot-modal{right:15px;left:15px;bottom:80px;max-height:70vh;}#chatbot-float{right:15px;bottom:15px;}}.cb-service-list{display:flex;flex-direction:column;gap:6px;margin-top:10px;width:100%;}.cb-service-card{display:flex;align-items:center;gap:10px;padding:9px 13px;background:#fff;border:1.5px solid rgba(123, 108, 246, 0.2);border-radius:10px;cursor:pointer;font-size:12px;font-weight:600;color:#2d2d3a;transition:all 0.18s ease;width:100%;text-align:left;}.cb-service-card:hover{background:rgba(123, 108, 246, 0.09);border-color:var(--cb-purple);color:var(--cb-purple);transform:translateX(3px);}.cb-service-card .cb-svc-icon{font-size:15px;flex-shrink:0;}.cb-service-card .cb-svc-name{flex:1;}.cb-service-card .cb-svc-arrow{margin-left:auto;opacity:0.3;font-size:11px;transition:opacity 0.15s;}.cb-service-card:hover .cb-svc-arrow{opacity:1;}.agent-avatar{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;color:#fff !important;font-size:9px !important;font-weight:700 !important;}.agent-join-notice{text-align:center;font-size:10.5px;color:#888;margin:6px 0;font-style:italic;}.cb-input-hint{font-size:10px;color:#a0a0b8;text-align:center;padding:3px 0 1px;letter-spacing:0.2px;}