*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0}:root{--primary-50: #e8f5e9;--primary-100: #d0ebd6;--primary-200: #a6dbb7;--primary-300: #7dcb98;--primary-400: #4fba78;--primary-500: #25d366;--primary-600: #1ea853;--primary-700: #178545;--primary-800: #116336;--primary-900: #0a3c22;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-50: #ecfdf5;--success-500: #10b981;--success-600: #059669;--warning-50: #fef3c7;--warning-500: #f59e0b;--warning-600: #b45309;--error-50: #fee2e2;--error-500: #ef4444;--error-600: #dc2626;--info-50: #eff6ff;--info-500: #3b82f6;--info-600: #1d4ed8;--secondary-blue: #0066cc;--secondary-blue-light: #e3f2fd;--menu-bg: #ffffff;--menu-text: #1f2937;--menu-active-bg: var(--primary-50);--menu-hover-bg: var(--gray-100);--button-primary-bg: var(--primary-500);--button-primary-hover-bg: var(--primary-600);--button-text: #ffffff;--page-bg: var(--gray-50);--card-bg: #ffffff;--text-main: var(--gray-900);--text-secondary: var(--gray-600);--bubble-user: #dcf8c6;--bubble-ai: #ffffff;--alert-color: var(--error-500);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}html{font-family:var(--font-family);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--page-bg);color:var(--text-main);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-main)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--text-secondary);line-height:1.6}::placeholder{color:var(--text-secondary)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700);text-decoration:underline}*:focus{outline:2px solid var(--primary-500);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.landing-page{--brand-green: #25d366;--black: #000000;--white: #ffffff;--gray-50: #f9fafb;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-800: #1f2937;--gray-900: #111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray-800);background:var(--white);min-height:100vh}.landing-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.landing-page .landing-nav{position:sticky;top:0;z-index:10;background:var(--white);border-bottom:1px solid var(--gray-200);padding:1.25rem 0;transition:box-shadow .2s ease}.landing-page .landing-nav.scrolled{box-shadow:0 10px 25px #00000014}.landing-page .nav-container-logo{width:100%;max-width:1450px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;position:relative}.landing-page .nav-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;z-index:10}.landing-page .logo-text{margin:0;font-size:1.5rem;font-weight:700;color:var(--black);transition:color .2s ease}.landing-page .site-logo{transition:opacity .3s ease}.landing-page .nav-brand:hover .site-logo{opacity:.8}.landing-page .nav-brand:hover .logo-text{color:var(--brand-green)}.landing-page .logo-highlight{color:var(--black)}.landing-page .nav-links{display:flex;gap:.75rem;align-items:center}.landing-page .products-menu-wrapper{position:relative}.landing-page .products-link{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;font-family:inherit}.landing-page .products-link .dropdown-arrow{font-size:.7rem;transition:transform .3s ease;display:inline-block}.landing-page .products-menu-wrapper:hover .dropdown-arrow{transform:rotate(180deg)}.landing-page .products-dropdown{position:absolute;top:calc(100% + .25rem);left:50%;transform:translate(-50%);background:var(--white);border:1px solid var(--gray-200);border-radius:1rem;box-shadow:0 20px 60px #00000026;min-width:320px;padding:.5rem;z-index:1000;animation:dropdownFadeIn .3s ease-out;overflow:visible;pointer-events:auto}.landing-page .products-dropdown:before{content:"";position:absolute;top:-.5rem;left:0;right:0;height:.5rem;background:transparent;pointer-events:auto}.landing-page .dropdown-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;color:inherit}.landing-page .dropdown-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,211,102,.1),transparent);transition:left .5s ease}.landing-page .dropdown-option:hover:before{left:100%}.landing-page .dropdown-option:hover{background:linear-gradient(135deg,#f0fdf4,#e6faef);transform:translate(5px);box-shadow:0 4px 12px #25d36626}.landing-page .option-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6faef,#d1fae5);border-radius:.75rem;flex-shrink:0;transition:transform .3s ease}.landing-page .dropdown-option:hover .option-icon{transform:scale(1.1) rotate(5deg)}.landing-page .option-content{flex:1}.landing-page .option-content h4{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:var(--black)}.landing-page .option-content p{margin:0;font-size:.875rem;color:var(--gray-600)}.landing-page .option-arrow{font-size:1.25rem;color:var(--brand-green);transition:transform .3s ease;opacity:0}.landing-page .dropdown-option:hover .option-arrow{transform:translate(5px);opacity:1}.landing-page .nav-link{text-decoration:none;font-weight:600;border-radius:999px;padding:.6rem 1.5rem;transition:all .2s ease}.landing-page .login-link{color:var(--gray-800);border:1px solid var(--gray-300);background:var(--white)}.landing-page .login-link:hover{border-color:var(--black)}.landing-page .signup-link{color:var(--black);border:1px solid var(--black)}.landing-page .signup-link:hover{background:var(--white);color:var(--black)}.landing-page .hero-section{background:linear-gradient(180deg,var(--white) 0%,#eefcf3 60%,#e6faef 100%);padding:3rem 0}.landing-page .hero-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:4rem;align-items:center}.landing-page .hero-title{font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;color:var(--black);margin-bottom:1.5rem;line-height:1.1;min-height:1.2em}.landing-page .typewriter-text{display:inline-block}.landing-page .typewriter-text .highlight{color:var(--brand-green);font-weight:800}.landing-page .typewriter-cursor{display:inline-block;margin-left:2px;color:var(--brand-green);animation:blink 1s infinite;font-weight:300}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.landing-page .highlight{color:var(--brand-green)}.landing-page .hero-description{font-size:1.25rem;color:var(--gray-600);margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.landing-page .btn{border-radius:999px;padding:.9rem 2rem;font-weight:600;text-decoration:none;border:2px solid transparent;transition:all .2s ease;display:inline-flex;justify-content:center;align-items:center}.landing-page .btn-large{padding:1rem 2.5rem;font-size:1.05rem}.landing-page .btn-primary{background:var(--black);color:var(--white)}.landing-page .btn-primary:hover{background:var(--gray-900);color:var(--white)}.landing-page .btn-secondary-bord{background:var(--white);color:var(--black);border-color:var(--black);text-decoration:none}.landing-page .btn-secondary-bord:hover{background:var(--gray-50);color:#000}.landing-page .hero-illustration{display:flex;justify-content:center;position:relative}.landing-page .animated-phone-container{position:relative;display:flex;justify-content:center;align-items:center;animation:fadeInRight 1s ease-out .5s both}.landing-page .phone-mockup{width:300px;height:600px;background:linear-gradient(135deg,var(--gray-900) 0%,#1a1a1a 100%);border-radius:30px;padding:1rem;box-shadow:0 30px 80px #00000026;position:relative;z-index:2}.landing-page .animated-phone{animation:phoneFloat 3s ease-in-out infinite}.landing-page .phone-screen{height:100%;border-radius:24px;background:var(--white);overflow:hidden;display:flex;flex-direction:column;position:relative}.landing-page .whatsapp-chat{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;background:#f3f4f6;flex:1;overflow-y:auto}.landing-page .chat-bubble{padding:.75rem 1rem;border-radius:18px;max-width:80%;font-size:.95rem;line-height:1.4;opacity:0;transform:translateY(20px)}.landing-page .chat-bubble.customer{align-self:flex-end;background:#dcf8c6;color:var(--black)}.landing-page .chat-bubble.ai{align-self:flex-start;background:var(--white);color:var(--gray-800);border:1px solid var(--gray-200)}.landing-page .animated-in{animation:bubbleIn .5s ease-out forwards}.landing-page .delay-1{animation-delay:1s}.landing-page .delay-2{animation-delay:1.5s}.landing-page .delay-3{animation-delay:2s}.landing-page .floating-elements{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.landing-page .floating-icon{position:absolute;font-size:2.5rem;opacity:.6;animation:floatAround 6s ease-in-out infinite}.landing-page .floating-icon.icon-1{top:10%;left:10%;animation-delay:0s}.landing-page .floating-icon.icon-2{top:20%;right:15%;animation-delay:1.5s}.landing-page .floating-icon.icon-3{bottom:30%;left:15%;animation-delay:3s}.landing-page .floating-icon.icon-4{bottom:15%;right:10%;animation-delay:4.5s}.landing-page .product-item{display:flex;align-items:center;gap:.75rem;padding:.6rem;border-radius:.75rem;background:var(--white);border:1px solid var(--gray-200)}.landing-page .product-info p{margin:0;color:var(--brand-green);font-weight:600}.landing-page .features-section{background:var(--white);padding:6rem 0}.landing-page .section-title{text-align:center;font-size:clamp(2rem,4vw,3rem);margin-bottom:3rem;color:var(--black)}.landing-page .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.landing-page .feature-card{background:var(--white);border:1px solid var(--gray-200);border-radius:1.25rem;padding:2.5rem 2rem;text-align:center;box-shadow:0 10px 30px #1118270d}.landing-page .feature-icon{font-size:2.5rem;color:var(--brand-green);margin-bottom:1rem}.landing-page .feature-card h3{color:var(--black);margin-bottom:.75rem}.landing-page .feature-card p{color:var(--gray-600)}.landing-page .products-section{background:linear-gradient(180deg,var(--white) 0%,var(--gray-50) 100%);padding:6rem 0}.landing-page .product-type-section{margin-bottom:6rem;opacity:1;transform:translateY(0);animation:fadeInUp .8s ease-out;scroll-margin-top:100px;position:relative}.landing-page .product-type-section.active:before{content:"";position:absolute;top:-2rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--brand-green),#20c55e);border-radius:2px;animation:slideDown .5s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.landing-page .product-type-header{text-align:center;margin-bottom:3rem}.landing-page .product-type-icon{font-size:4rem;margin-bottom:1rem;display:inline-block;animation:float 3s ease-in-out infinite}.landing-page .product-type-subtitle{font-size:1.25rem;color:var(--gray-600);margin-top:.5rem}.landing-page .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.landing-page .benefit-card{background:var(--white);border:1px solid var(--gray-200);border-radius:1.25rem;padding:2rem;text-align:center;box-shadow:0 4px 20px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.landing-page .benefit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-green),#20c55e);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.landing-page .benefit-card:hover:before{transform:scaleX(1)}.landing-page .benefit-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #25d36626;border-color:var(--brand-green)}.landing-page .benefit-icon{font-size:3rem;margin-bottom:1rem;display:inline-block;transition:transform .4s ease}.landing-page .benefit-card:hover .benefit-icon{transform:scale(1.15) rotate(5deg)}.landing-page .benefit-card h3{color:var(--black);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.landing-page .benefit-card p{color:var(--gray-600);line-height:1.6;margin:0}.landing-page .product-cta{text-align:center;margin-top:3rem;animation:fadeInUp .8s ease-out .3s both}.landing-page .pricing-section{background:var(--gray-50);padding:6rem 0}.landing-page .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.landing-page .pricing-card{background:var(--white);border:1px solid var(--gray-200);border-radius:1.25rem;padding:2.5rem 2rem;text-align:center;display:flex;flex-direction:column;gap:1.5rem}.landing-page .pricing-card.featured{background:var(--black);color:var(--white);border-color:var(--black)}.landing-page .pricing-card.featured .pricing-features li{color:var(--white)}.landing-page .pricing-card.featured .pricing-features li span{color:var(--brand-green)}.landing-page .pricing-card.featured .btn-primary{background:var(--white);color:var(--black)}.landing-page .pricing-header h3{margin:0;font-size:1.25rem;color:inherit}.landing-page .price{color:var(--black)}.landing-page .pricing-card.featured .price{color:var(--white)}.landing-page .pricing-features{list-style:none;padding:0;margin:0;text-align:left;color:var(--gray-600)}.landing-page .pricing-features li{display:flex;align-items:center;gap:.5rem;padding:.4rem 0}.landing-page .pricing-features li:before{content:"•";color:var(--brand-green)}.landing-page .pricing-card.featured .pricing-features li:before{color:var(--brand-green)}.landing-page .pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--white);color:var(--black);border:1px solid var(--gray-200);padding:.3rem 1rem;border-radius:999px;font-weight:600;font-size:.85rem}.landing-page .cta-actions{display:flex;align-items:center;justify-content:center;gap:20px}.landing-page .cta-section{background:var(--black);color:var(--white);padding:5rem 0;text-align:center}.landing-page .cta-content h2{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:1rem;color:#fff}.landing-page .cta-content p{color:var(--gray-300);margin-bottom:2rem}.landing-page .cta-section .btn-primary{background:var(--white);color:var(--black)}.landing-page .cta-section .btn-secondary{background:transparent;color:var(--white);border-color:var(--white)}.landing-page .cta-section .btn-secondary:hover{background:#ffffff1a}.landing-page .footer{background:var(--gray-900);color:var(--white);padding:3rem 0 1.5rem}.landing-page .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:2rem}.landing-page .footer-section h4{color:var(--white);margin-bottom:.75rem}.landing-page .footer-section p,.landing-page .footer-section li{color:var(--gray-300)}.landing-page .footer-section a{color:var(--gray-300);text-decoration:none}.landing-page .footer-section a:hover{color:var(--white)}.landing-page .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center;color:var(--gray-300)}.landing-page .social-proof{background:var(--white);color:var(--gray-800)}.landing-page .social-proof .stat-number{color:var(--black)}.landing-page .social-proof .stat-label{color:var(--gray-600)}.landing-page .security-section{background:var(--gray-50)}.landing-page .security-section h3{color:var(--black)}.landing-page .security-section p{color:var(--gray-600)}.landing-page .security-section .icon{color:var(--brand-green)}.landing-page .mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001;position:relative}.landing-page .hamburger-line{width:25px;height:3px;background:var(--black);border-radius:2px;transition:all .3s ease}.landing-page .hamburger-line.active:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.landing-page .hamburger-line.active:nth-child(2){opacity:0}.landing-page .hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.landing-page .mobile-nav-menu{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.landing-page .mobile-nav-menu.open{opacity:1;visibility:visible}.landing-page .mobile-nav-content{position:absolute;top:0;right:0;width:280px;max-width:85%;height:100%;background:var(--white);box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;padding:4rem 1.5rem 2rem;display:flex;flex-direction:column;gap:.5rem}.landing-page .mobile-nav-menu.open .mobile-nav-content{transform:translate(0)}.landing-page .mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:1rem;color:var(--gray-800);text-decoration:none;font-weight:600;border-radius:8px;transition:all .2s ease;border:none;background:transparent;width:100%;text-align:left;font-size:1rem}.landing-page .mobile-nav-link:hover{background:var(--gray-50);color:var(--black)}.landing-page .mobile-nav-divider{height:1px;background:var(--gray-200);margin:1rem 0}.landing-page .mobile-products-dropdown{margin-top:.5rem;margin-left:1rem;display:flex;flex-direction:column;gap:.5rem}.landing-page .mobile-dropdown-option{display:flex;align-items:center;gap:1rem;padding:.875rem;border-radius:8px;text-decoration:none;color:inherit;background:var(--gray-50);transition:all .2s ease}.landing-page .mobile-dropdown-option:hover{background:var(--gray-200)}@media(max-width:968px){.landing-page .desktop-nav{display:none}.landing-page .mobile-menu-toggle{display:flex}.landing-page .nav-container-logo{width:100%;margin-left:0;padding:0 1.5rem}.landing-page .nav-brand{flex:1}}@media(max-width:768px){.landing-page .nav-links{flex-wrap:wrap;justify-content:flex-end}.landing-page .products-dropdown{min-width:280px;left:auto;right:0}.landing-page .hero-content{grid-template-columns:1fr;gap:2rem}.landing-page .hero-image{order:-1}.landing-page .phone-mockup{width:250px;height:500px}.landing-page .features-grid,.landing-page .benefits-grid{grid-template-columns:1fr}.landing-page .product-type-section{margin-bottom:4rem}.landing-page .hero-section{padding:4rem 0}.landing-page .hero-actions{flex-direction:column;align-items:stretch}.landing-page .pricing-card.featured{transform:none}}@media(max-width:480px){.landing-page .nav-container{flex-direction:column;gap:1rem}.landing-page .btn{width:100%}}.product-page{--brand-green: #25d366;--black: #000000;--white: #ffffff;--gray-50: #f9fafb;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-800: #1f2937;--gray-900: #111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray-800);background:var(--white);min-height:100vh}.product-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.product-page .product-nav{position:sticky;top:0;z-index:1000;background:var(--white);border-bottom:1px solid var(--gray-200);padding:1.25rem 0;transition:box-shadow .2s ease,background .2s ease}.product-page .product-nav.scrolled{box-shadow:0 10px 25px #00000014;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-page .nav-container-logo{width:100%;max-width:1450px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;position:relative}.product-page .nav-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;z-index:10}.product-page .logo-text{text-decoration:none;color:var(--black);font-size:1.5rem;font-weight:700;transition:color .2s ease}.product-page .logo-text:hover{color:var(--brand-green)}.product-page .nav-links{display:flex;gap:.75rem;align-items:center}.product-page .products-menu-wrapper{position:relative}.product-page .products-link{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;font-family:inherit;text-decoration:none;font-weight:600;border-radius:999px;padding:.6rem 1.5rem;transition:all .2s ease;color:var(--gray-800);border:1px solid transparent}.product-page .products-link:hover{background:var(--gray-50);color:var(--black)}.product-page .products-link.active{background:var(--brand-green);color:var(--white)}.product-page .products-link .dropdown-arrow{font-size:.7rem;transition:transform .3s ease;display:inline-block}.product-page .products-menu-wrapper:hover .dropdown-arrow{transform:rotate(180deg)}.product-page .products-dropdown{position:absolute;top:calc(100% + .25rem);left:50%;transform:translate(-50%);background:var(--white);border:1px solid var(--gray-200);border-radius:1rem;box-shadow:0 20px 60px #00000026;min-width:320px;padding:.5rem;z-index:1000;animation:dropdownFadeIn .3s ease-out;overflow:visible;pointer-events:auto}.product-page .products-dropdown:before{content:"";position:absolute;top:-.5rem;left:0;right:0;height:.5rem;background:transparent;pointer-events:auto}.product-page .dropdown-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;color:inherit}.product-page .dropdown-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,211,102,.1),transparent);transition:left .5s ease}.product-page .dropdown-option:hover:before{left:100%}.product-page .dropdown-option:hover{background:linear-gradient(135deg,#f0fdf4,#e6faef);transform:translate(5px);box-shadow:0 4px 12px #25d36626}.product-page .option-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6faef,#d1fae5);border-radius:.75rem;flex-shrink:0;transition:transform .3s ease}.product-page .dropdown-option:hover .option-icon{transform:scale(1.1) rotate(5deg)}.product-page .option-content{flex:1}.product-page .option-content h4{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:var(--black)}.product-page .option-content p{margin:0;font-size:.875rem;color:var(--gray-600)}.product-page .option-arrow{font-size:1.25rem;color:var(--brand-green);transition:transform .3s ease;opacity:0}.product-page .dropdown-option:hover .option-arrow{transform:translate(5px);opacity:1}.product-page .nav-link{text-decoration:none;font-weight:600;border-radius:999px;padding:.6rem 1.5rem;transition:all .2s ease;color:var(--gray-800);border:1px solid transparent}.product-page .nav-link:hover{background:var(--gray-50);color:var(--black)}.product-page .login-link{color:var(--gray-800);border:1px solid var(--gray-300);background:var(--white)}.product-page .login-link:hover{border-color:var(--black)}.product-page .signup-link{color:var(--black);border:1px solid var(--black)}.product-page .signup-link:hover{background:var(--black);color:var(--white)}.product-page .product-hero-section{background:linear-gradient(180deg,var(--white) 0%,#eefcf3 60%,#e6faef 100%);padding:6rem 0;overflow:hidden;position:relative}.product-page .product-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.product-page .product-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--black);margin-bottom:1rem;line-height:1.1;animation:fadeInUp .8s ease-out}.product-page .product-hero-subtitle{font-size:1.5rem;color:var(--brand-green);font-weight:700;margin-bottom:1rem;animation:fadeInUp .8s ease-out .2s both}.product-page .product-hero-description{font-size:1.25rem;color:var(--gray-600);margin-bottom:2rem;line-height:1.6;animation:fadeInUp .8s ease-out .4s both}.product-page .product-hero-actions{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeInUp .8s ease-out .6s both}.product-page .btn{border-radius:999px;padding:.9rem 2rem;font-weight:600;text-decoration:none;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.product-page .btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.product-page .btn:hover:before{width:300px;height:300px}.product-page .btn-primary{background:var(--black);color:var(--white)}.product-page .btn-primary:hover{background:var(--gray-900);transform:translateY(-2px);box-shadow:0 10px 25px #0003}.product-page .btn-secondary-bord{background:var(--white);color:var(--black);border-color:var(--black)}.product-page .btn-secondary-bord:hover{background:var(--gray-50);transform:translateY(-2px)}.product-page .btn-large{padding:1rem 2.5rem;font-size:1.05rem}.product-page .animated-phone-container{position:relative;display:flex;justify-content:center;align-items:center;animation:fadeInRight 1s ease-out .3s both}.product-page .phone-mockup-animated{width:320px;height:640px;background:linear-gradient(135deg,var(--gray-900) 0%,#1a1a1a 100%);border-radius:40px;padding:1.2rem;box-shadow:0 40px 100px #00000040;position:relative;z-index:2;animation:phoneFloat 3s ease-in-out infinite}@keyframes phoneFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(0)}75%{transform:translateY(-15px) rotate(-1deg)}}.product-page .phone-screen-animated{height:100%;border-radius:32px;background:var(--white);overflow:hidden;display:flex;flex-direction:column;position:relative}.product-page .whatsapp-chat-animated{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;background:#f3f4f6;flex:1;overflow-y:auto}.product-page .chat-bubble{padding:.875rem 1.125rem;border-radius:18px;max-width:80%;font-size:.95rem;line-height:1.4;opacity:0;transform:translateY(20px)}.product-page .chat-bubble.customer{align-self:flex-end;background:#dcf8c6;color:var(--black)}.product-page .chat-bubble.ai{align-self:flex-start;background:var(--white);color:var(--gray-800);border:1px solid var(--gray-200)}.product-page .animated-in{animation:bubbleIn .5s ease-out forwards}.product-page .delay-1{animation-delay:.5s}.product-page .delay-2{animation-delay:1s}.product-page .delay-3{animation-delay:1.5s}.product-page .delay-4{animation-delay:2s}.product-page .delay-5{animation-delay:2.5s}@keyframes bubbleIn{to{opacity:1;transform:translateY(0)}}.product-page .product-suggestion{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.product-page .product-item{display:flex;align-items:center;gap:.75rem;padding:.6rem;border-radius:.75rem;background:var(--white);border:1px solid var(--gray-200)}.product-page .product-image{width:50px;height:50px;background:linear-gradient(135deg,var(--brand-green),#20c55e);border-radius:.5rem}.product-page .product-info h4{margin:0;font-size:.9rem;color:var(--black)}.product-page .product-info p{margin:0;color:var(--brand-green);font-weight:600;font-size:.85rem}.product-page .floating-elements{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.product-page .floating-icon{position:absolute;font-size:2.5rem;opacity:.6;animation:floatAround 6s ease-in-out infinite}.product-page .floating-icon.icon-1{top:10%;left:10%;animation-delay:0s}.product-page .floating-icon.icon-2{top:20%;right:15%;animation-delay:1.5s}.product-page .floating-icon.icon-3{bottom:30%;left:15%;animation-delay:3s}.product-page .floating-icon.icon-4{bottom:15%;right:10%;animation-delay:4.5s}@keyframes floatAround{0%,to{transform:translate(0) rotate(0);opacity:.6}25%{transform:translate(20px,-20px) rotate(90deg);opacity:.8}50%{transform:translate(-15px,-30px) rotate(180deg);opacity:.7}75%{transform:translate(-20px,10px) rotate(270deg);opacity:.9}}.product-page .product-benefits-section{background:var(--white);padding:8rem 0}.product-page .benefit-item{display:flex;align-items:center;gap:6rem;margin-bottom:10rem;max-width:1200px;margin-left:auto;margin-right:auto;opacity:0;transform:translateY(50px);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.product-page .benefit-item:last-child{margin-bottom:0}.product-page .benefit-item.reverse{flex-direction:row-reverse}.product-page .benefit-item:not(.reverse){transform:translate(-80px) translateY(30px)}.product-page .benefit-item:not(.reverse).visible{opacity:1;transform:translate(0) translateY(0)}.product-page .benefit-item.reverse{transform:translate(80px) translateY(30px)}.product-page .benefit-item.reverse.visible{opacity:1;transform:translate(0) translateY(0)}.product-page .benefit-item .benefit-content{opacity:0;transform:translateY(30px);transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s}.product-page .benefit-item.visible .benefit-content{opacity:1;transform:translateY(0)}.product-page .benefit-item .benefit-image{opacity:0;transform:scale(.95) translateY(30px);transition:all .5s cubic-bezier(.25,.46,.45,.94) .2s}.product-page .benefit-item.visible .benefit-image{opacity:1;transform:scale(1) translateY(0)}.product-page .benefit-content{flex:1;max-width:500px}.product-page .benefit-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#e6faef,#d1fae5);color:var(--brand-green);border-radius:999px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.5px;opacity:0;transform:translateY(-10px);transition:all .6s cubic-bezier(.4,0,.2,1) .1s}.product-page .benefit-item.visible .benefit-badge{opacity:1;transform:translateY(0)}.product-page .benefit-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;color:var(--black);margin-bottom:1.5rem;line-height:1.2;opacity:0;transform:translateY(20px);transition:all .45s cubic-bezier(.25,.46,.45,.94) .1s}.product-page .benefit-item.visible .benefit-title{opacity:1;transform:translateY(0)}.product-page .benefit-description{font-size:1.125rem;color:var(--gray-600);line-height:1.7;margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:all .7s cubic-bezier(.4,0,.2,1) .25s}.product-page .benefit-item.visible .benefit-description{opacity:1;transform:translateY(0)}.product-page .benefit-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.product-page .benefit-features li{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:var(--gray-800);position:relative;padding-left:1.75rem;opacity:0;transform:translate(-20px);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.product-page .benefit-item.visible .benefit-features li{opacity:1;transform:translate(0)}.product-page .benefit-item.visible .benefit-features li:nth-child(1){transition-delay:.25s}.product-page .benefit-item.visible .benefit-features li:nth-child(2){transition-delay:.3s}.product-page .benefit-item.visible .benefit-features li:nth-child(3){transition-delay:.35s}.product-page .benefit-features li:before{content:"✓";position:absolute;left:0;width:1.5rem;height:1.5rem;background:var(--brand-green);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;transform:scale(0);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.product-page .benefit-item.visible .benefit-features li:before{transform:scale(1)}.product-page .benefit-item.visible .benefit-features li:nth-child(1):before{transition-delay:.28s}.product-page .benefit-item.visible .benefit-features li:nth-child(2):before{transition-delay:.33s}.product-page .benefit-item.visible .benefit-features li:nth-child(3):before{transition-delay:.38s}.product-page .benefit-image{flex:1;max-width:600px;display:flex;align-items:center;justify-content:center}.product-page .benefit-image-placeholder{width:100%;height:450px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:1.5rem;padding:2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #00000014;position:relative;overflow:hidden}.product-page .product-showcase-visual{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;position:relative}.product-page .visual-product-card{width:280px;height:320px;background:var(--white);border-radius:1rem;padding:1.5rem;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:1rem;animation:floatCard 3s ease-in-out infinite}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.product-page .visual-product-image{width:100%;height:180px;background:linear-gradient(135deg,#e6faef,#d1fae5);border-radius:.75rem;position:relative;overflow:hidden}.product-page .visual-product-image:after{content:"📦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem}.product-page .visual-product-info{display:flex;flex-direction:column;gap:.5rem}.product-page .visual-title{width:80%;height:16px;background:var(--gray-200);border-radius:4px}.product-page .visual-price{width:40%;height:20px;background:var(--brand-green);border-radius:4px}.product-page .visual-ai-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background:var(--brand-green);color:var(--white);border-radius:999px;font-size:.75rem;font-weight:600;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.product-page .setup-visual{width:100%;height:100%;display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center}.product-page .setup-step{width:100%;max-width:350px;display:flex;align-items:center;gap:1.5rem;padding:1.25rem;background:var(--white);border-radius:1rem;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;animation:slideInLeft .6s ease-out}.product-page .setup-step:nth-child(1){animation-delay:.1s}.product-page .setup-step:nth-child(2){animation-delay:.2s}.product-page .setup-step:nth-child(3){animation-delay:.3s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.product-page .setup-step.active{border-left:4px solid var(--brand-green)}.product-page .step-number{width:2.5rem;height:2.5rem;background:var(--brand-green);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;flex-shrink:0}.product-page .step-content{font-size:1rem;font-weight:600;color:var(--black)}.product-page .ai-chat-visual{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--white);border-radius:1rem}.product-page .chat-message{padding:.875rem 1.125rem;border-radius:1rem;max-width:75%;animation:messageSlide .5s ease-out}.product-page .chat-message:nth-child(1){animation-delay:.1s}.product-page .chat-message:nth-child(2){animation-delay:.3s}.product-page .chat-message:nth-child(3){animation-delay:.5s}.product-page .chat-message:nth-child(4){animation-delay:.7s}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-page .customer-msg{align-self:flex-end;background:#dcf8c6;color:var(--black)}.product-page .ai-msg{align-self:flex-start;background:var(--gray-50);color:var(--gray-800);border:1px solid var(--gray-200)}.product-page .msg-content{font-size:.875rem;line-height:1.5}.product-page .analytics-visual{width:100%;height:100%;display:flex;flex-direction:column;gap:2rem;padding:2rem;background:var(--white);border-radius:1rem}.product-page .analytics-chart{display:flex;align-items:flex-end;gap:1rem;height:200px;padding:1rem;background:var(--gray-50);border-radius:.75rem}.product-page .chart-bar{flex:1;background:linear-gradient(180deg,var(--brand-green) 0%,#20c55e 100%);border-radius:4px 4px 0 0;min-height:20px;animation:barGrow 1s ease-out}@keyframes barGrow{0%{height:0}}.product-page .analytics-stats{display:flex;gap:2rem;justify-content:center}.product-page .stat-item{text-align:center;padding:1rem;background:var(--gray-50);border-radius:.75rem;min-width:100px}.product-page .stat-value{font-size:1.75rem;font-weight:800;color:var(--brand-green);margin-bottom:.25rem}.product-page .stat-label{font-size:.875rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.product-page .catalog-visual{width:100%;height:100%;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:var(--white);border-radius:1rem;position:relative;box-shadow:0 4px 20px #0000000d}.product-page .catalog-visual:before{content:"Catalog";position:absolute;top:1rem;left:1.5rem;font-size:.875rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.product-page .catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;flex:1}.product-page .catalog-item{aspect-ratio:1;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:.75rem;position:relative;overflow:hidden;animation:catalogItemAppear .5s ease-out}.product-page .catalog-item:nth-child(1){animation-delay:.1s}.product-page .catalog-item:nth-child(2){animation-delay:.2s}.product-page .catalog-item:nth-child(3){animation-delay:.3s}.product-page .catalog-item:nth-child(4){animation-delay:.4s}.product-page .catalog-item:nth-child(5){animation-delay:.5s}.product-page .catalog-item:nth-child(6){animation-delay:.6s}@keyframes catalogItemAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.product-page .catalog-item:after{content:"📦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;opacity:.6}.product-page .catalog-item:before{content:"";position:absolute;top:.5rem;right:.5rem;width:8px;height:8px;background:var(--brand-green);border-radius:50%;box-shadow:0 0 8px #25d36680}.product-page .catalog-badge{position:absolute;bottom:1rem;right:1rem;padding:.5rem 1rem;background:var(--brand-green);color:var(--white);border-radius:999px;font-size:.75rem;font-weight:600;box-shadow:0 4px 12px #25d3664d;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.product-page .search-visual{width:100%;height:100%;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:var(--white);border-radius:1rem}.product-page .search-bar{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--white);border:2px solid var(--gray-200);border-radius:999px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.product-page .search-bar:hover{border-color:var(--brand-green);box-shadow:0 4px 12px #25d36626;transform:translateY(-2px)}.product-page .search-icon{font-size:1.25rem}.product-page .search-text{flex:1;font-size:.875rem;color:var(--gray-600)}.product-page .search-results{display:flex;flex-direction:column;gap:.75rem}.product-page .result-item{height:60px;background:var(--white);border:1px solid var(--gray-200);border-radius:.75rem;padding:1rem;display:flex;align-items:center;gap:1rem;position:relative;animation:resultSlide .5s ease-out;transition:all .3s ease}.product-page .result-item:hover{border-color:var(--brand-green);box-shadow:0 4px 12px #25d3661a;transform:translate(5px)}.product-page .result-item:nth-child(1){animation-delay:.2s}.product-page .result-item:nth-child(2){animation-delay:.4s}.product-page .result-item:nth-child(3){animation-delay:.6s}@keyframes resultSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.product-page .result-item:before{content:"";width:40px;height:40px;background:linear-gradient(135deg,#e6faef,#d1fae5);border-radius:.5rem;flex-shrink:0;border:2px solid var(--brand-green);opacity:.3}.product-page .result-item:after{content:"📱";position:absolute;left:1.5rem;font-size:1.25rem}.product-page .dashboard-visual{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--white);border-radius:1rem;box-shadow:0 4px 20px #0000000d;border:1px solid var(--gray-100)}.product-page .dashboard-header{height:50px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid var(--gray-200);border-radius:.75rem;display:flex;align-items:center;padding:0 1rem;gap:1rem;box-shadow:0 2px 4px #00000005}.product-page .dashboard-header:before{content:"";width:30px;height:30px;background:var(--brand-green);border-radius:.5rem;box-shadow:0 2px 8px #25d3664d}.product-page .dashboard-header:after{content:"Dashboard";margin-left:1rem;font-size:.875rem;font-weight:600;color:var(--gray-800)}.product-page .dashboard-content{display:flex;flex-direction:column;gap:.75rem;flex:1}.product-page .dashboard-row{height:50px;background:var(--white);border:1px solid var(--gray-200);border-radius:.75rem;display:flex;align-items:center;padding:0 1rem;gap:1rem;animation:rowAppear .5s ease-out;transition:all .3s ease}.product-page .dashboard-row:hover{border-color:var(--brand-green);box-shadow:0 2px 8px #25d3661a;transform:translate(4px)}.product-page .dashboard-row:nth-child(1){animation-delay:.1s}.product-page .dashboard-row:nth-child(2){animation-delay:.2s}.product-page .dashboard-row:nth-child(3){animation-delay:.3s}@keyframes rowAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-page .dashboard-row:before{content:"";width:30px;height:30px;background:linear-gradient(135deg,#e6faef,#d1fae5);border-radius:.5rem;border:1px solid var(--brand-green);opacity:.5}.product-page .dashboard-row:after{content:"Product Item";margin-left:1rem;font-size:.875rem;color:var(--gray-600);flex:1}.product-page .dashboard-actions{display:flex;gap:1rem;margin-top:auto}.product-page .action-btn{flex:1;height:40px;background:var(--brand-green);border-radius:.5rem;position:relative;overflow:hidden}.product-page .action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.product-page .action-btn:hover:before{left:100%}.product-page .scale-visual{width:100%;height:100%;display:flex;flex-direction:column;gap:2rem;padding:2rem;background:var(--white);border-radius:1rem;align-items:center;justify-content:center}.product-page .scale-chart{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1rem;position:relative}.product-page .scale-line{height:8px;background:linear-gradient(90deg,var(--brand-green) 0%,#20c55e 100%);border-radius:4px;position:relative;animation:scaleGrow 1s ease-out}.product-page .scale-line:nth-child(1){width:30%;animation-delay:.1s}.product-page .scale-line:nth-child(2){width:50%;animation-delay:.2s}.product-page .scale-line:nth-child(3){width:70%;animation-delay:.3s}.product-page .scale-line:nth-child(4){width:90%;animation-delay:.4s}@keyframes scaleGrow{0%{width:0;opacity:0}to{opacity:1}}.product-page .scale-indicators{display:flex;justify-content:space-between;width:100%;max-width:400px;margin-top:1rem}.product-page .scale-point{width:12px;height:12px;background:var(--brand-green);border-radius:50%;position:relative;animation:pointPulse 2s ease-in-out infinite}.product-page .scale-point:nth-child(1){animation-delay:0s}.product-page .scale-point:nth-child(2){animation-delay:.3s}.product-page .scale-point:nth-child(3){animation-delay:.6s}@keyframes pointPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.product-page .scale-point:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid var(--brand-green);border-radius:50%;opacity:.3;animation:ripple 2s ease-out infinite}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(.8);opacity:.3}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.product-page .scale-label{padding:.75rem 1.5rem;background:linear-gradient(135deg,#e6faef,#d1fae5);color:var(--brand-green);border-radius:999px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:1rem}.product-page .whatsapp-api-visual{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;background:var(--white);border-radius:1rem;position:relative}.product-page .api-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background:var(--brand-green);color:var(--white);border-radius:999px;font-size:.75rem;font-weight:600;box-shadow:0 4px 12px #25d3664d}.product-page .whatsapp-icon{font-size:4rem;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.product-page .api-connection{display:flex;align-items:center;gap:.5rem;margin:1rem 0}.product-page .connection-line{width:100px;height:3px;background:linear-gradient(90deg,var(--brand-green) 0%,#20c55e 100%);border-radius:2px;animation:connectionFlow 2s ease-in-out infinite}@keyframes connectionFlow{0%,to{opacity:.5}50%{opacity:1}}.product-page .connection-point{width:12px;height:12px;background:var(--brand-green);border-radius:50%;box-shadow:0 0 12px #25d36699}.product-page .api-label{padding:.5rem 1.5rem;background:linear-gradient(135deg,#e6faef,#d1fae5);color:var(--brand-green);border-radius:999px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.product-page .automation-visual{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;background:var(--white);border-radius:1rem}.product-page .automation-stats{display:flex;gap:2rem;width:100%;justify-content:center}.product-page .stat-box{flex:1;max-width:150px;padding:1.5rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid var(--brand-green);border-radius:1rem;text-align:center;animation:statBoxAppear .6s ease-out}.product-page .stat-box:nth-child(2){animation-delay:.2s}@keyframes statBoxAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.product-page .stat-number{font-size:2rem;font-weight:800;color:var(--brand-green);margin-bottom:.5rem}.product-page .stat-text{font-size:.875rem;color:var(--gray-600);font-weight:600}.product-page .automation-icon{font-size:3rem;animation:automationPulse 1.5s ease-in-out infinite}@keyframes automationPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}}.product-page .focused-visual{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem;background:var(--white);border-radius:1rem}.product-page .focused-product{position:relative;width:120px;height:120px;background:linear-gradient(135deg,#e6faef,#d1fae5);border:3px solid var(--brand-green);border-radius:1rem;display:flex;align-items:center;justify-content:center;animation:productFocus 2s ease-in-out infinite}@keyframes productFocus{0%,to{box-shadow:0 0 #25d36666}50%{box-shadow:0 0 0 20px #25d36600}}.product-page .product-highlight{width:60px;height:60px;background:var(--brand-green);border-radius:50%;position:relative}.product-page .product-highlight:after{content:"📦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem}.product-page .product-label{position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.75rem;font-weight:600;color:var(--gray-600)}.product-page .conversion-arrow{font-size:2rem;color:var(--brand-green);animation:arrowMove 1.5s ease-in-out infinite}@keyframes arrowMove{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.product-page .conversion-result{display:flex;align-items:center;justify-content:center}.product-page .result-badge{padding:1rem 1.5rem;background:var(--brand-green);color:var(--white);border-radius:1rem;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px #25d3664d;animation:resultGrow 2s ease-in-out infinite}@keyframes resultGrow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.product-page .scalable-communication-visual{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;background:var(--white);border-radius:1rem}.product-page .communication-stats{display:flex;gap:2rem;width:100%;justify-content:center}.product-page .communication-icon{font-size:3rem;animation:communicationPulse 1.5s ease-in-out infinite}@keyframes communicationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.product-page .crm-visual{width:100%;height:100%;display:flex;flex-direction:column;gap:2rem;padding:2rem;background:var(--white);border-radius:1rem}.product-page .crm-customer{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-50);border-radius:1rem;border:2px solid var(--brand-green)}.product-page .customer-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--brand-green) 0%,#20c55e 100%);border-radius:50%;position:relative}.product-page .customer-avatar:after{content:"👤";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem}.product-page .customer-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.product-page .customer-name{width:80px;height:12px;background:var(--gray-300);border-radius:4px}.product-page .customer-status{width:60px;height:8px;background:var(--brand-green);border-radius:4px;opacity:.5}.product-page .crm-actions{display:flex;gap:.75rem;justify-content:center}.product-page .crm-action{padding:.75rem 1.25rem;background:linear-gradient(135deg,#e6faef,#d1fae5);color:var(--brand-green);border-radius:.75rem;font-size:.875rem;font-weight:600;border:1px solid var(--brand-green);animation:crmActionAppear .5s ease-out}.product-page .crm-action:nth-child(1){animation-delay:.1s}.product-page .crm-action:nth-child(2){animation-delay:.2s}.product-page .crm-action:nth-child(3){animation-delay:.3s}@keyframes crmActionAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-page .product-cta-section{background:linear-gradient(135deg,var(--black) 0%,var(--gray-900) 100%);color:var(--white);padding:6rem 0;text-align:center}.product-page .product-cta-content h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;color:#fff;font-weight:800}.product-page .product-cta-content p{color:var(--gray-300);margin-bottom:2rem;font-size:1.25rem}.product-page .product-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.product-page .product-cta-section .btn-primary{background:var(--white);color:var(--black)}.product-page .product-cta-section .btn-primary:hover{background:var(--gray-50);transform:translateY(-2px)}.product-page .product-cta-section .btn-secondary{background:transparent;color:var(--white);border-color:var(--white)}.product-page .product-cta-section .btn-secondary:hover{background:#ffffff1a}.product-page .footer{background:var(--gray-900);color:var(--white);padding:3rem 0 1.5rem}.product-page .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:2rem}.product-page .footer-section h4{color:var(--white);margin-bottom:.75rem}.product-page .footer-section p,.product-page .footer-section li{color:var(--gray-300)}.product-page .footer-section a{color:var(--gray-300);text-decoration:none;transition:color .2s ease}.product-page .footer-section a:hover{color:var(--white)}.product-page .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center;color:var(--gray-300)}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:968px){.product-page .product-hero-content{grid-template-columns:1fr;gap:3rem}.product-page .product-hero-image{order:-1}.product-page .phone-mockup-animated{width:280px;height:560px}.product-page .benefit-item{flex-direction:column;gap:3rem;margin-bottom:6rem;padding:0 1rem;transform:translateY(30px)!important}.product-page .benefit-item.reverse{flex-direction:column;transform:translateY(30px)!important}.product-page .benefit-item.visible{transform:translateY(0)!important}.product-page .benefit-content{max-width:100%;text-align:left}.product-page .benefit-image{max-width:100%}.product-page .benefit-image-placeholder{height:300px;padding:1.5rem}.product-page .benefit-title{font-size:1.75rem}.product-page .benefit-description{font-size:1rem}.product-page .visual-product-card{width:100%;max-width:280px}.product-page .catalog-grid{grid-template-columns:repeat(2,1fr)}}.product-page .mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001;position:relative}.product-page .hamburger-line{width:25px;height:3px;background:var(--black);border-radius:2px;transition:all .3s ease}.product-page .hamburger-line.active:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.product-page .hamburger-line.active:nth-child(2){opacity:0}.product-page .hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.product-page .mobile-nav-menu{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.product-page .mobile-nav-menu.open{opacity:1;visibility:visible}.product-page .mobile-nav-content{position:absolute;top:0;right:0;width:280px;max-width:85%;height:100%;background:var(--white);box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;padding:4rem 1.5rem 2rem;display:flex;flex-direction:column;gap:.5rem}.product-page .mobile-nav-menu.open .mobile-nav-content{transform:translate(0)}.product-page .mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:1rem;color:var(--gray-800);text-decoration:none;font-weight:600;border-radius:8px;transition:all .2s ease;border:none;background:transparent;width:100%;text-align:left;font-size:1rem}.product-page .mobile-nav-link:hover,.product-page .mobile-nav-link.active{background:var(--gray-50);color:var(--brand-green)}.product-page .mobile-nav-divider{height:1px;background:var(--gray-200);margin:1rem 0}.product-page .mobile-products-dropdown{margin-top:.5rem;margin-left:1rem;display:flex;flex-direction:column;gap:.5rem}.product-page .mobile-dropdown-option{display:flex;align-items:center;gap:1rem;padding:.875rem;border-radius:8px;text-decoration:none;color:inherit;background:var(--gray-50);transition:all .2s ease}.product-page .mobile-dropdown-option:hover{background:var(--gray-200)}@media(max-width:968px){.product-page .desktop-nav{display:none}.product-page .mobile-menu-toggle{display:flex}.product-page .nav-container-logo{width:100%;margin-left:0;padding:0 1.5rem}.product-page .nav-brand{flex:1}}@media(max-width:768px){.product-page .nav-links{flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.product-page .nav-link{padding:.5rem 1rem;font-size:.9rem}.product-page .product-hero-section{padding:4rem 0}.product-page .product-hero-actions{flex-direction:column;align-items:stretch}.product-page .btn{width:100%}}.pricing-page{--brand-green: #25d366;--black: #000000;--white: #ffffff;--gray-50: #f9fafb;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-800: #1f2937;--gray-900: #111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray-800);background:var(--white);min-height:100vh}.pricing-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.pricing-page .pricing-nav{position:sticky;top:0;z-index:1000;background:var(--white);border-bottom:1px solid var(--gray-200);padding:1.25rem 0;transition:box-shadow .2s ease,background .2s ease}.pricing-page .pricing-nav.scrolled{box-shadow:0 10px 25px #00000014;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pricing-page .nav-container-logo{width:100%;max-width:1450px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;position:relative}.pricing-page .nav-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;z-index:10}.pricing-page .logo-text{text-decoration:none;color:var(--black);font-size:1.5rem;font-weight:700;transition:color .2s ease}.pricing-page .logo-text:hover{color:var(--brand-green)}.pricing-page .nav-links{display:flex;gap:.75rem;align-items:center}.pricing-page .products-menu-wrapper{position:relative}.pricing-page .products-link{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;font-family:inherit;text-decoration:none;font-weight:600;border-radius:999px;padding:.6rem 1.5rem;transition:all .2s ease;color:var(--gray-800);border:1px solid transparent}.pricing-page .products-link:hover{background:var(--gray-50);color:var(--black)}.pricing-page .products-link.active{background:var(--brand-green);color:var(--white)}.pricing-page .products-link .dropdown-arrow{font-size:.7rem;transition:transform .3s ease;display:inline-block}.pricing-page .products-menu-wrapper:hover .dropdown-arrow{transform:rotate(180deg)}.pricing-page .products-dropdown{position:absolute;top:calc(100% + .25rem);left:50%;transform:translate(-50%);background:var(--white);border:1px solid var(--gray-200);border-radius:1rem;box-shadow:0 20px 60px #00000026;min-width:320px;padding:.5rem;z-index:1000;animation:dropdownFadeIn .3s ease-out;overflow:visible;pointer-events:auto}.pricing-page .products-dropdown:before{content:"";position:absolute;top:-.5rem;left:0;right:0;height:.5rem;background:transparent;pointer-events:auto}.pricing-page .dropdown-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;color:inherit}.pricing-page .dropdown-option:hover{background:linear-gradient(135deg,#f0fdf4,#e6faef);transform:translate(5px);box-shadow:0 4px 12px #25d36626}.pricing-page .option-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6faef,#d1fae5);border-radius:.75rem;flex-shrink:0;transition:transform .3s ease}.pricing-page .dropdown-option:hover .option-icon{transform:scale(1.1) rotate(5deg)}.pricing-page .option-content{flex:1}.pricing-page .option-content h4{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:var(--black)}.pricing-page .option-content p{margin:0;font-size:.875rem;color:var(--gray-600)}.pricing-page .option-arrow{font-size:1.25rem;color:var(--brand-green);transition:transform .3s ease;opacity:0}.pricing-page .dropdown-option:hover .option-arrow{transform:translate(5px);opacity:1}.pricing-page .nav-link{text-decoration:none;font-weight:600;border-radius:999px;padding:.6rem 1.5rem;transition:all .2s ease;color:var(--gray-800);border:1px solid transparent}.pricing-page .nav-link:hover{background:var(--gray-50);color:var(--black)}.pricing-page .nav-link.active{background:var(--brand-green);color:var(--white)}.pricing-page .login-link{color:var(--gray-800);border:1px solid var(--gray-300);background:var(--white)}.pricing-page .login-link:hover{border-color:var(--black)}.pricing-page .signup-link{color:var(--black);border:1px solid var(--black)}.pricing-page .signup-link:hover{background:var(--black);color:var(--white)}.pricing-page .pricing-hero-section{background:linear-gradient(135deg,#0f172a,#1e293b,#334155);padding:6rem 0;position:relative;overflow:hidden}.pricing-page .pricing-hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(37,211,102,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(37,211,102,.08) 0%,transparent 50%);pointer-events:none}.pricing-page .pricing-hero-content{text-align:center;position:relative;z-index:1;animation:fadeInUp .8s ease-out}.pricing-page .pricing-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--white);margin-bottom:1rem;line-height:1.1;text-shadow:0 2px 20px rgba(0,0,0,.2)}.pricing-page .pricing-hero-subtitle{font-size:1.5rem;color:#fffffff2;margin-bottom:1rem;font-weight:600;animation:fadeInUp .8s ease-out .2s both}.pricing-page .pricing-hero-description{font-size:1.25rem;color:#ffffffe6;max-width:600px;margin:0 auto;line-height:1.6;animation:fadeInUp .8s ease-out .4s both}.pricing-page .pricing-cards-section{background:linear-gradient(180deg,var(--white) 0%,#f8fafc 100%);padding:6rem 0;position:relative}.pricing-page .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;max-width:1000px;margin:0 auto}.pricing-page .pricing-card{background:var(--white);border:2px solid var(--gray-200);border-radius:1.5rem;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .8s ease-out;overflow:hidden}.pricing-page .pricing-card:nth-child(2){animation-delay:.2s}.pricing-page .pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-green),#20c55e);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.pricing-page .pricing-card:hover:before{transform:scaleX(1)}.pricing-page .pricing-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #25d36640;border-color:var(--brand-green)}.pricing-page .pricing-card.featured{background:linear-gradient(135deg,#0f172a,#1e293b);color:var(--white);border-color:var(--brand-green);border-width:2px;box-shadow:0 30px 60px #25d3664d;transform:scale(1.05)}.pricing-page .pricing-card.featured:before{background:linear-gradient(90deg,var(--brand-green),#20c55e);transform:scaleX(1)}.pricing-page .pricing-card.featured:hover{transform:scale(1.08) translateY(-10px)}.pricing-page .pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--brand-green),#20c55e);color:var(--white);padding:.5rem 1.5rem;border-radius:999px;font-size:.875rem;font-weight:700;box-shadow:0 4px 12px #25d3664d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.pricing-page .pricing-card-inner{padding:2.5rem 2rem;text-align:center;display:flex;flex-direction:column;gap:2rem}.pricing-page .pricing-header h3{font-size:2rem;font-weight:800;margin:0 0 1rem;color:inherit}.pricing-page .price{font-size:1.5rem;font-weight:700;color:inherit}.pricing-page .pricing-features{list-style:none;padding:0;margin:0;text-align:left;display:flex;flex-direction:column;gap:1rem}.pricing-page .feature-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:inherit;transition:transform .2s ease}.pricing-page .feature-item:hover{transform:translate(5px)}.pricing-page .feature-item.disabled{opacity:.6}.pricing-page .check-icon{font-size:1.25rem;color:var(--brand-green);font-weight:700;min-width:1.5rem}.pricing-page .pricing-card.featured .check-icon{color:var(--brand-green)}.pricing-page .feature-item.disabled .check-icon{color:var(--gray-400)}.pricing-page .btn{border-radius:999px;padding:1rem 2rem;font-weight:600;text-decoration:none;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.pricing-page .btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.pricing-page .btn:hover:before{width:300px;height:300px}.pricing-page .btn-primary{background:var(--brand-green);color:var(--white);box-shadow:0 10px 30px #25d3664d}.pricing-page .btn-primary:hover{background:#20c55e;transform:translateY(-3px);box-shadow:0 15px 40px #25d36666}.pricing-page .btn-outline{background:transparent;color:var(--black);border-color:var(--black)}.pricing-page .btn-outline:hover{background:var(--black);color:var(--white);transform:translateY(-3px)}.pricing-page .pricing-faq-section{background:var(--white);padding:6rem 0}.pricing-page .section-title{text-align:center;font-size:clamp(2rem,4vw,3rem);margin-bottom:3rem;color:var(--black);font-weight:800;background:linear-gradient(135deg,var(--brand-green),#20c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-page .faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.pricing-page .faq-item{background:var(--white);border:1px solid var(--gray-200);border-radius:1rem;padding:2rem;transition:all .3s ease;animation:fadeInUp .6s ease-out}.pricing-page .faq-item:nth-child(1){animation-delay:.1s}.pricing-page .faq-item:nth-child(2){animation-delay:.2s}.pricing-page .faq-item:nth-child(3){animation-delay:.3s}.pricing-page .faq-item:nth-child(4){animation-delay:.4s}.pricing-page .faq-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px #25d36626;border-color:var(--brand-green)}.pricing-page .faq-item h3{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:var(--black)}.pricing-page .faq-item p{color:var(--gray-600);line-height:1.7;margin:0}.pricing-page .pricing-cta-section{background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:var(--white);padding:6rem 0;text-align:center;position:relative;overflow:hidden}.pricing-page .pricing-cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(37,211,102,.1) 0%,transparent 70%);pointer-events:none}.pricing-page .pricing-cta-content{position:relative;z-index:1}.pricing-page .pricing-cta-content h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;color:#fff;font-weight:800;text-shadow:0 2px 20px rgba(0,0,0,.2)}.pricing-page .pricing-cta-content p{color:#fffffff2;margin-bottom:2rem;font-size:1.25rem;text-shadow:0 1px 10px rgba(0,0,0,.1)}.pricing-page .pricing-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.pricing-page .btn-large{padding:1.25rem 2.5rem;font-size:1.1rem}.pricing-page .btn-secondary{background:transparent;color:var(--white);border-color:var(--white)}.pricing-page .btn-secondary:hover{background:#ffffff1a;transform:translateY(-3px)}.pricing-page .footer{background:var(--gray-900);color:var(--white);padding:3rem 0 1.5rem}.pricing-page .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:2rem}.pricing-page .footer-section h4{color:var(--white);margin-bottom:.75rem}.pricing-page .footer-section p,.pricing-page .footer-section li{color:var(--gray-300)}.pricing-page .footer-section a{color:var(--gray-300);text-decoration:none;transition:color .2s ease}.pricing-page .footer-section a:hover{color:var(--white)}.pricing-page .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center;color:var(--gray-300)}.pricing-page .mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001;position:relative}.pricing-page .hamburger-line{width:25px;height:3px;background:var(--black);border-radius:2px;transition:all .3s ease}.pricing-page .hamburger-line.active:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.pricing-page .hamburger-line.active:nth-child(2){opacity:0}.pricing-page .hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.pricing-page .mobile-nav-menu{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.pricing-page .mobile-nav-menu.open{opacity:1;visibility:visible}.pricing-page .mobile-nav-content{position:absolute;top:0;right:0;width:280px;max-width:85%;height:100%;background:var(--white);box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;padding:4rem 1.5rem 2rem;display:flex;flex-direction:column;gap:.5rem}.pricing-page .mobile-nav-menu.open .mobile-nav-content{transform:translate(0)}.pricing-page .mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:1rem;color:var(--gray-800);text-decoration:none;font-weight:600;border-radius:8px;transition:all .2s ease;border:none;background:transparent;width:100%;text-align:left;font-size:1rem}.pricing-page .mobile-nav-link:hover,.pricing-page .mobile-nav-link.active{background:var(--gray-50);color:var(--brand-green)}.pricing-page .mobile-nav-divider{height:1px;background:var(--gray-200);margin:1rem 0}.pricing-page .mobile-products-dropdown{margin-top:.5rem;margin-left:1rem;display:flex;flex-direction:column;gap:.5rem}.pricing-page .mobile-dropdown-option{display:flex;align-items:center;gap:1rem;padding:.875rem;border-radius:8px;text-decoration:none;color:inherit;background:var(--gray-50);transition:all .2s ease}.pricing-page .mobile-dropdown-option:hover{background:var(--gray-200)}@media(max-width:968px){.pricing-page .desktop-nav{display:none}.pricing-page .mobile-menu-toggle{display:flex}.pricing-page .nav-container-logo{width:100%;margin-left:0;padding:0 1.5rem}.pricing-page .nav-brand{flex:1}}@media(max-width:768px){.pricing-page .pricing-grid{grid-template-columns:1fr;gap:2rem}.pricing-page .pricing-card.featured{transform:scale(1)}.pricing-page .pricing-card.featured:hover{transform:translateY(-10px)}.pricing-page .nav-links{flex-wrap:wrap;gap:.5rem}.pricing-page .nav-link{padding:.5rem 1rem;font-size:.9rem}}.contact-page{--brand-green: #25d366;--black: #000000;--white: #ffffff;--gray-50: #f9fafb;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-800: #1f2937;--gray-900: #111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray-800);background:var(--white);min-height:100vh}.contact-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.contact-page .contact-nav{position:sticky;top:0;z-index:1000;background:var(--white);border-bottom:1px solid var(--gray-200);padding:1.25rem 0;transition:box-shadow .2s ease,background .2s ease}.contact-page .contact-nav.scrolled{box-shadow:0 10px 25px #00000014;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-page .nav-container-logo{width:100%;max-width:1450px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;position:relative}.contact-page .nav-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;z-index:10}.contact-page .logo-text{text-decoration:none;color:var(--black);font-size:1.5rem;font-weight:700;transition:color .2s ease}.contact-page .logo-text:hover{color:var(--brand-green)}.contact-page .nav-links{display:flex;gap:.75rem;align-items:center}.contact-page .products-menu-wrapper{position:relative}.contact-page .products-link{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;font-family:inherit;text-decoration:none;font-weight:600;border-radius:999px;padding:.6rem 1.5rem;transition:all .2s ease;color:var(--gray-800);border:1px solid transparent}.contact-page .products-link:hover{background:var(--gray-50);color:var(--black)}.contact-page .products-link.active{background:var(--brand-green);color:var(--white)}.contact-page .products-link .dropdown-arrow{font-size:.7rem;transition:transform .3s ease;display:inline-block}.contact-page .products-menu-wrapper:hover .dropdown-arrow{transform:rotate(180deg)}.contact-page .products-dropdown{position:absolute;top:calc(100% + .25rem);left:50%;transform:translate(-50%);background:var(--white);border:1px solid var(--gray-200);border-radius:1rem;box-shadow:0 20px 60px #00000026;min-width:320px;padding:.5rem;z-index:1000;animation:dropdownFadeIn .3s ease-out;overflow:visible;pointer-events:auto}.contact-page .products-dropdown:before{content:"";position:absolute;top:-.5rem;left:0;right:0;height:.5rem;background:transparent;pointer-events:auto}.contact-page .dropdown-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;color:inherit}.contact-page .dropdown-option:hover{background:linear-gradient(135deg,#f0fdf4,#e6faef);transform:translate(5px);box-shadow:0 4px 12px #25d36626}.contact-page .option-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6faef,#d1fae5);border-radius:.75rem;flex-shrink:0;transition:transform .3s ease}.contact-page .dropdown-option:hover .option-icon{transform:scale(1.1) rotate(5deg)}.contact-page .option-content{flex:1}.contact-page .option-content h4{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:var(--black)}.contact-page .option-content p{margin:0;font-size:.875rem;color:var(--gray-600)}.contact-page .option-arrow{font-size:1.25rem;color:var(--brand-green);transition:transform .3s ease;opacity:0}.contact-page .dropdown-option:hover .option-arrow{transform:translate(5px);opacity:1}.contact-page .nav-link{text-decoration:none;font-weight:600;border-radius:999px;padding:.6rem 1.5rem;transition:all .2s ease;color:var(--gray-800);border:1px solid transparent}.contact-page .nav-link:hover{background:var(--gray-50);color:var(--black)}.contact-page .nav-link.active{background:var(--brand-green);color:var(--white)}.contact-page .login-link{color:var(--gray-800);border:1px solid var(--gray-300);background:var(--white)}.contact-page .login-link:hover{border-color:var(--black)}.contact-page .signup-link{color:var(--black);border:1px solid var(--black)}.contact-page .signup-link:hover{background:var(--black);color:var(--white)}.contact-page .contact-hero-section{background:linear-gradient(135deg,#0f172a,#1e293b,#334155);padding:6rem 0;position:relative;overflow:hidden}.contact-page .contact-hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(37,211,102,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(37,211,102,.08) 0%,transparent 50%);pointer-events:none}.contact-page .contact-hero-content{text-align:center;position:relative;z-index:1;animation:fadeInUp .8s ease-out}.contact-page .contact-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--white);margin-bottom:1rem;line-height:1.1;text-shadow:0 2px 20px rgba(0,0,0,.3)}.contact-page .contact-hero-subtitle{font-size:1.5rem;color:var(--brand-green);margin-bottom:1rem;font-weight:700;animation:fadeInUp .8s ease-out .2s both;text-shadow:0 0 20px rgba(37,211,102,.3)}.contact-page .contact-hero-description{font-size:1.25rem;color:#ffffffe6;max-width:600px;margin:0 auto;line-height:1.6;animation:fadeInUp .8s ease-out .4s both}.contact-page .contact-main-section{background:linear-gradient(180deg,var(--white) 0%,#f8fafc 100%);padding:6rem 0}.contact-page .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-page .contact-form-container{background:var(--white);border:1px solid var(--gray-200);border-radius:1.5rem;padding:3rem;box-shadow:0 10px 30px #0000000d;animation:fadeInLeft .8s ease-out;transition:all .3s ease}.contact-page .contact-form-container:hover{box-shadow:0 20px 50px #25d36626;border-color:var(--brand-green)}.contact-page .contact-form-container h2{font-size:2rem;font-weight:800;margin:0 0 2rem;color:var(--black);background:linear-gradient(135deg,var(--brand-green),#20c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-page .form-success-message,.contact-page .form-error-message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.contact-page .form-success-message{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;padding:1rem 1.5rem;border-radius:.75rem;margin-bottom:1.5rem;font-weight:600;animation:slideDown .5s ease-out;border:2px solid var(--brand-green)}.contact-page .form-error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;padding:1rem 1.5rem;border-radius:.75rem;margin-bottom:1.5rem;font-weight:600;animation:slideDown .5s ease-out;border:2px solid #dc2626}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-page .contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-page .form-group{display:flex;flex-direction:column;gap:.5rem}.contact-page .form-group label{font-weight:600;color:var(--gray-800);font-size:.95rem}.contact-page .form-group input,.contact-page .form-group textarea{padding:1rem;border:2px solid var(--gray-200);border-radius:.75rem;font-size:1rem;font-family:inherit;transition:all .3s ease;background:var(--white);color:var(--gray-800)}.contact-page .form-group input:focus,.contact-page .form-group textarea:focus{outline:none;border-color:var(--brand-green);box-shadow:0 0 0 3px #25d3661a;transform:translateY(-2px)}.contact-page .form-group textarea{resize:vertical;min-height:120px}.contact-page .btn{border-radius:999px;padding:1rem 2rem;font-weight:600;text-decoration:none;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;justify-content:center;align-items:center;position:relative;overflow:hidden;cursor:pointer;font-size:1rem;font-family:inherit}.contact-page .btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.contact-page .btn:hover:before{width:300px;height:300px}.contact-page .btn-primary{background:var(--brand-green);color:var(--white);box-shadow:0 10px 30px #25d3664d}.contact-page .btn-primary:hover{background:#20c55e;transform:translateY(-3px);box-shadow:0 15px 40px #25d36666}.contact-page .btn-large{padding:1.25rem 2.5rem;font-size:1.1rem}.contact-page .contact-info-container{animation:fadeInRight .8s ease-out}.contact-page .contact-info-container h2{font-size:2rem;font-weight:800;margin:0 0 2rem;color:var(--black);background:linear-gradient(135deg,var(--brand-green),#20c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-page .contact-info-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.contact-page .contact-info-item{display:flex;gap:1.5rem;padding:2rem;background:var(--white);border:1px solid var(--gray-200);border-radius:1rem;transition:all .3s ease;animation:fadeInUp .6s ease-out}.contact-page .contact-info-item:nth-child(1){animation-delay:.1s}.contact-page .contact-info-item:nth-child(2){animation-delay:.2s}.contact-page .contact-info-item:nth-child(3){animation-delay:.3s}.contact-page .contact-info-item:hover{transform:translate(10px);box-shadow:0 10px 30px #25d36626;border-color:var(--brand-green)}.contact-page .contact-icon{font-size:3rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6faef,#d1fae5);border-radius:1rem;flex-shrink:0;transition:transform .3s ease}.contact-page .contact-info-item:hover .contact-icon{transform:scale(1.1) rotate(5deg)}.contact-page .contact-details h3{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:var(--black)}.contact-page .contact-details p{margin:.25rem 0;color:var(--gray-600);line-height:1.6}.contact-page .social-links{padding:2rem;background:linear-gradient(135deg,#f0fdf4,#e6faef);border-radius:1rem;border:1px solid var(--brand-green)}.contact-page .social-links h3{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:var(--black)}.contact-page .social-icons{display:flex;gap:1rem}.contact-page .social-icon{font-size:2rem;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:var(--white);border:2px solid var(--gray-200);border-radius:.75rem;text-decoration:none;transition:all .3s ease;cursor:pointer}.contact-page .social-icon:hover{transform:translateY(-5px) scale(1.1);border-color:var(--brand-green);box-shadow:0 10px 25px #25d36633}.contact-page .footer{background:var(--gray-900);color:var(--white);padding:3rem 0 1.5rem}.contact-page .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:2rem}.contact-page .footer-section h4{color:var(--white);margin-bottom:.75rem}.contact-page .footer-section p,.contact-page .footer-section li{color:var(--gray-300)}.contact-page .footer-section a{color:var(--gray-300);text-decoration:none;transition:color .2s ease}.contact-page .footer-section a:hover{color:var(--white)}.contact-page .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center;color:var(--gray-300)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media(max-width:968px){.contact-page .contact-grid{grid-template-columns:1fr;gap:3rem}.contact-page .contact-form-container{order:2}.contact-page .contact-info-container{order:1}}.contact-page .mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001;position:relative}.contact-page .hamburger-line{width:25px;height:3px;background:var(--black);border-radius:2px;transition:all .3s ease}.contact-page .hamburger-line.active:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.contact-page .hamburger-line.active:nth-child(2){opacity:0}.contact-page .hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.contact-page .mobile-nav-menu{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.contact-page .mobile-nav-menu.open{opacity:1;visibility:visible}.contact-page .mobile-nav-content{position:absolute;top:0;right:0;width:280px;max-width:85%;height:100%;background:var(--white);box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;padding:4rem 1.5rem 2rem;display:flex;flex-direction:column;gap:.5rem}.contact-page .mobile-nav-menu.open .mobile-nav-content{transform:translate(0)}.contact-page .mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:1rem;color:var(--gray-800);text-decoration:none;font-weight:600;border-radius:8px;transition:all .2s ease;border:none;background:transparent;width:100%;text-align:left;font-size:1rem}.contact-page .mobile-nav-link:hover,.contact-page .mobile-nav-link.active{background:var(--gray-50);color:var(--brand-green)}.contact-page .mobile-nav-divider{height:1px;background:var(--gray-200);margin:1rem 0}.contact-page .mobile-products-dropdown{margin-top:.5rem;margin-left:1rem;display:flex;flex-direction:column;gap:.5rem}.contact-page .mobile-dropdown-option{display:flex;align-items:center;gap:1rem;padding:.875rem;border-radius:8px;text-decoration:none;color:inherit;background:var(--gray-50);transition:all .2s ease}.contact-page .mobile-dropdown-option:hover{background:var(--gray-200)}@media(max-width:968px){.contact-page .desktop-nav{display:none}.contact-page .mobile-menu-toggle{display:flex}.contact-page .nav-container-logo{width:100%;margin-left:0;padding:0 1.5rem}.contact-page .nav-brand{flex:1}}@media(max-width:768px){.contact-page .nav-links{flex-wrap:wrap;gap:.5rem}.contact-page .nav-link{padding:.5rem 1rem;font-size:.9rem}.contact-page .contact-form-container{padding:2rem}}.blog-page{--brand-green: #25d366;--black: #000000;--white: #ffffff;--gray-50: #f9fafb;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-800: #1f2937;--gray-900: #111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray-800);background:var(--white);min-height:100vh}.blog-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.blog-page .blog-nav{position:sticky;top:0;z-index:1000;background:var(--white);border-bottom:1px solid var(--gray-200);padding:1.25rem 0;transition:box-shadow .2s ease,background .2s ease}.blog-page .blog-nav.scrolled{box-shadow:0 10px 25px #00000014;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-page .nav-container-logo{width:100%;max-width:1450px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;position:relative}.blog-page .nav-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;z-index:10}.blog-page .logo-text{text-decoration:none;color:var(--black);font-size:1.5rem;font-weight:700;transition:color .2s ease}.blog-page .logo-text:hover{color:var(--brand-green)}.blog-page .nav-links{display:flex;gap:.75rem;align-items:center}.blog-page .products-menu-wrapper{position:relative}.blog-page .products-link{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;font-family:inherit;text-decoration:none;font-weight:600;border-radius:999px;padding:.6rem 1.5rem;transition:all .2s ease;color:var(--gray-800);border:1px solid transparent}.blog-page .products-link:hover{background:var(--gray-50);color:var(--black)}.blog-page .products-link.active{background:var(--brand-green);color:var(--white)}.blog-page .products-link .dropdown-arrow{font-size:.7rem;transition:transform .3s ease;display:inline-block}.blog-page .products-menu-wrapper:hover .dropdown-arrow{transform:rotate(180deg)}.blog-page .products-dropdown{position:absolute;top:calc(100% + .25rem);left:50%;transform:translate(-50%);background:var(--white);border:1px solid var(--gray-200);border-radius:1rem;box-shadow:0 20px 60px #00000026;min-width:320px;padding:.5rem;z-index:1000;animation:dropdownFadeIn .3s ease-out;overflow:visible;pointer-events:auto}.blog-page .products-dropdown:before{content:"";position:absolute;top:-.5rem;left:0;right:0;height:.5rem;background:transparent;pointer-events:auto}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.blog-page .dropdown-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;color:inherit}.blog-page .dropdown-option:hover{background:linear-gradient(135deg,#f0fdf4,#e6faef);transform:translate(5px);box-shadow:0 4px 12px #25d36626}.blog-page .option-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6faef,#d1fae5);border-radius:.75rem;flex-shrink:0;transition:transform .3s ease}.blog-page .dropdown-option:hover .option-icon{transform:scale(1.1) rotate(5deg)}.blog-page .option-content{flex:1}.blog-page .option-content h4{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:var(--black)}.blog-page .option-content p{margin:0;font-size:.875rem;color:var(--gray-600)}.blog-page .option-arrow{font-size:1.25rem;color:var(--brand-green);transition:transform .3s ease;opacity:0}.blog-page .dropdown-option:hover .option-arrow{transform:translate(5px);opacity:1}.blog-page .nav-link{text-decoration:none;font-weight:600;border-radius:999px;padding:.6rem 1.5rem;transition:all .2s ease;color:var(--gray-800);border:1px solid transparent}.blog-page .nav-link:hover{background:var(--gray-50);color:var(--black)}.blog-page .nav-link.active{background:var(--brand-green);color:var(--white)}.blog-page .login-link{color:var(--gray-800);border:1px solid var(--gray-300);background:var(--white)}.blog-page .login-link:hover{border-color:var(--black)}.blog-page .signup-link{color:var(--black);border:1px solid var(--black)}.blog-page .signup-link:hover{background:var(--black);color:var(--white)}.blog-page .blog-hero-section{background:linear-gradient(135deg,#0f172a,#1e293b,#334155);padding:6rem 0;position:relative;overflow:hidden}.blog-page .blog-hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(37,211,102,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(37,211,102,.08) 0%,transparent 50%);pointer-events:none}.blog-page .blog-hero-content{text-align:center;position:relative;z-index:1;animation:fadeInUp .8s ease-out}.blog-page .blog-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--white);margin-bottom:1rem;line-height:1.1;text-shadow:0 2px 20px rgba(0,0,0,.3)}.blog-page .blog-hero-subtitle{font-size:1.5rem;color:var(--brand-green);margin-bottom:1rem;font-weight:700;animation:fadeInUp .8s ease-out .2s both;text-shadow:0 0 20px rgba(37,211,102,.3)}.blog-page .blog-hero-description{font-size:1.25rem;color:#ffffffe6;max-width:600px;margin:0 auto;line-height:1.6;animation:fadeInUp .8s ease-out .4s both}.blog-page .blog-main-section{background:linear-gradient(180deg,var(--white) 0%,#f8fafc 100%);padding:6rem 0}.blog-page .blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem}.blog-page .blog-card{background:var(--white);border:1px solid var(--gray-200);border-radius:1.5rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out both;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000000d}.blog-page .blog-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #25d36633;border-color:var(--brand-green)}.blog-page .blog-image-container{width:100%;height:250px;overflow:hidden;background:linear-gradient(135deg,#f0fdf4,#e6faef);position:relative}.blog-page .blog-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-page .blog-card:hover .blog-image{transform:scale(1.1)}.blog-page .blog-content{padding:2rem;display:flex;flex-direction:column;gap:1rem;flex:1}.blog-page .blog-meta{display:flex;gap:1rem;align-items:center;font-size:.875rem;color:var(--gray-600)}.blog-page .blog-author{font-weight:600;color:var(--brand-green)}.blog-page .blog-date{color:var(--gray-600)}.blog-page .blog-title{font-size:1.5rem;font-weight:800;color:var(--black);margin:0;line-height:1.3;transition:color .3s ease}.blog-page .blog-card:hover .blog-title{color:var(--brand-green)}.blog-page .blog-description{color:var(--gray-600);line-height:1.7;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-page .blog-read-more{color:var(--brand-green);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;margin-top:auto}.blog-page .blog-read-more:hover{gap:1rem;transform:translate(5px)}.blog-page .blog-detail-section{background:linear-gradient(180deg,var(--white) 0%,#f8fafc 100%);padding:4rem 0 6rem}.blog-page .blog-detail{max-width:900px;margin:0 auto;animation:fadeInUp .8s ease-out}.blog-page .blog-back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--brand-green);text-decoration:none;font-weight:600;margin-bottom:2rem;transition:all .3s ease}.blog-page .blog-back-link:hover{gap:1rem;transform:translate(-5px)}.blog-page .blog-detail-image-container{width:100%;height:400px;border-radius:1.5rem;overflow:hidden;margin-bottom:2.5rem;background:linear-gradient(135deg,#f0fdf4,#e6faef);box-shadow:0 20px 60px #0000001a}.blog-page .blog-detail-image{width:100%;height:100%;object-fit:cover}.blog-page .blog-detail-content{background:var(--white);border-radius:1.5rem;padding:3rem;box-shadow:0 10px 40px #0000000d}.blog-page .blog-detail-meta{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem;font-size:.95rem}.blog-page .blog-detail-author{font-weight:600;color:var(--brand-green)}.blog-page .blog-detail-date{color:var(--gray-600)}.blog-page .blog-detail-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--black);margin:0 0 1.5rem;line-height:1.2}.blog-page .blog-detail-description{font-size:1.25rem;color:var(--gray-600);line-height:1.7;margin-bottom:2rem;font-weight:500}.blog-page .blog-detail-body{font-size:1.1rem;line-height:1.8;color:var(--gray-800)}.blog-page .blog-detail-body p{margin-bottom:1.5rem}.blog-page .blog-loading,.blog-page .blog-empty,.blog-page .blog-not-found{text-align:center;padding:4rem 2rem}.blog-page .loading-spinner{width:50px;height:50px;border:4px solid var(--gray-200);border-top-color:var(--brand-green);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.blog-page .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.blog-page .blog-empty h2,.blog-page .blog-not-found h2{font-size:2rem;color:var(--gray-800);margin-bottom:.5rem}.blog-page .blog-empty p,.blog-page .blog-not-found p{color:var(--gray-600);margin-bottom:2rem}.blog-page .btn{border-radius:999px;padding:.9rem 2rem;font-weight:600;text-decoration:none;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;justify-content:center;align-items:center}.blog-page .btn-primary{background:var(--brand-green);color:var(--white);box-shadow:0 10px 30px #25d3664d}.blog-page .btn-primary:hover{background:#20c55e;transform:translateY(-3px);box-shadow:0 15px 40px #25d36666}.blog-page .footer{background:var(--gray-900);color:var(--white);padding:3rem 0 1.5rem}.blog-page .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:2rem}.blog-page .footer-section h4{color:var(--white);margin-bottom:.75rem}.blog-page .footer-section p,.blog-page .footer-section li{color:var(--gray-300)}.blog-page .footer-section a{color:var(--gray-300);text-decoration:none;transition:color .2s ease}.blog-page .footer-section a:hover{color:var(--white)}.blog-page .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center;color:var(--gray-300)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.blog-page .blogs-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}}.blog-page .mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001;position:relative}.blog-page .hamburger-line{width:25px;height:3px;background:var(--black);border-radius:2px;transition:all .3s ease}.blog-page .hamburger-line.active:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.blog-page .hamburger-line.active:nth-child(2){opacity:0}.blog-page .hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.blog-page .mobile-nav-menu{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.blog-page .mobile-nav-menu.open{opacity:1;visibility:visible}.blog-page .mobile-nav-content{position:absolute;top:0;right:0;width:280px;max-width:85%;height:100%;background:var(--white);box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;padding:4rem 1.5rem 2rem;display:flex;flex-direction:column;gap:.5rem}.blog-page .mobile-nav-menu.open .mobile-nav-content{transform:translate(0)}.blog-page .mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:1rem;color:var(--gray-800);text-decoration:none;font-weight:600;border-radius:8px;transition:all .2s ease;border:none;background:transparent;width:100%;text-align:left;font-size:1rem}.blog-page .mobile-nav-link:hover,.blog-page .mobile-nav-link.active{background:var(--gray-50);color:var(--brand-green)}.blog-page .mobile-nav-divider{height:1px;background:var(--gray-200);margin:1rem 0}.blog-page .mobile-products-dropdown{margin-top:.5rem;margin-left:1rem;display:flex;flex-direction:column;gap:.5rem}.blog-page .mobile-dropdown-option{display:flex;align-items:center;gap:1rem;padding:.875rem;border-radius:8px;text-decoration:none;color:inherit;background:var(--gray-50);transition:all .2s ease}.blog-page .mobile-dropdown-option:hover{background:var(--gray-200)}@media(max-width:968px){.blog-page .desktop-nav{display:none}.blog-page .mobile-menu-toggle{display:flex}.blog-page .nav-container-logo{width:100%;margin-left:0;padding:0 1.5rem}.blog-page .nav-brand{flex:1}}@media(max-width:768px){.blog-page .blogs-grid{grid-template-columns:1fr;gap:2rem}.blog-page .blog-detail-content{padding:2rem}.blog-page .blog-detail-image-container{height:250px}.blog-page .nav-links{flex-wrap:wrap;gap:.5rem}.blog-page .nav-link{padding:.5rem 1rem;font-size:.9rem}}:root{--page-bg: #f5f7fb;--card-bg: #ffffff;--text-main: #0f172a;--text-secondary: #475569;--button-text: #ffffff;--gray-900: #0f172a;--gray-700: #334155;--gray-600: #475569;--gray-500: #64748b;--gray-300: #cbd5f5;--gray-200: #e2e8f0;--gray-100: #f1f5f9;--gray-50: #f8fafc;--primary-50: #ecfdf5;--primary-100: #d1fae5;--primary-300: #34d399;--primary-500: #10b981;--primary-600: #059669;--primary-700: #047857;--secondary-50: #eef2ff;--secondary-100: #e0e7ff;--secondary-200: #c7d2fe;--secondary-300: #a5b4fc;--secondary-500: #6366f1;--secondary-600: #4338ca;--secondary-700: #3730a3;--secondary-900: #1e1b4b;--secondary-blue-light: #e0f2fe;--secondary-blue: #0369a1;--success-50: #ecfdf5;--success-100: #d1fae5;--success-600: #059669;--success-700: #047857;--error-50: #fef2f2;--error-600: #dc2626;--danger-50: #fff1f2;--danger-200: #fecaca;--danger-700: #b91c1c;--warning-50: #fffbeb;--warning-600: #d97706;--info-50: #eff6ff;--info-500: #3b82f6;--button-primary-bg: #0ea5e9;--button-primary-hover-bg: #0284c7;--alert-color: #ef4444;--shadow-sm: 0 4px 8px rgba(15, 23, 42, .08);--shadow-md: 0 10px 18px rgba(15, 23, 42, .1);--shadow-lg: 0 16px 30px rgba(15, 23, 42, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem}.app{background:var(--page-bg);color:var(--text-main);min-height:100vh}.navbar{background:#fff;color:var(--gray-900);border-bottom:1px solid var(--gray-200);box-shadow:0 6px 18px #0f172a0f;padding:0 24px}.navbar .logo,.navbar h1,.navbar h2{color:inherit}.navbar .nav-link,.navbar .logout-btn{color:var(--gray-900);border-radius:999px;padding:10px 16px;transition:background .2s ease,color .2s ease}.navbar .nav-link:hover,.navbar .logout-btn:hover{color:#000;background:var(--gray-100)}.shop-dashboard-page .btn,.shop-dashboard-page .shop-actions .btn{background:#111827;color:#fff;border:1px solid #111827;border-radius:10px;padding:12px 22px;font-weight:600;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.shop-dashboard-page .btn:hover,.shop-dashboard-page .shop-actions .btn:hover{background:#000;border-color:#000;box-shadow:0 12px 24px #0f172a40}.shop-dashboard-page .btn:disabled,.shop-dashboard-page .shop-actions .btn:disabled{background:var(--gray-300);border-color:var(--gray-300);color:var(--gray-500);cursor:not-allowed;box-shadow:none}.dashboard{padding:20px}.main-content{background:var(--page-bg);min-height:100vh}.dashboard-container{width:100%;max-width:none;margin:0;padding:24px 32px}.dashboard-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:flex-start}.dashboard-sidebar{background:var(--card-bg);border:1px solid var(--secondary-200);border-radius:16px;padding:24px;box-shadow:0 12px 30px #0f172a14;position:sticky;top:24px;max-height:calc(100vh - 48px);display:flex;flex-direction:column}.sidebar-header{margin-bottom:20px}.shop-info-card{display:flex;gap:16px;align-items:center}.shop-avatar{width:56px;height:56px;border-radius:14px;background:var(--secondary-blue-light);color:var(--secondary-blue);display:flex;align-items:center;justify-content:center;font-size:1.8rem}.shop-info-text h3{margin:0;font-size:1.1rem;color:var(--text-main)}.shop-badges-inline{display:flex;gap:8px;margin-top:6px}.badge-sm{padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize;background:var(--secondary-100);color:var(--secondary-600)}.badge-sm.active{background:#10b9812e;color:#047857}.badge-sm.inactive{background:#f8717133;color:#b91c1c}.sidebar-menu{display:flex;flex-direction:column;gap:8px;padding-right:6px;overflow-y:auto}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid transparent;background:transparent;cursor:pointer;color:var(--text-main);font-weight:600;transition:background .2s ease,border-color .2s ease,transform .15s ease}.menu-item:hover{background:var(--secondary-100);border-color:var(--secondary-200);transform:translate(2px)}.menu-item.active{background:#25d36626;border-color:#25d36666;color:#037142}.menu-item.locked{opacity:.65}.menu-icon{font-size:1.1rem}.menu-text{flex:1;text-align:left}.menu-badge{background:var(--secondary-100);color:var(--secondary-700);padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--secondary-200)}.dashboard-main{background:var(--card-bg);border-radius:18px;border:1px solid var(--secondary-200);padding:24px;box-shadow:var(--shadow-lg);min-height:70vh}.shop-dashboard-page .dashboard,.shop-dashboard-page .main-content,.shop-dashboard-page .dashboard-container{padding:0}.shop-dashboard-page .dashboard-layout{align-items:stretch;min-height:calc(100vh - 48px);grid-template-columns:360px minmax(0,1fr)}.shop-dashboard-page .dashboard-main{background:transparent;border-radius:0;border:none;box-shadow:none;padding:0;min-height:calc(100vh - 48px)}.shop-dashboard-page .dashboard-sidebar{border-radius:0;border:none;border-right:1px solid var(--gray-200);box-shadow:none;padding:14px 18px;position:sticky;top:0;max-height:100vh;min-height:100vh}.shop-dashboard-page .sidebar-menu{padding-right:0}.shop-dashboard-page .section-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.shop-dashboard-page .navbar{background:#fff;color:var(--text-main);border-bottom:1px solid var(--gray-200);box-shadow:0 8px 20px #0f172a0d;padding:16px 32px;position:sticky;top:0;z-index:20}.shop-dashboard-page .nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%}.shop-dashboard-page .logo{font-size:1.4rem;font-weight:700;color:var(--text-main);-webkit-text-fill-color:currentColor}.shop-dashboard-page .nav-links{display:flex;margin-right:80px;align-items:center;gap:16px}.shop-dashboard-page .nav-link,.shop-dashboard-page .logout-btn{background:transparent;color:var(--text-main);border-radius:999px;border:1px solid transparent;padding:8px 14px;transition:background .2s ease,border-color .2s ease}.shop-dashboard-page .nav-link:hover,.shop-dashboard-page .logout-btn:hover{background:var(--gray-100);border-color:var(--gray-200)}.shop-dashboard-page .nav-user{color:var(--text-secondary);font-weight:600}.shop-dashboard-page .profile-dropdown{position:relative}.shop-dashboard-page .profile-trigger{width:38px;height:38px;border-radius:50%;border:1px solid var(--secondary-200);background:var(--secondary-50);color:var(--text-main);font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease}.shop-dashboard-page .profile-trigger:hover{background:var(--secondary-100);border-color:var(--secondary-300)}.shop-dashboard-page .profile-menu{position:absolute;right:0;top:110%;background:var(--card-bg);border:1px solid var(--secondary-200);border-radius:12px;box-shadow:var(--shadow-lg);padding:12px 16px;width:200px;display:flex;flex-direction:column;gap:10px;z-index:15}.shop-dashboard-page .profile-name{font-weight:600;color:var(--text-main)}.shop-dashboard-page .profile-action{background:var(--alert-color);color:var(--button-text);border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:600}.shop-dashboard-page .dashboard-sidebar{background:var(--card-bg);border:1px solid var(--secondary-200);border-radius:16px;box-shadow:var(--shadow-lg);color:var(--text-main);border-right:none}.shop-dashboard-page .sidebar-header{background:transparent;border-bottom:1px solid var(--secondary-200);padding-bottom:16px}.shop-dashboard-page .shop-avatar{background:var(--secondary-blue-light);color:var(--secondary-blue);box-shadow:none}.shop-dashboard-page .shop-info-text h3{color:var(--text-main)}.shop-dashboard-page .badge-sm{background:var(--secondary-100);color:var(--secondary-700)}.shop-dashboard-page .badge-sm.active{background:#10b98126;color:var(--success-700)}.shop-dashboard-page .badge-sm.inactive{background:#f8717133;color:var(--error-600)}.shop-dashboard-page .sidebar-menu{padding:0;margin-top:8px;overflow:visible}.shop-dashboard-page .menu-item{color:var(--text-main);background:transparent}.shop-dashboard-page .menu-item:hover{background:var(--secondary-100);color:var(--text-main)}.shop-dashboard-page .menu-item.active{background:#25d3662e;color:#05603a;border-color:#25d36666}.shop-dashboard-page .menu-badge{background:var(--secondary-100);color:var(--secondary-700)}.shop-dashboard-page .sidebar-footer{background:transparent;border-top:1px solid var(--secondary-200)}.shop-dashboard-page .dashboard-main{background:var(--card-bg)}@media(max-width:1100px){.dashboard-layout{grid-template-columns:100%}.dashboard-sidebar{position:relative;top:0;max-height:none}}@media(max-width:640px){.dashboard-container,.dashboard-main{padding:16px}.menu-item{padding:10px 12px}}.shop-dashboard-page .section{margin-bottom:20px;border:1px solid var(--secondary-200);border-radius:5px;padding:15px;background-color:var(--card-bg);color:var(--text-main)}.shop-dashboard-page .section.performance-section{padding:0;border:none;background-color:transparent;margin-bottom:0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.product-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;position:relative;cursor:pointer}.product-card:hover{box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d;transform:translateY(-4px);border-color:#d1d5db}.product-card.selected{border:2px solid var(--primary-500);box-shadow:0 4px 16px #10b98133}.product-checkbox{position:absolute;top:12px;left:12px;z-index:10;background:#fffffff2;border-radius:6px;padding:4px;box-shadow:0 2px 4px #0000001a}.product-select-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-500)}.product-image-container{width:100%;height:240px;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-bottom:1px solid #e5e7eb}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image{transform:scale(1.08)}.product-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.product-image-placeholder .placeholder-icon{font-size:64px;color:#9ca3af;opacity:.6}.product-discount-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:700;box-shadow:0 2px 8px #ef444466;z-index:5;letter-spacing:.5px}.product-content{padding:20px;display:flex;flex-direction:column;flex-grow:1;gap:16px}.product-header{display:flex;flex-direction:column;gap:10px}.product-badges-top{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.product-title{font-size:1.15rem;font-weight:600;color:#111827;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-badges{display:flex;flex-wrap:wrap;gap:6px}.category-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:5px 12px;border-radius:14px;font-size:.75rem;font-weight:600;letter-spacing:.3px;border:1px solid rgba(59,130,246,.2)}.category-badge.subcategory-badge{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;border:1px solid rgba(34,197,94,.2)}.product-description{font-size:.875rem;color:var(--gray-600);line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.product-variants{margin:8px 0}.variants-label{font-size:.8rem;color:var(--gray-600);background:var(--gray-100);padding:4px 10px;border-radius:8px;display:inline-block}.product-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.product-pricing-section{display:flex;flex-direction:column;gap:6px}.product-price-wrapper{display:flex;flex-direction:column;gap:4px}.product-price-main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.product-price-current{font-size:1.5rem;font-weight:700;color:#059669;letter-spacing:-.5px}.product-price-original{font-size:1rem;color:#9ca3af;text-decoration:line-through;font-weight:500}.product-savings{font-size:.8rem;color:#059669;font-weight:600;background:#d1fae5;padding:4px 10px;border-radius:8px;display:inline-block;width:fit-content}.product-price-not-set{font-size:.9rem;color:#9ca3af;font-style:italic}.product-stock-section{display:flex;align-items:center}.product-stock-badge{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;padding:6px 12px;border-radius:20px;width:fit-content}.product-stock-badge.in-stock{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid rgba(5,150,105,.2)}.product-stock-badge.out-of-stock{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid rgba(220,38,38,.2)}.product-stock-badge .stock-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.product-stock-badge.in-stock .stock-indicator{background:#10b981;box-shadow:0 0 0 2px #10b98133}.product-stock-badge.out-of-stock .stock-indicator{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.product-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.product-price{font-size:1.1rem;font-weight:700;color:var(--success-600)}.product-discount-price{font-size:.9rem;color:#9ca3af;text-decoration:line-through;font-weight:400}.product-stock{font-size:.85rem;font-weight:500;padding:4px 10px;border-radius:8px}.product-actions{display:flex;gap:8px}.btn-edit{flex:1;padding:8px 16px;background:var(--button-primary-bg);color:var(--button-text);border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-edit:hover{background:var(--button-primary-hover-bg);transform:translateY(-1px)}.btn-delete{flex:1;padding:8px 16px;background:var(--alert-color);color:var(--button-text);border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-delete:hover{background:#c0383d;transform:translateY(-1px)}.order-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px 20px;margin-bottom:16px;border:1px solid #e5e7eb;transition:all .3s ease}.order-card:hover{box-shadow:0 4px 16px #0000001f}.order-card.collapsed{cursor:pointer}.order-number{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.order-summary{width:100%;border:none;background:none;padding:0;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;text-align:left}.order-summary-content{flex:1;display:flex;flex-direction:column;gap:6px}.order-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-summary-meta{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#6b7280;flex-wrap:wrap}.summary-divider{color:#d1d5db}.order-summary-products{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#4b5563;flex-wrap:wrap}.summary-products-text{color:#374151;font-weight:500}.summary-extra{background:var(--secondary-blue-light);color:var(--secondary-blue);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:999px}.order-summary-right{display:flex;align-items:center;gap:12px}.order-total-chip{background:var(--primary-50);color:var(--primary-600);padding:4px 10px;border-radius:999px;font-weight:600;font-size:.85rem}.order-toggle-icon{display:inline-flex;transform:rotate(-90deg);transition:transform .2s ease;font-size:1rem;color:#6b7280}.order-toggle-icon.open{transform:rotate(0)}.order-details{display:flex;flex-direction:column;gap:20px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.order-detail-section{background:#f9fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.detail-section-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.95rem;font-weight:500;color:#1f2937;word-break:break-word}.products-list{display:flex;flex-direction:column;gap:10px}.product-item{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.product-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-name{font-size:.95rem;font-weight:600;color:#1f2937}.product-variant{font-size:.85rem;color:#6b7280}.product-meta{display:flex;align-items:center;gap:16px;font-size:.85rem;color:#4b5563;flex-wrap:wrap}.product-price{font-size:.95rem;font-weight:700;color:var(--success-600)}.product-qty{font-weight:600}.order-total{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:8px;margin-top:8px}.total-label{font-size:1rem;font-weight:600;color:#fff}.total-amount{font-size:1.25rem;font-weight:700;color:#fff}.order-date{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #e5e7eb;margin-top:8px}.date-label{font-size:.875rem;font-weight:500;color:#6b7280}.date-value{font-size:.875rem;font-weight:500;color:#374151}.order-actions{display:flex;gap:10px;margin-top:20px;padding-top:20px;border-top:2px solid #f3f4f6;flex-wrap:wrap}.shop-dashboard-page .badge{padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.shop-dashboard-page .badge.pending{background:#fef3c7;color:#d97706}.shop-dashboard-page .badge.confirmed{background:#dbeafe;color:#2563eb}.shop-dashboard-page .badge.preparing{background:#fef08a;color:#ca8a04}.shop-dashboard-page .badge.out-for-delivery{background:#e0e7ff;color:#6366f1}.shop-dashboard-page .badge.delivered{background:#d1fae5;color:#059669}.shop-dashboard-page .badge.cancelled{background:#fee2e2;color:#dc2626}.shop-dashboard-page .products-grid .product-card,.shop-dashboard-page .order-card,.shop-dashboard-page .order-detail-section,.shop-dashboard-page .product-item,.shop-dashboard-page .table-card,.shop-dashboard-page .status-card{background:var(--card-bg);border:1px solid var(--secondary-200);color:var(--text-main)}.product-badges .category-badge{background:#25d3661f;color:var(--button-primary-bg)}.product-badges .subcategory-badge{background:#1aa34a1f;color:var(--button-primary-hover-bg)}.order-total .total-amount{color:#fff}.product-discount-price{color:var(--text-secondary)}.product-stock.in-stock{background:#25d3661f;color:var(--button-primary-bg)}.product-stock.out-of-stock{background:var(--error-50);color:var(--error-600)}.product-actions .btn-edit{background:var(--button-primary-bg);color:var(--button-text)}.product-actions .btn-delete{background:var(--alert-color);color:var(--button-text)}.products-controls .search-input,.filter-select,.sort-select{background:var(--card-bg);border:1px solid var(--secondary-200);color:var(--text-main)}.order-total{background:linear-gradient(135deg,var(--button-primary-bg),var(--button-primary-hover-bg))}.order-status-selector{display:flex;align-items:center;gap:12px;flex:1}.status-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.status-select{flex:1;padding:8px 12px;border:2px solid var(--secondary-200);border-radius:8px;font-size:.875rem;font-weight:500;background:var(--card-bg);color:var(--text-main);cursor:pointer;transition:all .2s ease}.status-select:hover:not(:disabled){border-color:var(--button-primary-bg)}.status-select:focus{outline:none;border-color:var(--button-primary-bg);box-shadow:0 0 0 3px #25d3661a}.status-select:disabled{opacity:.6;cursor:not-allowed;background:var(--secondary-100)}.order-cancellation-reason{margin:16px 0;padding:12px;background:#fee2e2;border-left:4px solid #dc2626;border-radius:6px;display:flex;flex-direction:column;gap:4px}.cancellation-label{font-size:.75rem;font-weight:600;color:#991b1b;text-transform:uppercase;letter-spacing:.5px}.cancellation-text{font-size:.875rem;color:#7f1d1d;line-height:1.5}.order-actions{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--secondary-200)}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.orders-bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bulk-status-select{padding:8px 12px;border-radius:8px;border:1px solid var(--secondary-200);font-size:.85rem;background:#fff;min-width:180px}.bulk-cancel-reason-input{padding:8px 12px;border-radius:8px;border:1px solid var(--secondary-200);font-size:.85rem;min-width:220px}.orders-controls{display:flex;gap:16px;align-items:center;margin-bottom:20px;padding:16px;background:var(--card-bg);border-radius:12px;border:1px solid var(--secondary-200);flex-wrap:wrap}.orders-search{flex:1;min-width:250px}.orders-search .search-input{width:100%;padding:10px 16px;border:2px solid var(--secondary-200);border-radius:8px;font-size:.875rem;transition:all .2s ease}.orders-search .search-input:focus{outline:none;border-color:var(--button-primary-bg);box-shadow:0 0 0 3px #25d3661a}.orders-filters .filter-select{padding:10px 16px;border:2px solid var(--secondary-200);border-radius:8px;font-size:.875rem;background:var(--card-bg);color:var(--text-main);cursor:pointer;min-width:180px}.orders-count{font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.bulk-selection-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:16px}.bulk-select-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-main)}.bulk-select-checkbox,.order-select-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--button-primary-bg)}.selected-count{font-size:.875rem;font-weight:600;color:#0369a1}.order-card-modern{background:var(--card-bg);border:2px solid var(--secondary-200);border-radius:12px;margin-bottom:16px;transition:all .3s ease;overflow:hidden;position:relative}.order-card-modern:hover{border-color:var(--button-primary-bg);box-shadow:0 4px 12px #0000001a}.order-card-modern.selected{border-color:var(--button-primary-bg);background:#f0fdf4}.order-card-checkbox{position:absolute;top:16px;left:16px;z-index:10}.order-card-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--button-primary-bg)}.order-card-content{padding-left:48px}.order-summary-content{padding:20px}.order-summary-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.order-header-left{display:flex;align-items:center;gap:12px;flex:1}.order-header-right{display:flex;align-items:center;gap:12px}.order-number{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.order-total-chip-modern{background:linear-gradient(135deg,var(--button-primary-bg),var(--button-primary-hover-bg));color:#fff;padding:6px 14px;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap}.order-summary-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.order-meta-item{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-secondary)}.meta-icon{font-size:1rem}.order-summary-products{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.summary-extra{color:var(--button-primary-bg);font-weight:500}.order-details-modern{padding:0 20px 20px;border-top:1px solid var(--secondary-200)}.order-detail-section-modern{margin-top:24px}.order-detail-section-modern:first-child{margin-top:20px}.detail-section-title-modern{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--secondary-200)}.section-icon{font-size:1.125rem}.detail-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.detail-item-modern{display:flex;flex-direction:column;gap:4px}.detail-item-modern.full-width{grid-column:1 / -1}.detail-label-modern{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-value-modern{font-size:.875rem;color:var(--text-main);font-weight:500}.products-list-modern{display:flex;flex-direction:column;gap:12px}.product-item-modern{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--secondary-50);border-radius:8px;border:1px solid var(--secondary-200);gap:16px}.product-item-main{display:flex;align-items:center;gap:12px;flex:1}.product-index{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--button-primary-bg);color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0}.product-info{display:flex;flex-direction:column;gap:4px}.product-name-modern{font-size:.875rem;font-weight:600;color:var(--text-main)}.product-variant-modern{font-size:.75rem;color:var(--text-secondary);font-style:italic}.product-item-details{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.product-qty-modern,.product-price-modern{font-size:.75rem;color:var(--text-secondary)}.product-total-modern{font-size:.875rem;font-weight:600;color:var(--button-primary-bg)}.order-summary-modern-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--secondary-200)}.order-summary-row-modern{display:flex;gap:24px;margin-bottom:16px;flex-wrap:wrap}.summary-row-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.summary-value{font-size:.875rem;color:var(--text-main);font-weight:600}.order-total-modern{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,var(--button-primary-bg),var(--button-primary-hover-bg));border-radius:8px;margin-top:12px}.total-label-modern{font-size:1rem;font-weight:600;color:#fff}.total-amount-modern{font-size:1.25rem;font-weight:700;color:#fff}.order-cancellation-reason-modern{margin-top:20px;padding:16px;background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px}.cancellation-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cancellation-icon{font-size:1.125rem}.cancellation-label-modern{font-size:.875rem;font-weight:600;color:#991b1b;text-transform:uppercase;letter-spacing:.5px}.cancellation-text-modern{font-size:.875rem;color:#7f1d1d;line-height:1.6;display:block}.order-actions-modern{display:flex;align-items:center;gap:16px;margin-top:24px;padding-top:20px;border-top:2px solid var(--secondary-200);flex-wrap:wrap}.order-status-selector-modern{display:flex;align-items:center;gap:12px;flex:1;min-width:250px}.status-label-modern{font-size:.875rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.status-select-modern{flex:1;padding:10px 14px;border:2px solid var(--secondary-200);border-radius:8px;font-size:.875rem;font-weight:500;background:var(--card-bg);color:var(--text-main);cursor:pointer;transition:all .2s ease}.status-select-modern:hover:not(:disabled){border-color:var(--button-primary-bg)}.status-select-modern:focus{outline:none;border-color:var(--button-primary-bg);box-shadow:0 0 0 3px #25d3661a}.status-select-modern:disabled{opacity:.6;cursor:not-allowed;background:var(--secondary-100)}.btn-danger-modern{padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-danger-modern:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.btn-danger-modern:disabled{opacity:.6;cursor:not-allowed}.btn-icon{font-size:1rem}.order-list-card{background:var(--card-bg);border:1px solid var(--secondary-200);border-radius:8px;padding:16px;margin-bottom:12px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;position:relative}.order-list-card:hover{border-color:var(--button-primary-bg);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.order-list-card.selected{border-color:var(--button-primary-bg);background:#f0fdf4}.order-list-checkbox{flex-shrink:0}.order-list-content{flex:1;min-width:0}.order-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:12px}.order-list-id{display:flex;align-items:baseline;gap:8px}.order-id-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.order-id-number{font-size:1rem;font-weight:700;color:var(--text-main)}.order-list-info{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}.order-list-customer{display:flex;flex-direction:column;gap:4px}.customer-name{font-size:.875rem;font-weight:600;color:var(--text-main)}.customer-phone{font-size:.75rem;color:var(--text-secondary)}.order-list-meta{display:flex;align-items:center;gap:16px;font-size:.75rem;color:var(--text-secondary)}.order-amount{font-weight:600;color:var(--text-main);font-size:.875rem}.order-list-items{font-size:.75rem;color:var(--text-secondary)}.order-list-arrow{flex-shrink:0;color:var(--text-secondary);display:flex;align-items:center}.order-detail-page{background:var(--page-bg);min-height:100vh;padding:24px}.order-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.btn-back{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--card-bg);border:1px solid var(--secondary-200);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .2s ease}.btn-back:hover{background:var(--secondary-50);border-color:var(--secondary-300)}.btn-print{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--card-bg);border:1px solid var(--secondary-200);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .2s ease}.btn-print:hover{background:var(--secondary-50);border-color:var(--secondary-300)}.order-detail-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.order-detail-content{max-width:1400px;margin:0 auto}.order-detail-card{background:var(--card-bg);border:1px solid var(--secondary-200);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.order-detail-title-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.order-detail-title{font-size:2rem;font-weight:700;color:var(--text-main);margin:0 0 8px}.order-detail-date{font-size:.875rem;color:var(--text-secondary);margin:0}.badge-large{padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.order-detail-grid{display:grid;grid-template-columns:1fr 400px;gap:60px}.order-detail-main,.order-detail-sidebar{display:flex;flex-direction:column;gap:24px}.order-detail-section-title{font-size:1.125rem;font-weight:600;color:var(--text-main);margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--secondary-200)}.order-detail-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.order-detail-info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.875rem;color:var(--text-main);font-weight:500}.order-detail-address{font-size:.875rem;color:var(--text-main);line-height:1.6}.order-items-table{overflow-x:auto}.order-items-table table{width:100%;border-collapse:collapse}.order-items-table thead{background:var(--secondary-50)}.order-items-table th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--secondary-200)}.order-items-table th.text-right{text-align:right}.order-items-table td{padding:16px;border-bottom:1px solid var(--secondary-200);font-size:.875rem;color:var(--text-main)}.order-items-table tbody tr:last-child td{border-bottom:none}.order-item-name{display:flex;align-items:center;gap:12px}.item-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--button-primary-bg);color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0}.item-name{font-weight:600;color:var(--text-main);margin-bottom:4px}.item-variant{font-size:.75rem;color:var(--text-secondary);font-style:italic}.order-summary-list{display:flex;flex-direction:column;gap:12px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-main)}.summary-row.summary-total{padding-top:16px;margin-top:16px;border-top:2px solid var(--secondary-200);font-size:1.125rem;font-weight:700;color:var(--text-main)}.order-cancellation-card{background:#fee2e2;border-color:#dc2626}.order-cancellation-card .cancellation-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.order-cancellation-card .cancellation-icon{font-size:1.25rem}.order-cancellation-card .cancellation-text{font-size:.875rem;color:#7f1d1d;line-height:1.6;margin:0}@media(max-width:1024px){.order-detail-grid{grid-template-columns:1fr}.order-detail-sidebar{order:-1}}@media(max-width:768px){.order-detail-page{padding:16px}.order-detail-title{font-size:1.5rem}.order-list-info{flex-direction:column;align-items:flex-start}.order-detail-header{flex-direction:column;align-items:stretch}.order-detail-header-actions{flex-direction:column}}.menu-item.locked{opacity:.6;cursor:not-allowed;position:relative}.menu-item.locked:hover{opacity:.8}.menu-lock{margin-left:auto;font-size:.875rem;opacity:.7}.upgrade-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:12px;border:2px dashed #d1d5db;min-height:400px}.upgrade-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.upgrade-prompt h3{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 12px}.upgrade-prompt>p{font-size:1.125rem;color:#6b7280;margin:0 0 16px}.upgrade-description{font-size:.95rem;color:#9ca3af;margin:0 0 32px;max-width:500px}.shop-dashboard-page .modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.shop-dashboard-page .modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.shop-dashboard-page .modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.shop-dashboard-page .modal-close:hover{background:#f3f4f6;color:#1f2937}.upgrade-modal-content{padding:40px}.upgrade-modal-icon{font-size:4rem;text-align:center;margin-bottom:24px}.upgrade-modal-content h2{font-size:2rem;font-weight:700;color:#1f2937;text-align:center;margin:0 0 12px}.upgrade-modal-subtitle{font-size:1.125rem;color:#6b7280;text-align:center;margin:0 0 32px}.upgrade-features{background:#f9fafb;border-radius:12px;padding:24px;margin-bottom:24px}.upgrade-feature-item{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:1rem;color:#374151}.upgrade-feature-item:not(:last-child){border-bottom:1px solid #e5e7eb}.feature-check{color:#059669;font-weight:700;font-size:1.25rem}.upgrade-pricing{text-align:center;margin-bottom:32px}.pricing-model{font-size:1rem;color:#6b7280;font-weight:500}.upgrade-modal-actions{display:flex;flex-direction:column;gap:12px}.shop-dashboard-page .btn-large{padding:16px 32px;font-size:1.125rem;font-weight:600}.shop-dashboard-page .btn-secondary{background:#25d36614;color:var(--button-primary-bg);border:1px solid rgba(37,211,102,.4)}.shop-dashboard-page .btn-secondary:hover{background:#25d36626;color:var(--button-primary-hover-bg);border-color:var(--button-primary-hover-bg)}.chat-item-time-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.chat-timer{font-size:.75rem;font-weight:600;color:#059669;background:#d1fae5;padding:2px 8px;border-radius:12px;white-space:nowrap}.chat-timer.timer-expired{color:#dc2626;background:#fee2e2;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.crm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-600);margin-bottom:var(--space-2)}.stat-label{font-size:var(--font-size-sm);color:var(--secondary-600);text-transform:uppercase;letter-spacing:.5px}.crm-filters{margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.crm-filters .search-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--secondary-300);border-radius:var(--radius-md);font-size:var(--font-size-base)}.crm-filter-row{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:200px}.filter-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--secondary-700)}.filter-select{padding:var(--space-3) var(--space-4);border:1px solid var(--secondary-300);border-radius:var(--radius-md);font-size:var(--font-size-base);background:#fff;cursor:pointer}.filter-select:disabled{background:var(--secondary-100);cursor:not-allowed;opacity:.6}.crm-categories-list{background:#fff;border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.crm-categories-list h4{margin:0 0 var(--space-4) 0;font-size:var(--font-size-lg);color:var(--secondary-900)}.categories-display{display:flex;flex-direction:column;gap:var(--space-4)}.category-group{display:flex;flex-direction:column;gap:var(--space-2)}.category-group strong{font-size:var(--font-size-sm);color:var(--secondary-700);margin-bottom:var(--space-2)}.tag.active{background:var(--primary-600)!important;color:#fff!important;box-shadow:var(--shadow-md)}.crm-results-info{margin-bottom:var(--space-4);padding:var(--space-3);background:var(--secondary-50);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--secondary-700)}.filter-indicator{color:var(--primary-600);font-weight:600}.customers-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-4)}.customer-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease;border:1px solid var(--secondary-200)}.customer-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-300)}.customer-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.customer-card-header h4{margin:0;font-size:var(--font-size-lg);color:var(--secondary-900)}.customer-stats{display:flex;gap:var(--space-2);flex-direction:column;align-items:flex-end}.stat-badge{background:var(--primary-100);color:var(--primary-700);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600}.customer-card-body{display:flex;flex-direction:column;gap:var(--space-3)}.customer-phone,.customer-address{font-size:var(--font-size-sm);color:var(--secondary-600)}.customer-tags{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.tags-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.tags-row strong{font-size:var(--font-size-sm);color:var(--secondary-700);margin-right:var(--space-2)}.tag{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize}.tag.category-tag{background:var(--primary-100);color:var(--primary-700)}.tag.subcategory-tag{background:var(--success-100);color:var(--success-700)}.tag-more{font-size:var(--font-size-xs);color:var(--secondary-500);font-style:italic}.customer-interests-count{font-size:var(--font-size-sm);color:var(--secondary-500);margin-top:var(--space-2)}.customer-detail-view{display:flex;flex-direction:column;gap:var(--space-4)}.customer-detail-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.customer-detail-card h3{margin:0 0 var(--space-6) 0;font-size:var(--font-size-xl);color:var(--secondary-900)}.customer-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--secondary-200)}.customer-info-grid>div{font-size:var(--font-size-base);color:var(--secondary-700)}.customer-info-grid strong{color:var(--secondary-900);margin-right:var(--space-2)}.customer-tags-section{margin-bottom:var(--space-6)}.customer-tags-section h4{margin:0 0 var(--space-3) 0;font-size:var(--font-size-lg);color:var(--secondary-900)}.tags-container{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.no-tags{color:var(--secondary-400);font-style:italic;font-size:var(--font-size-sm)}.customer-interests-section{margin-top:var(--space-6)}.customer-interests-section h4{margin:0 0 var(--space-4) 0;font-size:var(--font-size-lg);color:var(--secondary-900)}.interests-list{display:flex;flex-direction:column;gap:var(--space-3)}.interest-item{background:var(--secondary-50);padding:var(--space-4);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.interest-product{font-weight:600;color:var(--secondary-900);flex:1;min-width:200px;display:flex;align-items:center;gap:var(--space-2)}.interest-count-badge{background:var(--primary-500);color:#fff;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700}.interest-tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;background:var(--primary-100);color:var(--primary-700)}.interest-tag.subcategory{background:var(--success-100);color:var(--success-700)}.chat-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.addons-container{padding:var(--space-6)}.addons-info-note{padding:var(--space-4);background:var(--info-50);border-left:4px solid var(--info-500);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.addons-info-note p{margin:0;color:var(--gray-700);font-size:var(--font-size-sm);line-height:1.6}.addons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.addon-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 2px 8px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.addon-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.addon-icon{font-size:3rem;text-align:center;margin-bottom:var(--space-2)}.addon-content{display:flex;flex-direction:column;gap:var(--space-2)}.addon-content h4{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--gray-900)}.addon-value{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--primary-600)}.addon-description{margin:0;font-size:var(--font-size-sm);color:var(--gray-600);line-height:1.5}.addons-summary{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6)}.addons-summary h4{margin:0 0 var(--space-4) 0;font-size:var(--font-size-lg);font-weight:700;color:var(--gray-900)}.summary-content{display:flex;flex-direction:column;gap:var(--space-3)}.summary-content p{margin:0;font-size:var(--font-size-base);color:var(--gray-700)}.summary-content ul{margin:0;padding-left:var(--space-6);list-style-type:disc}.summary-content li{margin-bottom:var(--space-2);font-size:var(--font-size-base);color:var(--gray-700);line-height:1.6}.summary-note{margin-top:var(--space-4);padding:var(--space-4);background:var(--primary-50);border-left:4px solid var(--primary-500);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--gray-700);line-height:1.6}.addon-upgrade-panel{background:#fff;margin-top:var(--space-4)}.addon-upgrade-form{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.addon-upgrade-row{display:flex;flex-direction:column;gap:var(--space-2)}.addon-upgrade-row input{padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base)}.addon-upgrade-row small{color:var(--gray-600);font-size:var(--font-size-sm)}.addon-upgrade-summary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background:var(--gray-100);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--gray-700)}.addon-upgrade-alert{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:var(--space-3)}.addon-upgrade-alert.success{background:var(--success-50);border:1px solid var(--success-200);color:var(--success-700)}.addon-upgrade-alert.error{background:var(--danger-50);border:1px solid var(--danger-200);color:var(--danger-700)}.addon-upgrade-warning{margin:0;font-size:var(--font-size-sm);color:var(--danger-600)}.addon-upgrade-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}@media(max-width:768px){.addons-grid{grid-template-columns:1fr}}.print-only-label{display:none}@media print{.print-only-label{display:block!important;page-break-inside:avoid;break-inside:avoid;margin-bottom:30px;border:2px solid #000;padding:20px;background:#fff}.order-detail-card:first-of-type,.order-detail-title-section{display:none!important}.order-detail-main>.order-detail-card:first-of-type{display:none!important}.order-detail-main>.order-detail-card:nth-of-type(2){display:none!important}.order-detail-sidebar{display:block!important}.order-cancellation-card{display:none!important}body *{visibility:hidden}.order-detail-page,.order-detail-page *{visibility:visible}.order-detail-page{position:absolute;left:0;top:0;width:100%;padding:0;margin:0;background:#fff}.order-detail-header{display:none}.dashboard-sidebar,.dashboard-header,.dashboard-main>*:not(.order-detail-page){display:none!important}.label-header{display:flex;justify-content:space-between;gap:30px;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #000}.label-section{flex:1;padding:15px;border:1px solid #000;background:#fff}.label-title{font-weight:700;font-size:14px;text-transform:uppercase;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #000;letter-spacing:1px}.label-content{font-size:12px;line-height:1.6}.label-line{margin-bottom:4px;color:#000}.label-bold{font-weight:700;font-size:14px;margin-bottom:8px}.label-address{margin-top:8px}.label-footer{margin-top:15px;padding-top:15px;border-top:1px solid #000}.label-order-info{display:flex;gap:30px;font-size:12px}.label-order-info .label-line{margin-bottom:0}.order-detail-card{page-break-inside:avoid;break-inside:avoid;margin-bottom:20px;padding:20px;border:1px solid #ddd;border-radius:4px;background:#fff;box-shadow:none}.order-detail-content{max-width:100%;margin:0;padding:20px}.order-detail-section-title{font-size:16px;font-weight:700;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #000;text-transform:uppercase;letter-spacing:.5px;color:#000!important}.order-detail-grid{display:block!important}.order-detail-main{margin-bottom:30px}.order-detail-sidebar{display:block!important;border-top:2px solid #000;padding-top:20px;margin-top:20px;width:100%}.order-detail-sidebar{visibility:visible!important}.order-detail-sidebar .order-detail-card{display:block!important;visibility:visible!important}.order-detail-sidebar .order-detail-section-title,.order-detail-sidebar .order-summary-list,.order-detail-sidebar .summary-row{visibility:visible!important;display:block!important}.order-detail-sidebar .summary-row{display:flex!important}.order-items-table{page-break-inside:avoid;break-inside:avoid;margin-top:20px}.order-items-table table{width:100%;border-collapse:collapse}.order-items-table th,.order-items-table td{border:1px solid #000!important;padding:10px!important;text-align:left}.order-items-table th{background:#f0f0f0!important;font-weight:700;color:#000!important}.order-items-table td{color:#000!important}.order-items-table .text-right{text-align:right}.item-name{font-weight:600;color:#000!important}.item-variant{color:#000!important;font-style:italic}.item-number{background:#000!important;color:#fff!important}.badge,.badge-large{border:1px solid #000;background:#fff;color:#000;padding:4px 8px;border-radius:3px;font-weight:600}.order-status-selector-modern,.btn-danger-modern,.btn-back,.btn-print{display:none!important}.order-detail-title,.order-detail-section-title,.info-label,.info-value,.item-name,.item-variant,.summary-row{color:#000!important}.order-summary-list{border-top:2px solid #000;padding-top:15px;margin-top:15px}.summary-row{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:8px 0;font-size:12px;color:#000!important}.summary-row.summary-total{border-top:2px solid #000;border-bottom:2px solid #000;font-weight:700;font-size:14px;margin-top:10px;padding-top:10px}.order-cancellation-card{border:2px solid #000;background:#fff;padding:15px}*{background:#fff!important;box-shadow:none!important;text-shadow:none!important}.order-detail-main>.order-detail-card{page-break-inside:avoid;break-inside:avoid}.print-only-label{page-break-inside:avoid;break-inside:avoid}.print-only-label{max-height:none;overflow:visible}.label-header{max-height:none}.order-items-table,.order-items-table tbody tr{page-break-inside:avoid;break-inside:avoid}@page{size:A4;margin:1cm}.label-section{padding:12px}.label-content{font-size:11px;line-height:1.4}.label-title{font-size:12px;margin-bottom:8px}.order-items-table{font-size:10px}.order-items-table th,.order-items-table td{padding:6px!important;font-size:10px}.order-detail-content{padding:15px!important}.order-detail-card{margin-bottom:15px;padding:15px}.summary-note{display:none!important}}.product-detail-page{background:var(--page-bg);min-height:100vh;padding:0}.product-detail-back-section{max-width:1400px;margin:0 auto;padding:20px 32px 0}.btn-back-product{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--card-bg);border:1px solid var(--secondary-200);border-radius:8px;font-size:.9375rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-back-product:hover{background:var(--secondary-50);border-color:var(--secondary-300);transform:translate(-2px)}.btn-back-product .back-icon{font-size:1.125rem;font-weight:600}.product-detail-breadcrumb{max-width:1400px;margin:0 auto;padding:12px 32px 0;display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary)}.breadcrumb-link{background:none;border:none;color:var(--primary-600);cursor:pointer;font-size:.875rem;padding:0;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:var(--primary-700);text-decoration:underline}.breadcrumb-separator{color:var(--text-secondary)}.breadcrumb-current{color:var(--text-main);font-weight:500}.product-detail-content{max-width:1400px;margin:24px auto 48px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:64px;background:var(--card-bg);border-radius:16px;box-shadow:0 2px 8px #00000014}.product-detail-image-section{position:sticky;top:24px;height:fit-content}.product-main-image-wrapper{width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--gray-50);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;border:1px solid var(--secondary-200)}.product-detail-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-main-image-wrapper:hover .product-detail-image{transform:scale(1.02)}.product-image-placeholder-large{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--secondary-50);color:var(--secondary-400)}.placeholder-icon{font-size:4rem;margin-bottom:8px}.product-image-placeholder-large p{font-size:1rem;color:var(--secondary-500)}.product-detail-info-section{display:flex;flex-direction:column;gap:32px;position:relative}.product-detail-header-actions-top{position:absolute;top:0;right:0;display:flex;gap:8px}.btn-action-icon{width:40px;height:40px;border-radius:8px;border:1px solid var(--secondary-200);background:var(--card-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.125rem;transition:all .2s;color:var(--text-secondary)}.btn-action-icon:hover{background:var(--secondary-50);border-color:var(--secondary-300);color:var(--text-main);transform:translateY(-1px)}.btn-action-icon.btn-action-danger:hover{background:var(--error-50);border-color:var(--error-200);color:var(--error-700)}.product-badges-top{display:flex;flex-wrap:wrap;gap:8px}.category-badge-large{display:inline-block;padding:6px 16px;background:var(--primary-100);color:var(--primary-700);border-radius:20px;font-size:.875rem;font-weight:500}.category-badge-large.subcategory{background:var(--secondary-100);color:var(--secondary-700)}.discount-badge-large{display:inline-block;padding:6px 16px;background:var(--error-50);color:var(--error-700);border-radius:20px;font-size:.875rem;font-weight:600}.product-detail-title{font-size:2.5rem;font-weight:700;color:var(--text-main);line-height:1.2;margin:0 0 8px;letter-spacing:-.02em}.product-detail-pricing-section{padding:24px 0;border-top:2px solid var(--secondary-200);border-bottom:2px solid var(--secondary-200);margin:16px 0}.pricing-with-discount{display:flex;flex-direction:column;gap:12px}.price-row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.price-discounted{font-size:2.5rem;font-weight:700;color:var(--primary-600);line-height:1}.price-original{font-size:1.5rem;color:var(--text-secondary);text-decoration:line-through;font-weight:400}.discount-save{font-size:1rem;color:var(--error-600);font-weight:600;margin-top:4px}.price-regular{font-size:2.5rem;font-weight:700;color:var(--text-main);line-height:1}.product-detail-availability{padding:20px;background:var(--gray-50);border-radius:12px;border:1px solid var(--secondary-200)}.availability-item{display:flex;align-items:center;gap:12px}.availability-label{font-weight:600;color:var(--text-secondary);font-size:.9375rem}.availability-value{font-weight:600;font-size:.9375rem;padding:6px 14px;border-radius:6px}.availability-value.in-stock{background:var(--success-100);color:var(--success-700)}.availability-value.out-of-stock{background:var(--error-50);color:var(--error-700)}.shop-dashboard-page .section-title{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--secondary-200)}.product-detail-description-section{padding:32px 0;border-top:1px solid var(--secondary-200)}.description-content{font-size:1.0625rem;line-height:1.8;color:var(--text-main);white-space:pre-wrap}.description-content p{margin:0}.product-detail-variants-section{padding:32px 0;border-top:1px solid var(--secondary-200)}.variants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.variant-card{padding:20px;background:var(--card-bg);border:2px solid var(--secondary-200);border-radius:12px;transition:all .2s}.variant-card:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.variant-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.variant-name{font-weight:700;color:var(--text-main);font-size:1.0625rem}.variant-price{font-weight:700;color:var(--primary-600);font-size:1.125rem}.variant-description{font-size:.9375rem;color:var(--text-secondary);margin:0 0 12px;line-height:1.6}.variant-card-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--secondary-200)}.variant-stock-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.8125rem;font-weight:600}.variant-stock-badge.in-stock{background:var(--success-100);color:var(--success-700)}.variant-stock-badge.out-of-stock{background:var(--error-50);color:var(--error-700)}.product-detail-specs{padding:32px 0;border-top:1px solid var(--secondary-200)}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.spec-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--gray-50);border-radius:8px;border:1px solid var(--secondary-200)}.spec-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.spec-value{font-size:1rem;font-weight:600;color:var(--text-main)}@media(max-width:968px){.product-detail-breadcrumb{padding:16px 20px 0}.product-detail-content{grid-template-columns:1fr;gap:40px;padding:24px;margin-top:16px}.product-detail-image-section{position:static}.product-detail-title,.price-discounted,.price-regular{font-size:2rem}.variants-grid,.specs-grid{grid-template-columns:1fr}}@media(max-width:640px){.product-detail-back-section{padding:12px 16px 0}.btn-back-product{padding:8px 16px;font-size:.875rem}.product-detail-breadcrumb{padding:8px 16px 0;font-size:.8125rem}.product-detail-content{padding:20px;border-radius:12px;margin:12px 12px 32px}.product-detail-header-actions-top{position:static;margin-bottom:16px;justify-content:flex-end}.product-detail-title,.price-discounted,.price-regular{font-size:1.75rem}.price-original,.section-title{font-size:1.25rem}.product-detail-info-section{gap:24px}}.payment-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:2px solid var(--gray-200);padding-bottom:0;position:relative}.payment-tab{background:transparent;border:none;padding:16px 24px;font-size:15px;font-weight:500;color:var(--gray-600);cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:3px solid transparent;margin-bottom:-2px}.payment-tab:hover{color:var(--primary-600);background:var(--primary-50);border-radius:8px 8px 0 0}.payment-tab.active{color:var(--primary-600);font-weight:600;border-bottom-color:var(--primary-600);background:transparent}.payment-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--primary-600);border-radius:2px 2px 0 0;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.payment-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.summary-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--gray-200);border-radius:16px;padding:28px;display:flex;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.summary-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary-500) 0%,var(--primary-700) 100%);transform:scaleY(0);transition:transform .3s ease-out}.summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary-300)}.summary-card:hover:before{transform:scaleY(1)}.summary-card:nth-child(1){animation-delay:.1s}.summary-card:nth-child(2){animation-delay:.2s}.summary-card:nth-child(3){animation-delay:.3s}.summary-icon{font-size:48px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border-radius:16px;flex-shrink:0;animation:pulse 2s ease-in-out infinite}.summary-content{flex:1}.summary-content h4{font-size:14px;font-weight:500;color:var(--gray-600);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:28px;font-weight:700;color:var(--gray-900);margin:0;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-history{background:var(--card-bg);border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000000a;border:1px solid var(--gray-200);animation:fadeIn .5s ease-out}.payment-history h4{font-size:20px;font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0 0 24px}.payment-table{width:100%;border-collapse:separate;border-spacing:0}.payment-table thead{background:var(--gray-50);border-radius:12px 12px 0 0}.payment-table thead th{padding:16px 20px;text-align:left;font-size:13px;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--gray-200)}.payment-table tbody tr{transition:all .2s ease-out;border-bottom:1px solid var(--gray-100)}.payment-table tbody tr:hover{background:var(--primary-50);transform:scale(1.01);box-shadow:0 4px 12px #0000000d}.payment-table tbody tr:last-child{border-bottom:none}.payment-table tbody td{padding:20px;font-size:14px;color:var(--gray-700)}.payment-method{text-transform:capitalize;font-weight:500;color:var(--gray-900)}.transaction-id{font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;color:var(--gray-600);background:var(--gray-50);padding:4px 8px;border-radius:6px;display:inline-block}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;animation:slideInRight .3s ease-out}.status-badge.status-processing{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24}.status-badge.status-processing:before{content:"";width:8px;height:8px;border-radius:50%;background:#f59e0b;animation:pulseDot 1.5s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.status-badge.status-verified{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.status-badge.status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef4444;position:relative;cursor:help}.status-badge.status-rejected .rejection-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);background-color:#1f2937;color:#fff;text-align:left;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:400;line-height:1.4;min-width:220px;max-width:350px;white-space:normal;word-wrap:break-word;z-index:1000;box-shadow:0 4px 12px #00000026;transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s ease-in-out;pointer-events:none}.status-badge.status-rejected .rejection-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1f2937}.status-badge.status-rejected.has-tooltip:hover .rejection-tooltip{visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}.payment-add-credits{animation:fadeInUp .5s ease-out}.payment-info-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid var(--info-500);border-radius:16px;padding:28px;margin-bottom:32px;animation:slideInDown .4s ease-out}.payment-info-box h4{font-size:18px;font-weight:600;color:var(--gray-900);margin:0 0 12px;display:flex;align-items:center;gap:8px}.payment-info-box p{font-size:14px;color:var(--gray-700);margin:0 0 16px;line-height:1.6}.payment-methods-info{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.payment-method-info{padding:12px 16px;background:#fff;border-radius:8px;font-size:14px;color:var(--gray-700);border:1px solid var(--gray-200);transition:all .2s ease-out}.payment-method-info:hover{border-color:var(--info-500);background:var(--info-50);transform:translate(4px)}.payment-method-info strong{color:var(--gray-900);font-weight:600}.verification-note{padding:12px 16px;background:#fff7ed;border-radius:8px;border-left:4px solid var(--warning-600);font-size:13px;color:var(--gray-700);margin:0}.credit-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.package-btn{background:var(--card-bg);border:2px solid var(--gray-200);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:500;color:var(--gray-700);position:relative;overflow:hidden}.package-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.package-btn:hover:before{left:100%}.package-btn:hover{border-color:var(--primary-500);transform:translateY(-2px);box-shadow:0 8px 16px #10b98133}.package-btn.active{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-color:var(--primary-600);color:#fff;box-shadow:0 8px 24px #10b9814d;transform:scale(1.02)}.package-btn.active:after{content:"✓";position:absolute;top:8px;right:8px;width:24px;height:24px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;animation:checkmark .3s ease-out}@keyframes checkmark{0%{transform:scale(0) rotate(180deg)}50%{transform:scale(1.2) rotate(-10deg)}to{transform:scale(1) rotate(0)}}.custom-amount-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.custom-amount-inputs input{padding:14px 16px;border:2px solid var(--gray-200);border-radius:10px;font-size:14px;transition:all .2s ease-out;background:var(--card-bg)}.custom-amount-inputs input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px)}.payment-form{background:var(--card-bg);border-radius:16px;padding:32px;border:1px solid var(--gray-200);box-shadow:0 2px 8px #0000000a}.payment-form .form-group{margin-bottom:24px;animation:fadeInUp .4s ease-out}.payment-form .form-group:nth-child(1){animation-delay:.1s}.payment-form .form-group:nth-child(2){animation-delay:.2s}.payment-form .form-group:nth-child(3){animation-delay:.3s}.payment-form .form-group:nth-child(4){animation-delay:.4s}.payment-form .form-group:nth-child(5){animation-delay:.5s}.payment-form label{display:block;font-size:14px;font-weight:600;color:var(--gray-900);margin-bottom:10px}.payment-form input[type=text],.payment-form input[type=number],.payment-form select,.payment-form textarea{width:100%;padding:14px 16px;border:2px solid var(--gray-200);border-radius:10px;font-size:14px;transition:all .2s ease-out;background:var(--card-bg);font-family:inherit}.payment-form input:focus,.payment-form select:focus,.payment-form textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px)}.payment-form input[type=file]{padding:12px;border:2px dashed var(--gray-300);border-radius:10px;background:var(--gray-50);cursor:pointer;transition:all .2s ease-out}.payment-form input[type=file]:hover{border-color:var(--primary-500);background:var(--primary-50)}.screenshot-preview{margin-top:16px;max-width:100%;max-height:300px;border-radius:12px;border:2px solid var(--gray-200);box-shadow:0 4px 12px #0000001a;animation:zoomIn .3s ease-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.payment-form .btn-primary{width:100%;padding:16px;font-size:16px;font-weight:600;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #10b9814d;position:relative;overflow:hidden}.payment-form .btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.payment-form .btn-primary:hover:before{width:300px;height:300px}.payment-form .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.payment-form .btn-primary:active{transform:translateY(0)}.payment-form .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.empty-state{text-align:center;padding:80px 20px;color:var(--gray-500);animation:fadeIn .5s ease-out}.empty-state:before{content:"💳";display:block;font-size:4rem;margin-bottom:20px;opacity:.3;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state p{font-size:16px;margin:0;font-weight:500;color:var(--gray-600)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading-shimmer{background:linear-gradient(90deg,var(--gray-100) 0px,var(--gray-50) 40px,var(--gray-100) 80px);background-size:1000px;animation:shimmer 2s infinite;border-radius:8px;height:20px}.payment-table tbody tr{opacity:0;animation:fadeInUp .4s ease-out forwards}.payment-table tbody tr:nth-child(1){animation-delay:.05s}.payment-table tbody tr:nth-child(2){animation-delay:.1s}.payment-table tbody tr:nth-child(3){animation-delay:.15s}.payment-table tbody tr:nth-child(4){animation-delay:.2s}.payment-table tbody tr:nth-child(5){animation-delay:.25s}.payment-table tbody tr:nth-child(6){animation-delay:.3s}.payment-table tbody tr:nth-child(7){animation-delay:.35s}.payment-table tbody tr:nth-child(8){animation-delay:.4s}.payment-table tbody tr:nth-child(9){animation-delay:.45s}.payment-table tbody tr:nth-child(10){animation-delay:.5s}.status-badge.status-verified{position:relative;overflow:hidden}.status-badge.status-verified:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmerSuccess 2s infinite}@keyframes shimmerSuccess{0%{left:-100%}to{left:100%}}.payment-form input:focus,.payment-form select:focus,.payment-form textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px);background:#fff}.payment-form input::placeholder,.payment-form textarea::placeholder{color:var(--gray-400);transition:color .2s}.payment-form input:focus::placeholder,.payment-form textarea:focus::placeholder{color:var(--gray-300)}.payment-form input[type=file]{position:relative;cursor:pointer;padding:12px;border:2px dashed var(--gray-300);border-radius:10px;background:var(--gray-50);transition:all .2s ease-out;font-size:14px}.payment-form input[type=file]:hover{border-color:var(--primary-500);background:var(--primary-50);transform:translateY(-1px)}.payment-form input[type=file]:focus{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 0 0 3px #10b9811a}.payment-form .btn-primary{position:relative;overflow:hidden;z-index:1}.payment-form .btn-primary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:-1}.payment-form .btn-primary:hover:after{width:400px;height:400px}.summary-card{cursor:default}.summary-card:hover .summary-icon{transform:scale(1.1) rotate(5deg);animation:none}.summary-value{transition:all .3s ease-out}.summary-card:hover .summary-value{transform:scale(1.05)}@media(max-width:768px){.payment-summary-cards,.credit-packages,.custom-amount-inputs{grid-template-columns:1fr}.payment-table{font-size:12px}.payment-table thead th,.payment-table tbody td{padding:12px 8px}.summary-card{flex-direction:column;text-align:center}.summary-icon{margin:0 auto}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(5deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.whatsapp-submenu-tabs{position:relative}.whatsapp-submenu-tab{position:relative;overflow:hidden}.whatsapp-submenu-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.whatsapp-submenu-tab:hover:before{left:100%}.whatsapp-submenu-tab.active{color:var(--primary-600)}.whatsapp-submenu-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--primary-600);border-radius:2px 2px 0 0;animation:slideIn .3s ease-out}.setup-step{position:relative;overflow:hidden}.setup-step:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(37,211,102,.05) 0%,transparent 70%);animation:rotate 20s linear infinite;pointer-events:none;z-index:0}.setup-step>*{position:relative;z-index:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-step{position:relative}.success-step:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.method-btn{position:relative;overflow:hidden}.method-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#10b9811a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.method-btn:hover:before{width:300px;height:300px}.method-btn.active{transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}input[type=text][maxlength="6"]:focus{animation:inputPulse .6s ease-out}@keyframes inputPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.alert-message{animation:slideInDown .4s cubic-bezier(.4,0,.2,1)}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.whatsapp-submenu-tabs{flex-direction:column}.whatsapp-submenu-tab{width:100%;text-align:center}.setup-step{padding:24px}}.messages-container{display:flex;height:calc(100vh - 200px);min-height:600px;background:var(--page-bg);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;animation:fadeInMessages .4s ease-out}@keyframes fadeInMessages{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.messages-sidebar{width:380px;min-width:320px;background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;overflow:hidden}.messages-header{padding:24px 20px;border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,#fff,#f8fafc)}.messages-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.messages-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--gray-900);letter-spacing:-.5px;flex:1}.messages-header-actions{display:flex;align-items:center;gap:8px}.cancel-selection-btn{padding:8px 16px;border:1px solid var(--gray-300);background:#fff;border-radius:8px;font-size:14px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease-out}.cancel-selection-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.bulk-delete-btn{padding:8px 16px;border:none;background:linear-gradient(135deg,var(--error-600) 0%,#b91c1c 100%);border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #dc26264d;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.bulk-delete-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.bulk-delete-btn:active:not(:disabled){transform:translateY(0)}.bulk-delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.messages-search{padding:16px;border-bottom:1px solid var(--gray-200);position:relative}.messages-search .search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--gray-500);pointer-events:none}.messages-search .search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid var(--gray-200);border-radius:24px;font-size:14px;background:var(--gray-50);transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.messages-search .search-input:focus{background:#fff;border-color:var(--primary-500);box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px)}.conversations-list{flex:1;overflow-y:auto;padding:8px 0;background:#fff}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:transparent}.conversations-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.conversation-item{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--gray-100);position:relative;animation:slideInLeftMessages .3s ease-out forwards;opacity:0}@keyframes slideInLeftMessages{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.conversation-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-500);transform:scaleY(0);transition:transform .2s ease-out}.conversation-item:hover{background:var(--gray-50);transform:translate(2px)}.conversation-item.active{background:linear-gradient(90deg,var(--primary-50) 0%,rgba(16,185,129,.05) 100%);border-left:3px solid var(--primary-500)}.conversation-item.active:before{transform:scaleY(1)}.conversation-item.selection-mode{padding-left:12px;user-select:none;-webkit-user-select:none}.conversation-item.selected{background:linear-gradient(90deg,#10b98126,#10b98114);border-left:3px solid var(--primary-500)}.conversation-item.selected:before{transform:scaleY(1)}.conversation-item.selection-mode:hover{background:var(--gray-50);transform:translate(0)}.conversation-item.selection-mode.active{background:linear-gradient(90deg,#10b98126,#10b98114)}.conversation-item:active{transform:scale(.98);transition:transform .1s ease-out}.conversation-item.selection-mode:active{transform:scale(.98)}.conversation-item.long-press-active{background:var(--primary-100)!important;transform:scale(.95);animation:longPressPulse .3s ease-out}@keyframes longPressPulse{0%{transform:scale(1)}50%{transform:scale(.95);background:var(--primary-100)}to{transform:scale(1)}}.conversation-checkbox{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:4px;flex-shrink:0;animation:scaleInCheckbox .2s ease-out}@keyframes scaleInCheckbox{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.conversation-select-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-500);transition:all .2s ease-out}.conversation-select-checkbox:checked{transform:scale(1.1)}.conversation-select-checkbox:hover{transform:scale(1.15)}.conversation-avatar{position:relative;flex-shrink:0}.avatar-initials{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);color:#fff;font-weight:600;font-size:16px;letter-spacing:.5px;box-shadow:0 2px 8px #10b9814d;transition:all .3s cubic-bezier(.4,0,.2,1)}.conversation-item:hover .avatar-initials{transform:scale(1.1);box-shadow:0 4px 12px #10b98166}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#10b981;border:2px solid white;box-shadow:0 2px 4px #0000001a;animation:pulseIndicator 2s ease-in-out infinite}@keyframes pulseIndicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.conversation-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.conversation-header-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.conversation-name{font-size:15px;font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.conversation-time{font-size:12px;color:var(--gray-500);white-space:nowrap}.conversation-item .chat-timer{font-size:10px;font-weight:600;color:#059669;background:#d1fae5;padding:2px 6px;border-radius:8px;white-space:nowrap;line-height:1.4;animation:fadeInTimer .3s ease-out}@keyframes fadeInTimer{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.conversation-item .chat-timer.timer-expired{color:#dc2626;background:#fee2e2;animation:timerPulse 1s infinite}@keyframes timerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.conversation-preview-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.conversation-preview{font-size:13px;color:var(--gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.unread-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--primary-500);color:#fff;font-size:11px;font-weight:600;animation:bounceInBadge .3s ease-out}@keyframes bounceInBadge{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.messages-main{flex:1;display:flex;flex-direction:column;background:#f5f7fb;position:relative;overflow:hidden}.messages-main:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.02) 10px,rgba(0,0,0,.02) 20px);pointer-events:none;opacity:.3}.messages-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;animation:fadeInMessages .4s ease-out}.placeholder-icon{font-size:5rem;margin-bottom:24px;opacity:.3;animation:floatMessages 3s ease-in-out infinite}@keyframes floatMessages{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.messages-placeholder h3{font-size:1.375rem;font-weight:600;color:var(--gray-700);margin:0 0 8px}.messages-placeholder p{font-size:14px;color:var(--gray-500);margin:0}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:0 2px 8px #0000000a;z-index:10;animation:slideDownMessages .3s ease-out}@keyframes slideDownMessages{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chat-header-profile{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.chat-header-avatar{position:relative;flex-shrink:0}.avatar-initials-large{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);color:#fff;font-weight:600;font-size:16px;letter-spacing:.5px;box-shadow:0 2px 8px #10b9814d}.online-indicator-large{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;background:#10b981;border:2px solid white;box-shadow:0 2px 4px #0000001a;animation:pulseIndicator 2s ease-in-out infinite}.chat-header-info{flex:1;min-width:0}.chat-header-name{font-size:16px;font-weight:600;color:var(--gray-900);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-status{font-size:13px;color:#10b981;font-weight:500}.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-header-delete-btn{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease-out;color:var(--gray-600)}.chat-header-delete-btn:hover{background:var(--gray-100);color:var(--error-600);transform:scale(1.1)}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.chat-empty-state .empty-icon{font-size:4rem;margin-bottom:16px;opacity:.3}.chat-empty-state h4{font-size:18px;font-weight:600;color:var(--gray-700);margin:0 0 8px}.chat-empty-state p{font-size:14px;color:var(--gray-500);margin:0}.message-group{display:flex;flex-direction:column;gap:8px;animation:fadeInUpMessages .3s ease-out forwards;opacity:0}.message-row{display:flex;animation:fadeInUpMessages .3s ease-out forwards;opacity:0}@keyframes fadeInUpMessages{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-row.incoming{justify-content:flex-start}.message-row.outgoing{justify-content:flex-end}.message-bubble{max-width:65%;padding:12px 16px;border-radius:18px;position:relative;word-wrap:break-word;animation:bubbleAppearMessages .3s cubic-bezier(.4,0,.2,1)}@keyframes bubbleAppearMessages{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.message-bubble.incoming{background:#fff;border-bottom-left-radius:4px;box-shadow:0 2px 4px #00000014}.message-bubble.outgoing{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-bottom-right-radius:4px;box-shadow:0 2px 4px #10b98133}.message-text{font-size:14px;line-height:1.5;color:var(--gray-900);margin-bottom:4px}.message-bubble.outgoing .message-text{color:var(--gray-900)}.message-time-status{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px;font-size:11px;color:var(--gray-500)}.message-time{font-size:11px;color:var(--gray-500)}.message-status{color:#25d366;font-size:14px;line-height:1}.message-order-icon{margin-left:4px;font-size:14px}.chat-input-container{padding:16px 24px;background:#fff;border-top:1px solid var(--gray-200);box-shadow:0 -2px 8px #0000000a;z-index:10;animation:slideUpMessages .3s ease-out}@keyframes slideUpMessages{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-image-preview{position:relative;margin-bottom:12px;display:inline-block;animation:zoomInMessages .2s ease-out}@keyframes zoomInMessages{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.message-image-preview img{max-width:200px;max-height:200px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.remove-image-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--error-600);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 4px #0003;transition:all .2s ease-out}.remove-image-btn:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.chat-input-wrapper{display:flex;align-items:center;gap:12px;background:var(--gray-50);border-radius:24px;padding:8px 16px;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-input-wrapper:focus-within{background:#fff;border-color:var(--primary-500);box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px)}.attach-button{width:36px;height:36px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.attach-button:hover{background:var(--gray-200);transform:scale(1.1);color:var(--primary-600)}.chat-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--gray-900);padding:8px 0;font-family:inherit}.chat-input::placeholder{color:var(--gray-400)}.send-button{width:36px;height:36px;border:none;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #10b9814d;flex-shrink:0}.send-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #10b98166}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.send-icon{color:#fff;font-size:18px;line-height:1}.messages-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.messages-container .loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}.messages-container .empty-state{text-align:center;padding:60px 20px;color:var(--gray-500)}.messages-container .empty-state .empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.messages-container .empty-state h4{font-size:18px;font-weight:600;color:var(--gray-700);margin:0 0 8px}.messages-container .empty-state p{font-size:14px;color:var(--gray-500);margin:0}@media(max-width:968px){.messages-container{flex-direction:column;height:auto;min-height:600px}.messages-sidebar{width:100%;height:300px;border-right:none;border-bottom:1px solid var(--gray-200)}.messages-main{height:calc(100vh - 500px);min-height:400px}}.settings-section{animation:fadeIn .4s ease-out}.settings-card{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #0000000d;border:1px solid var(--gray-200);transition:all .3s ease}.settings-card:hover{box-shadow:0 8px 24px #0000001a}.settings-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--gray-100)}.settings-card-title-section{display:flex;align-items:flex-start;gap:1rem;flex:1}.settings-card-icon{font-size:2rem;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:.75rem;box-shadow:0 4px 12px #25d3664d;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.settings-card-title{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin:0 0 .25rem}.settings-card-description{font-size:.9rem;color:var(--gray-600);margin:0;line-height:1.5}.toggle-switch{position:relative;display:inline-block;width:56px;height:32px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-300);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:32px}.toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch:hover .toggle-slider{box-shadow:0 0 0 4px #25d3661a}.toggle-switch input:checked+.toggle-slider:hover{box-shadow:0 0 0 4px #25d36633}.settings-card-content{animation:slideInDown .4s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-upload-section{margin-top:1rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.image-slot{position:relative;min-height:250px;border-radius:.75rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px dashed var(--gray-300);background:var(--gray-50)}.image-slot.filled{border:2px solid var(--primary-200);background:#fff;box-shadow:0 4px 12px #25d3661a}.image-slot.empty{border:2px dashed var(--gray-300);background:var(--gray-50)}.image-slot.dragging{opacity:.5;transform:scale(.95)}.image-slot:not(.filled):hover{border-color:var(--primary-400);background:var(--primary-50);transform:translateY(-2px);box-shadow:0 4px 12px #25d36626}.image-preview-container{position:relative;width:100%;height:200px;overflow:hidden}.image-preview{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-slot:hover .image-preview{transform:scale(1.05)}.remove-image-btn{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #0003}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.image-order-badge{position:absolute;bottom:.5rem;left:.5rem;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;box-shadow:0 2px 8px #25d36666;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #25d36666}50%{transform:scale(1.1);box-shadow:0 4px 16px #25d36699}}.replace-image-label,.upload-image-label{display:block;width:100%;cursor:pointer;transition:all .2s ease}.replace-btn{display:block;padding:.75rem 1rem;text-align:center;background:var(--gray-100);color:var(--gray-700);font-weight:600;font-size:.875rem;border-radius:0 0 .75rem .75rem;transition:all .2s ease}.replace-btn:hover{background:var(--primary-100);color:var(--primary-700)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px;gap:.75rem;padding:1.5rem;text-align:center;transition:all .3s ease}.upload-icon{font-size:3rem;opacity:.6;transition:all .3s ease}.image-slot:hover .upload-icon{opacity:1;transform:scale(1.1)}.upload-text{font-weight:600;color:var(--gray-700);font-size:.95rem}.upload-hint{font-size:.75rem;color:var(--gray-500)}.settings-info-note{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--primary-50);border-left:4px solid var(--primary-500);border-radius:.5rem;font-size:.875rem;color:var(--gray-700);line-height:1.5;animation:fadeIn .4s ease-out}.info-icon{font-size:1.25rem;flex-shrink:0}.settings-save-btn{position:absolute;top:1.5rem;right:1.5rem;z-index:10;display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #25d3664d;animation:fadeIn .4s ease-out .3s both}.settings-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #25d36666;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%)}.settings-save-btn:active:not(:disabled){transform:translateY(0)}.settings-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #25d36633}.settings-save-btn span:first-child{font-size:1rem}.save-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.settings-card-header{padding-right:0}@media(max-width:768px){.image-grid{grid-template-columns:1fr}.settings-card-header{flex-direction:column;gap:1rem;padding-right:0}.settings-card-title-section{width:100%}.settings-card{padding:1.5rem}.settings-save-btn{position:relative;top:auto;right:auto;width:100%;justify-content:center;margin-top:1rem}}.whatsapp-settings{padding:20px;max-width:1200px;margin:0 auto}.settings-header{margin-bottom:30px}.header-content{display:flex;align-items:center;gap:20px;margin-bottom:20px}.header-icon{font-size:48px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 14px #667eea66}.header-content h2{margin:0 0 8px;font-size:28px;font-weight:700;color:#1a202c}.settings-description{color:#718096;font-size:16px;margin:0}.status-card{background:#fff;border-radius:12px;padding:20px;border:2px solid #e2e8f0;transition:all .3s ease}.status-card.active{border-color:#48bb78;background:linear-gradient(135deg,#f0fff4,#c6f6d5)}.status-card.inactive{border-color:#fc8181;background:linear-gradient(135deg,#fffaf0,#feebc8)}.status-content{display:flex;align-items:center;gap:16px}.status-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.status-indicator.connected{background:#48bb78;color:#fff}.status-indicator.disconnected{background:#fc8181;color:#fff}.status-title{font-weight:600;font-size:18px;color:#2d3748;margin-bottom:4px}.status-subtitle{font-size:14px;color:#718096}.alert{padding:16px 20px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500}.alert-success{background:#c6f6d5;color:#22543d;border-left:4px solid #48bb78}.alert-error{background:#fed7d7;color:#742a2a;border-left:4px solid #f56565}.alert-info{background:#bee3f8;color:#2c5282;border-left:4px solid #4299e1}.alert-icon{font-size:20px}.progress-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-header h3{margin:0;font-size:18px;color:#2d3748}.progress-percentage{font-size:20px;font-weight:700;color:#667eea}.progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:4px}.progress-hint{color:#718096;font-size:14px;margin:0}.form-section{background:#fff;border-radius:12px;padding:28px;margin-bottom:24px;border:1px solid #e2e8f0}.section-header-with-help{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.section-header-with-help h3{margin:0 0 8px;font-size:22px;color:#2d3748}.form-hint{color:#718096;font-size:14px;margin:0}.help-btn{background:#edf2f7;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:14px;color:#4a5568;transition:all .2s}.help-btn:hover{background:#e2e8f0}.credentials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:#2d3748;margin-bottom:8px;font-size:14px}.label-icon{font-size:18px}.required{color:#f56565;font-weight:700}.optional{color:#718096;font-weight:400;font-size:12px}.form-group input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .2s;background:#f7fafc}.form-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-group input.filled{border-color:#48bb78}.hint-text{display:flex;align-items:center;gap:6px;margin-top:6px;color:#718096;font-size:13px}.hint-icon{font-size:14px}.hint-text.warning{color:#c05621}.token-field{grid-column:1 / -1}.token-input-wrapper{position:relative;display:flex;align-items:center}.token-input-wrapper input{padding-right:50px;font-family:Courier New,monospace}.toggle-token-btn{position:absolute;right:8px;background:none;border:none;padding:8px;cursor:pointer;font-size:18px;color:#718096;transition:color .2s}.toggle-token-btn:hover{color:#2d3748}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e2e8f0}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#edf2f7;color:#4a5568;border:1px solid #e2e8f0}.btn-secondary:hover{background:#e2e8f0}.test-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:28px;margin-bottom:24px;color:#fff}.test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.test-header h3{margin:0 0 8px;font-size:22px;color:#fff}.test-header p{color:#ffffffe6;margin:0}.test-badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.test-badge.verified{background:#fff3;color:#c6f6d5}.test-badge.pending{background:#ffffff1a;color:#fffc}.test-card{background:#fff;border-radius:12px;padding:24px}.test-form{display:flex;gap:16px;align-items:flex-end}.test-input-group{flex:1}.test-input-group label{color:#2d3748;font-weight:600;margin-bottom:8px;display:block}.test-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px}.btn-test{padding:12px 24px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-test:hover:not(:disabled){transform:translateY(-2px)}.btn-test.disabled{opacity:.5;cursor:not-allowed}.btn-icon{font-size:18px}.test-success-notice{margin-top:20px;padding:16px;background:#c6f6d5;border-radius:8px;display:flex;align-items:center;gap:12px}.success-icon{font-size:24px;color:#22543d}.test-success-notice strong{color:#22543d;display:block;margin-bottom:4px}.test-success-notice p{color:#2d5016;margin:0;font-size:14px}.setup-steps{display:grid;gap:16px;margin-bottom:32px}.step-item{display:flex;gap:16px;padding:20px;background:#f7fafc;border-radius:12px;border-left:4px solid #667eea}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content h4{margin:0 0 6px;color:#2d3748;font-size:16px}.step-content p{margin:0;color:#718096;font-size:14px}.help-resources{margin-top:32px}.help-resources h4{margin:0 0 16px;color:#2d3748}.resource-links{display:grid;gap:12px}.resource-link{display:flex;gap:16px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;color:inherit;transition:all .2s}.resource-link:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.link-icon{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f7fafc;border-radius:10px}.resource-link strong{display:block;color:#2d3748;margin-bottom:4px}.resource-link p{margin:0;color:#718096;font-size:13px}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}@media(max-width:768px){.credentials-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}.test-form{flex-direction:column;align-items:stretch}}.header-icon{background:linear-gradient(135deg,var(--button-primary-bg),var(--button-primary-hover-bg));box-shadow:0 6px 18px #1aa34a59}.header-content h2,.status-title,.section-header-with-help h3,.progress-header h3{color:var(--text-main)}.settings-description,.status-subtitle,.progress-hint,.form-hint,.hint-text{color:var(--text-secondary)}.status-card,.progress-section,.form-section{background:var(--card-bg);border-color:var(--secondary-200)}.status-card.active{border-color:var(--button-primary-bg);background:linear-gradient(135deg,#25d3661f,#1aa34a14)}.status-card.inactive{border-color:var(--warning-500);background:linear-gradient(135deg,#ff8f001f,#e0700014)}.status-indicator.connected{background:var(--button-primary-bg)}.status-indicator.disconnected{background:var(--alert-color)}.alert-success{background:var(--success-50);color:var(--success-600);border-left-color:var(--success-500)}.alert-error{background:var(--error-50);color:var(--error-600);border-left-color:var(--alert-color)}.alert-info{background:var(--secondary-100);color:var(--text-main);border-left-color:var(--button-primary-bg)}.progress-percentage{color:var(--button-primary-bg)}.progress-fill{background:linear-gradient(90deg,var(--button-primary-bg),var(--button-primary-hover-bg))}.help-btn,.btn-secondary{background:var(--secondary-50);border:1px solid var(--secondary-200);color:var(--text-main)}.help-btn:hover,.btn-secondary:hover{background:var(--secondary-200)}.form-group label{color:var(--text-main)}.form-group input{border-color:var(--secondary-200);background:var(--card-bg)}.form-group input:focus{border-color:var(--button-primary-bg);box-shadow:0 0 0 3px #25d36626}.form-actions{border-top:1px solid var(--secondary-200)}.btn-primary{background:linear-gradient(135deg,var(--button-primary-bg),var(--button-primary-hover-bg));color:var(--button-text);box-shadow:0 8px 24px #25d36640}.btn-primary:disabled{opacity:.6}.test-section{border:1px solid rgba(26,163,74,.35);color:var(--menu-text);background:linear-gradient(135deg,#0d2818,#07140c)}.performance-dashboard{padding:24px;max-width:1400px;margin:0 auto;background-color:var(--gray-50);min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:18px;border:1px solid var(--gray-200);box-shadow:0 12px 30px #0f172a14}.dashboard-header h1{margin:0;color:var(--gray-900);font-size:28px}.date-range-selector{display:flex;align-items:center;gap:10px}.date-range-selector label{font-weight:500;color:var(--gray-600)}.date-range-selector select{padding:8px 12px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;background:#fff;cursor:pointer;color:var(--gray-800)}.date-range-selector select:hover{border-color:var(--secondary-blue)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:#fff;border-radius:18px;padding:20px;border:1px solid var(--gray-200);box-shadow:0 10px 25px #0f172a14;display:flex;align-items:center;gap:15px;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.metric-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--secondary-blue-light);color:var(--secondary-blue)}.metric-card.revenue .metric-icon{background:#e3f2fd}.metric-card.orders .metric-icon{background:#f3e5f5}.metric-card.customers .metric-icon{background:#e8f5e9}.metric-card.messages .metric-icon{background:#fff3e0}.metric-content{flex:1}.metric-content h3{margin:0 0 8px;font-size:13px;color:var(--gray-600);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-value{margin:0 0 5px;font-size:26px;font-weight:700;color:var(--gray-900)}.metric-subtitle{margin:0;font-size:12px;color:var(--gray-500)}.metric-change{margin:5px 0 0;font-size:12px;font-weight:600}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;margin-bottom:30px}.chart-card{background:#fff;border-radius:18px;padding:20px;border:1px solid var(--gray-200);box-shadow:0 10px 25px #0f172a14}.chart-card h2{margin:0 0 20px;font-size:18px;color:var(--gray-900);font-weight:600}.chart-container{height:300px;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:auto}.chart-legend{margin-top:10px;font-size:12px;color:var(--gray-500);display:flex;align-items:center;gap:.75rem}.tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:30px}.table-card{background:#fff;border-radius:18px;padding:20px;border:1px solid var(--gray-200);box-shadow:0 10px 25px #0f172a14;overflow-x:auto}.table-card h2{margin:0 0 15px;font-size:18px;color:var(--gray-900);font-weight:600}.table-card table{width:100%;border-collapse:collapse}.table-card th{background:var(--gray-50);padding:12px;text-align:left;font-weight:600;color:var(--gray-900);border-bottom:2px solid var(--gray-200);font-size:14px}.table-card td{padding:12px;border-bottom:1px solid var(--gray-100);color:var(--gray-600);font-size:14px}.loading-container,.error-container,.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:18px;border:1px solid var(--gray-200);padding:40px;box-shadow:0 10px 25px #0f172a14}.loading-spinner{width:50px;height:50px;border:4px solid var(--gray-100);border-top:4px solid var(--secondary-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-container button{margin-top:20px;padding:10px 20px;background:var(--primary-500);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px}.error-container button:hover{background:var(--primary-600)}@media(max-width:768px){.performance-dashboard{padding:10px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.charts-grid,.tables-grid,.metrics-grid{grid-template-columns:1fr}}.performance-dashboard{background-color:var(--page-bg);color:var(--text-main)}.dashboard-header,.metric-card,.chart-card,.table-card,.loading-container,.error-container,.no-data{background:var(--card-bg);border:1px solid var(--secondary-200);box-shadow:0 4px 12px #0000000a}.dashboard-header h1,.metric-content h3,.chart-card h2,.table-card h2{color:var(--text-main)}.date-range-selector label,.metric-subtitle,.chart-legend,.table-card td{color:var(--text-secondary)}.date-range-selector select,.table-card th{border:1px solid var(--secondary-200);background:var(--card-bg);color:var(--text-main)}.metric-value{color:var(--gray-900)}.metric-change.positive{color:var(--success-500)}.metric-change.negative{color:var(--error-400)}.metric-icon,.metric-card.revenue .metric-icon,.metric-card.orders .metric-icon,.metric-card.customers .metric-icon,.metric-card.messages .metric-icon{background:var(--secondary-blue-light);color:var(--secondary-blue)}.metric-card.credits .metric-icon{background:#11182714;color:#111827}.credit-progress{position:relative;width:100%;height:8px;border-radius:999px;background:var(--gray-100);margin:.5rem 0;overflow:hidden}.credit-progress-bar{height:100%;background:linear-gradient(90deg,#25d366,#1ea853);border-radius:inherit;transition:width .3s ease}.metric-card.credits.unlimited .credit-progress{display:none}.credit-warning{margin-top:.4rem;font-size:.85rem;font-weight:600;color:var(--warning-600)}.credit-warning:last-of-type{margin-bottom:0}.table-card th{background:var(--secondary-50);border-bottom:2px solid var(--secondary-200)}.table-card tr:hover{background:var(--secondary-50)}.loading-spinner{border-color:var(--secondary-200);border-top-color:var(--button-primary-bg)}.error-container button{background:var(--button-primary-bg);color:var(--button-text)}.error-container button:hover{background:var(--button-primary-hover-bg)}.auth-container{min-height:100vh;background:var(--gray-50);display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,3.5rem)}.auth-layout{width:100%;max-width:1100px;display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 25px 80px #0f172a1f}.auth-layout.signup-layout{grid-template-columns:1fr;max-width:100%;justify-items:center}.auth-visual{background:linear-gradient(140deg,#25d366,#1ea853);color:#fff;padding:clamp(2rem,5vw,3.5rem);display:flex;flex-direction:column;gap:2rem}.auth-visual h2{margin:0;font-size:clamp(2rem,3vw,2.75rem);line-height:1.2}.auth-overline{font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;font-weight:600;opacity:.9;margin-bottom:1rem}.auth-visual p{margin:0;font-size:1.05rem;opacity:.95}.auth-highlights{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.9rem}.auth-highlights li{display:flex;align-items:center;gap:.75rem;font-weight:600}.auth-highlights li:before{content:"✓";background:#fff3;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.auth-panel{background:#fff;padding:clamp(2rem,4vw,4rem);display:flex;align-items:center;justify-content:center;width:100%}.signup-layout .auth-panel{padding:clamp(3rem,5vw,5rem)}.auth-card{width:100%;max-width:520px;border:1px solid var(--gray-200);border-radius:24px;padding:clamp(1.5rem,4vw,2.75rem);box-shadow:0 20px 40px #0f172a14;background:#fff}.signup-card{max-width:100%;width:100%;max-width:900px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{margin:0 0 .5rem;font-size:clamp(2rem,3vw,2.5rem);color:var(--gray-900)}.auth-header span{color:var(--primary-600)}.auth-header p{margin:0;color:var(--gray-600);font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-container .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.auth-container .form-group{display:flex;flex-direction:column;gap:.5rem}.auth-container .form-group label{font-weight:600;font-size:.9rem;color:var(--gray-700)}.auth-container .terms-checkbox-group label{font-weight:400!important;font-size:.875rem!important;display:flex!important;flex-direction:row!important}.auth-container .form-group input{border:1.5px solid var(--gray-200);border-radius:12px;padding:.9rem 1rem;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;background:#fff;color:var(--gray-800);width:100%}.auth-container .form-group input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #25d36626;outline:none}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:color .2s ease;z-index:1}.password-toggle:hover{color:var(--gray-700)}.password-toggle:focus{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:4px}.password-toggle svg{width:20px;height:20px}.auth-container .form-group input::placeholder{color:var(--gray-400)}.auth-container .form-hint{font-size:.8rem;color:var(--gray-500)}.auth-container .terms-checkbox-group{margin:1.25rem 0;padding:0;display:block!important}.auth-container .terms-checkbox-group.form-group{flex-direction:row!important;align-items:flex-start!important}.auth-container .terms-checkbox-group label{font-weight:400!important;font-size:.875rem!important;display:flex!important;flex-direction:row!important;align-items:flex-start!important}.auth-container .terms-checkbox-label{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:.625rem;cursor:pointer;font-size:.875rem;color:var(--gray-700);line-height:1.5;margin:0;padding:0;font-weight:400;width:100%}.auth-container .terms-checkbox{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;cursor:pointer;flex-shrink:0;flex-grow:0;accent-color:var(--brand-green);border:1.5px solid var(--gray-300);border-radius:4px;margin:0;margin-top:.125rem;padding:0;transition:all .2s ease}.auth-container .terms-checkbox:checked{background-color:var(--brand-green);border-color:var(--brand-green)}.auth-container .terms-checkbox:focus{outline:2px solid rgba(37,211,102,.3);outline-offset:2px;border-radius:4px}.auth-container .terms-checkbox-label .terms-text{flex:1;display:block;white-space:normal;word-wrap:normal;overflow-wrap:normal;word-break:normal;line-height:1.5;text-align:left;min-width:0}.auth-container .terms-link{color:var(--brand-green);text-decoration:underline;font-weight:600;transition:color .2s ease;display:inline;white-space:normal}.auth-container .terms-link:hover{color:#20c55e;text-decoration:none}@media(max-width:768px){.auth-container .terms-checkbox-label{font-size:.8125rem;gap:.5rem}.auth-container .terms-checkbox{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;margin-top:.1875rem}}.auth-container .generated-shop-id{margin-top:.5rem;padding:.5rem .75rem;border-radius:10px;background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-600)}.auth-container .status-message{border-radius:14px;padding:.85rem 1rem;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.auth-container .error-message{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.auth-container .success-message{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.auth-container .token-display{margin-top:1rem;padding:1rem;border-radius:16px;border:1px dashed var(--primary-300);background:var(--primary-50);font-size:.9rem}.auth-container .token-display code{display:block;padding:.65rem;border-radius:10px;background:#fff;border:1px solid var(--primary-200);margin-top:.5rem}.auth-container .auth-button{border-radius:14px;padding:.95rem 1.25rem;font-size:1rem;font-weight:600;border:none;display:inline-flex;justify-content:center;align-items:center;gap:.75rem;transition:transform .2s ease,box-shadow .2s ease}.auth-container .auth-button.primary{background:var(--primary-500);color:#fff;box-shadow:0 18px 35px #25d36659}.auth-container .auth-button.primary:hover{background:var(--primary-600);transform:translateY(-2px)}.auth-container .auth-button:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;box-shadow:none}.auth-container .spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-container .auth-footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--gray-200);text-align:center}.auth-container .auth-footer p{color:var(--gray-600);font-size:.95rem;margin:.5rem 0}.auth-container .auth-link{color:var(--secondary-blue);font-weight:600}.auth-container .auth-link:hover{color:#1e40af}.auth-container .tier-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.auth-container .tier-option{border:1.5px solid var(--gray-200);border-radius:18px;padding:1rem;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.auth-container .tier-option:hover{border-color:var(--primary-300);box-shadow:0 15px 30px #0f172a14;transform:translateY(-2px)}.auth-container .tier-option.selected{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 20px 40px #25d36626}.auth-container .tier-header h3{margin:0;color:var(--gray-900)}.auth-container .tier-price{color:var(--primary-600);font-weight:700}.auth-container .tier-description{color:var(--gray-600);margin:.4rem 0 .75rem;font-size:.9rem}.auth-container .tier-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.auth-container .tier-features li{position:relative;padding-left:1.5rem;color:var(--gray-600);font-size:.95rem}.auth-container .tier-features li:before{content:"✓";position:absolute;left:0;color:var(--primary-500)}@media(max-width:1024px){.auth-container .auth-layout:not(.signup-layout){grid-template-columns:1fr}.auth-container .auth-visual{min-height:280px}}@media(max-width:768px){.auth-container{padding:1.25rem}.auth-container .auth-layout{border-radius:24px}.auth-container .auth-panel{padding:1.5rem}.auth-container .auth-card{padding:1.75rem}}@media(max-width:540px){.auth-container .auth-visual{padding:1.75rem}.auth-container .auth-panel{padding:1.25rem}.auth-container .form-row{grid-template-columns:1fr}}.legal-page{--brand-green: #25d366;--black: #000000;--white: #ffffff;--gray-50: #f9fafb;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;min-height:100vh;background:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.legal-page .container{max-width:900px;margin:0 auto;padding:0 2rem}.legal-page .legal-nav{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--gray-200);padding:1.25rem 0;transition:box-shadow .2s ease}.legal-page .legal-nav.scrolled{box-shadow:0 4px 12px #0000000d}.legal-page .nav-container-logo{width:100%;max-width:1450px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.legal-page .nav-links{display:flex;gap:.75rem;align-items:center}.legal-page .nav-link{text-decoration:none;font-weight:600;border-radius:999px;padding:.6rem 1.5rem;transition:all .2s ease;color:var(--gray-800)}.legal-page .login-link{color:var(--gray-800);border:1px solid var(--gray-300);background:var(--white)}.legal-page .login-link:hover{border-color:var(--black)}.legal-page .signup-link{color:var(--black);border:1px solid var(--black)}.legal-page .signup-link:hover{background:var(--black);color:var(--white)}.legal-page .legal-content{padding:4rem 0}.legal-page .legal-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--gray-200)}.legal-page .legal-header h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--black);margin-bottom:.5rem}.legal-page .last-updated{color:var(--gray-600);font-size:.95rem;margin:0}.legal-page .legal-body{line-height:1.8;color:var(--gray-800)}.legal-page .legal-body section{margin-bottom:3rem}.legal-page .legal-body h2{font-size:1.75rem;font-weight:700;color:var(--black);margin-bottom:1rem;margin-top:2rem}.legal-page .legal-body h3{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-top:1.5rem;margin-bottom:.75rem}.legal-page .legal-body p{margin-bottom:1rem;font-size:1rem;color:var(--gray-700)}.legal-page .legal-body ul{margin:1rem 0;padding-left:2rem}.legal-page .legal-body li{margin-bottom:.75rem;color:var(--gray-700)}.legal-page .legal-body strong{color:var(--black);font-weight:600}.legal-page .legal-footer-actions{display:flex;gap:1rem;justify-content:center;margin-top:4rem;padding-top:3rem;border-top:2px solid var(--gray-200)}.legal-page .btn{padding:.875rem 2rem;border-radius:999px;font-weight:600;text-decoration:none;transition:all .2s ease;display:inline-block}.legal-page .btn-primary{background:var(--black);color:var(--white);border:2px solid var(--black)}.legal-page .btn-primary:hover{background:var(--gray-900)}.legal-page .btn-secondary{background:var(--white);color:var(--black);border:2px solid var(--black)}.legal-page .btn-secondary:hover{background:var(--gray-50)}.legal-page .footer{background:var(--gray-900);color:var(--white);padding:3rem 0 1.5rem;margin-top:4rem}.legal-page .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:2rem}.legal-page .footer-section h4{color:var(--white);margin-bottom:.75rem}.legal-page .footer-section p,.legal-page .footer-section li{color:var(--gray-300)}.legal-page .footer-section a{color:var(--gray-300);text-decoration:none}.legal-page .footer-section a:hover{color:var(--white)}.legal-page .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center;color:var(--gray-300)}@media(max-width:768px){.legal-page .legal-content{padding:2rem 0}.legal-page .legal-body h2{font-size:1.5rem}.legal-page .legal-body h3{font-size:1.125rem}.legal-page .legal-footer-actions{flex-direction:column}.legal-page .btn{width:100%;text-align:center}}:root{--primary-50: #e8f5e9;--primary-100: #d0ebd6;--primary-200: #a6dbb7;--primary-300: #7dcb98;--primary-400: #4fba78;--primary-500: #25d366;--primary-600: #1ea853;--primary-700: #178545;--primary-800: #116336;--primary-900: #0a3c22;--secondary-50: #f9fafb;--secondary-100: #f3f4f6;--secondary-200: #e5e7eb;--secondary-300: #d1d5db;--secondary-400: #9ca3af;--secondary-500: #6b7280;--secondary-600: #4b5563;--secondary-700: #374151;--secondary-800: #1f2937;--secondary-900: #111827;--gray-50: var(--secondary-50);--gray-100: var(--secondary-100);--gray-200: var(--secondary-200);--gray-300: var(--secondary-300);--gray-400: var(--secondary-400);--gray-500: var(--secondary-500);--gray-600: var(--secondary-600);--gray-700: var(--secondary-700);--gray-800: var(--secondary-800);--gray-900: var(--secondary-900);--success-50: #ecfdf5;--success-100: #d1fae5;--success-200: #a7f3d0;--success-300: #6ee7b7;--success-400: #34d399;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--success-800: #065f46;--success-900: #064e3b;--warning-50: #fef3c7;--warning-100: #fde68a;--warning-200: #fcd34d;--warning-300: #fbbf24;--warning-400: #f59e0b;--warning-500: #d97706;--warning-600: #b45309;--warning-700: #92400e;--warning-800: #78350f;--warning-900: #633112;--error-50: #fee2e2;--error-100: #fecaca;--error-200: #fca5a5;--error-300: #f87171;--error-400: #ef4444;--error-500: #dc2626;--error-600: #b91c1c;--error-700: #991b1b;--error-800: #7f1d1d;--error-900: #63171b;--info-50: #eff6ff;--info-100: #dbeafe;--info-200: #bfdbfe;--info-300: #93c5fd;--info-400: #60a5fa;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--info-800: #1e40af;--info-900: #1e3a8a;--secondary-blue: #0066cc;--secondary-blue-light: #e3f2fd;--menu-bg: #ffffff;--menu-text: #1f2937;--menu-active-bg: #e8f5e9;--menu-hover-bg: #f3f4f6;--button-primary-bg: var(--primary-500);--button-primary-hover-bg: var(--primary-600);--button-text: #ffffff;--page-bg: var(--gray-50);--card-bg: #ffffff;--text-main: var(--gray-900);--text-secondary: var(--gray-600);--bubble-user: #dcf8c6;--bubble-ai: #ffffff;--alert-color: var(--error-400);--whatsapp-green: #25d366;--whatsapp-green-dark: #128c7e;--whatsapp-green-light: #dcf8c6;--whatsapp-green-darker: #075e54;--whatsapp-gray: #e5ddd5;--whatsapp-gray-dark: #667781;--whatsapp-white: #ffffff;--whatsapp-text: #111b21;--whatsapp-text-light: #667781;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}.navbar{background:#fff;color:var(--gray-900);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-200);box-shadow:0 10px 20px #0f172a0d;-webkit-backdrop-filter:none;backdrop-filter:none}.logo{background:none;color:var(--gray-900);-webkit-text-fill-color:currentColor}.nav-link{color:var(--gray-600);border-radius:999px}.nav-link:hover{background:var(--gray-100);color:var(--gray-900)}.nav-user{display:flex;align-items:center;gap:var(--space-3);color:var(--gray-600)}.nav-user span{background:var(--gray-900);color:#fff;padding:.35rem .85rem;border-radius:999px;font-weight:600}.logout-btn{background:var(--gray-50)!important;border:1px solid var(--gray-200)!important;color:var(--gray-800)!important}.logout-btn:hover{background:var(--gray-100)!important;border-color:var(--gray-300)!important}.dashboard-layout{background:var(--gray-50)}.dashboard-sidebar{background:var(--gray-50);border-right:1px solid var(--gray-200);color:var(--gray-600);box-shadow:none}.sidebar-header{background:#fff;border-bottom:1px solid var(--gray-200)}.menu-item{color:var(--gray-600)}.menu-item:hover{background:var(--gray-100);color:var(--gray-900)}.menu-item.active{background:var(--primary-50);color:var(--primary-600);box-shadow:none}.menu-item.active:before{background:var(--primary-500)}.sidebar-footer{background:#fff;border-top:1px solid var(--gray-200)}.dashboard-main{background:var(--gray-50)}.section{background:#fff;border:1px solid var(--gray-200);box-shadow:0 12px 30px #0f172a0d}.section-header{background:transparent;border:none;padding:0}.stat-card,.table-card{background:#fff;border:1px solid var(--gray-200);box-shadow:0 10px 30px #0f172a0d}.table-card th{background:var(--gray-50);color:var(--gray-900);border-bottom:1px solid var(--gray-200)}.table-card td{color:var(--gray-600)}.table-card tr:hover{background:var(--gray-50)}.table-card tr.selected{background:var(--primary-50);border-left:2px solid var(--primary-500)}.btn-primary{background:var(--primary-500);color:#fff;border:none}.btn-primary:hover{background:var(--primary-600)}.btn-secondary{background:#fff;color:var(--gray-800);border:1px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-50);color:var(--gray-900);border-color:var(--gray-300)}.btn-danger{background:var(--error-500);border:1px solid var(--error-500);color:#fff}.btn-danger:hover{background:var(--error-600);border-color:var(--error-600)}.btn:disabled,.btn:disabled:before{background:var(--gray-300);color:var(--gray-500);border-color:var(--gray-300);cursor:not-allowed;transform:none;box-shadow:none}.main-content{flex:1;max-width:1600px;margin:0 auto;padding:var(--space-8)}.stat-subtitle{color:var(--gray-500);font-size:var(--font-size-sm);margin:0}.section{background:var(--card-bg);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--secondary-200);margin-bottom:var(--space-8);color:var(--text-main)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(135deg,#25d3661f,#25d3660a);border:1px solid rgba(37,211,102,.15)}.section-header h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-main)}.btn-primary{background:var(--button-primary-bg);color:var(--button-text);box-shadow:var(--shadow-md);border:none}.btn-primary:hover{background:var(--button-primary-hover-bg);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#25d36614;color:var(--button-primary-bg);border:1px solid rgba(37,211,102,.4)}.btn-secondary:hover{background:#25d36626;color:var(--button-primary-hover-bg);border-color:var(--button-primary-hover-bg);transform:translateY(-1px)}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{background:linear-gradient(135deg,var(--menu-bg) 0%,#0f0f0f 70%);color:var(--menu-text);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-size:var(--font-size-2xl);font-weight:700;background:linear-gradient(45deg,#fff,#e0f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;margin-right:80px;gap:var(--space-6);align-items:center}.nav-link{color:var(--menu-text);text-decoration:none;font-weight:500;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left var(--transition-normal)}.nav-link:hover:before{left:0}.nav-link:hover{background:#ffffff1a;transform:translateY(-2px)}.main-content{flex:1;max-width:1600px;margin:0 auto;padding:var(--space-8);width:100%}.dashboard{display:flex;flex-direction:column;gap:var(--space-8)}.dashboard h2{font-size:var(--font-size-3xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--primary-600),var(--primary-800));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:#fff;padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600))}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-card h3{font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--space-2);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-number{font-size:var(--font-size-4xl);font-weight:800;color:var(--primary-600);line-height:1}.section{background:#fff;padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);margin-bottom:var(--space-8)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:2px solid var(--gray-100)}.section-header h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-900)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-200);border-color:var(--gray-400);transform:translateY(-1px)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.create-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-6);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.create-form input,.create-form select,.create-form textarea{padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:#fff}.create-form input:focus,.create-form select:focus,.create-form textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.create-form textarea{grid-column:1 / -1;resize:vertical;min-height:100px}.shops-list,.products-grid,.messages-list,.orders-list{display:grid;gap:var(--space-4)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.shop-card,.product-card,.message-card,.order-card{padding:var(--space-6);border:1px solid var(--gray-200);border-radius:var(--radius-xl);background:#fff;transition:all var(--transition-normal);position:relative;overflow:hidden}.shop-card:hover,.product-card:hover,.message-card:hover,.order-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.shop-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6)}.shop-info h4,.product-card h4{margin-bottom:var(--space-2);color:var(--gray-900);font-weight:600}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge.active{background:var(--success-50);color:var(--success-600);border:1px solid var(--success-200)}.badge.inactive{background:var(--error-50);color:var(--error-600);border:1px solid var(--error-200)}.badge.basic{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.badge.standard{background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200)}.badge.premium{background:linear-gradient(135deg,var(--warning-50),var(--warning-100));color:var(--warning-700);border:1px solid var(--warning-200)}.category{color:var(--gray-500);font-size:var(--font-size-sm);font-weight:500}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-normal)}.modal-content{background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);max-width:500px;text-align:center;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-normal)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qr-image{max-width:300px;margin:var(--space-4) 0;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.whatsapp-link{word-break:break-all;margin:var(--space-4) 0;padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg);font-family:monospace;font-size:var(--font-size-sm)}.shop-header{background:#fff;padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);border:1px solid var(--gray-200)}.shop-details{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-4)}.shop-details p{display:flex;align-items:center;gap:var(--space-2);font-weight:500}.dashboard-container{width:100%;max-width:100%}.dashboard-layout{display:flex;gap:0;min-height:calc(100vh - 80px);background:var(--page-bg);color:var(--text-main)}.dashboard-sidebar{width:325px;min-width:280px;background:var(--menu-bg);color:var(--menu-text);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;position:sticky;top:80px;height:calc(100vh - 80px);overflow-y:auto;box-shadow:2px 0 12px #00000059}.sidebar-header{padding:var(--space-6);border-bottom:1px solid rgba(255,255,255,.08);background:#fff}.shop-info-card{display:flex;align-items:center;gap:var(--space-4)}.shop-avatar{width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);flex-shrink:0}.shop-avatar-icon{font-size:var(--font-size-2xl);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.shop-info-text h3{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--menu-text);margin-bottom:var(--space-2);line-height:1.2}.shop-badges-inline{display:flex;gap:var(--space-2);flex-wrap:wrap}.badge-sm{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize;display:inline-block}.dashboard-sidebar .badge-sm{background:#ffffff1f;color:var(--menu-text)}.badge-sm.basic{background:var(--secondary-100);color:var(--secondary-700)}.badge-sm.standard{background:var(--primary-100);color:var(--primary-700)}.badge-sm.premium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge-sm.active{background:var(--success-100);color:var(--success-700)}.badge-sm.inactive{background:var(--error-100);color:var(--error-700)}.sidebar-menu{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto}.menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:left;color:#ffffffbf;font-size:var(--font-size-base);font-weight:500;position:relative;width:100%}.menu-item:hover{background:var(--menu-hover-bg);color:var(--menu-text);transform:translate(4px)}.menu-item.active{background:var(--menu-active-bg);color:var(--menu-text);box-shadow:var(--shadow-md);font-weight:600}.menu-item.active .menu-icon{transform:scale(1.1)}.menu-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:#ffffffd9;border-radius:0 var(--radius-md) var(--radius-md) 0}.menu-icon{font-size:var(--font-size-xl);width:24px;text-align:center;transition:transform .2s ease;flex-shrink:0;color:inherit}.menu-text{flex:1;font-weight:inherit}.menu-badge{background:#ffffff26;color:var(--menu-text);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;min-width:24px;text-align:center}.menu-item.active .menu-badge{background:#ffffff4d;color:#000}.sidebar-footer{padding:var(--space-6);border-top:1px solid rgba(255,255,255,.08);background:#161616}.sidebar-footer .detail-label{color:#ffffffa6}.sidebar-footer .detail-value{color:var(--menu-text)}.shop-details-sidebar{display:flex;flex-direction:column;gap:var(--space-3)}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);padding:var(--space-2)}.detail-label{color:var(--secondary-600);font-weight:500}.detail-value{color:var(--secondary-900);font-weight:600;text-align:right;word-break:break-word}.dashboard-main{flex:1;padding:var(--space-8);overflow-y:auto;background:var(--page-bg)}.content-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px solid var(--secondary-200)}.content-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--secondary-900);margin:0 0 var(--space-2) 0;display:flex;align-items:center;gap:var(--space-3)}.content-subtitle{color:var(--secondary-600);font-size:var(--font-size-base);margin:var(--space-2) 0 0 0}@media(max-width:768px){.dashboard-layout{flex-direction:column}.dashboard-sidebar{width:100%;min-width:100%;position:relative;top:0;height:auto;border-right:none;border-bottom:1px solid var(--secondary-200)}.sidebar-menu{flex-direction:row;overflow-x:auto;padding:var(--space-2);gap:var(--space-2)}.menu-item{flex-direction:column;min-width:80px;padding:var(--space-3);gap:var(--space-1)}.menu-text{font-size:var(--font-size-xs)}.dashboard-main{padding:var(--space-4)}}.message-header,.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--gray-200)}.timestamp{font-size:var(--font-size-xs);color:var(--gray-500);font-weight:500}.message-body{margin:var(--space-4) 0;line-height:1.6}.message-body p{margin-bottom:var(--space-2)}.dashboard-header{margin-bottom:var(--space-8)}.dashboard-header p{color:var(--gray-600);font-size:var(--font-size-lg);margin-top:var(--space-2)}.stat-card{position:relative;overflow:hidden}.stat-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);opacity:.8}.stat-subtitle{font-size:var(--font-size-sm);color:var(--gray-500);margin-top:var(--space-1);font-weight:500}.create-shop-container{background:var(--gray-50);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--gray-200);margin-bottom:var(--space-8)}.create-shop-container h4{margin-bottom:var(--space-6);color:var(--gray-900);font-size:var(--font-size-xl)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-weight:600;color:var(--gray-700);font-size:var(--font-size-sm)}.form-actions{display:flex;gap:var(--space-4);grid-column:1 / -1;margin-top:var(--space-4)}.shops-controls{margin-bottom:var(--space-6)}.search-filter{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.search-input,.filter-select,.sort-select{padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:#fff}.search-input{flex:1;min-width:200px}.search-input:focus,.filter-select:focus,.sort-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.shop-header-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.shop-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.shop-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.shop-details p{font-size:var(--font-size-sm);color:var(--gray-600);margin:0}.shop-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.loading-state,.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.error-state{background:var(--error-50);border:2px solid var(--error-200);border-radius:var(--radius-xl);margin:var(--space-8)}.error-state h3{color:var(--error-700);margin-bottom:var(--space-2)}.error-state p{color:var(--error-600);margin-bottom:var(--space-4)}.loading-spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);opacity:.5}.empty-state h4{color:var(--gray-700);margin-bottom:var(--space-2)}.empty-state p{color:var(--gray-500)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.modal-close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--gray-500);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.qr-container{text-align:center;margin-bottom:var(--space-6)}.qr-instructions{color:var(--gray-600);font-size:var(--font-size-sm);margin-top:var(--space-3)}.whatsapp-link-container{margin-bottom:var(--space-6)}.whatsapp-link-container label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.whatsapp-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.whatsapp-link code{flex:1;font-family:monospace;font-size:var(--font-size-sm);color:var(--gray-700);word-break:break-all}.modal-actions{display:flex;gap:var(--space-3);justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn:disabled:hover{transform:none!important;box-shadow:var(--shadow-md)}@media(max-width:768px){.nav-container{flex-direction:column;gap:var(--space-4)}.nav-links{gap:var(--space-4)}.main-content{padding:var(--space-4)}.stats-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:var(--space-4);align-items:stretch}.create-form{grid-template-columns:1fr}.shop-card{flex-direction:column;gap:var(--space-4);align-items:stretch}.shop-details{flex-direction:column;gap:var(--space-3)}.tabs{flex-wrap:wrap}.search-filter{flex-direction:column;align-items:stretch}.search-input,.filter-select,.sort-select{width:100%}.shop-header-info{flex-direction:column;gap:var(--space-3)}.shop-badges{justify-content:flex-start}.form-actions,.modal-actions{flex-direction:column}.whatsapp-link{flex-direction:column;align-items:stretch}}@media(max-width:480px){.navbar{padding:var(--space-3) var(--space-4)}.main-content{padding:var(--space-3)}.section,.stat-card,.create-shop-container{padding:var(--space-4)}}.shop-header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.shop-title-section{display:flex;flex-direction:column;gap:var(--space-3)}.shop-stats{display:flex;gap:var(--space-6)}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:500}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary-600);margin-top:var(--space-1)}.create-product-container{background:var(--gray-50);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--gray-200);margin-bottom:var(--space-8)}.create-product-container h4{margin-bottom:var(--space-6);color:var(--gray-900);font-size:var(--font-size-xl)}.products-controls{margin-bottom:var(--space-6)}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);gap:var(--space-2)}.product-badges{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.category-badge{background:var(--primary-100);color:var(--primary-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-right:var(--space-1)}.category-badge.subcategory-badge{background:var(--success-100);color:var(--success-700);text-transform:capitalize;font-size:var(--font-size-xs)}.product-description{color:var(--gray-600);font-size:var(--font-size-sm);margin-bottom:var(--space-4);line-height:1.5}.product-details{display:flex;justify-content:space-between;align-items:center}.price-section{display:flex;flex-direction:column;gap:var(--space-1)}.stock{font-size:var(--font-size-sm);color:var(--gray-500);font-weight:500}.customer-info{display:flex;align-items:center;gap:var(--space-2)}.customer-message,.ai-response{padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-3);font-size:var(--font-size-sm);line-height:1.5}.customer-message{background:var(--gray-50);border-left:4px solid var(--primary-500)}.ai-response{background:var(--primary-50);border-left:4px solid var(--primary-300)}.message-actions{display:flex;justify-content:flex-end;margin-top:var(--space-3)}.order-info{display:flex;flex-direction:column;gap:var(--space-1)}.customer-phone{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:500}.order-details{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--gray-200)}.order-details p{margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.order-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--gray-200);flex-wrap:wrap}.badge.pending{background:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-200)}.badge.completed,.badge.fulfilled{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.badge.unfulfilled{background:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-200)}.badge.cancelled{background:var(--error-50);color:var(--error-700);border:1px solid var(--error-200)}.btn-success{background:linear-gradient(135deg,var(--button-primary-bg),var(--button-primary-hover-bg));color:var(--button-text);border:2px solid var(--button-primary-bg);transition:all .3s ease;box-shadow:0 4px 15px #1aa34a40}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--button-primary-hover-bg),var(--button-primary-bg));border-color:var(--button-primary-hover-bg);transform:translateY(-2px);box-shadow:0 6px 20px #1aa34a4d}.btn-warning{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff;border:2px solid var(--warning-500);transition:all .3s ease;box-shadow:0 4px 15px #ff8f0040}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,var(--warning-600),var(--warning-700));border-color:var(--warning-600);transform:translateY(-2px);box-shadow:0 6px 20px #ff8f0059}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:600}.nav-user{color:#ffffffe6;font-weight:500;font-size:var(--font-size-sm);margin-right:var(--space-4)}.logout-btn{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important}.logout-btn:hover{background:#fff3!important;border-color:#ffffff4d!important}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4)}.loading-screen .loading-spinner{width:50px;height:50px;border:4px solid var(--gray-200);border-top:4px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.loading-screen p{color:var(--gray-600);font-size:var(--font-size-lg);font-weight:500}.btn-danger{background:linear-gradient(135deg,var(--alert-color),#c0383d);color:var(--button-text);border:2px solid var(--alert-color);transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #ff5a5f40}.btn-danger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-danger:hover{background:linear-gradient(135deg,#c0383d,#9a2c31);border-color:#c0383d;transform:translateY(-3px);box-shadow:0 8px 25px #ff5a5f59}.btn-danger:hover:before{left:100%}.btn-danger:active{transform:translateY(-1px);box-shadow:0 4px 15px #ff5a5f4d}.btn-danger:disabled{background:linear-gradient(135deg,var(--gray-300),var(--gray-500));border-color:var(--gray-300);cursor:not-allowed;transform:none;box-shadow:none}.btn-danger:disabled:hover{background:linear-gradient(135deg,var(--gray-300),var(--gray-500));border-color:var(--gray-300);transform:none;box-shadow:none}.image-upload-input{padding:var(--space-3);border:2px dashed var(--gray-300);border-radius:var(--radius-lg);background:var(--gray-50);cursor:pointer;transition:all var(--transition-fast);width:100%}.image-upload-input:hover{border-color:var(--primary-400);background:var(--primary-50)}.image-preview{margin-top:var(--space-3);text-align:center}.preview-image{max-width:200px;max-height:200px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);object-fit:cover}.product-image-container{width:100%;height:200px;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--gray-100);display:flex;align-items:center;justify-content:center}.product-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.product-card:hover .product-image{transform:scale(1.05)}.product-card{overflow:hidden}.price{font-size:var(--font-size-xl);font-weight:700;color:var(--success-600)}.product-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);justify-content:flex-end}.product-actions .btn{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);border-radius:var(--radius-md);font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:80px}.product-actions .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #ef4444;color:#fff;box-shadow:0 2px 8px #ef44444d}.product-actions .btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 15px #ef444466}.product-actions .btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);border:2px solid #6b7280;color:#fff;box-shadow:0 2px 8px #6b72804d}.product-actions .btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);border-color:#4b5563;transform:translateY(-2px);box-shadow:0 4px 15px #6b728066}.btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:2px solid #6b7280;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #6b728033}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);border-color:#4b5563;transform:translateY(-2px);box-shadow:0 6px 20px #6b72804d}.btn-secondary:hover:before{left:100%}.btn-secondary:active{transform:translateY(0);box-shadow:0 2px 10px #6b728033}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:70px}.shop-actions .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #ef4444;color:#fff;box-shadow:0 2px 8px #ef44444d;transition:all .3s ease}.shop-actions .btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 15px #ef444466}.shop-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d;transition:all .3s ease}.shop-actions .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666}@media(max-width:768px){.shop-header-content{flex-direction:column;gap:var(--space-4)}.shop-stats{justify-content:space-around;width:100%}.product-header{flex-direction:column;gap:var(--space-2)}.product-details{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.customer-info{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.order-info{gap:var(--space-1)}.nav-user{display:none}.product-image-container{height:150px}.preview-image{max-width:150px;max-height:150px}}@media(max-width:480px){.shop-stats{flex-direction:column;gap:var(--space-3)}.stat-item{flex-direction:row;justify-content:space-between;align-items:center}.create-product-container{padding:var(--space-4)}}@media(max-width:1024px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;flex-direction:row;gap:1rem;align-items:center}.sidebar-menu{flex-direction:row;flex-wrap:wrap}.sidebar-btn{flex:1 1 45%}}@media(max-width:768px){.subscription-default-grid{grid-template-columns:1fr}}.admin-dashboard{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;position:relative}.admin-dashboard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.03) 0%,transparent 50%);z-index:0}.admin-layout{display:flex;gap:1.5rem;padding:2rem;min-height:calc(100vh - 4rem)}.admin-sidebar{width:260px;background:#ffffffe6;border-radius:1.25rem;padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--secondary-200);display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:2rem;align-self:flex-start;max-height:calc(100vh - 4rem);overflow-y:auto}.sidebar-header h1{font-size:1.4rem;margin:0;color:var(--text-main)}.sidebar-header p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.sidebar-menu{margin:2rem 0;display:flex;flex-direction:column;gap:.75rem}.sidebar-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid transparent;border-radius:.75rem;background:transparent;color:var(--text-main);font-weight:600;transition:all .2s ease;cursor:pointer}.sidebar-btn .sidebar-icon{font-size:1.2rem}.sidebar-btn.active{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.sidebar-btn:disabled{opacity:.6;cursor:not-allowed}.sidebar-badge{margin-left:auto;font-size:.75rem;padding:.1rem .5rem;border-radius:999px;background:var(--warning-100);color:var(--warning-700)}.sidebar-user{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.admin-main{flex:1;display:flex;flex-direction:column;gap:2rem}.dashboard-header{background:var(--card-bg);border-radius:1.25rem;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--secondary-200)}.dashboard-header h2{font-size:2.25rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem;letter-spacing:-.02em}.dashboard-header p{color:var(--text-secondary);font-size:1.05rem;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;padding:2rem;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);transform:scaleX(0);transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a;background:#fffffff2}.stat-icon{font-size:2.5rem;margin-bottom:1rem;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stat-card h3{font-size:1.1rem;font-weight:600;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.stat-number{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:.5rem;line-height:1}.stat-subtitle{color:#94a3b8;font-size:.9rem;margin:0}.section{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(255,255,255,.2)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,.5)}.section-header h3{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}.section-header p{color:#64748b;margin:.25rem 0 0;font-size:.95rem}.shop-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;padding:2rem;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:1.5rem}.shop-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a;background:#fffffff2}.shop-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.shop-header-info h4{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.badge{padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge.basic{background:#3b82f61a;color:#3b82f6}.badge.standard{background:#8b5cf61a;color:#8b5cf6}.badge.premium{background:#ec48991a;color:#ec4899}.badge.active{background:#22c55e1a;color:#22c55e}.badge.inactive{background:#ef44441a;color:#ef4444}.shop-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.shop-details p{margin:0;color:#64748b;font-size:.9rem}.shop-details strong{color:#0f172a;font-weight:600}.shop-actions{display:flex;gap:1rem;justify-content:flex-end}.create-shop-container{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;padding:2rem;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(255,255,255,.2);margin-bottom:2rem}.create-shop-container h4{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:1.5rem}.create-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#0f172a;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select{padding:.75rem 1rem;border:2px solid rgba(226,232,240,.5);border-radius:.75rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;font-size:.95rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fffffff2}.form-actions{grid-column:1 / -1;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.products-section{margin-top:var(--space-8)}.products-controls{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;margin:var(--space-4) 0 var(--space-6)}.products-controls .search-filter,.products-controls .filters-group{display:flex;flex-wrap:wrap;gap:var(--space-3)}.search-input,.filter-select,.sort-select{padding:var(--space-3) var(--space-4);border:2px solid var(--secondary-200);border-radius:var(--radius-lg);background:#fff;transition:all var(--transition-base)}.search-input:focus,.filter-select:focus,.sort-select:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px #3b82f61f}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.product-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-base),box-shadow var(--transition-base);height:100%;min-height:0}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.product-card .product-image-container{height:200px;min-height:200px;background:var(--secondary-100);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.product-card .product-image{width:100%;height:100%;object-fit:cover}.product-card .product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--secondary-400);background:var(--secondary-50)}.product-card .product-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.product-details{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.price-section{display:flex;gap:var(--space-3);align-items:baseline}.create-product-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);margin:var(--space-6) 0}.create-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.create-form .form-actions{grid-column:1 / -1;display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.product-actions{margin-top:var(--space-3)}@media(max-width:768px){.products-controls{gap:var(--space-2);margin:var(--space-3) 0 var(--space-4)}.products-grid{gap:var(--space-4)}.create-product-container{padding:var(--space-4);margin:var(--space-4) 0}}.chat-list{display:flex;flex-direction:column;gap:0;max-height:calc(100vh - 300px);overflow-y:auto;background:#fff;border-top:1px solid var(--secondary-200)}.chat-item{display:flex;align-items:center;gap:0;padding:0;background:#fff;border-bottom:1px solid var(--secondary-200);cursor:pointer;transition:background-color .2s ease;position:relative}.chat-item:hover{background:var(--secondary-50)}.chat-item-clickable{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);flex:1;min-width:0}.chat-item-avatar{flex-shrink:0;width:49px;height:49px;border-radius:var(--radius-full);background:var(--whatsapp-green);display:flex;align-items:center;justify-content:center}.avatar-icon{font-size:var(--font-size-xl);color:#fff}.chat-item-delete{padding:var(--space-2) var(--space-4);background:transparent;border:none;cursor:pointer;font-size:var(--font-size-lg);opacity:.6;transition:opacity .2s ease;color:var(--error-600)}.chat-item-delete:hover{opacity:1;background:var(--error-50)}.chat-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.chat-item-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.chat-item-phone{font-size:var(--font-size-base);color:var(--secondary-900);font-weight:600}.chat-item-time{font-size:var(--font-size-sm);color:var(--secondary-500);white-space:nowrap}.chat-item-preview{display:flex;align-items:center;gap:var(--space-2);overflow:hidden}.chat-item-message{font-size:var(--font-size-sm);color:var(--secondary-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chat-badge{font-size:var(--font-size-xs);padding:2px 6px}.conversation-header-whatsapp{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--whatsapp-green-darker);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10}.back-button-whatsapp{padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-xl);color:#fff;transition:background-color .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.back-button-whatsapp:hover{background:#ffffff1a}.conversation-header-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--whatsapp-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-icon-large{font-size:var(--font-size-xl);color:#fff}.conversation-header-info-whatsapp{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.conversation-header-name{margin:0;font-size:var(--font-size-base);font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-header-status{font-size:var(--font-size-xs);color:#fffc}.conversation-header-actions{display:flex;gap:var(--space-2)}.conversation-delete-btn{padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-lg);color:#fff;transition:background-color .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.conversation-delete-btn:hover{background:#ffffff1a}.conversation-messages-whatsapp{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--whatsapp-gray);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 10px,transparent 10px,transparent 20px);min-height:400px;max-height:calc(100vh - 250px);overflow-y:auto;position:relative}.empty-state-whatsapp{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--whatsapp-text-light)}.empty-icon-whatsapp{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.message-wrapper{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.message-bubble-whatsapp{display:flex;max-width:65%;min-width:80px;animation:slideIn .2s ease-out}.message-bubble-whatsapp.incoming{align-self:flex-start}.message-bubble-whatsapp.outgoing{align-self:flex-end;margin-left:auto}.message-bubble-content-whatsapp{padding:6px 7px 8px 9px;border-radius:7.5px;position:relative;box-shadow:0 1px .5px #00000021}.message-bubble-content-whatsapp.incoming{background:#fff;border-top-left-radius:0}.message-bubble-content-whatsapp.outgoing{background:var(--whatsapp-green-light);border-top-right-radius:0}.message-bubble-content-whatsapp.incoming:before{content:"";position:absolute;left:-8px;top:0;width:0;height:0;border-style:solid;border-width:0 8px 13px 0;border-color:transparent white transparent transparent}.message-bubble-content-whatsapp.outgoing:before{content:"";position:absolute;right:-8px;top:0;width:0;height:0;border-style:solid;border-width:0 0 13px 8px;border-color:transparent transparent transparent var(--whatsapp-green-light)}.message-bubble-text-whatsapp{font-size:14px;line-height:19px;color:var(--whatsapp-text);word-wrap:break-word;white-space:pre-wrap;margin-bottom:2px}.message-bubble-content-whatsapp.outgoing .message-bubble-text-whatsapp{color:var(--whatsapp-text)}.message-bubble-time-whatsapp{font-size:11px;color:var(--whatsapp-text-light);display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:2px}.message-status-icon{color:var(--whatsapp-green-dark);font-size:13px}.message-order-icon{font-size:12px}.conversation-input-whatsapp{background:var(--whatsapp-white);border-top:1px solid var(--secondary-200);padding:var(--space-3) var(--space-4);position:sticky;bottom:0;z-index:10}.message-image-preview{position:relative;margin-bottom:var(--space-2);display:inline-block}.message-image-preview img{max-width:200px;max-height:200px;border-radius:var(--radius-md);display:block}.remove-image-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:var(--radius-full);background:var(--error-500);color:#fff;border:2px solid white;cursor:pointer;font-size:var(--font-size-xs);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.remove-image-btn:hover{transform:scale(1.1)}.input-container-whatsapp{display:flex;align-items:center;gap:var(--space-2);background:#fff;border-radius:21px;padding:var(--space-2) var(--space-3);border:1px solid var(--secondary-200)}.attach-btn{background:transparent;border:none;cursor:pointer;font-size:var(--font-size-xl);color:var(--whatsapp-text-light);padding:var(--space-2);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.attach-btn:hover{transform:scale(1.1)}.message-input-whatsapp{flex:1;border:none;outline:none;font-size:15px;line-height:20px;padding:var(--space-2) var(--space-3);color:var(--whatsapp-text);background:transparent;resize:none}.message-input-whatsapp::placeholder{color:var(--whatsapp-text-light)}.send-btn-whatsapp{width:35px;height:35px;border-radius:var(--radius-full);background:var(--whatsapp-green);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;flex-shrink:0}.send-btn-whatsapp:hover:not(:disabled){background:var(--whatsapp-green-dark)}.send-btn-whatsapp:disabled{opacity:.5;cursor:not-allowed}.send-icon{color:#fff;font-size:var(--font-size-lg);transform:rotate(-30deg)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shop-info-display{padding:var(--space-6)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.info-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--secondary-50);border-radius:var(--radius-lg);border:1px solid var(--secondary-200)}.info-item.full-width{grid-column:1 / -1}.info-item strong{color:var(--secondary-700);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-item span{color:var(--secondary-900);font-size:var(--font-size-base);word-wrap:break-word}.info-note{padding:var(--space-4);background:var(--primary-50);border-left:4px solid var(--primary-500);border-radius:var(--radius-md);margin-top:var(--space-4)}.info-note p{margin:0;color:var(--secondary-700);font-size:var(--font-size-sm);line-height:1.6}.subscription-defaults-panel{display:flex;flex-direction:column;gap:1.5rem}.subscription-default-card{background:var(--card-bg);border-radius:1.25rem;padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--secondary-200)}.subscription-default-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.subscription-default-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.apply-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.apply-toggle input{accent-color:var(--primary-500)}.coming-soon-panel{background:var(--card-bg);border-radius:1.25rem;padding:2rem;text-align:center;border:1px dashed var(--secondary-300);color:var(--text-secondary)}@media(max-width:768px){.chat-list{max-height:400px}.conversation-messages{max-height:400px;min-height:300px}.message-bubble{max-width:85%}.chat-item,.conversation-header{padding:var(--space-3)}.info-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--gray-200)}.modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--gray-900)}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:2rem;color:var(--gray-500);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:var(--gray-100);color:var(--gray-900)}.modal-body{padding:24px}.modal-subtitle{font-size:1rem;color:var(--gray-600);margin-bottom:8px}.modal-info{font-size:.875rem;color:var(--gray-500);margin-bottom:24px;padding:12px;background:var(--gray-50);border-radius:8px}.form-hint{display:block;font-size:.75rem;color:var(--gray-500);margin-top:4px;font-weight:400}.credit-balance{color:var(--primary-600);font-weight:700;font-size:1.1em}.credit-preview{padding:12px;background:var(--primary-50);border-radius:8px;margin-bottom:24px;border-left:4px solid var(--primary-500)}.credit-preview p{margin:0;font-size:.95rem;color:var(--gray-700)}.toast{position:fixed;top:96px;right:24px;z-index:var(--z-toast);min-width:280px;max-width:420px;padding:14px 18px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;align-items:flex-start;gap:12px;color:#fff;font-size:.95rem;line-height:1.4;animation:fadeInUp var(--transition-slow)}.toast-success{background:var(--success-600)}.toast-error{background:var(--error-600)}.toast-info{background:var(--info-600)}.toast-close{background:transparent;border:none;color:inherit;font-size:1.25rem;cursor:pointer;padding:0;margin-left:auto;line-height:1}.toast-close:hover{opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.admin-dashboard{background-size:400% 400%;animation:gradientShift 15s ease infinite;min-height:100vh;position:relative;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.admin-dashboard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 70%);z-index:0;animation:pulseGlow 8s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.7}}.admin-dashboard>*{position:relative;z-index:1}.admin-layout{display:flex;gap:2rem;padding:2rem;min-height:calc(100vh - 4rem);animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-sidebar{width:280px;background:#fffffff2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #0000001a,0 0 0 1px #fff3 inset;border:1px solid rgba(255,255,255,.3);display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:2rem;align-self:flex-start;max-height:calc(100vh - 4rem);overflow-y:auto;animation:slideInLeft .5s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.sidebar-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(102,126,234,.1);animation:fadeInUp .6s ease-out .2s both}.sidebar-header h1{font-size:1.75rem;font-weight:800;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.sidebar-header p{margin:.5rem 0 0;color:#64748b;font-size:.9rem;font-weight:500}.sidebar-menu{margin:2rem 0;display:flex;flex-direction:column;gap:.5rem}.sidebar-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border:2px solid transparent;border-radius:12px;background:transparent;color:#475569;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out both}.sidebar-btn:nth-child(1){animation-delay:.1s}.sidebar-btn:nth-child(2){animation-delay:.2s}.sidebar-btn:nth-child(3){animation-delay:.3s}.sidebar-btn:nth-child(4){animation-delay:.4s}.sidebar-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.sidebar-btn:hover:before{left:100%}.sidebar-btn:hover{background:#667eea14;color:#667eea;transform:translate(4px);border-color:#667eea33}.sidebar-btn.active{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea4d;color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translate(4px)}.sidebar-btn.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:0 4px 4px 0;animation:slideInLeftBar .3s ease-out}@keyframes slideInLeftBar{0%{width:0;opacity:0}to{width:4px;opacity:1}}.sidebar-icon{font-size:1.3rem;transition:transform .3s ease}.sidebar-btn:hover .sidebar-icon,.sidebar-btn.active .sidebar-icon{transform:scale(1.15) rotate(5deg)}.sidebar-badge{margin-left:auto;font-size:.7rem;padding:.25rem .6rem;border-radius:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #fbbf244d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #fbbf244d}50%{transform:scale(1.05);box-shadow:0 4px 16px #fbbf2480}}.dashboard-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:24px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a,0 0 0 1px #fff3 inset;border:1px solid rgba(255,255,255,.3);animation:fadeInUp .6s ease-out}.dashboard-header h2{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;letter-spacing:-.03em;line-height:1.2}.dashboard-header p{color:#64748b;font-size:1.1rem;margin:0;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #00000014,0 0 0 1px #fff3 inset;border:1px solid rgba(255,255,255,.3);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .6s ease-out both}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(5){animation-delay:.5s}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.stat-card:hover:before{transform:scaleX(1)}.stat-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.stat-card:hover:after{opacity:1}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 48px #667eea33,0 0 0 1px #ffffff4d inset;background:#fff}.stat-icon{font-size:3rem;margin-bottom:1rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.stat-card:hover .stat-icon{transform:scale(1.15) rotate(10deg);animation:none}.stat-card h3{font-size:.875rem;font-weight:700;color:#64748b;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.1em}.stat-number{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1;transition:all .3s ease}.stat-card:hover .stat-number{transform:scale(1.1)}.stat-subtitle{color:#94a3b8;font-size:.875rem;margin:0;font-weight:500}.section{background:#fffffff2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:24px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #00000014,0 0 0 1px #fff3 inset;border:1px solid rgba(255,255,255,.3);animation:fadeInUp .6s ease-out}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(102,126,234,.1)}.section-header h3{font-size:1.75rem;font-weight:800;background:#111827;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em}.section-header p{color:#64748b;margin:.5rem 0 0;font-size:.95rem;font-weight:500}.shop-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #0000000f,0 0 0 1px #fff3 inset;border:1px solid rgba(255,255,255,.3);transition:all .4s cubic-bezier(.4,0,.2,1);margin-bottom:1.5rem;animation:fadeInUp .6s ease-out both;position:relative;overflow:hidden}.shop-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);transform:scaleY(0);transform-origin:top;transition:transform .4s ease}.shop-card:hover:before{transform:scaleY(1)}.shop-card:hover{transform:translateY(-4px) translate(4px);box-shadow:0 12px 40px #667eea26,0 0 0 1px #ffffff4d inset;background:#fff}.shop-header-info h4{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .75rem;letter-spacing:-.01em}.shop-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{padding:.4rem .9rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.badge.standard{background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;border:1px solid rgba(102,126,234,.3)}.badge.pro{background:linear-gradient(135deg,#ec489926,#8b5cf626);color:#ec4899;border:1px solid rgba(236,72,153,.3)}.badge.active{background:linear-gradient(135deg,#22c55e26,#10b98126);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge.inactive{background:linear-gradient(135deg,#ef444426,#dc262626);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn{padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea80}.btn-secondary{background:#ffffffe6;color:#667eea;border:2px solid rgba(102,126,234,.3)}.btn-secondary:hover{background:#667eea1a;border-color:#667eea;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px #ef444466}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444480}.create-shop-container{background:#ffffff80;border-radius:16px;padding:2rem;margin-top:1.5rem;border:2px dashed rgba(102,126,234,.3);animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#475569;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid rgba(102,126,234,.2);border-radius:12px;font-size:.95rem;transition:all .3s ease;background:#ffffffe6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fff;transform:translateY(-1px)}.admin-table{width:100%;border-collapse:separate;border-spacing:0;background:#ffffff80;border-radius:16px;overflow:hidden}.admin-table thead{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.admin-table thead th{padding:1.25rem 1.5rem;text-align:left;font-weight:700;color:#475569;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid rgba(102,126,234,.2)}.admin-table tbody tr{transition:all .3s ease;border-bottom:1px solid rgba(102,126,234,.1);animation:fadeInUp .4s ease-out both}.admin-table tbody tr:nth-child(1){animation-delay:.05s}.admin-table tbody tr:nth-child(2){animation-delay:.1s}.admin-table tbody tr:nth-child(3){animation-delay:.15s}.admin-table tbody tr:nth-child(4){animation-delay:.2s}.admin-table tbody tr:nth-child(5){animation-delay:.25s}.admin-table tbody tr:hover{background:#667eea0d;transform:scale(1.01)}.admin-table tbody td{padding:1.25rem 1.5rem;color:#64748b;font-size:.95rem}.payment-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.payment-status-badge.processing{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24}.payment-status-badge.verified{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.payment-status-badge.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef4444}.blogs-table-container,.payment-table-container{overflow-x:auto;margin-top:1.5rem;border-radius:12px;box-shadow:0 4px 20px #0000000d}.blogs-table,.payment-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--white)}.blogs-table thead,.payment-table thead{background:linear-gradient(135deg,#25d3661a,#25d3660d)}.blogs-table thead th,.payment-table thead th{padding:1rem 1.5rem;text-align:left;font-weight:700;color:var(--gray-800);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid rgba(37,211,102,.2)}.blogs-table tbody tr,.payment-table tbody tr{transition:all .3s ease;border-bottom:1px solid var(--gray-200)}.blogs-table tbody tr:hover,.payment-table tbody tr:hover{background:#25d3660d}.blogs-table tbody td,.payment-table tbody td{padding:1rem 1.5rem;color:var(--gray-700);font-size:.95rem;vertical-align:middle}.blog-row,.payment-row{animation:fadeInUp .4s ease-out both}.blog-actions,.payment-actions{display:flex;gap:.5rem;align-items:center}.blog-form-container{background:var(--white);border-radius:12px;border:1px solid var(--gray-200);padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000000d}.contact-messages-container{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem}.contact-message-card{background:var(--white);border-radius:12px;border:2px solid var(--gray-200);padding:1.5rem;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;animation:fadeInUp .4s ease-out both}.contact-message-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.contact-message-card.unread{border-left:4px solid var(--primary-500);background:linear-gradient(to right,rgba(37,211,102,.05) 0%,var(--white) 4%)}.contact-message-card.read{border-left:4px solid var(--gray-300);opacity:.9}.contact-message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.contact-message-info{flex:1}.contact-message-info h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:700;color:var(--gray-900)}.contact-message-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:var(--gray-600)}.contact-message-meta span{display:flex;align-items:center;gap:.25rem}.contact-message-meta strong{color:var(--gray-800);font-weight:600}.contact-message-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.unread-badge{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #25d3664d;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.contact-message-actions .btn-sm{padding:.5rem .75rem;font-size:1rem;border:1px solid var(--gray-300);background:var(--white);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.contact-message-actions .btn-sm:hover{background:var(--primary-50);border-color:var(--primary-300);transform:scale(1.05)}.contact-message-body{padding-top:1rem;border-top:1px solid var(--gray-200);margin-top:1rem}.contact-message-body p{margin:0;color:var(--gray-700);line-height:1.6;font-size:.95rem;white-space:pre-wrap;word-wrap:break-word}.filter-controls{display:flex;align-items:center;gap:1rem}.filter-select{padding:.625rem 1rem;border:2px solid var(--gray-200);border-radius:8px;font-size:.875rem;font-weight:500;background:var(--white);color:var(--gray-800);cursor:pointer;transition:all .2s ease}.filter-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #25d36626}.filter-select:hover{border-color:var(--primary-300)}@media(max-width:768px){.contact-message-header{flex-direction:column;align-items:flex-start}.contact-message-actions{width:100%;justify-content:flex-end}.contact-message-meta{flex-direction:column;gap:.5rem}.filter-controls{width:100%;margin-top:1rem}.filter-select{width:100%}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:24px;padding:2.5rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d,0 0 0 1px #fff3 inset;border:1px solid rgba(255,255,255,.3);animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;position:static;max-height:none}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:768px){.admin-layout{padding:1rem}.dashboard-header h2{font-size:2rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.5rem}}