root--chat-primary#10b981--chat-primary-glowrgba(161851290.3)--chat-dark#0f172a--chat-dark-mid#1e293b--chat-dark-surface#263348--chat-borderrgba(2552552550.06)--chat-text#f1f5f9--chat-text-muted#94a3b8--chat-radius20px--chat-shadow0 25px 60px -12px rgba(0000.5)0 0 0 1px rgba(2552552550.05)--chat-width400px--chat-height580px--chat-font'Inter'-apple-systemBlinkMacSystemFontsans-serif#chatbot-togglepositionfixedbottom30pxleft30pxz-index9998height60pxwidth60pxborder-radius30pxbordernonecursorpointerbackgroundlinear-gradient(135deg#10b981#0ea5e9#6366f1)background-size200% 200%colorwhitedisplayflexalign-itemscenterpadding0box-shadow0 10px 25px rgba(141652330.3)inset 0 0 0 1px rgba(2552552550.2)transitionall 0.5s cubic-bezier(0.341.560.641)outlinenone-webkit-tap-highlight-colortransparentanimationchatOrbGradient 4s ease infiniteoverflowhidden@keyframes chatOrbGradient0%background-position0% 50%50%background-position100% 50%100%background-position0% 50%.chat-toggle-innerdisplayflexalign-itemscenterjustify-contentcenterwidth100%height100%positionrelativepadding0 18px#chatbot-toggle .chat-toggle-textfont-size15pxfont-weight700white-spacenowrapopacity0transformtranslateX(-10px)transitionall 0.4s cubic-bezier(0.341.560.641)width0overflowhiddenmargin-left0#chatbot-togglehoverwidth135pxbox-shadow0 15px 35px rgba(991022410.4)inset 0 0 0 1px rgba(2552552550.3)transformtranslateY(-4px)#chatbot-togglehover .chat-toggle-textopacity1transformtranslateX(0)widthautomargin-left8px#chatbot-toggleactivetransformtranslateY(0) scale(0.95)#chatbot-toggle svgwidth24pxheight24pxflex-shrink0transitiontransform 0.4s cubic-bezier(0.341.560.641)opacity 0.3s ease#chatbot-toggle .chat-icon-closepositionabsoluteleft18pxopacity0transformrotate(-90deg) scale(0.5)#chatbot-toggle.activewidth60pxborder-radius50%transformscale(0.9)#chatbot-toggle.active .chat-toggle-textdisplaynone#chatbot-toggle.active .chat-icon-openopacity0transformrotate(90deg) scale(0.5)#chatbot-toggle.active .chat-icon-closeopacity1transformrotate(0deg) scale(1)#chatbot-toggle .chat-notificationpositionabsolutetop-2pxright-2pxwidth12pxheight12pxbackground#f43f5eborder-radius50%border2px solid #fffdisplayflexalign-itemscenterjustify-contentcentercolortransparentanimationchatPulseNotifNew 2s infinite@keyframes chatPulseNotifNew0%box-shadow0 0 0 0 rgba(24463940.6)70%box-shadow0 0 0 8px rgba(24463940)100%box-shadow0 0 0 0 rgba(24463940)#chatbot-windowpositionfixedbottom100pxleft30pxz-index9999widthvar(--chat-width)heightvar(--chat-height)max-heightcalc(100dvh - 130px)backgroundvar(--chat-dark)border-radiusvar(--chat-radius)box-shadowvar(--chat-shadow)displayflexflex-directioncolumnoverflowhiddenfont-familyvar(--chat-font)opacity0visibilityhiddentransformtranslateY(20px) scale(0.95)transform-originbottom lefttransitionall 0.4s cubic-bezier(0.341.560.641)border1px solid var(--chat-border)#chatbot-window.openopacity1visibilityvisibletransformtranslateY(0) scale(1).chatbot-headerbackgroundlinear-gradient(135degvar(--chat-dark-mid)var(--chat-dark))padding18px 20pxdisplayflexalign-itemscentergap14pxborder-bottom1px solid var(--chat-border)flex-shrink0.chatbot-header-avatarwidth42pxheight42pxborder-radius14pxbackgroundlinear-gradient(135degvar(--chat-primary)#059669)displayflexalign-itemscenterjustify-contentcenterflex-shrink0box-shadow0 4px 12px rgba(161851290.3).chatbot-header-avatar svgwidth22pxheight22pxcolorwhite.chatbot-header-infoflex1min-width0.chatbot-header-titlefont-size15pxfont-weight800colorvar(--chat-text)letter-spacing-0.02emmargin0line-height1.2.chatbot-header-statusdisplayflexalign-itemscentergap6pxmargin-top3px.chatbot-header-status-dotwidth7pxheight7pxborder-radius50%backgroundvar(--chat-primary)animationchatStatusPulse 2s ease-in-out infinite@keyframes chatStatusPulse0%100%opacity1box-shadow0 0 0 0 var(--chat-primary-glow)50%opacity0.7box-shadow0 0 0 4px transparent.chatbot-header-status spanfont-size11pxfont-weight600colorvar(--chat-text-muted).chatbot-header-closewidth32pxheight32pxborder-radius10pxborder1px solid var(--chat-border)backgroundtransparentcolorvar(--chat-text-muted)cursorpointerdisplayflexalign-itemscenterjustify-contentcentertransitionall 0.2s easeflex-shrink0.chatbot-header-closehoverbackgroundrgba(2552552550.08)colorwhite.chatbot-header-close svgwidth16pxheight16px.chatbot-messagesflex1overflow-yautopadding20px 16pxdisplayflexflex-directioncolumngap14pxbackgroundlinear-gradient(180degvar(--chat-dark) 0%#0c1524 100%)scroll-behaviorsmooth.chatbot-messages-webkit-scrollbarwidth5px.chatbot-messages-webkit-scrollbar-trackbackgroundtransparent.chatbot-messages-webkit-scrollbar-thumbbackgroundrgba(2552552550.1)border-radius10px.chatbot-messages-webkit-scrollbar-thumbhoverbackgroundrgba(2552552550.2).chat-msgdisplayflexgap10pxmax-width88%animationchatMsgIn 0.35s cubic-bezier(0.341.560.641) both@keyframes chatMsgInfromopacity0transformtranslateY(12px) scale(0.96)toopacity1transformtranslateY(0) scale(1).chat-msg.botalign-selfflex-start.chat-msg.bot .chat-msg-avatarwidth30pxheight30pxborder-radius10pxbackgroundlinear-gradient(135degvar(--chat-primary)#059669)displayflexalign-itemscenterjustify-contentcenterflex-shrink0margin-top2px.chat-msg.bot .chat-msg-avatar svgwidth14pxheight14pxcolorwhite.chat-msg.bot .chat-bubblebackgroundvar(--chat-dark-surface)colorvar(--chat-text)border-radius4px 16px 16px 16pxpadding12px 16pxfont-size13.5pxline-height1.6border1px solid var(--chat-border).chat-msg.useralign-selfflex-endflex-directionrow-reverse.chat-msg.user .chat-bubblebackgroundlinear-gradient(135degvar(--chat-primary)#059669)colorwhiteborder-radius16px 4px 16px 16pxpadding12px 16pxfont-size13.5pxline-height1.6box-shadow0 4px 16px rgba(161851290.25).chat-bubble acolorvar(--chat-primary)font-weight700text-decorationnoneborder-bottom1px solid rgba(161851290.3)transitionall 0.2s ease.chat-bubble ahovercolor#34d399border-bottom-color#34d399.chat-product-carddisplayinline-flexalign-itemscentergap8pxmargin-top8pxpadding8px 14pxbackgroundrgba(161851290.1)border1px solid rgba(161851290.2)border-radius12pxcolorvar(--chat-primary)font-size12pxfont-weight700text-decorationnonetransitionall 0.2s easecursorpointer.chat-product-cardhoverbackgroundrgba(161851290.2)border-colorvar(--chat-primary)transformtranslateY(-1px).chat-product-card svgwidth14pxheight14px.chat-typingdisplayflexalign-itemscentergap10pxmax-width88%align-selfflex-startanimationchatMsgIn 0.35s cubic-bezier(0.341.560.641) both.chat-typing .chat-msg-avatarwidth30pxheight30pxborder-radius10pxbackgroundlinear-gradient(135degvar(--chat-primary)#059669)displayflexalign-itemscenterjustify-contentcenterflex-shrink0.chat-typing .chat-msg-avatar svgwidth14pxheight14pxcolorwhite.chat-typing-dotsbackgroundvar(--chat-dark-surface)border1px solid var(--chat-border)border-radius4px 16px 16px 16pxpadding14px 20pxdisplayflexgap5pxalign-itemscenter.chat-typing-dots spanwidth7pxheight7pxborder-radius50%backgroundvar(--chat-text-muted)animationchatTypingBounce 1.4s ease-in-out infinite.chat-typing-dots spannth-child(2)animation-delay0.15s.chat-typing-dots spannth-child(3)animation-delay0.3s@keyframes chatTypingBounce0%60%100%transformtranslateY(0)opacity0.430%transformtranslateY(-6px)opacity1.chatbot-quick-actionspadding0 16px 8pxdisplayflexflex-wrapwrapgap6pxbackgroundvar(--chat-dark)flex-shrink0.chat-chippadding7px 14pxbackgroundvar(--chat-dark-surface)border1px solid var(--chat-border)border-radius100pxcolorvar(--chat-text-muted)font-size11.5pxfont-weight600cursorpointertransitionall 0.2s easewhite-spacenowrapfont-familyvar(--chat-font).chat-chiphoverbackgroundrgba(161851290.1)border-colorrgba(161851290.3)colorvar(--chat-primary).chatbot-input-areapadding12px 16px 16pxbackgroundvar(--chat-dark-mid)border-top1px solid var(--chat-border)displayflexalign-itemscentergap10pxflex-shrink0.chatbot-input-wrapflex1positionrelativedisplayflexalign-itemscenter#chatbot-inputwidth100% !importantpadding12px 16px !importantbackground#0f172a !importantborder1px solid rgba(2552552550.06) !importantborder-radius14px !importantcolor#f1f5f9 !importantfont-size13.5px !importantfont-weight500 !importantfont-familyvar(--chat-font) !importantoutlinenone !importanttransitionall 0.2s ease !important-webkit-appearancenone !important-webkit-text-fill-color#f1f5f9 !importantopacity1 !important#chatbot-inputplaceholdercolor#475569 !importantfont-weight500 !important-webkit-text-fill-color#475569 !important#chatbot-inputfocusborder-colorrgba(161851290.4) !importantbox-shadow0 0 0 3px rgba(161851290.1) !importantbackground#0f172a !importantcolor#f1f5f9 !important-webkit-text-fill-color#f1f5f9 !important#chatbot-sendwidth44pxheight44pxborder-radius14pxbordernonebackgroundlinear-gradient(135degvar(--chat-primary)#059669)colorwhitecursorpointerdisplayflexalign-itemscenterjustify-contentcentertransitionall 0.2s easeflex-shrink0outlinenone-webkit-tap-highlight-colortransparent#chatbot-sendhoverbox-shadow0 4px 16px rgba(161851290.4)transformscale(1.05)#chatbot-sendactivetransformscale(0.95)#chatbot-senddisabledopacity0.5cursornot-allowedtransformnonebox-shadownone#chatbot-send svgwidth18pxheight18px.chatbot-poweredtext-aligncenterpadding6px 0 4pxbackgroundvar(--chat-dark-mid)font-size9pxfont-weight600color#334155letter-spacing0.05emtext-transformuppercaseflex-shrink0@media (max-width480px)#chatbot-windowbottom80pxleft16pxrightautowidthcalc(100vw - 32px)height75dvhmax-height600pxborder-radiusvar(--chat-radius)box-shadow0 15px 40px rgba(0000.4)#chatbot-togglebottom16pxleft16pxrightautowidth54pxheight54pxborder-radius50%#chatbot-togglehoverwidth54pxtransformnone#chatbot-toggle .chat-toggle-textdisplaynone !important#chatbot-toggle svgwidth24pxheight24px.chatbot-headerpadding16pxpadding-topmax(16pxenv(safe-area-inset-top)).chatbot-input-areapadding12px 16pxpadding-bottommax(16pxenv(safe-area-inset-bottom))@media (min-width481px) and (max-width768px)#chatbot-windowwidthcalc(100vw - 32px)max-width420pxleft16pxrightautobottom88px@media (prefers-reduced-motionreduce).chat-msg.chat-typing#chatbot-window#chatbot-toggleanimationnone !importanttransition-duration0.1s !important.chatbot-header-status-dot.chat-typing-dots span#chatbot-toggle .chat-notificationanimationnone !important#chatbot-toggle#chatbot-windowfont-familyvar(--chat-font) !importantbox-sizingborder-box-webkit-font-smoothingantialiased-moz-osx-font-smoothinggrayscale#chatbot-window *#chatbot-window *before#chatbot-window *afterbox-sizingborder-box