.chat-toggle:hover,.stat-card:hover .stat-icon{transform:scale(1.1)}.chat-toggle,.message.customer .message-content{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.chat-toggle{position:fixed;bottom:30px;right:30px;width:70px;height:70px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;box-shadow:0 8px 25px rgba(59,130,246,.35);z-index:1000;transition:.4s cubic-bezier(.175, .885, .32, 1.275);border:none;animation:3s infinite pulse;backdrop-filter:blur(10px)}.chat-toggle:hover{box-shadow:0 12px 35px rgba(59,130,246,.5);background:linear-gradient(135deg,#2d6acc,#2553d3)}.chat-toggle.active,.notification-badge{background:linear-gradient(135deg,#ef4444,#dc2626)}.chat-toggle.active{box-shadow:0 8px 25px rgba(239,68,68,.35)}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.notification-badge{position:absolute;top:-5px;left:-5px;color:#fff;border-radius:50%;width:24px;height:24px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700;opacity:0;transform:scale(0);transition:.5s cubic-bezier(.68, -.55, .265, 1.55);border:2px solid #fff;box-shadow:0 2px 8px rgba(239,68,68,.4)}.notification-badge.show{opacity:1;transform:scale(1);animation:2s infinite bounce}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.05)}60%{transform:translateY(-4px) scale(1.02)}}.chat-window{position:fixed;bottom:120px;right:30px;width:420px;height:650px;background:linear-gradient(180deg,#0f172a 0,#1e293b 100%);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid rgba(148,163,184,.1);z-index:999;display:none;flex-direction:column;overflow:hidden;transform:translateY(50px) scale(.9);opacity:0;transition:.4s cubic-bezier(.68, -.55, .265, 1.55)}.chat-window.show{display:flex;transform:translateY(0) scale(1);opacity:1}.chat-header{background:linear-gradient(135deg,#1e293b 0,#334155 100%);color:#fff;padding:20px 25px;text-align:center;position:relative;border-bottom:1px solid rgba(148,163,184,.1)}.chat-header h3{font-size:18px;margin-bottom:6px;font-weight:600;color:#f1f5f9}.status-indicator{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#cbd5e1}.control-buttons{position:absolute;top:18px;left:20px;display:flex;gap:8px}.menu-hero,.menu-hero-icon,.menu-hero-title,.menu-item,.message-content{position:relative}.control-button{background:rgba(51,65,85,.5);border:1px solid rgba(148,163,184,.2);color:#cbd5e1;font-size:14px;cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:.5s}.control-button:hover{background:rgba(51,65,85,.8);color:#fff;transform:scale(1.05);border-color:rgba(148,163,184,.3)}.faq-item:hover,.menu-item:hover,.stat-card:hover{border-color:rgba(59,130,246,.3)}.menu-panel{flex:1;overflow-y:auto;padding:0;background:linear-gradient(180deg,#0f172a 0,#1e293b 100%);display:none;opacity:0;transition:opacity .5s}.faq-answer,.faq-item,.menu-hero,.menu-item{overflow:hidden}.input-section.active,.menu-panel.active,.messages-container.active{display:block;animation:.5s forwards fadeIn}.menu-hero{padding:40px 30px;background:linear-gradient(135deg,#3b82f6 0,#1d4ed8 100%);text-align:center}.menu-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 400"><defs><radialGradient id="g1"><stop offset="0%" style="stop-color:rgba(255,255,255,0.15)"/><stop offset="100%" style="stop-color:rgba(255,255,255,0)"/></radialGradient></defs><circle cx="100" cy="80" r="60" fill="url(%23g1)"/><circle cx="900" cy="250" r="80" fill="url(%23g1)"/><circle cx="1100" cy="100" r="50" fill="url(%23g1)"/><circle cx="300" cy="300" r="40" fill="url(%23g1)"/></svg>') 0 0/cover;opacity:.6}.menu-hero-icon{width:70px;height:70px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:32px;color:#fff;margin-bottom:16px;border:1px solid rgba(255,255,255,.2);animation:3s ease-in-out infinite float}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.menu-hero-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.5px}.menu-hero-subtitle{position:relative;font-size:14px;color:rgba(255,255,255,.9)}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px;background:rgba(15,23,42,.5)}.stat-card{background:linear-gradient(135deg,rgba(30,41,59,.6),rgba(51,65,85,.6));border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:16px 12px;text-align:center;transition:.5s;cursor:default}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(59,130,246,.15);background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(29,78,216,.1))}.stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:#fff;font-size:16px;transition:transform .5s}.menu-header-title,.menu-item{align-items:center;display:flex}.stat-number{font-size:22px;font-weight:700;color:#3b82f6;margin-bottom:4px}.stat-label{font-size:11px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.menu-content{padding:20px}.menu-header-title{font-size:16px;font-weight:600;color:#f1f5f9;margin-bottom:6px;gap:10px}.menu-header-title i{color:#3b82f6;font-size:18px}.menu-subtitle{font-size:13px;color:#94a3b8;margin-bottom:16px;line-height:1.4}.menu-item{background:linear-gradient(135deg,rgba(30,41,59,.5),rgba(51,65,85,.5));border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:.5s;gap:14px}.menu-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.menu-item:hover::before{left:100%}.menu-item:hover{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(29,78,216,.15));transform:translateX(-3px);box-shadow:0 4px 15px rgba(59,130,246,.2)}.menu-item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;transition:.5s}.menu-item:hover .menu-item-icon{transform:scale(1.08)}.feature-text,.menu-item-content{flex:1}.menu-item-title{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:3px;display:flex;align-items:center;gap:8px}.menu-item-badge{font-size:9px;padding:3px 8px;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.menu-item-desc{font-size:12px;color:#94a3b8;line-height:1.3}.menu-item-arrow{color:#64748b;font-size:14px;transition:.5s}.menu-item:hover .menu-item-arrow{color:#3b82f6;transform:translateX(-3px)}.faq-item{background:linear-gradient(135deg,rgba(30,41,59,.6),rgba(51,65,85,.6));border:1px solid rgba(148,163,184,.15);border-radius:12px;margin-bottom:10px;transition:.5s}.faq-item:hover{box-shadow:0 4px 15px rgba(59,130,246,.1)}.faq-question{padding:16px 18px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:#f1f5f9;font-size:14px;font-weight:500;transition:.5s}.faq-question:hover{background:rgba(59,130,246,.05)}.faq-question i{color:#3b82f6;transition:transform .5s;font-size:14px}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .5s;padding:0 18px;color:#94a3b8;font-size:13px;line-height:1.6}.faq-item.active .faq-answer{max-height:500px;padding:0 18px 16px}.messages-container{flex:1;overflow-y:auto;padding:20px;background:linear-gradient(180deg,#0f172a 0,#1e293b 100%);display:none;opacity:0;transition:opacity .5s}.chat-status-banner,.message{display:flex;margin-bottom:16px}.chat-status-banner{justify-content:center;animation:.5s slideDown}@keyframes slideDown{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.message{animation:.5s cubic-bezier(.68,-.55,.265,1.55) messageSlide}@keyframes messageSlide{from{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.message.customer{justify-content:flex-end}.message-content{max-width:75%;padding:12px 16px;border-radius:16px;word-wrap:break-word;transition:.5s}.message-content:hover{transform:translateY(-2px)}.message.customer .message-content{color:#fff;border-bottom-right-radius:6px;box-shadow:0 4px 12px rgba(59,130,246,.25)}.message.admin .message-content{background:rgba(30,41,59,.8);color:#e2e8f0;border:1px solid rgba(148,163,184,.15);border-bottom-left-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.message.system .message-content{background:linear-gradient(135deg,#263347,#263347);color:#d1d5db;border-radius:15px;text-align:center;font-style:italic;max-width:90%;margin:0 auto}.message-time{font-size:10px;opacity:.7;margin-top:6px;color:inherit}.message-status{position:absolute;bottom:-15px;right:15px;font-size:9px;color:#95a6c2;font-weight:600;opacity:0;animation:.5s ease-in-out .5s forwards fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.input-section{padding:16px 20px;background:rgba(15,23,42,.95);border-top:1px solid rgba(148,163,184,.1);display:none;opacity:0;transition:opacity .5s}.input-container{display:flex;gap:10px;align-items:center}.input-actions{display:flex;gap:6px}.input-action-btn{width:38px;height:38px;border-radius:10px;background:rgba(30,41,59,.6);border:1px solid rgba(148,163,184,.15);color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.5s;font-size:15px}.input-action-btn:hover{background:rgba(59,130,246,.15);color:#3b82f6;border-color:rgba(59,130,246,.3)}.input-wrapper{flex:1;background:rgba(30,41,59,.5);border:1px solid rgba(148,163,184,.15);border-radius:12px;display:flex;align-items:center;transition:.5s}.input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);background:rgba(30,41,59,.8)}.message-input{flex:1;border:none;outline:0;background:0 0;padding:10px 14px;font-size:14px;color:#e2e8f0;resize:none;max-height:100px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.4}.send-button,.typing-indicator{align-items:center;display:flex}.message-input::placeholder{color:#64748b}.send-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:10px;width:44px;height:44px;cursor:pointer;justify-content:center;transition:.5s;font-size:16px;box-shadow:0 4px 12px rgba(59,130,246,.3)}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 16px rgba(59,130,246,.4)}.send-button:disabled{opacity:.5;cursor:not-allowed}.typing-indicator{gap:10px;padding:12px 16px;background:rgba(30,41,59,.8);border-radius:16px;border:1px solid rgba(148,163,184,.15);max-width:65%;margin-bottom:16px}.typing-dots{display:flex;gap:4px}.typing-dot{width:7px;height:7px;background:#3b82f6;border-radius:50%;animation:1.4s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,100%,80%{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.welcome-message{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(29,78,216,.1));border:1px solid rgba(59,130,246,.2);color:#e2e8f0;padding:20px;border-radius:14px;margin-bottom:20px;text-align:center}.welcome-message h4{color:#f1f5f9;margin-bottom:8px}.LxrDevStatus-indicator{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.15);background:rgba(30,41,59,.6);transition:.5s}.LxrDevStatus-dot{width:8px;height:8px;border-radius:50%;animation:2s infinite LxrDevStatus_pulse}.LxrDevStatus-dot.online{background:#10b981;box-shadow:0 0 10px rgba(16,185,129,.5)}.LxrDevStatus-dot.away{background:#f59e0b;box-shadow:0 0 10px rgba(245,158,11,.5)}.LxrDevStatus-dot.busy{background:#ef4444;box-shadow:0 0 10px rgba(239,68,68,.5)}.LxrDevStatus-dot.offline{background:#6b7280;animation:none}.LxrDevStatus-text{font-size:12px;color:#cbd5e1;font-weight:500}@keyframes LxrDevStatus_pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.notification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);z-index:10000;display:none;align-items:center;justify-content:center;animation:.3s overlayFadeIn}.notification-overlay.show{display:flex}@keyframes overlayFadeIn{from{opacity:0}to{opacity:1}}.notification-modal{background:linear-gradient(135deg,#1e293b 0,#0f172a 100%);border-radius:24px;padding:0;width:90%;max-width:420px;box-shadow:0 25px 50px rgba(0,0,0,.5);border:1px solid rgba(148,163,184,.2);overflow:hidden;transform:scale(.8) translateY(30px);opacity:0;animation:.5s cubic-bezier(.68,-.55,.265,1.55) forwards modalSlideUp}@keyframes modalSlideUp{to{transform:scale(1) translateY(0);opacity:1}}.notification-header{padding:30px 30px 20px;text-align:center;position:relative}.notification-icon-wrapper{width:80px;height:80px;margin:0 auto 20px;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;animation:.6s cubic-bezier(.68,-.55,.265,1.55) .3s iconBounce}@keyframes iconBounce{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}100%{transform:scale(1) rotate(0)}}.notification-icon-wrapper.development{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 30px rgba(245,158,11,.4)}.notification-icon-wrapper.development::before{content:'';position:absolute;width:100%;height:100%;border-radius:20px;border:3px solid rgba(245,158,11,.3);animation:2s infinite ripple}.notification-icon-wrapper.coming-soon{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 10px 30px rgba(139,92,246,.4)}.notification-icon-wrapper.coming-soon::before{content:'';position:absolute;width:100%;height:100%;border-radius:20px;border:3px solid rgba(139,92,246,.3);animation:2s infinite ripple}@keyframes ripple{0%{transform:scale(1);opacity:1}100%{transform:scale(1.4);opacity:0}}.notification-icon{font-size:40px;color:#fff;animation:3s ease-in-out infinite iconFloat}@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.notification-title{font-size:22px;font-weight:700;color:#f1f5f9;margin-bottom:10px;letter-spacing:-.5px}.notification-message{font-size:15px;color:#cbd5e1;line-height:1.6;margin-bottom:8px}.notification-submessage{font-size:13px;color:#94a3b8;line-height:1.5}.notification-body{padding:0 30px 20px}.notification-features{background:rgba(30,41,59,.5);border:1px solid rgba(148,163,184,.1);border-radius:16px;padding:20px;margin-bottom:20px}.feature-item-new{display:flex;align-items:center;gap:12px;margin-bottom:14px;animation:.5s forwards featureSlideIn;opacity:0}.feature-item-new:first-child{animation-delay:.4s}.feature-item-new:nth-child(2){animation-delay:.5s}.feature-item-new:nth-child(3){animation-delay:.6s}@keyframes featureSlideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.feature-item-new:last-child{margin-bottom:0}.feature-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0}.feature-icon.development{background:linear-gradient(135deg,#f59e0b,#d97706)}.feature-icon.coming-soon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.feature-title{font-size:13px;font-weight:600;color:#f1f5f9;margin-bottom:2px}.feature-desc{font-size:12px;color:#94a3b8;line-height:1.4}.notification-progress{margin-bottom:20px}.progress-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#cbd5e1}.progress-bar-container{width:100%;height:8px;background:rgba(30,41,59,.8);border-radius:10px;overflow:hidden;border:1px solid rgba(148,163,184,.1)}.progress-bar-fill{height:100%;border-radius:10px;transition:width 1s;position:relative;overflow:hidden}.progress-bar-fill.development{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 0 10px rgba(245,158,11,.5)}.progress-bar-fill.coming-soon{background:linear-gradient(90deg,#8b5cf6,#6d28d9);box-shadow:0 0 10px rgba(139,92,246,.5)}.progress-bar-fill::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:2s infinite progressShine}@keyframes progressShine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.notification-footer{padding:0 30px 30px;display:flex;gap:12px}.notification-btn{flex:1;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:.3s;display:flex;align-items:center;justify-content:center;gap:8px}.notification-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.3)}.notification-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(59,130,246,.4)}.notification-btn-secondary{background:rgba(30,41,59,.6);color:#cbd5e1;border:1px solid rgba(148,163,184,.2)}.notification-btn-secondary:hover{background:rgba(30,41,59,.9);border-color:rgba(148,163,184,.3)}.notify-badge{position:absolute;top:8px;right:8px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;animation:2s infinite badgePulse}.notify-badge.development{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 12px rgba(245,158,11,.6)}.notify-badge.coming-soon{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 0 12px rgba(139,92,246,.6)}@keyframes badgePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.menu-panel::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:6px}.menu-panel::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:0 0}.menu-panel::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:10px}.menu-panel::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.5)}@media (max-width:768px){.chat-window{width:95vw;height:85vh;right:50%;transform:translateX(50%) translateY(50px) scale(.9);bottom:10px}.chat-window.show{transform:translateX(50%) translateY(0) scale(1)}.chat-toggle{bottom:20px;right:20px;width:60px;height:60px;font-size:24px}.notification-modal{width:95%;max-width:360px}.notification-header{padding:25px 20px 15px}.notification-body{padding:0 20px 15px}.notification-footer{padding:0 20px 25px;flex-direction:column}}