:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;border-bottom:1px solid #8b5cf633;width:100%;min-width:100%;position:fixed;top:45px;left:0;right:0}.navbar-content{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:100%;padding:1.5rem 5%;display:flex}.logo{align-items:center;display:flex}.logo-img{object-fit:contain;width:auto;height:50px}.nav-links{gap:3rem;list-style:none;display:flex}.logo{text-decoration:none}.nav-links a{color:#fff;letter-spacing:1px;font-size:.95rem;text-decoration:none;transition:all .3s;position:relative}.nav-links a:after{content:"";background:var(--purple-electric);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a.active{color:var(--purple-electric)}.cart-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border:none;border-radius:50px;padding:.8rem 1.2rem;transition:all .3s;position:relative;box-shadow:0 4px 15px #8b5cf666}.cart-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf699}.cart-count{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.nav-actions{align-items:center;gap:1rem;display:flex}.nav-icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;transition:all .3s;position:relative}.nav-icon-btn:hover{background:#8b5cf633;transform:scale(1.1)}.wishlist-count{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.user-btn{justify-content:center;align-items:center;text-decoration:none;display:flex}.user-avatar-mini{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:600;display:flex}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}.hamburger span{background:#fff;border-radius:3px;width:25px;height:3px;transition:all .3s}.hamburger.active span:first-child{transform:rotate(45deg)translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;background:#000000f2;border-left:1px solid #8b5cf633;width:280px;height:100vh;padding:6rem 2rem 2rem;transition:right .3s;position:fixed;top:0;right:-100%}.mobile-menu.active{right:0}.mobile-nav-links{flex-direction:column;gap:1.5rem;list-style:none;display:flex}.mobile-nav-links a{color:#fff;border-radius:10px;align-items:center;gap:1rem;padding:.8rem 1rem;font-size:1.1rem;text-decoration:none;transition:all .3s;display:flex}.mobile-nav-links a:hover,.mobile-nav-links a.active{color:var(--purple-light);background:#8b5cf633;transform:translate(5px)}.mobile-nav-links svg{flex-shrink:0}.menu-overlay{z-index:98;background:#00000080;width:100%;height:100vh;animation:.3s fadeIn;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.desktop-menu{display:flex}@media (max-width:768px){.navbar-content{padding:1rem 1.5rem}.logo-text{font-size:1.5rem}.logo-subtitle{font-size:.6rem}.desktop-menu{display:none}.hamburger{display:flex}.cart-button{padding:.6rem 1rem;font-size:.9rem}}.footer{z-index:10;box-sizing:border-box;background:#8b5cf608;border-top:1px solid #8b5cf633;width:100%;min-width:100%;margin-top:4rem;padding:4rem 5% 2rem;position:relative}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;width:100%;margin-bottom:3rem;display:grid}.footer-section h3{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:1.3rem}.footer-logo{margin-bottom:1rem}.footer-logo-img{max-width:150px;height:auto}.footer-section p{color:var(--gray);line-height:1.6}.footer-section ul{flex-direction:column;gap:.8rem;list-style:none;display:flex}.footer-section ul li{color:var(--gray);transition:color .3s}.footer-section ul li a{color:var(--gray);text-decoration:none;transition:all .3s}.footer-section ul li a:hover{color:var(--purple-electric);padding-left:5px}.social-links{flex-direction:column;gap:.8rem;display:flex}.social-link{color:var(--gray);text-decoration:none;transition:all .3s;display:inline-block}.social-link:hover{color:var(--purple-electric);transform:translate(5px)}.footer-bottom{text-align:center;width:100%;color:var(--gray);border-top:1px solid #8b5cf61a;padding-top:2rem;font-size:.9rem}@media (max-width:768px){.footer{padding:3rem 1rem 1.5rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-section{text-align:center}.footer-logo,.social-links{align-items:center}}.cart-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:998;opacity:0;pointer-events:none;background:#000000b3;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.cart-overlay.open{opacity:1;pointer-events:all}.cart{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#0a0a0af2;border-left:1px solid #8b5cf64d;flex-direction:column;width:450px;height:100vh;transition:right .4s cubic-bezier(.19,1,.22,1);display:flex;position:fixed;top:0;right:-450px}.cart.open{right:0}.cart-header{border-bottom:1px solid #8b5cf633;justify-content:space-between;align-items:center;padding:2rem;display:flex}.cart-header h2{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;transition:transform .3s}.close-btn:hover{transform:rotate(90deg)}.empty-cart{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.empty-icon{opacity:.3;font-size:4rem}.empty-cart p{color:var(--gray);font-size:1.1rem}.cart-items{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.cart-item{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:15px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.cart-item:hover{border-color:var(--purple-electric);background:#8b5cf61a}.item-image{filter:drop-shadow(0 0 10px #8b5cf680);font-size:2.5rem}.item-details{flex:1}.item-details h4{margin-bottom:.3rem;font-size:1rem}.item-weight{color:var(--gray);margin-bottom:.3rem;font-size:.85rem}.item-controls{background:#8b5cf61a;border-radius:50px;align-items:center;gap:.8rem;padding:.3rem .8rem;display:flex}.item-controls button{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:25px;height:25px;font-size:1.2rem;transition:all .3s;display:flex}.item-controls button:hover{color:var(--purple-electric);transform:scale(1.2)}.remove-btn{cursor:pointer;background:0 0;border:none;font-size:1.3rem;transition:transform .3s}.remove-btn:hover{transform:scale(1.2)}.cart-footer{border-top:1px solid #8b5cf633;padding:2rem}.cart-total{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.3rem;display:flex}.total-amount{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.checkout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.8rem;width:100%;padding:1.2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 10px 30px #8b5cf666}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #8b5cf699}@media (max-width:768px){.cart{width:100%;right:-100%}}.particle-canvas{z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0}.wishlist-overlay{z-index:1000;background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.wishlist-panel{background:linear-gradient(#1a1a2e 0%,#16213e 100%);width:400px;max-width:100%;height:100%;padding:1.5rem;animation:.3s slideIn;overflow-y:auto}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.wishlist-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.wishlist-header h2{color:#fff;font-size:1.3rem}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.wishlist-empty{text-align:center;color:#ffffffb3;padding:3rem 1rem}.wishlist-empty a{color:#00d4aa;text-decoration:none}.wishlist-items{flex-direction:column;gap:1rem;display:flex}.wishlist-item{background:#ffffff0d;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.item-image{background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.item-image img{object-fit:cover;border-radius:8px;width:100%;height:100%}.emoji-img{font-size:2rem}.item-actions{gap:.5rem;display:flex}.item-actions button{cursor:pointer;border:none;border-radius:8px;width:36px;height:36px;font-size:1rem;transition:transform .2s}.add-cart-btn{background:#00d4aa}.remove-btn{background:#ffffff1a}.item-actions button:hover{transform:scale(1.1)}.search-overlay{z-index:1001;background:#000c;justify-content:center;padding-top:100px;display:flex;position:fixed;inset:0}.search-container{width:600px;max-width:90%;animation:.3s fadeDown}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-input-wrapper{background:#fff;border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;box-shadow:0 20px 60px #0000004d}.search-icon{font-size:1.3rem}.search-input-wrapper input{background:0 0;border:none;outline:none;flex:1;font-size:1.1rem}.close-search{cursor:pointer;color:#666;background:0 0;border:none;font-size:1.3rem}.search-results{background:#fff;border-radius:16px;margin-top:1rem;overflow:hidden;box-shadow:0 20px 60px #0000004d}.search-result-item{cursor:pointer;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:background .2s;display:flex}.search-result-item:hover{background:#f5f5f5}.result-image{object-fit:cover;border-radius:8px;width:50px;height:50px}.result-info{flex:1}.result-info h4{color:#333;margin:0;font-size:1rem}.result-category{color:#888;font-size:.85rem}.result-price{color:#00b894;font-weight:700}.no-results{text-align:center;color:#666;background:#fff;border-radius:16px;margin-top:1rem;padding:2rem}.promo-banner{z-index:200;background:linear-gradient(90deg,#8b5cf6 0%,#ec4899 50%,#8b5cf6 100%) 0 0/200% 100%;justify-content:center;align-items:center;padding:.8rem 2rem;animation:3s infinite gradientMove;display:flex;position:fixed;top:0;left:0;right:0}@keyframes gradientMove{0%,to{background-position:0%}50%{background-position:100%}}.promo-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.promo-icon{font-size:1.3rem;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.promo-text{color:#fff;font-size:.95rem}.promo-text code{background:#fff3;border-radius:4px;padding:.2rem .5rem;font-weight:700}.promo-timer{color:#fff;background:#0003;border-radius:6px;gap:.3rem;padding:.3rem .8rem;font-family:monospace;font-size:1.1rem;font-weight:700;display:flex}.promo-cta{color:#8b5cf6;background:#fff;border-radius:50px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s}.promo-cta:hover{transform:scale(1.05)}.promo-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.2rem;transition:opacity .2s;position:absolute;right:1rem}.promo-close:hover{opacity:1}@media (max-width:768px){.promo-banner{padding:.6rem 1rem}.promo-content{gap:.8rem;font-size:.85rem}.promo-timer{font-size:.9rem}}.hero{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:10;max-width:800px;animation:1s forwards fadeInUp}.hero-logo{max-width:200px;height:auto;margin-bottom:2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{color:#fff;text-shadow:0 4px 20px #0000004d;opacity:0;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.2;animation:1s .2s forwards fadeInUp}.gradient-text{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 50%,#a78bfa 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-subtitle{color:#ffffffd9;opacity:0;margin-bottom:2.5rem;font-size:1.3rem;line-height:1.6;animation:1s .4s forwards fadeInUp}.cta-button{color:#fff;opacity:0;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;animation:1s .6s forwards fadeInUp;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #8b5cf64d}.cta-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 15px 40px #8b5cf680}.cta-button svg{transition:transform .3s}.cta-button:hover svg{transform:translate(5px)}.hero-glow{z-index:1;background:radial-gradient(circle,#8b5cf633 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:4s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-glow:after{content:"";background:radial-gradient(circle,#ec489926 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:4s ease-in-out infinite reverse pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.cta-button{padding:.9rem 2rem;font-size:1rem}.hero-glow{width:400px;height:400px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}}.features-section{z-index:10;background:#8b5cf608;border-top:1px solid #8b5cf61a;border-bottom:1px solid #8b5cf61a;padding:4rem 2rem;position:relative}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1400px;margin:0 auto;display:grid}.feature-card{text-align:center;background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:20px;padding:2rem;transition:all .3s}.feature-card:hover{border-color:var(--purple-electric);background:#8b5cf61a;transform:translateY(-5px);box-shadow:0 10px 30px #8b5cf633}.feature-icon{filter:drop-shadow(0 0 15px #8b5cf680);margin-bottom:1rem;font-size:3rem}.feature-card h3{color:var(--purple-light);margin-bottom:.5rem;font-size:1.3rem}.feature-card p{color:var(--gray);font-size:.95rem}@media (max-width:768px){.features-section{padding:3rem 1rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-card{padding:1.5rem}.feature-icon{font-size:2.5rem}}.newsletter-section{background:linear-gradient(135deg,#00d4aa1a 0%,#00b8940d 100%);padding:4rem 2rem;position:relative}.newsletter-container{max-width:700px;margin:0 auto}.newsletter-content{text-align:center}.newsletter-icon{margin-bottom:1rem;font-size:3rem;display:block}.newsletter-content h2{color:#fff;margin-bottom:.5rem;font-size:2rem}.newsletter-content>p{color:#ffffffb3;margin-bottom:2rem}.newsletter-form{gap:1rem;max-width:500px;margin:0 auto 1.5rem;display:flex}.newsletter-form input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;flex:1;padding:1rem 1.5rem;font-size:1rem}.newsletter-form input::placeholder{color:#ffffff80}.newsletter-form input:focus{border-color:#00d4aa;outline:none}.newsletter-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d4aa 0%,#00b894 100%);border:none;border-radius:50px;padding:1rem 2rem;font-weight:600;transition:transform .2s,box-shadow .2s}.newsletter-form button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d4aa4d}.newsletter-form button:disabled{opacity:.7;cursor:not-allowed}.success-message{color:#00d4aa;margin-bottom:1rem;font-weight:600}.newsletter-benefits{color:#fff9;flex-wrap:wrap;justify-content:center;gap:2rem;font-size:.9rem;display:flex}@media (max-width:600px){.newsletter-form{flex-direction:column}.newsletter-benefits{flex-direction:column;gap:.5rem}}.testimonials-section{padding:5rem 2rem;position:relative}.section-title{text-align:center;color:#fff;margin-bottom:3rem;font-size:2.5rem}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0003}.testimonial-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.avatar{background:#00d4aa33;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.user-info h4{color:#fff;margin-bottom:.2rem;font-size:1.1rem}.product-bought{color:#00d4aa;font-size:.85rem}.rating{margin-bottom:1rem;font-size:1.1rem}.comment{color:#fffc;font-style:italic;line-height:1.7}@media (max-width:768px){.section-title{font-size:2rem}.testimonials-grid{grid-template-columns:1fr}}.featured-section{padding:5rem 2rem;position:relative;overflow:hidden}.featured-container{max-width:1200px;margin:0 auto}.featured-header{text-align:center;margin-bottom:3rem}.featured-badge{color:#fcd34d;background:linear-gradient(135deg,#fbbf2433 0%,#f59e0b33 100%);border-radius:50px;margin-bottom:1rem;padding:.5rem 1.5rem;font-size:.85rem;font-weight:600;animation:2s infinite pulse;display:inline-block}.featured-header h2{color:#fff;margin-bottom:.5rem;font-size:2.5rem}.featured-header p{color:#fff9}.featured-carousel{border-radius:24px;margin-bottom:2rem;overflow:hidden}.carousel-track{transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.featured-slide{min-width:100%;padding:0 1rem}.featured-card{background:linear-gradient(135deg,#8b5cf61a 0%,#ec48990d 100%);border:1px solid #8b5cf633;border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:3rem;display:grid}.featured-image{text-align:center;position:relative}.product-img{object-fit:contain;border-radius:16px;width:100%;max-width:300px;height:auto;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rating-badge{color:#1a1a2e;background:linear-gradient(135deg,#fcd34d 0%,#f59e0b 100%);border-radius:50px;padding:.5rem 1rem;font-size:.9rem;font-weight:700;position:absolute;top:0;right:20%}.featured-info{flex-direction:column;gap:1rem;display:flex}.category-tag{color:#a78bfa;background:#8b5cf633;border-radius:50px;width:fit-content;padding:.4rem 1rem;font-size:.85rem;display:inline-block}.featured-info h3{color:#fff;font-size:2rem}.featured-info p{color:#ffffffb3;line-height:1.7}.featured-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.price{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:700}.view-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border-radius:50px;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s}.view-btn:hover{transform:translate(5px);box-shadow:0 10px 30px #8b5cf666}.carousel-dots{justify-content:center;gap:.5rem;margin-bottom:3rem;display:flex}.dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:12px;height:12px;transition:all .3s}.dot.active{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);transform:scale(1.3)}.dot:hover{background:#fff6}.featured-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.mini-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .3s;animation:.6s forwards fadeInUp;display:flex}.mini-card:hover{background:#8b5cf61a;border-color:#8b5cf64d;transform:translateY(-5px)}.mini-img{object-fit:cover;border-radius:12px;width:60px;height:60px}.mini-info h4{color:#fff;margin-bottom:.3rem;font-size:1rem}.mini-meta{gap:1rem;font-size:.85rem;display:flex}.mini-rating{color:#fcd34d}.mini-price{color:#8b5cf6;font-weight:600}@media (max-width:968px){.featured-card{text-align:center;grid-template-columns:1fr;padding:2rem}.product-emoji{font-size:5rem}.rating-badge{right:30%}.featured-footer{flex-direction:column;gap:1rem}.featured-grid{grid-template-columns:1fr}}@media (max-width:600px){.featured-header h2{font-size:1.8rem}.featured-info h3,.price{font-size:1.5rem}}.stats-section{background:linear-gradient(135deg,#8b5cf61a 0%,#ec48990d 100%);padding:4rem 2rem;position:relative;overflow:hidden}.stats-section:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf680,#0000);height:1px;position:absolute;top:0;left:0;right:0}.stats-section:after{content:"";background:linear-gradient(90deg,#0000,#8b5cf680,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.stats-container{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto;display:grid}.stat-card{text-align:center;opacity:0;padding:2rem;transform:translateY(30px)}.stat-card.animate{animation:.6s forwards fadeInUp}.stat-icon{margin-bottom:1rem;font-size:3rem;animation:2s ease-in-out infinite bounce;display:block}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.stat-value{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800;display:block}.stat-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-size:1rem}@media (max-width:968px){.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.stats-container{grid-template-columns:1fr}.stat-value{font-size:2.5rem}}.home-page{z-index:10;position:relative}.benefits-section{z-index:10;padding:6rem 2rem 4rem;position:relative}.benefits-container{max-width:1200px;margin:0 auto}.benefits-container h2{text-align:center;margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:700}.benefits-subtitle{text-align:center;color:var(--gray);margin-bottom:3rem;font-size:1.2rem}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.benefit-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;color:#fff;background:#ffffff0d;border:2px solid #8b5cf633;border-radius:24px;padding:2.5rem 2rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.benefit-card:before{content:"";background:linear-gradient(135deg,var(--benefit-color),transparent);opacity:0;z-index:-1;transition:opacity .4s;position:absolute;inset:0}.benefit-card:hover:before{opacity:.15}.benefit-card:hover{border-color:var(--benefit-color);transform:translateY(-12px)scale(1.02);box-shadow:0 20px 50px #8b5cf64d}.benefit-icon{margin-bottom:1.2rem;font-size:4rem;transition:transform .4s}.benefit-card:hover .benefit-icon{transform:scale(1.2)rotate(5deg)}.benefit-card h3{color:#fff;margin-bottom:.8rem;font-size:1.6rem;font-weight:700}.benefit-card p{color:var(--gray);margin-bottom:1rem;font-size:1rem;line-height:1.6}.benefit-arrow{color:var(--benefit-color);font-size:1.5rem;font-weight:700;transition:transform .3s;display:inline-block}.benefit-card:hover .benefit-arrow{transform:translate(8px)}.home-cta{z-index:10;text-align:center;padding:8rem 2rem;position:relative}.cta-content{max-width:800px;margin:0 auto}.cta-content h2{margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.cta-content p{color:var(--gray);margin-bottom:2.5rem;font-size:1.2rem}.cta-link-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border:none;border-radius:50px;align-items:center;gap:.8rem;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 30px #8b5cf666}.cta-link-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #8b5cf699}.why-biox{z-index:10;background:#8b5cf608;padding:6rem 2rem;position:relative}.why-biox-container{max-width:1200px;margin:0 auto}.why-biox h2{text-align:center;margin-bottom:4rem;font-size:clamp(2rem,5vw,3rem);font-weight:700}.why-biox-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.why-biox-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #8b5cf633;border-radius:20px;padding:2rem;transition:all .3s}.why-biox-card:hover{border-color:#8b5cf680;transform:translateY(-10px);box-shadow:0 20px 40px #8b5cf633}.why-icon{margin-bottom:1rem;font-size:3rem}.why-biox-card h3{color:#fff;margin-bottom:.8rem;font-size:1.4rem;font-weight:600}.why-biox-card p{color:var(--gray);line-height:1.6}.testimonials{z-index:10;padding:6rem 2rem;position:relative}.testimonials-container{max-width:1200px;margin:0 auto}.testimonials h2{text-align:center;margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:700}.testimonials-subtitle{text-align:center;color:var(--gray);margin-bottom:4rem;font-size:1.2rem}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #8b5cf633;border-radius:20px;padding:2rem;transition:all .3s}.testimonial-card:hover{border-color:#8b5cf680;transform:translateY(-5px);box-shadow:0 15px 35px #8b5cf633}.testimonial-stars{margin-bottom:1rem;font-size:1.2rem}.testimonial-text{color:var(--gray);margin-bottom:1.5rem;font-size:1rem;font-style:italic;line-height:1.7}.testimonial-author{flex-direction:column;gap:.3rem;display:flex}.testimonial-author strong{color:#fff;font-size:1.1rem}.testimonial-author span{color:var(--gray);font-size:.9rem}@media (max-width:768px){.home-cta{padding:4rem 1rem}.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem}.why-biox{padding:4rem 1rem}.why-biox h2{margin-bottom:2.5rem}.why-biox-grid{grid-template-columns:1fr;gap:1.5rem}.testimonials{padding:4rem 1rem}.testimonials-subtitle{margin-bottom:2.5rem}.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.benefits-section{padding:4rem 1rem 2rem}.benefits-subtitle{margin-bottom:2rem}.benefits-grid{grid-template-columns:1fr;gap:1.5rem}}.products-section{z-index:10;max-width:1400px;margin:0 auto;padding:8rem 2rem 4rem;position:relative}.products-header{text-align:center;margin-bottom:4rem}.section-title{margin-bottom:2rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.filter-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.filter-btn{color:var(--purple-light);cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:50px;padding:.7rem 1.5rem;font-size:.9rem;transition:all .3s}.filter-btn:hover{border-color:var(--purple-electric);background:#8b5cf633}.filter-btn.active{border-color:var(--purple-electric);color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);box-shadow:0 4px 15px #8b5cf666}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.product-card{cursor:pointer;opacity:0;background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.19,1,.22,1);animation:.6s forwards fadeInUp;position:relative;overflow:hidden}.product-card:first-child{animation-delay:.1s}.product-card:nth-child(2){animation-delay:.15s}.product-card:nth-child(3){animation-delay:.2s}.product-card:nth-child(4){animation-delay:.25s}.product-card:nth-child(5){animation-delay:.3s}.product-card:nth-child(6){animation-delay:.35s}.product-card:nth-child(7){animation-delay:.4s}.product-card:nth-child(8){animation-delay:.45s}.product-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.product-card:hover:before{left:100%}.product-card:hover{border-color:var(--purple-electric);background:#8b5cf61a;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #8b5cf64d}.product-image{text-align:center;filter:drop-shadow(0 0 20px #8b5cf680);justify-content:center;align-items:center;min-height:120px;margin-bottom:1.5rem;font-size:4rem;display:flex}.product-image img{object-fit:contain;border-radius:12px;max-width:100%;max-height:150px}.product-info{flex-direction:column;gap:.8rem;display:flex}.product-category{color:var(--purple-light);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.product-name{color:#fff;font-size:1.3rem;font-weight:600}.product-desc{color:var(--gray);margin-top:.5rem;font-size:.9rem;line-height:1.5}.product-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.product-price{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.add-to-cart-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border:none;border-radius:50px;padding:.7rem 1.5rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #8b5cf64d}.add-to-cart-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #8b5cf680}@media (max-width:768px){.products-section{padding:6rem 1rem 2rem}.section-title{font-size:2rem}.filter-buttons{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.8rem}.products-grid{grid-template-columns:1fr;gap:1.5rem}.product-card{padding:1.5rem}.product-image{font-size:3rem}.product-name{font-size:1.1rem}.product-price{font-size:1.3rem}}.products-page{z-index:10;min-height:100vh;padding-top:6rem;position:relative}.page-header{text-align:center;max-width:800px;margin:0 auto;padding:4rem 2rem 2rem}.page-header h1{margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:700}.page-header p{color:var(--gray);font-size:1.2rem}@media (max-width:768px){.products-page{padding-top:5rem}.page-header{padding:2rem 1rem 1rem}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}}.reviews-section{border-top:1px solid #ffffff1a;margin-top:3rem;padding-top:2rem}.reviews-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.reviews-header h3{color:#fff;font-size:1.5rem}.avg-rating{color:#fffc;align-items:center;gap:.5rem;display:flex}.no-reviews{color:#ffffff80;text-align:center;padding:2rem}.reviews-list{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.review-card{background:#ffffff0d;border-radius:12px;padding:1.5rem}.review-top{justify-content:space-between;margin-bottom:.5rem;display:flex}.reviewer-name{color:#fff;font-weight:600}.review-date{color:#ffffff80;font-size:.85rem}.review-rating{margin-bottom:.75rem}.review-comment{color:#fffc;line-height:1.6}.write-review-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d4aa 0%,#00b894 100%);border:none;border-radius:8px;padding:.8rem 1.5rem;font-weight:600;transition:transform .2s}.write-review-btn:hover{transform:translateY(-2px)}.review-form{background:#ffffff0d;border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.review-form input,.review-form textarea{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;padding:.8rem 1rem;font-size:1rem}.review-form textarea{resize:vertical;min-height:100px}.review-form input:focus,.review-form textarea:focus{border-color:#00d4aa;outline:none}.rating-select{color:#ffffffb3;align-items:center;gap:.5rem;display:flex}.rating-select button{cursor:pointer;opacity:.3;background:0 0;border:none;font-size:1.3rem;transition:opacity .2s}.rating-select button.active{opacity:1}.form-actions{justify-content:flex-end;gap:1rem;display:flex}.form-actions button{cursor:pointer;border-radius:8px;padding:.7rem 1.5rem;font-weight:600}.form-actions button:first-child{color:#fff;background:0 0;border:1px solid #ffffff4d}.form-actions .submit-btn{color:#fff;background:#00d4aa;border:none}.related-products{border-top:1px solid #ffffff1a;margin-top:4rem;padding-top:3rem}.related-products h3{color:#fff;margin-bottom:1.5rem;font-size:1.5rem}.related-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.related-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;text-decoration:none;transition:all .3s}.related-card:hover{border-color:#8b5cf680;transform:translateY(-5px);box-shadow:0 10px 30px #8b5cf633}.related-image{justify-content:center;align-items:center;height:100px;margin-bottom:1rem;display:flex}.related-image img{object-fit:contain;max-width:100%;max-height:100%}.related-image .emoji{font-size:3.5rem}.related-info h4{color:#fff;margin-bottom:.5rem;font-size:1rem}.related-price{color:#00d4aa;font-size:1.1rem;font-weight:700}.product-page{z-index:10;min-height:100vh;padding:8rem 2rem 4rem;position:relative}.product-page-container{max-width:1200px;margin:0 auto}.breadcrumb{color:var(--gray);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;display:flex}.breadcrumb a{color:var(--purple-light);text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:var(--purple-electric)}.breadcrumb span:last-child{color:#fff}.product-top-section{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;margin-bottom:4rem;display:grid}.product-page-image{position:sticky;top:100px}.product-image-container{background:#8b5cf60d;border:2px solid #8b5cf633;border-radius:24px;justify-content:center;align-items:center;min-height:400px;margin-bottom:1rem;padding:2rem;display:flex}.product-image-container img{object-fit:contain;border-radius:12px;max-width:100%;max-height:400px}.product-category-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border-radius:50px;padding:.5rem 1.5rem;font-size:.85rem;font-weight:600;display:inline-block}.product-purchase-info{flex-direction:column;gap:1.5rem;display:flex}.product-page-title{color:#fff;margin:0;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;line-height:1.2}.product-tagline{color:var(--purple-light);border-left:3px solid var(--purple-electric);margin:0;padding-left:1rem;font-size:1.1rem;font-style:italic}.product-page-description{color:var(--gray);margin:0;font-size:1rem;line-height:1.7}.product-page-price{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:12px;align-items:baseline;gap:1rem;padding:1.2rem;display:flex}.price-label{color:var(--gray);font-size:1rem}.price-value{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.product-options{flex-direction:column;gap:.8rem;display:flex}.options-label{color:#fff;font-size:1rem;font-weight:600}.weight-options{flex-wrap:wrap;gap:.8rem;display:flex}.weight-option{cursor:pointer;background:#8b5cf60d;border:2px solid #8b5cf633;border-radius:12px;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem 1.2rem;transition:all .3s;display:flex}.weight-option:hover{background:#8b5cf61a;border-color:#8b5cf680}.weight-option.active{border-color:var(--purple-electric);background:#8b5cf633;box-shadow:0 0 15px #8b5cf64d}.weight-label{color:#fff;font-size:.9rem;font-weight:600}.weight-price{color:var(--purple-light);font-size:1rem;font-weight:700}.quantity-selector{align-items:center;gap:1rem;display:flex}.quantity-label{color:#fff;font-size:1rem;font-weight:600}.quantity-controls{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:50px;align-items:center;gap:.5rem;padding:.3rem;display:flex}.quantity-btn{color:#fff;cursor:pointer;background:#8b5cf633;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;transition:all .3s;display:flex}.quantity-btn:hover{background:var(--purple-electric);transform:scale(1.1)}.quantity-input{text-align:center;color:#fff;background:0 0;border:none;width:50px;font-size:1.1rem;font-weight:600}.quantity-input:focus{outline:none}.product-total{background:#ec48991a;border:2px solid #ec48994d;border-radius:12px;align-items:baseline;gap:1rem;padding:1.2rem;display:flex}.total-label{color:#fff;font-size:1.1rem;font-weight:600}.total-value{background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.product-actions{align-items:center;gap:1rem;display:flex}.add-to-cart-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border:none;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:.8rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 8px 25px #8b5cf666}.add-to-cart-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #8b5cf680}.add-to-cart-button.added{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.wishlist-button{cursor:pointer;background:#8b5cf61a;border:2px solid #8b5cf64d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;transition:all .3s;display:flex}.wishlist-button:hover{background:#ec489933;border-color:#ec4899;transform:scale(1.1)}.wishlist-button.active{background:#ec489933;border-color:#ec4899}.continue-shopping{color:var(--purple-light);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s;display:inline-block}.continue-shopping:hover{color:var(--purple-electric)}.product-details-section{margin-bottom:4rem}.product-info-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.info-card{border-radius:16px;height:100%;padding:1.5rem}.info-card h3{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem;font-weight:600;display:flex}.benefits-card{background:#8b5cf60d;border:1px solid #8b5cf633}.benefits-card h3{color:#a78bfa}.benefits-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.benefits-list li{color:var(--gray);align-items:flex-start;gap:.6rem;font-size:.95rem;line-height:1.4;display:flex}.benefit-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:.7rem;font-weight:700;display:flex}.how-to-card{background:#10b9810d;border:1px solid #10b98133}.how-to-card h3{color:#34d399}.how-to-card p{color:var(--gray);margin:0;font-size:.95rem;line-height:1.6}.recommendations-card{background:#fbbf240d;border:1px solid #fbbf2433}.recommendations-card h3{color:#fbbf24}.recommendations-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.recommendations-list li{color:var(--gray);align-items:flex-start;gap:.6rem;font-size:.9rem;line-height:1.4;display:flex}.rec-icon{color:#fbbf24;flex-shrink:0;font-size:1.2rem;line-height:1}.faq-section{background:#3b82f60d;border:1px solid #3b82f633;border-radius:16px;padding:2rem}.faq-section h3{color:#60a5fa;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;display:flex}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.faq-item{background:#3b82f60d;border-left:3px solid #3b82f6;border-radius:12px;padding:1rem}.faq-question{color:#fff;margin:0 0 .5rem;font-size:.95rem;font-weight:600}.faq-answer{color:var(--gray);margin:0;font-size:.9rem;line-height:1.5}.product-reviews-section{margin-bottom:4rem}.product-related-section{margin-bottom:2rem}@media (max-width:1024px){.product-info-grid{grid-template-columns:1fr 1fr}.recommendations-card{grid-column:span 2}}@media (max-width:768px){.product-page{padding:6rem 1rem 2rem}.product-top-section{grid-template-columns:1fr;gap:2rem}.product-page-image{position:relative;top:0}.product-image-container{min-height:280px;padding:1.5rem}.product-page-title,.price-value,.total-value{font-size:1.6rem}.product-info-grid{grid-template-columns:1fr}.recommendations-card{grid-column:span 1}.faq-grid{grid-template-columns:1fr}.product-actions{flex-wrap:wrap}.add-to-cart-button{flex:none;width:100%}}.coupon-input-wrapper{margin:1rem 0}.coupon-input{gap:.5rem;display:flex}.coupon-input input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;flex:1;padding:.7rem 1rem;font-size:.9rem}.coupon-input input::placeholder{color:#fff6}.coupon-input input:focus{border-color:#00d4aa;outline:none}.coupon-input button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:.7rem 1.2rem;font-weight:500;transition:all .2s}.coupon-input button:hover{background:#ffffff26}.coupon-error{color:#ff6b6b;margin-top:.5rem;font-size:.85rem;display:block}.coupon-applied{background:#00d4aa1a;border:1px solid #00d4aa4d;border-radius:8px;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.coupon-tag{color:#00d4aa;align-items:center;gap:.5rem;font-weight:600;display:flex}.discount-badge{color:#fff;background:#00d4aa;border-radius:4px;padding:.2rem .5rem;font-size:.8rem}.remove-coupon{color:#ffffff80;cursor:pointer;background:0 0;border:none;font-size:1rem}.remove-coupon:hover{color:#fff}.checkout-page{z-index:10;min-height:100vh;padding:8rem 2rem 4rem;position:relative}.checkout-container{max-width:1200px;margin:0 auto}.checkout-title{text-align:center;color:#fff;margin-bottom:2rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;animation:.6s fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.checkout-steps{justify-content:center;align-items:center;gap:3rem;margin-bottom:3rem;padding:0 2rem;display:flex;position:relative}.step{z-index:2;flex-direction:column;align-items:center;gap:.5rem;display:flex}.step-number{color:#ffffff80;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-weight:700;transition:all .4s;display:flex}.step.active .step-number{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border-color:#0000;transform:scale(1.1);box-shadow:0 0 30px #8b5cf680}.step.completed .step-number{color:#fff;background:#10b981;border-color:#0000}.step-label{color:#ffffff80;font-size:.9rem;transition:color .3s}.step.active .step-label,.step.completed .step-label{color:#fff}.step-line{z-index:1;background:#ffffff1a;border-radius:3px;width:300px;height:3px;position:absolute;top:25px;left:50%;transform:translate(-50%)}.step-progress{background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:3px;height:100%;transition:width .5s}.checkout-content{grid-template-columns:1.2fr 1fr;align-items:start;gap:2rem;display:grid}.checkout-form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;padding:2rem}.form-step{animation:.5s fadeIn;display:none}.form-step.active{display:block}.step-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.step-icon{font-size:2rem}.step-header h3{color:#fff;font-size:1.4rem}.form-group input,.form-group select{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;width:100%;padding:1rem 1.2rem;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:#8b5cf6;outline:none;transform:translateY(-2px);box-shadow:0 0 0 3px #8b5cf633}.form-group input.error{border-color:#ef4444}.error-msg{color:#ef4444;margin-top:.3rem;font-size:.8rem;display:block}.btn-group{gap:1rem;margin-top:2rem;display:flex}.btn-next,.btn-back,.btn-submit{cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn-next{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border:none;flex:1;justify-content:center}.btn-next:hover{transform:translateY(-3px);box-shadow:0 10px 30px #8b5cf666}.btn-back{color:#fff;background:0 0;border:1px solid #fff3}.btn-back:hover{background:#ffffff0d}.btn-submit{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;flex:1;justify-content:center;font-size:1.1rem}.btn-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #10b98166}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.btn-submit.processing{pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.payment-methods{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.payment-option{cursor:pointer;background:#ffffff08;border:2px solid #ffffff1a;border-radius:16px;align-items:center;padding:1.2rem;transition:all .3s;display:flex}.payment-option:hover{background:#8b5cf60d;border-color:#8b5cf64d}.payment-option.active{background:#8b5cf61a;border-color:#8b5cf6}.payment-option input{display:none}.payment-content{align-items:center;gap:1rem;display:flex}.payment-icon{font-size:2rem}.payment-content strong{color:#fff;display:block}.payment-content small{color:#ffffff80;font-size:.85rem}.card-form{margin-top:1.5rem;animation:.4s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.card-preview{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #8b5cf64d;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;position:relative;overflow:hidden}.card-preview:before{content:"";background:radial-gradient(circle,#8b5cf61a 0%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.card-chip{background:linear-gradient(135deg,gold 0%,#ffb700 100%);border-radius:6px;width:45px;height:35px;margin-bottom:1.5rem}.card-number-preview{color:#fff;letter-spacing:3px;margin-bottom:1.5rem;font-family:Courier New,monospace;font-size:1.4rem}.card-bottom{justify-content:space-between;display:flex}.card-name-preview,.card-expiry-preview{color:#ffffffb3;text-transform:uppercase;font-size:.9rem}.yape-info{margin-top:1.5rem}.qr-placeholder{text-align:center;background:#ffffff0d;border:2px dashed #fff3;border-radius:16px;padding:3rem}.qr-placeholder span{margin-bottom:1rem;font-size:4rem;display:block}.qr-placeholder p{color:#fff9}.order-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;padding:2rem;animation:.6s fadeInRight;position:sticky;top:120px}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.order-summary h3{color:#fff;margin-bottom:1.5rem;font-size:1.3rem}.summary-items{flex-direction:column;gap:1rem;max-height:300px;margin-bottom:1.5rem;display:flex;overflow-y:auto}.summary-item{background:#ffffff08;border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:transform .3s;display:flex}.summary-item:hover{transform:translate(5px)}.summary-item-image{background:#8b5cf61a;border-radius:10px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.summary-item-image img{object-fit:cover;border-radius:10px;width:100%;height:100%}.summary-item-image .emoji{font-size:2rem}.summary-item-info{flex:1}.summary-item-info h4{color:#fff;margin-bottom:.3rem;font-size:.95rem}.summary-item-info p{color:#ffffff80;font-size:.85rem}.summary-item-price{color:#8b5cf6;font-weight:700}.summary-totals{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1.5rem}.summary-row{color:#ffffffb3;justify-content:space-between;padding:.7rem 0;display:flex}.summary-row.discount{color:#10b981}.summary-row .free{color:#10b981;font-weight:600}.summary-row.total{color:#fff;border-top:1px solid #ffffff1a;margin-top:.5rem;padding-top:1rem;font-size:1.3rem;font-weight:700}.summary-row.total span:last-child{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.free-shipping-badge{color:#10b981;text-align:center;background:linear-gradient(135deg,#10b98133 0%,#05966933 100%);border:1px solid #10b9814d;border-radius:10px;margin:1rem 0;padding:.8rem;font-size:.9rem}.security-badges{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.badge{color:#fff9;background:#ffffff0d;border-radius:8px;padding:.5rem .8rem;font-size:.8rem}.empty-checkout{text-align:center;padding:5rem 2rem;animation:.6s fadeIn}.empty-icon{margin-bottom:1.5rem;font-size:5rem;animation:2s infinite bounce}.empty-checkout h2{color:#fff;margin-bottom:.5rem;font-size:1.8rem}.empty-checkout p{color:#fff9;margin-bottom:2rem}.btn-primary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border-radius:50px;padding:1rem 2.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.order-success{text-align:center;padding:4rem 2rem;animation:.6s scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-animation{margin-bottom:2rem}.checkmark-circle{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto;animation:2s infinite pulse-success;display:flex}@keyframes pulse-success{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 20px #10b98100}}.checkmark{opacity:0;border-bottom:4px solid #fff;border-left:4px solid #fff;width:40px;height:20px;animation:.5s .3s forwards checkmark-draw;transform:rotate(-45deg)}@keyframes checkmark-draw{to{opacity:1}}.order-success h2{color:#fff;margin-bottom:.5rem;font-size:2rem}.order-success>p{color:#ffffffb3;margin-bottom:1.5rem}.order-number{color:#8b5cf6;background:#8b5cf633;border-radius:50px;margin-bottom:2rem;padding:.8rem 1.5rem;font-size:1.2rem;font-weight:700;display:inline-block}.order-details-summary{background:#ffffff0d;border-radius:16px;max-width:400px;margin:0 auto 1.5rem;padding:1.5rem}.detail-row{color:#ffffffb3;justify-content:space-between;padding:.5rem 0;display:flex}.redirect-message{color:#ffffff80;font-size:.9rem;animation:1.5s infinite pulse}@media (max-width:968px){.checkout-content{grid-template-columns:1fr}.order-summary{position:relative;top:0}.checkout-steps{gap:1.5rem}.step-line{width:200px}.form-row{grid-template-columns:1fr}}@media (max-width:600px){.checkout-page{padding:7rem 1rem 2rem}.checkout-steps{gap:1rem}.step-number{width:40px;height:40px;font-size:.9rem}.step-label{font-size:.75rem}.step-line{width:150px;top:20px}}.about-section{z-index:10;max-width:1400px;margin:0 auto;padding:8rem 2rem;position:relative}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-text h2{margin-bottom:2rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.about-text p{color:var(--gray);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.stats{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;display:grid}.stat{text-align:center;flex-direction:column;align-items:center;display:flex}.stat-number{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.stat-label{color:var(--gray);font-size:.9rem}.about-image{position:relative}.image-placeholder{aspect-ratio:1;background:linear-gradient(135deg,#8b5cf633 0%,#ec489933 100%);border:2px solid #8b5cf64d;border-radius:30px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.image-placeholder:before{content:"";background:linear-gradient(45deg,#0000,#8b5cf61a,#0000);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.placeholder-icon{filter:drop-shadow(0 0 30px #8b5cf699);z-index:1;font-size:8rem}@media (max-width:768px){.about-section{padding:4rem 1rem}.about-content{grid-template-columns:1fr;gap:2rem}.about-text h2{font-size:2rem}.about-text p{font-size:1rem}.stats{grid-template-columns:1fr;gap:1.5rem}.stat-number{font-size:2rem}.placeholder-icon{font-size:5rem}}.about-page{z-index:10;min-height:100vh;padding-top:6rem;position:relative}.mission-section{z-index:10;background:#8b5cf608;border-top:1px solid #8b5cf61a;padding:4rem 2rem 8rem;position:relative}.mission-content{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto;display:grid}.mission-card{text-align:center;background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:20px;padding:3rem 2rem;transition:all .3s}.mission-card:hover{border-color:var(--purple-electric);background:#8b5cf61a;transform:translateY(-10px);box-shadow:0 20px 40px #8b5cf64d}.mission-icon{filter:drop-shadow(0 0 20px #8b5cf680);margin-bottom:1.5rem;font-size:4rem}.mission-card h3{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.8rem}.mission-card p{color:var(--gray);font-size:1.05rem;line-height:1.8}@media (max-width:768px){.about-page{padding-top:5rem}.mission-section{padding:3rem 1rem 4rem}.mission-content{grid-template-columns:1fr}.mission-card{padding:2rem 1.5rem}.mission-icon{font-size:3rem}}.contact-section{z-index:10;padding:2rem;position:relative}.contact-container{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;max-width:1200px;margin:0 auto;display:grid}.contact-left{flex-direction:column;gap:2rem;display:flex}.contact-info{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:24px;padding:2.5rem;animation:.6s slideInLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.contact-info h2{color:#fff;margin-bottom:.5rem;font-size:2rem}.contact-subtitle{color:#fff9;margin-bottom:2rem}.contact-details{flex-direction:column;gap:1.5rem;display:flex}.contact-item{background:#ffffff08;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem;transition:all .3s;display:flex}.contact-item:hover{background:#8b5cf61a;transform:translate(10px)}.contact-icon{background:linear-gradient(135deg,#8b5cf633 0%,#ec489933 100%);border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.contact-item h4{color:#fff;margin-bottom:.3rem;font-size:1rem}.contact-item p{color:#ffffffb3;font-size:.95rem}.social-contact{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1.5rem}.social-contact h4{color:#fff;margin-bottom:1rem}.social-icons{gap:1rem;display:flex}.social-icon-btn{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.3rem;text-decoration:none;transition:all .3s;display:flex}.social-icon-btn:hover{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);transform:translateY(-5px)scale(1.1)}.map-container{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:24px;padding:1.5rem;animation:.8s slideInLeft}.map-container h4{color:#fff;margin-bottom:1rem;font-size:1.1rem}.map-wrapper{border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.contact-form{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:24px;padding:2.5rem;animation:.6s slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.contact-form h3{color:#fff;margin-bottom:2rem;font-size:1.5rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{margin-bottom:1.5rem}.form-group label{color:#fffc;margin-bottom:.5rem;font-size:.95rem;display:block}.form-group input,.form-group textarea,.form-group select{color:#fff;background:#ffffff0d;border:1px solid #8b5cf64d;border-radius:12px;width:100%;padding:1rem 1.2rem;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#8b5cf6;outline:none;transform:scale(1.01);box-shadow:0 0 20px #8b5cf64d}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group select{cursor:pointer}.form-group select option{color:#fff;background:#1a1a2e}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.8rem;width:100%;padding:1.2rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #8b5cf666}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn.loading{pointer-events:none}.loader{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.success-message{text-align:center;padding:3rem 2rem;animation:.5s scaleIn}.success-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2.5rem;animation:.6s bounce;display:flex}.success-message h4{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.success-message p{color:#ffffffb3}@media (max-width:968px){.contact-container,.form-row{grid-template-columns:1fr}}.contact-page{z-index:10;min-height:100vh;padding-top:6rem;position:relative}@media (max-width:768px){.contact-page{padding-top:5rem}}.order-history-page{min-height:100vh;padding:120px 2rem 4rem}.order-history-container{max-width:900px;margin:0 auto}.page-title{color:#fff;text-align:center;margin-bottom:3rem;font-size:2.5rem}.no-orders{text-align:center;background:#ffffff0d;border-radius:20px;padding:4rem 2rem}.no-orders h2{color:#fff;margin-bottom:.5rem}.no-orders p{color:#fff9;margin-bottom:2rem}.shop-btn{color:#fff;background:linear-gradient(135deg,#00d4aa 0%,#00b894 100%);border-radius:50px;padding:1rem 2rem;font-weight:600;text-decoration:none;display:inline-block}.order-card{background:#ffffff0d;border-radius:16px;overflow:hidden}.order-header{cursor:pointer;justify-content:space-between;align-items:center;padding:1.5rem;transition:background .2s;display:flex}.order-header:hover{background:#ffffff08}.order-info{flex-direction:column;gap:.3rem;display:flex}.order-number{color:#fff;font-size:1.1rem;font-weight:600}.order-meta{align-items:center;gap:1rem;display:flex}.expand-icon{color:#ffffff80}.order-details{border-top:1px solid #ffffff1a;padding:0 1.5rem 1.5rem}.order-items{flex-direction:column;gap:.75rem;padding:1rem 0;display:flex}.order-item{background:#ffffff08;border-radius:8px;align-items:center;gap:1rem;padding:.75rem;display:flex}.item-image{text-align:center;width:50px;font-size:2rem}.item-info h4{color:#fff;margin-bottom:.2rem;font-size:.95rem}.item-info p{color:#ffffff80;font-size:.85rem}.order-shipping{border-top:1px solid #ffffff1a;padding-top:1rem}.order-shipping h4{color:#ffffffb3;margin-bottom:.3rem;font-size:.9rem}.order-shipping p{color:#fff}@media (max-width:600px){.order-header{flex-direction:column;align-items:flex-start;gap:1rem}.order-meta{justify-content:space-between;width:100%}}.auth-page{z-index:10;justify-content:center;align-items:center;min-height:100vh;padding:8rem 2rem 3rem;display:flex;position:relative}.auth-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a1466;border:1px solid #8b5cf633;border-radius:24px;grid-template-columns:1fr 1fr;width:100%;max-width:1000px;display:grid;overflow:visible;box-shadow:0 25px 80px #0000004d}.auth-branding{background:linear-gradient(135deg,#8b5cf61a 0%,#ec48990d 100%);border-right:1px solid #8b5cf61a;flex-direction:column;justify-content:center;padding:3rem;display:flex}.brand-content{max-width:380px}.brand-logo .logo-icon{font-size:2.5rem}.brand-logo .logo-text{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.auth-branding h1{color:#fff;margin-bottom:1rem;font-size:1.8rem;font-weight:600;line-height:1.3}.auth-branding>.brand-content>p{color:#fff9;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.benefits-list{flex-direction:column;gap:1rem;display:flex}.benefit-item{color:#fffc;align-items:center;gap:.8rem;font-size:.9rem;display:flex}.benefit-item span:first-child{font-size:1.2rem}.auth-form-panel{justify-content:center;align-items:flex-start;max-height:90vh;padding:2rem 2.5rem;display:flex;overflow-y:auto}.auth-form-container{width:100%;max-width:360px;padding:1rem 0}.auth-tabs{background:#8b5cf61a;border-radius:10px;flex-shrink:0;gap:.5rem;margin-bottom:1.5rem;padding:.3rem;display:flex}.auth-tab{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.7rem;font-size:.85rem;font-weight:500;transition:all .3s}.auth-tab:hover{color:#fff}.auth-tab.active{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-alert{border-radius:10px;align-items:center;gap:.6rem;padding:.8rem 1rem;font-size:.9rem;display:flex}.auth-alert.error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.auth-alert.success{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.form-group label{color:#ffffffe6;font-size:.8rem;font-weight:500}.form-group input{color:#fff;background:#8b5cf614;border:1px solid #8b5cf633;border-radius:10px;padding:.7rem 1rem;font-size:.9rem;transition:all .3s}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:44px;margin-top:.3rem;padding:.85rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf666}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.auth-footer-text{text-align:center;color:#ffffff80;margin-top:1.5rem;font-size:.9rem}.link-btn{color:#a78bfa;cursor:pointer;background:0 0;border:none;font-size:.9rem;text-decoration:underline}.link-btn:hover{color:#c4b5fd}@media (max-width:768px){.auth-page{padding:1rem}.auth-container{grid-template-columns:1fr;max-width:450px}.auth-branding{display:none}.auth-form-panel{padding:2rem 1.5rem}}@media (max-width:480px){.auth-form-panel{padding:1.5rem 1rem}.auth-tabs{flex-direction:column}.form-group input{padding:.75rem .9rem}}.account-page{z-index:10;min-height:100vh;padding:10rem 2rem 4rem;position:relative}.account-container{grid-template-columns:280px 1fr;gap:2rem;max-width:1200px;margin:0 auto;display:grid}.account-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f1e80;border:1px solid #8b5cf633;border-radius:20px;height:fit-content;padding:2rem;position:sticky;top:120px}.user-card{text-align:center;border-bottom:1px solid #8b5cf626;margin-bottom:1.5rem;padding-bottom:1.5rem}.user-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1rem;font-size:2rem;font-weight:600;display:flex}.user-card h3{color:#fff;margin-bottom:.3rem;font-size:1.2rem}.user-card p{color:#ffffff80;font-size:.9rem}.account-nav{flex-direction:column;gap:.5rem;display:flex}.nav-btn{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:.8rem;padding:.9rem 1rem;font-size:.95rem;transition:all .3s;display:flex}.nav-btn:hover{color:#fff;background:#8b5cf61a}.nav-btn.active{color:#a78bfa;background:#8b5cf633}.nav-btn span:first-child{font-size:1.2rem}.nav-btn.logout{color:#ef4444cc;margin-top:1rem}.nav-btn.logout:hover{color:#f87171;background:#ef44441a}.account-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f1e80;border:1px solid #8b5cf633;border-radius:20px;padding:2rem}.tab-content h2{color:#fff;border-bottom:1px solid #8b5cf626;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.5rem}.empty-state{text-align:center;padding:3rem 2rem}.empty-icon{margin-bottom:1rem;font-size:4rem;display:block}.empty-state h3{color:#fff;margin-bottom:.5rem;font-size:1.3rem}.empty-state p{color:#ffffff80;margin-bottom:1.5rem}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:10px;padding:.8rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf666}.btn-secondary{color:#a78bfa;cursor:pointer;background:0 0;border:1px solid #8b5cf64d;border-radius:10px;padding:.8rem 1.5rem;font-weight:500;transition:all .3s}.btn-secondary:hover{background:#8b5cf61a}.orders-list{flex-direction:column;gap:1rem;display:flex}.order-card{background:#8b5cf60d;border:1px solid #8b5cf626;border-radius:16px;overflow:hidden}.order-header{background:#8b5cf614;border-bottom:1px solid #8b5cf61a;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.order-id{color:#fff;font-weight:600;display:block}.order-date{color:#ffffff80;font-size:.85rem}.order-status{color:#fff;text-transform:capitalize;border-radius:20px;padding:.4rem .8rem;font-size:.8rem;font-weight:500}.order-items{padding:1rem 1.2rem}.order-item{border-bottom:1px solid #8b5cf614;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.order-item:last-child{border-bottom:none}.order-item img{object-fit:cover;border-radius:8px;width:50px;height:50px}.item-info{flex:1}.item-name{color:#fff;font-size:.95rem;display:block}.item-qty{color:#ffffff80;font-size:.85rem}.item-price{color:#a78bfa;font-weight:500}.order-footer{text-align:right;background:#8b5cf614;border-top:1px solid #8b5cf61a;padding:1rem 1.2rem}.order-total{color:#fff;font-size:1.1rem;font-weight:600}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.wishlist-card{background:#8b5cf60d;border:1px solid #8b5cf626;border-radius:16px;text-decoration:none;transition:all .3s;overflow:hidden}.wishlist-card:hover{border-color:#8b5cf666;transform:translateY(-5px);box-shadow:0 15px 40px #8b5cf633}.wishlist-card img{object-fit:cover;width:100%;height:150px}.wishlist-info{padding:1rem}.wishlist-info h4{color:#fff;margin-bottom:.5rem;font-size:.95rem}.wishlist-price{color:#a78bfa;font-weight:600}.profile-form{max-width:600px}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.profile-form .form-group{flex-direction:column;gap:.5rem;display:flex}.profile-form label{color:#ffffffb3;font-size:.9rem}.profile-form input{color:#fff;background:#8b5cf614;border:1px solid #8b5cf633;border-radius:10px;padding:.8rem 1rem;font-size:.95rem;transition:all .3s}.profile-form input:focus{background:#8b5cf61f;border-color:#8b5cf680;outline:none}.profile-form input:disabled{opacity:.6;cursor:not-allowed}.profile-form input::placeholder{color:#ffffff4d}.form-actions{gap:1rem;margin-top:2rem;display:flex}@media (max-width:900px){.account-container{grid-template-columns:1fr}.account-sidebar{position:static}.account-nav{flex-flow:wrap}.nav-btn{flex:1;justify-content:center;min-width:120px}.nav-btn.logout{margin-top:0}}@media (max-width:600px){.account-page{padding:5rem 1rem 3rem}.account-sidebar,.account-content{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.wishlist-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.form-actions{flex-direction:column}}.admin-login-page{background:linear-gradient(135deg,#0a0a14 0%,#1a1a2e 50%,#16213e 100%);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}#login-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.login-wrapper{z-index:10;grid-template-columns:1fr 1fr;width:100%;height:100vh;display:grid;position:relative}.login-branding{background:linear-gradient(135deg,#8b5cf614 0%,#ec489908 100%);border-right:1px solid #8b5cf626;flex-direction:column;justify-content:center;padding:3rem;display:flex}.branding-content{max-width:420px;margin:0 auto}.brand-logo{align-items:center;gap:.6rem;margin-bottom:1.5rem;display:flex}.logo-icon{font-size:2rem}.logo-text{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.login-branding h1{color:#fff;margin-bottom:.5rem;font-size:1.8rem;font-weight:600;line-height:1.3}.branding-content>p{color:#fff9;margin-bottom:2rem;font-size:.9rem;line-height:1.5}.brand-features{flex-direction:column;gap:.8rem;display:flex}.feature-item{background:#8b5cf614;border:1px solid #8b5cf626;border-radius:10px;align-items:center;gap:.8rem;padding:.8rem 1rem;transition:all .3s;display:flex}.feature-item:hover{background:#8b5cf61f;transform:translate(5px)}.feature-icon{flex-shrink:0;font-size:1.3rem}.feature-item h4{color:#fff;margin-bottom:.1rem;font-size:.85rem;font-weight:600}.feature-item div p{color:#ffffff80;margin:0;font-size:.75rem}.branding-footer{border-top:1px solid #8b5cf626;margin-top:2rem;padding-top:1rem}.branding-footer p{color:#fff6;font-size:.8rem}.login-form-panel{justify-content:center;align-items:center;height:100vh;padding:1.5rem;display:flex}.login-form-container{width:100%;max-width:360px}.login-header{text-align:center;margin-bottom:1.5rem}.login-icon{margin-bottom:.5rem;font-size:2.5rem;display:block}.login-header h2{color:#fff;margin-bottom:.3rem;font-size:1.5rem;font-weight:600}.login-header p{color:#ffffff80;font-size:.85rem}.login-form{flex-direction:column;gap:1rem;display:flex}.error-alert{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:.6rem;padding:.7rem;font-size:.85rem;animation:.5s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:#ffffffe6;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.label-icon{font-size:.85rem}.form-group input{color:#fff;background:#8b5cf614;border:1px solid #8b5cf640;border-radius:8px;width:100%;padding:.75rem .9rem;font-size:.9rem;transition:all .3s}.form-group input:focus{background:#8b5cf61f;border-color:#8b5cf699;outline:none;box-shadow:0 0 0 3px #8b5cf626}.form-group input::placeholder{color:#ffffff4d}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:2.5rem}.toggle-password{cursor:pointer;opacity:.6;background:0 0;border:none;padding:.2rem;font-size:1rem;transition:opacity .3s;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.toggle-password:hover{opacity:1}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.3rem;padding:.8rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.login-btn:disabled{opacity:.7;cursor:not-allowed}.btn-arrow{font-size:1rem;transition:transform .3s}.login-btn:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.login-divider{align-items:center;margin:1rem 0 .8rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:#8b5cf633;flex:1;height:1px}.login-divider span{color:#fff6;text-transform:uppercase;letter-spacing:1px;padding:0 .8rem;font-size:.7rem}.test-credentials{gap:.5rem;display:flex}.credential-item{text-align:center;background:#8b5cf60f;border:1px solid #8b5cf61f;border-radius:6px;flex-direction:column;flex:1;align-items:center;padding:.5rem;display:flex}.cred-role{color:#a78bfa;margin-bottom:.2rem;font-size:.7rem;font-weight:600}.credential-item code{color:#fff9;word-break:break-all;font-family:monospace;font-size:.65rem}@media (max-width:1024px){.login-wrapper{grid-template-columns:1fr}.login-branding{display:none}.login-form-panel{background:linear-gradient(135deg,#8b5cf60d 0%,#ec489905 100%)}}@media (max-width:480px){.login-form-panel{padding:1rem}.login-form-container{max-width:100%}.login-icon{font-size:2rem}.login-header h2{font-size:1.3rem}.login-header{margin-bottom:1.2rem}.login-form{gap:.8rem}.form-group input{padding:.7rem .8rem;font-size:.85rem}.login-btn{padding:.75rem;font-size:.9rem}.test-credentials{flex-direction:column;gap:.4rem}.credential-item{text-align:left;flex-direction:row;justify-content:space-between}.cred-role{margin-bottom:0}}.login-form-container{animation:.5s ease-out fadeIn}.feature-item{opacity:0;animation:.5s ease-out forwards slideIn}.feature-item:first-child{animation-delay:.1s}.feature-item:nth-child(2){animation-delay:.2s}.feature-item:nth-child(3){animation-delay:.3s}.modal-product{max-width:600px;max-height:90vh;overflow-y:auto}.form-error{color:#dc2626;background:#fee2e2;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}.image-upload-section{margin-top:8px}.image-dropzone{text-align:center;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:40px 20px;transition:all .3s}.image-dropzone:hover{background:#f0fdf4;border-color:#2d5a27}.dropzone-icon{margin-bottom:12px;font-size:48px;display:block}.image-dropzone p{color:#374151;margin:0 0 4px;font-weight:500}.image-dropzone small{color:#6b7280}.image-preview-container{width:100%;max-width:300px;display:inline-block;position:relative}.image-preview{object-fit:cover;border:2px solid #e5e7eb;border-radius:12px;width:100%;height:200px}.emoji-preview{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:100%;height:200px;font-size:80px;display:flex}.btn-remove-image{color:#fff;cursor:pointer;background:#dc2626e6;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .2s;position:absolute;top:8px;right:8px}.btn-remove-image:hover{background:#dc2626}.checkbox-group{align-items:center;padding-top:28px;display:flex}.checkbox-group label{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.checkbox-group input[type=checkbox]{accent-color:#2d5a27;width:18px;height:18px}.btn-save-new:disabled{opacity:.6;cursor:not-allowed}.admin-dashboard-new{background:#0d0d1a;width:100vw;max-width:100%;min-height:100vh;display:flex;overflow-x:hidden}.sidebar-new{z-index:1000;background:#0f0f1ef2;border-right:1px solid #8b5cf626;flex-direction:column;width:220px;transition:width .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-new.closed{width:60px}.sidebar-header{border-bottom:1px solid #8b5cf61f;justify-content:space-between;align-items:center;min-height:56px;padding:1rem 1.2rem;display:flex}.logo-new{align-items:center;gap:.5rem;display:flex}.logo-icon-new{font-size:1.4rem}.logo-text{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700}.toggle-sidebar{color:#fff6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.9rem;transition:all .2s;display:flex}.toggle-sidebar:hover{color:#fffc}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto}.nav-item{color:#fff9;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.8rem;width:100%;padding:.7rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#8b5cf61a}.nav-item.active{color:#fff;background:#8b5cf626;border-left:3px solid #8b5cf6}.nav-icon{min-width:20px;font-size:1.2rem}.sidebar-footer{border-top:1px solid #8b5cf626;padding:.5rem 0}.nav-item.logout{color:#f87171}.nav-item.logout:hover{background:#ef44441a}.main-content-new{flex:1;min-height:100vh;margin-left:220px;transition:margin-left .3s}.sidebar-new.closed+.main-content-new{margin-left:60px}.top-bar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0d1af2;border-bottom:1px solid #8b5cf61f;justify-content:space-between;align-items:center;min-height:56px;padding:.8rem 1.5rem;display:flex;position:sticky;top:0}.top-bar-left{align-items:center;gap:1rem;display:flex}.menu-toggle{color:#ffffffb3;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.3rem;font-size:1.3rem;transition:color .2s;display:flex}.menu-toggle:hover{color:#fff}.top-bar h1{color:#fff;margin:0;font-size:1.2rem;font-weight:600}.user-info{flex-direction:column;align-items:flex-end;gap:.1rem;display:flex}.user-name{color:#fff;font-size:.9rem;font-weight:600}.user-role{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.content-area{padding:1.5rem}.dashboard-overview h2{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.stats-grid-new{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card-new{background:#8b5cf60f;border:1px solid #8b5cf626;border-radius:12px;align-items:center;gap:1rem;padding:1.2rem;transition:all .2s;display:flex}.stat-card-new:hover{border-color:#8b5cf666;transform:translateY(-3px);box-shadow:0 8px 20px #8b5cf626}.stat-card-new.alert{background:#ef44440f;border-color:#ef444440}.stat-icon-new{font-size:2rem}.stat-info-new h3{color:#fff;margin:0 0 .2rem;font-size:1.5rem;font-weight:700}.stat-info-new p{color:#ffffff80;margin:0;font-size:.8rem}.recent-activity{background:#8b5cf60a;border:1px solid #8b5cf61f;border-radius:12px;padding:1.5rem}.recent-activity h3{color:#fff;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.activity-list{flex-direction:column;gap:.6rem;display:flex}.activity-item{background:#ffffff05;border-radius:8px;align-items:center;gap:.8rem;padding:.8rem;transition:all .2s;display:flex}.activity-item:hover{background:#8b5cf614}.activity-icon{font-size:1.2rem}.activity-details{flex:1}.activity-details p{color:#fff;margin:0 0 .2rem;font-size:.9rem}.activity-details small{color:#ffffff80;font-size:.8rem}.activity-amount{color:#a78bfa;font-size:1rem;font-weight:600}.section-header-new{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header-new h2{color:#fff;margin:0;font-size:1.4rem;font-weight:600}.btn-primary-new{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary-new:hover{transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf666}.btn-secondary-new{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #8b5cf640;border-radius:8px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .2s}.btn-secondary-new:hover{background:#ffffff14}.btn-sm-new{color:#fff;cursor:pointer;background:#8b5cf626;border:1px solid #8b5cf633;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;transition:all .2s}.btn-sm-new:hover{background:#8b5cf640}.btn-icon-new{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem;font-size:1rem;transition:all .2s}.btn-icon-new.edit{background:#3b82f61a}.btn-icon-new.edit:hover{background:#3b82f633}.btn-icon-new.delete{background:#ef44441a}.btn-icon-new.delete:hover{background:#ef444433}.table-container-new{background:#8b5cf60a;border:1px solid #8b5cf61f;border-radius:10px;overflow:hidden}.data-table-new{border-collapse:collapse;width:100%}.data-table-new thead{background:#8b5cf614}.data-table-new th{text-align:left;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;padding:.8rem 1rem;font-size:.8rem;font-weight:600}.data-table-new tbody tr{border-bottom:1px solid #8b5cf614;transition:all .2s}.data-table-new tbody tr:hover{background:#8b5cf60f}.data-table-new td{color:#ffffffb3;padding:.8rem 1rem;font-size:.9rem}.product-image-small{font-size:1.5rem}.badge-new{color:var(--purple-light);background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:8px;padding:.3rem .8rem;font-size:.85rem;display:inline-block}.badge-new.role{color:#60a5fa;background:#3b82f633;border-color:#3b82f64d}.price-cell-new{color:var(--purple-light);font-size:1.1rem;font-weight:700}.stock-badge{color:#34d399;background:#10b98133;border:1px solid #10b9814d;border-radius:8px;padding:.3rem .8rem;font-weight:600;display:inline-block}.stock-badge.low{color:#fca5a5;background:#ef444433;border-color:#ef44444d}.action-btns-new{gap:.5rem;display:flex}.stock-bar{background:#ffffff1a;border-radius:4px;width:100%;height:8px;overflow:hidden}.stock-fill{background:linear-gradient(90deg,#10b981 0%,#34d399 100%);height:100%;transition:width .3s}.stock-fill.low{background:linear-gradient(90deg,#ef4444 0%,#fca5a5 100%)}.filters-bar{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label{color:var(--gray);font-size:.9rem;font-weight:600}.filter-group input{color:#fff;background:#ffffff0d;border:1px solid #8b5cf64d;border-radius:8px;padding:.8rem;font-size:1rem}.filter-group input:focus{border-color:var(--purple-electric);outline:none}.report-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.summary-card{text-align:center;background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:12px;padding:1.5rem}.summary-card h4{color:var(--gray);text-transform:uppercase;margin:0 0 .8rem;font-size:.9rem}.summary-value{color:#fff;margin:0;font-size:2rem;font-weight:700}.permissions-count{color:var(--gray);font-size:.85rem}.empty-state{text-align:center;color:#ffffff80;padding:1.5rem}.empty-state p{margin:.3rem 0 0;font-size:.9rem}.empty-state small{color:#fff6;font-size:.8rem}.empty-state-large{text-align:center;background:#8b5cf60a;border:1px solid #8b5cf61f;border-radius:12px;padding:3rem 2rem}.empty-icon{opacity:.4;margin-bottom:.8rem;font-size:3rem}.empty-state-large h3{color:#fff;margin:0 0 .4rem;font-size:1.2rem;font-weight:600}.empty-state-large p{color:#ffffff80;margin:0 0 1rem;font-size:.9rem}.empty-state-large .btn-primary-new{margin-top:.5rem}@media (max-width:968px){.sidebar-new{width:60px}.sidebar-new .logo-text,.sidebar-new .nav-item span:not(.nav-icon){display:none}.main-content-new{margin-left:60px}.top-bar{padding:.8rem 1rem}.top-bar h1{font-size:1.1rem}.content-area{padding:1rem}.stats-grid-new{grid-template-columns:repeat(2,1fr)}.section-header-new{flex-direction:column;align-items:stretch;gap:.8rem}.filters-bar{flex-direction:column}.report-summary{grid-template-columns:1fr 1fr}}.modal-overlay-new{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#000c;animation:.3s fadeIn;position:fixed;inset:0}.modal-new{z-index:2001;background:#1a1a2efa;border:1px solid #8b5cf64d;border-radius:24px;width:90%;max-width:600px;max-height:90vh;animation:.3s slideUp;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.modal-new.modal-small{max-width:400px}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-header-new{border-bottom:1px solid #8b5cf633;justify-content:space-between;align-items:center;padding:2rem;display:flex}.modal-header-new h3{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.modal-close-new{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:2rem;transition:transform .3s;display:flex}.modal-close-new:hover{background:#ef444433;transform:rotate(90deg)}.modal-form-new{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.form-group-new{flex-direction:column;gap:.5rem;display:flex}.form-group-new label{color:#fff;font-size:.95rem;font-weight:600}.form-group-new input,.form-group-new textarea,.form-group-new select{color:#fff;background:#ffffff0d;border:1px solid #8b5cf64d;border-radius:12px;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group-new input:focus,.form-group-new textarea:focus,.form-group-new select:focus{border-color:var(--purple-electric);background:#8b5cf61a;outline:none}.form-group-new input::placeholder,.form-group-new textarea::placeholder{color:#ffffff4d}.select-new{cursor:pointer}.select-new option{color:#fff;background:#1a1a2e}.form-row-new{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.modal-actions-new{gap:1rem;margin-top:1rem;display:flex}.btn-cancel-new,.btn-save-new{cursor:pointer;border:none;border-radius:12px;flex:1;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-cancel-new{color:#fff;background:#ffffff0d;border:1px solid #8b5cf64d}.btn-cancel-new:hover{background:#ffffff1a}.btn-save-new{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);box-shadow:0 4px 15px #8b5cf666}.btn-save-new:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf699}@media (max-width:480px){.sidebar-new{position:fixed;transform:translate(-100%)}.sidebar-new.open{transform:translate(0)}.main-content-new{margin-left:0}.stat-card-new{text-align:center;flex-direction:column}.report-summary{grid-template-columns:1fr}.table-container-new{overflow-x:auto}.data-table-new{min-width:600px}.modal-new{width:95%;max-height:95vh}.modal-header-new{padding:1.5rem}.modal-header-new h3{font-size:1.3rem}.modal-form-new{padding:1.5rem}.form-row-new{grid-template-columns:1fr}.modal-actions-new{flex-direction:column}}.nav-badge{color:#fff;background:#ef4444;border-radius:10px;margin-left:auto;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.activity-meta{align-items:center;gap:1rem;display:flex}.status-badge{text-transform:capitalize;border-radius:8px;padding:.3rem .8rem;font-size:.8rem;font-weight:600}.status-badge.pendiente{color:#ffc107;background:#ffc10733}.status-badge.procesando{color:#17a2b8;background:#17a2b833}.status-badge.enviado{color:#007bff;background:#007bff33}.status-badge.entregado{color:#28a745;background:#28a74533}.status-badge.cancelado{color:#dc3545;background:#dc354533}.orders-section-new .orders-stats{gap:.8rem;display:flex}.stat-pill{color:var(--purple-light);background:#8b5cf633;border-radius:20px;padding:.5rem 1rem;font-size:.85rem}.stat-pill.pending{color:#ffc107;background:#ffc10733}.stat-pill.success{color:#28a745;background:#28a74533}.status-badge-table{color:#fff;text-transform:capitalize;border-radius:8px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:inline-block}.status-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #8b5cf64d;border-radius:8px;padding:.4rem .6rem;font-size:.85rem}.status-select option{color:#fff;background:#1a1a2e}.btn-icon-new.view{background:#8b5cf61a}.btn-icon-new.view:hover{background:#8b5cf633;transform:scale(1.1)}.btn-icon-new.toggle{background:#ffffff0d}.btn-icon-new.toggle:hover{background:#ffffff1a}.coupon-code{color:var(--purple-light);background:#8b5cf633;border-radius:6px;padding:.3rem .6rem;font-family:monospace;font-size:.9rem}.badge-new.active{color:#28a745;background:#28a74533;border-color:#28a7454d}.badge-new.inactive{color:#6c757d;background:#6c757d33;border-color:#6c757d4d}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.category-card-admin{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:12px;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .3s;display:flex}.category-card-admin:hover{border-color:#8b5cf680;transform:translateY(-2px)}.category-card-admin.inactive{opacity:.5;border-color:#6c757d4d}.category-info h4{color:#fff;margin:0 0 .3rem;font-size:1.1rem}.category-info small{color:var(--gray)}.category-actions{gap:.5rem;display:flex}.modal-new.modal-large{max-width:700px}.order-detail-content{padding:2rem}.order-detail-section{margin-bottom:2rem}.order-detail-section:last-child{margin-bottom:0}.order-detail-section h4{color:#fff;border-bottom:1px solid #8b5cf633;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.1rem}.order-items-list{flex-direction:column;gap:.8rem;display:flex}.order-item-row{background:#ffffff05;border-radius:8px;align-items:center;gap:1rem;padding:.8rem;display:flex}.order-item-row .item-image{font-size:1.5rem}.order-item-row .item-details{flex:1}.order-item-row .item-details strong{color:#fff;margin-bottom:.2rem;display:block}.order-item-row .item-details small{color:var(--gray)}.order-item-row .item-price{color:var(--purple-light);font-weight:700}.order-detail-section p{color:var(--gray);margin:.3rem 0}.order-totals{flex-direction:column;gap:.5rem;display:flex}.total-row{color:var(--gray);justify-content:space-between;display:flex}.total-row.discount{color:#28a745}.total-row.final{color:#fff;border-top:1px solid #8b5cf633;margin-top:.5rem;padding-top:.5rem;font-size:1.2rem;font-weight:700}@media (max-width:768px){.orders-section-new .orders-stats{flex-wrap:wrap}.categories-grid{grid-template-columns:1fr}.activity-meta{flex-direction:column;align-items:flex-end;gap:.3rem}}.messages-section-new .messages-list{flex-direction:column;gap:1rem;display:flex}.message-card{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:12px;padding:1.5rem;transition:all .3s}.message-card.unread{border-left:4px solid var(--purple-electric);background:#8b5cf61a}.message-card:hover{border-color:#8b5cf666}.message-header{justify-content:space-between;align-items:flex-start;margin-bottom:.8rem;display:flex}.message-sender{flex-direction:column;gap:.2rem;display:flex}.message-sender strong{color:#fff;font-size:1.1rem}.message-email{color:var(--gray);font-size:.9rem}.message-meta{align-items:center;gap:.8rem;display:flex}.message-date{color:var(--gray);font-size:.85rem}.unread-badge{background:var(--purple-electric);color:#fff;border-radius:10px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.message-subject{color:var(--purple-light);margin-bottom:.8rem;font-weight:600}.message-content{color:var(--gray);margin:0 0 .8rem;line-height:1.6}.message-phone{color:var(--gray);margin-bottom:1rem;display:block}.message-actions{border-top:1px solid #8b5cf61a;gap:.5rem;padding-top:1rem;display:flex}.btn-sm-new.delete{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.btn-sm-new.delete:hover{background:#ef444433}@media (max-width:768px){.message-header{flex-direction:column;gap:.5rem}.message-meta{align-self:flex-start}}.subscribers-section-new .header-actions,.section-header-new .header-actions{align-items:center;gap:1rem;display:flex}.customers-section-new{padding:0}.customer-cell{align-items:center;gap:.8rem;display:flex}.customer-avatar-small{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:600;display:flex}.banned-row{opacity:.6;background:#ef44440d}.badge-new.banned{color:#f87171;background:#ef444433}.badge-new.active{color:#6ee7b7;background:#10b98133}.btn-icon-new.ban{color:#f87171}.btn-icon-new.ban:hover{background:#ef444433}.btn-icon-new.unban{color:#6ee7b7}.btn-icon-new.unban:hover{background:#10b98133}.customer-modal{max-width:500px}.customer-profile{text-align:center;padding:1.5rem}.customer-avatar-large{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1rem;font-size:2rem;font-weight:600;display:flex}.customer-profile h2{color:#fff;margin-bottom:.5rem}.banned-badge{color:#f87171;background:#ef444433;border-radius:20px;margin-bottom:1.5rem;padding:.3rem .8rem;font-size:.85rem;display:inline-block}.customer-details{text-align:left;background:#8b5cf60d;border-radius:12px;margin:1.5rem 0;padding:1.2rem}.detail-row{border-bottom:1px solid #8b5cf61a;justify-content:space-between;padding:.6rem 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:#fff9}.detail-row span:last-child{color:#fff;font-weight:500}.customer-actions-modal{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.btn-danger-new{color:#f87171;cursor:pointer;background:#ef444433;border:1px solid #ef44444d;border-radius:8px;padding:.7rem 1.2rem;font-size:.9rem;transition:all .3s}.btn-danger-new:hover{background:#ef44444d}.product-cell{align-items:center;gap:12px;display:flex}.product-image-small{background:#8b5cf61a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.product-image-thumb{object-fit:cover;border:1px solid #8b5cf633;border-radius:8px;width:40px;height:40px}.not-found-page{background:0 0;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:6rem 2rem 2rem;display:flex;position:relative;overflow:hidden}.not-found-content{text-align:center;color:#fff;z-index:2;animation:.8s ease-out fadeInUp;position:relative}.error-code{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;animation:1s ease-out .2s both fadeIn;display:flex}.four{background:linear-gradient(45deg,#60a5fa,#a78bfa,#ec4899) 0 0/200% 200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #60a5fa80);-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,15vw,8rem);font-weight:900;animation:3s infinite glitch,3s infinite gradientShift}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}96%{transform:translate(-2px,-2px)}98%{transform:translate(2px,2px)}}.zero{font-size:clamp(4rem,15vw,8rem);font-weight:900;display:inline-block;position:relative}.zero-inner{border:8px solid #fff;border-radius:50%;width:clamp(4rem,15vw,8rem);height:clamp(4rem,15vw,8rem);animation:3s linear infinite rotate;position:relative;box-shadow:0 0 30px #ffffff80}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zero-spin{background:#fff;border-radius:50%;width:20px;height:20px;animation:2s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-title{margin:1.5rem 0 1rem;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;animation:1s ease-out .4s both fadeIn}.error-message{opacity:.9;margin:1rem 0 2rem;font-size:clamp(1rem,3vw,1.2rem);line-height:1.6;animation:1s ease-out .6s both fadeIn}.error-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0;animation:1s ease-out .8s both fadeIn;display:flex}.btn-home,.btn-products{border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-home{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);border:none}.btn-home:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-home:hover:before{left:100%}.btn-home:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.btn-products{color:#fff;background:0 0;border:2px solid #fff}.btn-products:hover{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);border-color:#0000;transform:translateY(-3px)}.suggestions{margin-top:3rem;animation:1s ease-out 1s both fadeIn}.suggestions p{opacity:.8;margin-bottom:1rem;font-size:.9rem}.suggestion-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.suggestion-links a{color:#fff;font-size:.95rem;text-decoration:none;transition:opacity .3s;position:relative}.suggestion-links a:after{content:"";background:#fff;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.suggestion-links a:hover:after{width:100%}.suggestion-links a:hover{opacity:1}.floating-number{color:#ffffff1a;pointer-events:none;z-index:1;font-size:50px;font-weight:900;animation:10s linear infinite float-up;position:absolute;bottom:-50px}@keyframes float-up{0%{bottom:-50px;transform:translate(0)rotate(0)}to{bottom:110vh;transform:translate(100px)rotate(360deg)}}.glitch-overlay{display:none}@media (max-width:768px){.not-found-page{padding:1rem}.error-code{gap:.5rem}.error-actions{flex-direction:column;align-items:center}.btn-home,.btn-products{justify-content:center;width:100%;max-width:300px}.suggestion-links{flex-direction:column;gap:1rem}}:root{--purple-electric:#8b5cf6;--purple-dark:#6d28d9;--purple-light:#a78bfa;--gray:#9ca3af;--black:#000}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;min-width:100%;overflow-x:hidden}body{color:#fff;background:#000;width:100%;min-width:100%;max-width:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}.app{width:100%;max-width:100%;min-height:100vh;position:relative;overflow-x:hidden}main{z-index:10;width:100%;max-width:100%;position:relative;overflow-x:hidden}section{box-sizing:border-box;width:100%;min-width:100%;max-width:100%}#root{width:100%;min-width:100%;overflow-x:hidden}img,video{max-width:100%;height:auto}.container,.section-content{box-sizing:border-box;width:100%;padding-left:5%;padding-right:5%}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf699}}.animate-fadeInUp{animation:.6s forwards fadeInUp}.animate-fadeInDown{animation:.6s forwards fadeInDown}.animate-fadeInLeft{animation:.6s forwards fadeInLeft}.animate-fadeInRight{animation:.6s forwards fadeInRight}.animate-scaleIn{animation:.5s forwards scaleIn}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-glow{animation:2s ease-in-out infinite glow}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.hover-scale{transition:transform .3s}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s}.hover-glow:hover{box-shadow:0 0 30px #8b5cf680}.gradient-text{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-green{background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed 0%,#db2777 100%)}::selection{color:#fff;background:#8b5cf64d}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}