@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Segoe+UI:wght@300;400;500;600;700&display=swap";:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary-color: #ec4899;--secondary-dark: #be185d;--secondary-light: #f472b6;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--text-muted: #d1d5db;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--success-color: #10b981;--success-light: #d1fae5;--warning-color: #f59e0b;--warning-light: #fef3c7;--danger-color: #ef4444;--danger-light: #fee2e2;--info-color: #3b82f6;--info-light: #dbeafe;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 12px rgba(0, 0, 0, .12);--font-family-primary: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-family-mono: "Monaco", "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-3);color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}ul,ol{margin:var(--space-4) 0;padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}button,.btn{font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-2)}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.btn-ghost{background-color:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg)}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-base)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}input::placeholder{color:var(--text-light)}label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);color:var(--text-primary)}.card{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{flex-direction:column}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-muted{color:var(--text-light)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.badge{display:inline-block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.badge-success{background-color:var(--success-light);color:var(--success-color)}.badge-warning{background-color:var(--warning-light);color:var(--warning-color)}.badge-danger{background-color:var(--danger-light);color:var(--danger-color)}.badge-info{background-color:var(--info-light);color:var(--info-color)}.loading{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-slide-up{animation:slideInUp var(--transition-base) ease-out}.animate-slide-down{animation:slideInDown var(--transition-base) ease-out}.animate-slide-left{animation:slideInLeft var(--transition-base) ease-out}.animate-slide-right{animation:slideInRight var(--transition-base) ease-out}.animate-fade{animation:fadeIn var(--transition-base) ease-out}.animate-scale{animation:scaleIn var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.page-transition{animation:fadeIn var(--transition-slow) ease-out}.hover-lift{transition:all var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-glow{transition:all var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px #6366f14d}.interactive:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media(max-width:768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:var(--space-4)}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}:root{--navbar-bg: #ffffff;--navbar-shadow: 0 2px 10px rgba(0, 0, 0, .08);--nav-text: #2c3e50;--nav-accent: #3498db;--nav-accent-dark: #2980b9;--nav-accent-light: #ecf0f1;--cart-gradient: linear-gradient(135deg, #3498db 0%, #2980b9 100%);--admin-gradient: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);--signup-gradient: linear-gradient(135deg, #27ae60 0%, #229954 100%)}.navbar{background-color:var(--navbar-bg);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:var(--navbar-shadow);padding:.75rem 1rem;position:sticky;top:0;z-index:100;transition:all .3s ease}.navbar:hover{box-shadow:0 4px 15px #0000001f}.nav-container{width:100%;max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.nav-logo{display:flex;align-items:center;gap:.5rem;cursor:pointer;text-decoration:none;flex-shrink:0;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.logo-icon{font-size:1.8rem;display:inline-block;animation:iconSpin 2s ease-in-out infinite}@keyframes iconSpin{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3498db,#2980b9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.mobile-menu-btn{display:none;flex-direction:column;gap:.4rem;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:flex;flex-direction:column;gap:.4rem}.hamburger span{width:24px;height:2.5px;background-color:var(--nav-text);border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-menu{display:flex;gap:1rem;align-items:center;list-style:none;margin:0;padding:0;flex:1;justify-content:center}.nav-menu li{position:relative}.nav-link{display:flex;align-items:center;gap:.5rem;color:var(--nav-text);background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem .75rem;position:relative;transition:all .3s ease;border-radius:6px}.nav-icon{font-size:1.2rem;display:inline-block;transition:transform .3s ease}.nav-link:hover{color:var(--nav-accent);background-color:var(--nav-accent-light);transform:translateY(-2px)}.nav-link:hover .nav-icon{transform:scale(1.2) rotate(5deg)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--nav-accent),var(--nav-accent-dark));transition:width .3s ease;border-radius:2px}.nav-link:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.cart-link{background:var(--cart-gradient);color:#fff;padding:.6rem 1.2rem;border-radius:8px;box-shadow:0 4px 12px #3498db4d;transition:all .3s ease;font-weight:600;position:relative}.cart-link:hover{background:linear-gradient(135deg,#2980b9,#1f618d);box-shadow:0 6px 16px #3498db66;transform:translateY(-3px)}.cart-link:after{display:none}.cart-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid white;box-shadow:0 2px 8px #e74c3c66;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.cart-icon{font-size:1.1rem;animation:cartBounce .6s ease-in-out infinite}@keyframes cartBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.cart-link:hover .cart-icon{animation:cartSwing .6s ease-in-out infinite}@keyframes cartSwing{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.admin-link{background:var(--admin-gradient);color:#fff;padding:.6rem 1.2rem;border-radius:8px;box-shadow:0 4px 12px #e74c3c4d;transition:all .3s ease;font-weight:600}.admin-link:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 16px #e74c3c66;transform:translateY(-3px)}.admin-link:after{display:none}.admin-icon{font-size:1.1rem;transition:transform .3s ease}.admin-link:hover .admin-icon{transform:rotate(20deg)}.login-link{color:var(--nav-accent);font-weight:600;padding:.6rem 1rem;border:2px solid var(--nav-accent);border-radius:8px;transition:all .3s ease;background:transparent}.login-link:hover{background-color:var(--nav-accent);color:#fff;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.login-link:after{display:none}.auth-icon{font-size:1rem;transition:transform .3s ease}.login-link:hover .auth-icon{transform:scale(1.3)}.signup-link{background:var(--signup-gradient);color:#fff;padding:.6rem 1.2rem;border-radius:8px;box-shadow:0 4px 12px #27ae604d;transition:all .3s ease;font-weight:600}.signup-link:hover{background:linear-gradient(135deg,#229954,#1a7d4d);box-shadow:0 6px 16px #27ae6066;transform:translateY(-3px)}.signup-link:after{display:none}.signup-link .auth-icon{animation:signupPulse 1.5s ease-in-out infinite}@keyframes signupPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-user-container{position:relative}.nav-user-btn{display:flex;align-items:center;gap:.5rem;color:var(--nav-text);background:var(--nav-accent-light);border:none;cursor:pointer;padding:.6rem 1rem;border-radius:8px;font-weight:600;transition:all .3s ease}.user-avatar{font-size:1.2rem;animation:avatarBounce 2s ease-in-out infinite;flex-shrink:0}@keyframes avatarBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.user-name{display:inline-block;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left;color:var(--nav-text);font-size:.95rem;font-weight:500}.dropdown-arrow{font-size:.7rem;transition:transform .3s ease;flex-shrink:0;margin-left:auto}.dropdown-arrow.active{transform:rotate(180deg)}.nav-user-btn:hover{background:var(--nav-accent);color:#fff;box-shadow:0 4px 12px #3498db4d}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:150px;margin-top:.5rem;animation:dropdownSlideDown .3s ease;z-index:1000}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;background:none;color:var(--nav-text);cursor:pointer;text-align:left;transition:all .3s ease;font-weight:500;border-radius:6px;margin:.25rem}.dropdown-icon{font-size:1rem}.dropdown-item:hover{background:var(--nav-accent-light);color:var(--nav-accent);transform:translate(4px)}.dropdown-item:hover .dropdown-icon{transform:scale(1.2)}@media(max-width:768px){.nav-container{gap:.5rem;padding:0}.mobile-menu-btn{display:flex;order:2}.nav-logo{order:1;flex:1;animation:none}.logo-icon{animation:none}.nav-menu{position:fixed;top:56px;left:0;right:0;width:100%;flex-direction:column;background:#fff;border-bottom:none;max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0;margin:0;z-index:999;box-shadow:0 4px 12px #0000001a}.nav-menu.active{max-height:600px;padding:.75rem 0;z-index:999}.nav-menu li{width:100%;padding:0}.nav-link{width:100%;padding:.75rem 1rem;justify-content:flex-start;border-radius:0;margin:0;gap:.75rem}.nav-link:hover{background-color:#f8f9fa}.nav-link:hover:after{width:0}.nav-actions{position:fixed;top:176px;left:0;right:0;width:100%;flex-direction:column;background:#fff;border-bottom:none;max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0;gap:0;z-index:999;box-shadow:none;display:flex}.nav-actions.active{max-height:400px;overflow:visible;padding:0;box-shadow:none}.cart-link,.admin-link,.login-link,.signup-link{width:100%;margin:0;justify-content:flex-start;padding:.75rem 1rem;border-radius:0;font-size:.95rem;background:#fff;color:var(--nav-text);border:none;box-shadow:none}.cart-link:hover,.admin-link:hover,.login-link:hover,.signup-link:hover{background-color:#f8f9fa;transform:none}.cart-text{display:inline}.nav-user-container{width:100%;margin:0;position:relative;z-index:999}.nav-user-btn{width:100%;justify-content:flex-start;padding:.75rem 1rem;background:transparent;margin:0;font-size:.95rem;border-radius:0;border:none;color:var(--nav-text)}.nav-user-btn:hover{background-color:#f8f9fa}.user-name{display:inline-block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:var(--nav-text);font-size:.9rem;font-weight:500}.user-dropdown{position:absolute;top:100%;right:0;left:0;width:100%;background:#fff;border:none;border-radius:0;box-shadow:none;z-index:999;animation:none;margin-top:0}.dropdown-item{padding:.75rem 1rem;border-radius:0;margin:0;justify-content:flex-start;font-size:.95rem;width:100%;color:var(--nav-text)}.dropdown-item:hover{background:#fff;transform:none}.logo-text{font-size:1.1rem}.logo-icon{font-size:1.3rem}.nav-icon{font-size:1rem}}@media(max-width:480px){.navbar{padding:.5rem}.nav-container{gap:.25rem;padding:0}.mobile-menu-btn{padding:.25rem}.hamburger span{width:20px;height:2px}.nav-menu{top:48px}.nav-menu.active{max-height:auto}.nav-link{padding:.6rem 1rem;font-size:.9rem;gap:.5rem}.nav-actions.active{max-height:none;overflow:visible}.cart-link,.admin-link,.login-link,.signup-link{width:100%;padding:.6rem 1rem;font-size:.9rem;margin:0;background:#fff}.nav-user-container{position:relative;z-index:1001}.nav-user-btn{padding:.6rem 1rem;font-size:.9rem;border-radius:0;width:100%;margin:0;justify-content:flex-start;background:#fff}.user-name{display:inline-block;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left;color:var(--nav-text);font-size:.85rem;font-weight:500}.user-dropdown{position:absolute;top:100%;right:0;left:0;width:100%;z-index:2000;margin-top:0}.dropdown-item{padding:.6rem 1rem;font-size:.85rem;margin:0;width:100%;border-radius:0}.logo-text{display:none}.logo-icon{font-size:1.2rem}.nav-icon,.auth-icon{font-size:.9rem}.dropdown-arrow{font-size:.6rem}.user-avatar{font-size:1rem}}:root{--admin-navbar-bg: #ffffff;--admin-navbar-text: #1f2937;--admin-navbar-accent: #2874f0;--admin-navbar-hover: #f3f4f6;--admin-navbar-border: #e5e7eb;--admin-navbar-shadow: rgba(0, 0, 0, .08)}.admin-navbar{background:var(--admin-navbar-bg);border-bottom:2px solid var(--admin-navbar-border);box-shadow:0 2px 8px var(--admin-navbar-shadow);position:sticky;top:0;z-index:1000}.admin-navbar-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;gap:1rem}.navbar-brand{display:flex;align-items:center;gap:.75rem;cursor:pointer;flex-shrink:0;transition:all .3s ease}.navbar-brand:hover{opacity:.8}.brand-icon{font-size:1.5rem}.brand-text{font-size:1.25rem;font-weight:700;color:var(--admin-navbar-text);letter-spacing:.3px}.navbar-nav-links{display:flex;gap:.5rem;flex:1;justify-content:flex-start;overflow-x:auto;padding:0 1rem;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.navbar-nav-links::-webkit-scrollbar{height:4px}.navbar-nav-links::-webkit-scrollbar-track{background:transparent}.navbar-nav-links::-webkit-scrollbar-thumb{background:var(--admin-navbar-accent);border-radius:2px}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:transparent;border:2px solid transparent;border-radius:8px;color:var(--admin-navbar-text);cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.nav-btn:hover{background-color:var(--admin-navbar-hover);border-color:var(--admin-navbar-accent)}.nav-btn.active{background-color:#e0e7ff;border-color:var(--admin-navbar-accent);color:var(--admin-navbar-accent)}.nav-icon{font-size:1.2rem;display:flex;align-items:center}.nav-label{display:inline}.navbar-actions{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background-color:#f9fafb;border-radius:8px;border:1px solid var(--admin-navbar-border)}.user-icon{font-size:1.2rem}.user-name{color:var(--admin-navbar-text);font-weight:600;font-size:.95rem}.logout-btn{padding:.6rem 1.2rem;background-color:#f56565;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;white-space:nowrap}.logout-btn:hover{background-color:#e53e3e;transform:translateY(-2px);box-shadow:0 4px 12px #f565654d}@media(max-width:1024px){.admin-navbar-container{padding:1rem 1.5rem;gap:1rem}.navbar-nav-links{gap:.25rem;padding:0 .75rem}.nav-btn{padding:.5rem .8rem;font-size:.85rem}}@media(max-width:768px){.admin-navbar-container{padding:.75rem 1rem;gap:.5rem;flex-wrap:wrap}.navbar-brand{flex:0;min-width:80px;gap:.5rem;order:1}.brand-text{font-size:.9rem}.brand-icon{font-size:1.2rem}.navbar-nav-links{flex:1 100%;gap:.3rem;padding:.5rem 0;overflow-x:auto;order:3;margin-top:.5rem;border-top:1px solid var(--admin-navbar-border)}.nav-btn{padding:.6rem .8rem;font-size:.8rem}.nav-label{display:inline!important}.nav-icon{font-size:1.1rem}.navbar-actions{gap:.5rem;order:2}.user-info{display:flex!important;gap:.4rem}.user-icon{font-size:1.1rem}.user-name{font-size:.8rem}.logout-btn{padding:.6rem .9rem;font-size:.8rem}}@media(max-width:480px){.admin-navbar-container{padding:.6rem .75rem;gap:.3rem}.navbar-brand{min-width:75px}.brand-text{font-size:.85rem}.navbar-nav-links{gap:.2rem;padding:.4rem 0;margin-top:.4rem}.nav-btn{padding:.5rem .7rem;font-size:.75rem}.nav-label{display:inline!important}.nav-icon{font-size:1rem}.navbar-actions{gap:.3rem}.user-info{display:flex!important;gap:.3rem}.user-icon{font-size:1rem}.user-name{font-size:.7rem;max-width:70px;overflow:hidden;text-overflow:ellipsis}.logout-btn{padding:.5rem .6rem;font-size:.7rem}}.admin-navbar{animation:slideDown .3s ease-out}.admin-wrapper{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f7ff}.admin-wrapper-main{flex:1;padding:2rem;overflow-y:auto}.admin-wrapper-main>div{max-width:1400px;margin:0 auto}@media(max-width:768px){.admin-wrapper-main{padding:1rem}}@media(max-width:480px){.admin-wrapper-main{padding:.75rem}}:root{--chatbot-primary: #F6C1CC;--chatbot-secondary: #D4AF37;--chatbot-text: #3d2c2c;--chatbot-light: #ffffff;--chatbot-bg: #fef8f8;--chatbot-shadow: 0 8px 24px rgba(246, 193, 204, .2)}.chatbot-container{position:fixed;bottom:20px;right:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;z-index:999}.chatbot-toggle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--chatbot-primary) 0%,var(--chatbot-secondary) 100%);border:none;cursor:pointer;font-size:1.5rem;box-shadow:var(--chatbot-shadow);transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;animation:pulse 2s infinite}.chatbot-toggle:hover{transform:scale(1.1);box-shadow:0 12px 32px #f6c1cc4d}@keyframes pulse{0%,to{box-shadow:0 8px 24px #f6c1cc33}50%{box-shadow:0 8px 36px #f6c1cc66}}.chatbot-widget{position:absolute;bottom:90px;right:0;width:380px;height:600px;background:var(--chatbot-light);border-radius:16px;box-shadow:var(--chatbot-shadow);display:flex;flex-direction:column;animation:slideUp .3s ease;border:1px solid rgba(246,193,204,.1)}.chatbot-header{background:linear-gradient(135deg,var(--chatbot-primary) 0%,var(--chatbot-secondary) 100%);color:#fff;padding:1.2rem;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center}.chatbot-header-content h3{margin:0;font-size:1.1rem;font-weight:700}.chatbot-header-content p{margin:.3rem 0 0;font-size:.8rem;opacity:.95}.status{display:inline-block;font-size:.75rem;margin-top:.3rem}.chatbot-close-btn{background:#fff3;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.3rem .6rem;border-radius:8px;transition:all .3s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.chatbot-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.chatbot-messages{flex:1;overflow-y:auto;padding:1.2rem;background:var(--chatbot-bg);display:flex;flex-direction:column;gap:1rem}.message{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bot{justify-content:flex-start}.message-user{justify-content:flex-end}.message-content{display:flex;align-items:flex-start;gap:.5rem;max-width:85%}.message-bot .message-content{flex-direction:row}.message-user .message-content{flex-direction:row-reverse}.bot-icon{font-size:1.2rem;flex-shrink:0;margin-top:.2rem}.message-content p{margin:0;padding:.8rem 1rem;border-radius:12px;font-size:.9rem;line-height:1.5;word-wrap:break-word}.message-bot .message-content p{background:linear-gradient(135deg,#f6c1cc26,#d4af3714);color:var(--chatbot-text);border:1px solid rgba(246,193,204,.2)}.message-user .message-content p{background:linear-gradient(135deg,var(--chatbot-secondary) 0%,#e0c368 100%);color:#fff;box-shadow:0 2px 8px #d4af3733}.quick-replies{padding:1rem 1.2rem;background:#fff;border-top:1px solid rgba(246,193,204,.1)}.quick-title{margin:0 0 .8rem;font-size:.8rem;font-weight:600;color:var(--chatbot-text);text-transform:uppercase;letter-spacing:.5px}.quick-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.quick-btn{padding:.6rem;background:#fff;border:2px solid var(--chatbot-primary);border-radius:8px;color:var(--chatbot-text);font-weight:600;font-size:.75rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-btn:hover{background:var(--chatbot-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #f6c1cc33}.chatbot-input-form{display:flex;gap:.6rem;padding:1rem;background:#fff;border-top:1px solid rgba(246,193,204,.1);border-radius:0 0 16px 16px}.chatbot-input{flex:1;padding:.8rem;border:2px solid rgba(246,193,204,.3);border-radius:8px;font-family:inherit;font-size:.9rem;transition:all .3s ease}.chatbot-input:focus{outline:none;border-color:var(--chatbot-primary);box-shadow:0 0 0 3px #f6c1cc26}.chatbot-input::placeholder{color:#999}.chatbot-send-btn{padding:.8rem 1.2rem;background:linear-gradient(135deg,var(--chatbot-secondary) 0%,#e0c368 100%);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #d4af3733}.chatbot-send-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.chatbot-send-btn:active{transform:translateY(0)}@media(max-width:768px){.chatbot-container{bottom:10px;right:10px}.chatbot-toggle{width:56px;height:56px;font-size:1.3rem}.chatbot-widget{position:fixed;bottom:75px;right:10px;left:10px;width:calc(100vw - 20px);max-width:400px;height:520px}.chatbot-header-content h3{font-size:1rem}.chatbot-header-content p{font-size:.75rem}.chatbot-messages{padding:1rem;gap:.8rem}.message-content{max-width:85%}.message-content p{padding:.7rem .9rem;font-size:.85rem}.quick-replies{padding:.8rem}.quick-buttons{grid-template-columns:1fr 1fr;gap:.6rem}.quick-btn{padding:.6rem;font-size:.75rem}.chatbot-input-form{gap:.5rem;padding:.8rem}.chatbot-input{padding:.7rem;font-size:.85rem}.chatbot-send-btn{padding:.7rem 1rem;font-size:.75rem}}@media(max-width:480px){.chatbot-container{bottom:8px;right:8px}.chatbot-toggle{width:52px;height:52px;font-size:1.2rem}.chatbot-widget{position:fixed;bottom:65px;right:8px;left:8px;width:calc(100vw - 16px);max-width:100vw;height:480px;border-radius:12px}.chatbot-header{padding:1rem;border-radius:12px 12px 0 0}.chatbot-header-content h3{font-size:.95rem}.chatbot-header-content p{font-size:.7rem}.chatbot-close-btn{width:28px;height:28px;font-size:1rem}.chatbot-messages{padding:.8rem;gap:.6rem}.message-content{max-width:90%}.message-content p{padding:.6rem .8rem;font-size:.8rem;border-radius:10px}.bot-icon{font-size:1rem}.quick-replies{padding:.7rem}.quick-title{font-size:.75rem;margin-bottom:.6rem}.quick-buttons{grid-template-columns:1fr;gap:.5rem}.quick-btn{padding:.5rem;font-size:.7rem}.chatbot-input-form{gap:.4rem;padding:.7rem;border-radius:0 0 12px 12px}.chatbot-input{padding:.6rem;font-size:.8rem;border-radius:6px}.chatbot-send-btn{padding:.6rem .8rem;font-size:.7rem;border-radius:6px}}@media(max-width:360px){.chatbot-widget{height:450px}.chatbot-messages{padding:.6rem}.message-content p{padding:.5rem .7rem;font-size:.75rem}.chatbot-input-form{padding:.6rem}}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#f6c1cc0d;border-radius:10px}.chatbot-messages::-webkit-scrollbar-thumb{background:#f6c1cc4d;border-radius:10px;transition:background .3s ease}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#f6c1cc80}:root{--primary-gradient: linear-gradient(135deg, #F6C1CC 0%, #F6C1CC 100%);--secondary-gradient: linear-gradient(135deg, #D4AF37 0%, #F6C1CC 100%);--accent-gradient: linear-gradient(135deg, #F6C1CC 0%, #D4AF37 100%);--color-primary: #F6C1CC;--color-secondary: #D4AF37;--color-tertiary: #F6C1CC;--color-accent: #D4AF37;--text-dark: #3d2c2c;--text-light: #8b7b7b;--bg-white: #ffffff;--bg-light: #ffffff;--bg-darker: #fef8f8;--shadow-sm: 0 2px 8px rgba(246, 193, 204, .12);--shadow-md: 0 8px 24px rgba(246, 193, 204, .15);--shadow-lg: 0 16px 48px rgba(212, 175, 55, .12);--shadow-xl: 0 24px 64px rgba(246, 193, 204, .18);--border-radius-sm: 12px;--border-radius-md: 16px;--border-radius-lg: 24px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-dark);background:var(--bg-white)}.ultra-home-container{width:100%;min-height:100vh;overflow-x:hidden}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.ultra-hero-section{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4rem 2rem}.hero-gradient-bg{position:absolute;inset:0;background:linear-gradient(135deg,#f6c1cc,#fef8f8,#fff);z-index:1;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%{background:linear-gradient(135deg,#f6c1cc,#fef8f8,#fff)}50%{background:linear-gradient(135deg,#fef8f8,#f6c1cc,#fff)}to{background:linear-gradient(135deg,#f6c1cc,#fef8f8,#fff)}}.hero-animated-shapes{position:absolute;inset:0;z-index:2;pointer-events:none}.shape{position:absolute;font-size:4rem;opacity:.15;animation:float 6s ease-in-out infinite}.shape-1{top:10%;left:10%;animation-delay:0s}.shape-2{top:20%;right:15%;animation-delay:1.5s;animation-duration:7s}.shape-3{bottom:15%;left:5%;animation-delay:3s}.shape-4{bottom:10%;right:10%;animation-delay:1s;animation-duration:8s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.hero-content-wrapper{position:relative;z-index:3;text-align:center;color:#fff;max-width:700px;animation:fadeInUp 1s ease .2s both}.hero-title-ultra{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;margin-bottom:1.5rem;line-height:1.2;text-shadow:0 2px 8px rgba(246,193,204,.2);color:var(--text-dark)}.hero-subtitle-ultra{font-size:clamp(1rem,3vw,1.4rem);margin-bottom:2.5rem;opacity:.85;line-height:1.6;text-shadow:0 2px 8px rgba(246,193,204,.15);color:var(--text-dark)}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease .4s both}.btn-primary{padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;border:none;border-radius:var(--border-radius-lg);background:var(--color-secondary);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #d4af3733}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 12px 32px #d4af374d;background:#e0c368}.btn-primary:active{transform:translateY(-2px)}.btn-secondary{padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;border:2px solid var(--text-dark);border-radius:var(--border-radius-lg);background:transparent;color:var(--text-dark);cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--text-dark);color:#fff;transform:translateY(-4px)}.ultra-promo-section{padding:4rem 2rem;background:#fff;position:relative;z-index:4;margin-top:-2rem}.promo-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1280px;margin:0 auto}.promo-card-ultra{position:relative;border-radius:var(--border-radius-lg);padding:2.5rem;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-md);color:var(--text-dark);min-height:280px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#f6c1cc4d,#d4af371a)}.promo-card-ultra:before{content:"";position:absolute;inset:0;background:#0000001a;opacity:0;transition:opacity .3s ease;z-index:1}.promo-glow{position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:shimmer 3s ease infinite;z-index:0}@keyframes shimmer{0%,to{transform:translate(0)}50%{transform:translate(30px,30px)}}.promo-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:1rem}.promo-emoji-ultra{font-size:3.5rem;animation:bounce 2s ease infinite}.promo-title{font-size:1.8rem;font-weight:700;margin:0;color:var(--text-dark)}.promo-subtitle{font-size:1.1rem;opacity:.8;margin:0;color:var(--text-light)}.promo-link{color:var(--color-secondary);text-decoration:none;font-weight:700;font-size:1rem;transition:all .3s ease;align-self:flex-start;margin-top:.5rem}.promo-link:hover{transform:translate(6px)}.promo-card-ultra:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.promo-card-ultra:hover:before{opacity:1}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ultra-search-section{padding:4rem 2rem 3rem;background:linear-gradient(135deg,#f6c1cc1a,#d4af370d);position:relative}.ultra-search-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120"><path fill="rgba(212,175,55,0.05)" fill-opacity="1" d="M0,40L120,45C240,50,480,60,720,60C960,60,1200,50,1320,45L1440,40L1440,120L1320,120C1200,120,960,120,720,120C480,120,240,120,120,120L0,120Z"></path></svg>');background-repeat:no-repeat;background-size:cover;pointer-events:none}.search-form-ultra{display:flex;gap:1rem;max-width:800px;margin:0 auto;flex-wrap:wrap;position:relative;z-index:1}.search-input-wrapper{flex:1;min-width:280px;position:relative;display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #f6c1cc26;overflow:hidden;border:2px solid rgba(246,193,204,.3);transition:all .4s cubic-bezier(.4,0,.2,1)}.search-input-wrapper:hover{border-color:#f6c1cc99;box-shadow:0 6px 28px #f6c1cc33}.search-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 8px 32px #f6c1cc4d;transform:translateY(-3px);background:linear-gradient(135deg,#f6c1cc05,#d4af3703)}.search-icon{padding:0 .6rem 0 1.2rem;font-size:1.4rem;color:var(--color-secondary);flex-shrink:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.search-input-wrapper:focus-within .search-icon{transform:scale(1.15);color:var(--color-primary)}.search-input-ultra{flex:1;border:none;padding:1.2rem 1rem 1.2rem 0;font-size:1.1rem;outline:none;background:transparent;color:var(--text-dark);font-weight:500;letter-spacing:.3px}.search-input-ultra::placeholder{color:#8b7b7b99;font-weight:400}.search-input-ultra::-webkit-search-cancel-button{display:none}.search-btn-ultra{padding:1rem 2.5rem;background:linear-gradient(135deg,var(--color-secondary) 0%,#e0c368 100%);color:#fff;border:none;border-radius:var(--border-radius-lg);font-weight:700;font-size:1.05rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #d4af3740;white-space:nowrap;letter-spacing:.5px;position:relative;overflow:hidden}.search-btn-ultra:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .4s ease}.search-btn-ultra:hover{transform:translateY(-4px);box-shadow:0 10px 32px #d4af3759}.search-btn-ultra:hover:before{left:100%}.search-btn-ultra:active{transform:translateY(-2px)}.ultra-categories-section{padding:4rem 2rem;background:#fff}.section-title-ultra{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:3rem;color:var(--text-dark)}.categories-grid-ultra{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem;max-width:1280px;margin:0 auto}.category-card-ultra{position:relative;background:var(--bg-light);border:2px solid transparent;border-radius:var(--border-radius-lg);padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;overflow:hidden}.category-card-ultra:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--cat-color) 0%,var(--cat-color) 100%);opacity:0;transition:opacity .3s ease;z-index:0;border-radius:var(--border-radius-lg)}.category-card-ultra>*{position:relative;z-index:1}.category-icon-large{font-size:3.5rem;display:block;margin-bottom:1rem;animation:bounce 2s ease infinite;transition:transform .3s ease}.category-name{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem;transition:color .3s ease}.category-count{font-size:.9rem;color:var(--text-light);margin:0;transition:color .3s ease}.category-card-ultra:hover{transform:translateY(-8px);border-color:var(--cat-color);box-shadow:var(--shadow-lg)}.category-card-ultra:hover:before{opacity:.1}.category-card-ultra:hover .category-icon-large{transform:scale(1.15) rotate(5deg)}.category-card-ultra:hover .category-name,.category-card-ultra:hover .category-count{color:var(--cat-color)}.category-card-ultra.active{border-color:var(--cat-color);background:linear-gradient(135deg,var(--cat-color),rgba(246,193,204,.5))}.category-card-ultra.active .category-name,.category-card-ultra.active .category-count,.category-card-ultra.active .category-icon-large{color:var(--text-dark)}.ultra-brand-section{padding:3rem 2rem;background:linear-gradient(135deg,#f6c1cc0f,#d4af3708)}.brand-filter-ultra{display:flex;justify-content:center;gap:1rem;max-width:1280px;margin:0 auto;flex-wrap:wrap}.brand-btn{padding:.8rem 1.6rem;background:#fff;color:var(--text-dark);border:2px solid var(--text-light);border-radius:var(--border-radius-lg);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.brand-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.brand-btn.active{background:var(--color-primary);color:var(--text-dark);border-color:transparent;box-shadow:var(--shadow-md)}.ultra-featured-section{padding:4rem 2rem;background:#fff}.section-header-ultra{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;max-width:1280px;margin-left:auto;margin-right:auto;flex-wrap:wrap;gap:1rem}.section-header-ultra h2{font-size:2.2rem;font-weight:800;color:var(--text-dark)}.view-all-link{color:var(--color-primary);text-decoration:none;font-weight:700;font-size:1rem;transition:all .3s ease}.view-all-link:hover{transform:translate(6px);gap:6px}.featured-carousel-ultra{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1280px;margin:0 auto 3rem}.featured-card-ultra{position:relative;background:#fff;border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm);animation:fadeInUp .6s ease forwards}.featured-image-container{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background:var(--bg-light)}.featured-image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.featured-card-ultra:hover .featured-image-container img{transform:scale(1.1)}.discount-badge{position:absolute;top:1rem;right:1rem;background:var(--color-secondary);color:#fff;padding:.6rem 1rem;border-radius:var(--border-radius-sm);font-weight:700;font-size:.9rem;animation:slideInRight .5s ease}.featured-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.featured-card-ultra:hover .featured-overlay{opacity:1}.trending-see-more{display:flex;justify-content:center;padding-top:2rem;border-top:2px solid var(--bg-light)}.see-more-btn{padding:1rem 2.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;text-decoration:none;border-radius:var(--border-radius-lg);font-weight:700;font-size:1rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-md)}.see-more-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);gap:.8rem}.view-btn{padding:.8rem 1.8rem;background:var(--color-secondary);color:#fff;border:none;border-radius:var(--border-radius-sm);font-weight:700;cursor:pointer;transition:all .3s ease}.view-btn:hover{transform:scale(1.05);background:#e0c368}.featured-name{padding:1.2rem 1.2rem 0;font-size:1.1rem;font-weight:700;color:var(--text-dark);margin:0}.featured-cat{padding:0 1.2rem;font-size:.9rem;color:var(--text-light);margin:.5rem 0}.featured-price{padding:0 1.2rem 1.2rem;font-size:1.3rem;font-weight:800;color:var(--color-primary);margin:0}.featured-card-ultra:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.ultra-stats-section{padding:4rem 2rem;background:linear-gradient(135deg,#f6c1cc26,#d4af371a);position:relative;overflow:hidden}.ultra-stats-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="rgba(255,255,255,0.05)" fill-opacity="1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,144C960,149,1056,139,1152,128C1248,117,1344,107,1392,101.3L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');opacity:.1}.stats-grid-ultra{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1280px;margin:0 auto;position:relative;z-index:1}.stat-card-ultra{background:#fff;border:2px solid rgba(246,193,204,.3);border-radius:var(--border-radius-lg);padding:2rem;text-align:center;color:var(--text-dark);transition:all .3s ease}.stat-card-ultra:hover{transform:translateY(-8px);background:#f6c1cc1a;border-color:var(--color-primary);box-shadow:var(--shadow-md)}.stat-icon-ultra{font-size:3rem;display:block;margin-bottom:1rem;animation:bounce 2s ease infinite}.stat-number{font-size:2.2rem;font-weight:800;margin-bottom:.5rem}.stat-text{font-size:1rem;opacity:.95}.ultra-products-section{padding:4rem 2rem;background:#fff}.products-grid-ultra{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1280px;margin:0 auto}.product-item{cursor:pointer;animation:fadeInUp .6s ease forwards}.product-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--border-radius-lg);height:350px;animation:loading 1.5s infinite}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#ff006e0d,#8338ec0d);border-radius:var(--border-radius-lg)}.empty-emoji{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.empty-text{font-size:1.3rem;color:var(--text-light)}.see-more-container{display:flex;justify-content:center;margin-top:3rem}.see-more-btn{padding:1rem 2.5rem;background:linear-gradient(135deg,#ff6b9d,#e63384);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b9d4d}.see-more-btn:hover{transform:translateY(-3px);box-shadow:0 6px 25px #ff6b9d66;background:linear-gradient(135deg,#e63384,#c71a7a)}.see-more-btn:active{transform:translateY(-1px)}.ultra-products-section .product-item{max-width:100%}.ultra-products-section .premium-product-item{height:100%}.ultra-products-section .product-image-wrapper{height:180px;border-radius:8px 8px 0 0}.ultra-products-section .product-details{padding:1rem}.ultra-products-section .product-name{font-size:.9rem}.ultra-products-section .btn-add-cart,.ultra-products-section .btn-buy-now{padding:.7rem .5rem;font-size:.8rem}.category-tag{display:inline-block;background:var(--color-primary);color:var(--text-dark);padding:.6rem 1.2rem;border-radius:var(--border-radius-sm);font-weight:700;font-size:.9rem}.ultra-contact-section{padding:4rem 2rem;background:#fff}.contact-header{text-align:center;margin-bottom:3rem}.contact-subtitle{font-size:1.1rem;color:var(--text-light);margin-top:.5rem}.contact-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem}.contact-card{background:linear-gradient(135deg,#f6c1cc0d,#d4af370d);padding:2rem;border-radius:var(--border-radius-md);text-align:center;transition:all .3s ease;border:2px solid transparent;cursor:pointer}.contact-card:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:var(--shadow-lg)}.contact-icon{font-size:3rem;margin-bottom:1rem;display:inline-block}.contact-card h3{font-size:1.3rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.contact-card p{color:var(--text-light);margin-bottom:1rem;line-height:1.5}.contact-link{color:var(--color-secondary);text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block;background:none;border:none;cursor:pointer;padding:0;font:inherit}.contact-link:hover{color:var(--text-dark);transform:translate(4px)}.contact-form-container{max-width:700px;margin:2rem auto;background:linear-gradient(135deg,#f6c1cc14,#d4af370d);padding:2.5rem;border-radius:var(--border-radius-lg);border:2px solid rgba(246,193,204,.2)}.contact-form-container h3{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:1.5rem;text-align:center}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form input,.contact-form textarea{padding:1rem;border:2px solid var(--text-light);border-radius:var(--border-radius-sm);font-family:inherit;font-size:1rem;transition:all .3s ease;color:var(--text-dark)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-light)}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f6c1cc33}.submit-btn{padding:1rem 2rem;background:var(--color-secondary);color:#fff;border:none;border-radius:var(--border-radius-sm);font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);margin-top:.5rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:#e0c368}.submit-btn:active{transform:translateY(0)}.contact-success-message{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:2px solid #10b981;border-radius:var(--border-radius-sm);color:#047857;font-weight:600;text-align:center;animation:slideInUp .3s ease}.contact-error-message{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:2px solid #ef4444;border-radius:var(--border-radius-sm);color:#991b1b;font-weight:600;text-align:center;animation:slideInUp .3s ease}.chat-widget{margin-top:1.5rem;border:2px solid var(--color-primary);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-lg);animation:slideInUp .3s ease}.chat-header{background:var(--color-secondary);color:#fff;padding:1rem;font-weight:700;display:flex;justify-content:space-between;align-items:center}.chat-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.chat-close:hover{transform:rotate(90deg)}.chat-body{background:#fff;padding:1.5rem;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.chat-message{padding:.8rem;border-radius:var(--border-radius-sm);font-size:.9rem;line-height:1.5}.chat-message.agent{background:linear-gradient(135deg,#d4af371a,#f6c1cc1a);border-left:3px solid var(--color-secondary)}.chat-message.time{background:#0000000d;color:var(--text-light);font-size:.8rem;text-align:center}.chat-input{padding:.8rem;border:2px solid var(--text-light);border-radius:var(--border-radius-sm);font-family:inherit;width:100%;transition:all .3s ease}.chat-input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #d4af3733}.chat-send-btn{padding:.8rem 1.5rem;background:var(--color-secondary);color:#fff;border:none;border-radius:var(--border-radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-end}.chat-send-btn:hover{background:#e0c368;transform:translateY(-2px)}.contact-navigation{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.nav-btn{padding:.9rem 1.8rem;border:2px solid var(--color-secondary);border-radius:var(--border-radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;background:#fff;color:var(--color-secondary)}.nav-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.home-btn{border-color:var(--color-primary);color:var(--color-primary)}.home-btn:hover{background:var(--color-primary);color:#fff}.products-btn{background:var(--color-secondary);color:#fff}.products-btn:hover{background:#e0c368}.ultra-newsletter-section{padding:4rem 2rem;background:linear-gradient(135deg,#f6c1cc1a,#d4af370d)}.newsletter-card-ultra{max-width:900px;margin:0 auto;background:#fff;border-radius:var(--border-radius-lg);padding:3rem;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.newsletter-content h2{font-size:2rem;font-weight:800;color:var(--text-dark);margin-bottom:1rem}.newsletter-content p{color:var(--text-light);line-height:1.6;margin:0}.newsletter-form-ultra{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;gap:1rem;flex-wrap:wrap}.email-input{flex:1;min-width:200px;padding:1rem;border:2px solid var(--text-light);border-radius:var(--border-radius-sm);font-size:1rem;transition:all .3s ease}.email-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f6c1cc33}.subscribe-btn{padding:1rem 2rem;background:var(--color-secondary);color:#fff;border:none;border-radius:var(--border-radius-sm);font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:var(--shadow-md)}.subscribe-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:#e0c368}.subscribe-btn:active{transform:translateY(0)}.subscribe-btn:disabled{opacity:.7;cursor:not-allowed}.newsletter-success-message{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:2px solid #10b981;border-radius:var(--border-radius-sm);color:#047857;font-weight:600;text-align:center;animation:slideInUp .3s ease}.newsletter-error-message{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:2px solid #ef4444;border-radius:var(--border-radius-sm);color:#991b1b;font-weight:600;text-align:center;animation:slideInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.hero-title-ultra{font-size:2.5rem}.newsletter-card-ultra{grid-template-columns:1fr;padding:2rem}.promo-cards-container{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(max-width:768px){.hero-subtitle-ultra{font-size:1.1rem}.hero-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.search-form-ultra{flex-direction:column}.search-btn-ultra{width:100%}.section-title-ultra{font-size:1.8rem}.categories-grid-ultra{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.category-card-ultra{padding:1.5rem}.category-icon-large{font-size:2.5rem}.featured-carousel-ultra{grid-template-columns:repeat(2,1fr);gap:1rem}.products-grid-ultra{grid-template-columns:repeat(3,1fr);gap:1rem}.promo-card-ultra{padding:1.5rem;min-height:200px}.promo-emoji-ultra{font-size:2.5rem}.promo-title{font-size:1.3rem}}@media(max-width:640px){.container{padding:0 1rem}.hero-title-ultra{font-size:1.8rem}.hero-animated-shapes{display:none}.section-title-ultra{font-size:1.5rem;margin-bottom:2rem}.categories-grid-ultra{grid-template-columns:repeat(3,1fr)}.featured-carousel-ultra,.products-grid-ultra{grid-template-columns:1fr}.brand-filter-ultra{gap:.5rem}.brand-btn{padding:.6rem 1rem;font-size:.9rem}.newsletter-card-ultra{padding:1.5rem}.newsletter-content h2{font-size:1.5rem}.newsletter-content p{font-size:.9rem}.stats-grid-ultra{gap:1rem}.stat-card-ultra{padding:1.5rem 1rem}.stat-icon-ultra{font-size:2rem}.stat-number{font-size:1.5rem}.stat-text{font-size:.85rem}.contact-cards-grid{grid-template-columns:1fr}.contact-form-container{padding:1.5rem}.form-row{flex-direction:column}.form-row input{width:100%}.contact-navigation{flex-direction:column}.nav-btn{width:100%}.chat-widget{margin-top:1rem}.chat-body{max-height:250px}.chat-message{font-size:.85rem}}.products-grid-nykaa .product-card-grid{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;height:auto;cursor:pointer}.products-grid-nykaa .product-card-grid:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.products-grid-nykaa .product-card-image-left{width:100%;height:200px;position:relative;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.products-grid-nykaa .product-card-image-left img{width:100%;height:100%;object-fit:contain;padding:.5rem;transition:transform .3s ease}.products-grid-nykaa .product-card-grid:hover .product-card-image-left img{transform:scale(1.08)}.products-grid-ultra .product-card-image-left{width:100%;height:200px;position:relative;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.products-grid-ultra .product-card-image-left img{width:100%;height:100%;object-fit:contain;padding:.5rem;transition:transform .3s ease}.products-grid-ultra .product-card-grid:hover .product-card-image-left img{transform:scale(1.08)}.products-grid-nykaa .discount-badge-left{position:absolute;top:8px;right:8px;background:#ff6b35;color:#fff;padding:.3rem .6rem;border-radius:4px;font-weight:700;font-size:.75rem}.products-grid-nykaa .product-card-content-right{flex:1;padding:.8rem;display:flex;flex-direction:column;position:relative}.products-grid-nykaa .rating-top-right{position:absolute;top:.5rem;right:.5rem}.products-grid-nykaa .rating-badge-top{background:#2874f0;color:#fff;padding:.25rem .5rem;border-radius:4px;font-weight:700;font-size:.7rem}.products-grid-nykaa .product-name-center{margin-top:.5rem;margin-bottom:.3rem;flex-grow:0}.products-grid-nykaa .product-name-center h3{font-size:.9rem;font-weight:600;color:#212121;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.products-grid-nykaa .product-desc-section{display:none}.products-grid-nykaa .price-section-bottom{padding:.4rem 0;margin:.4rem 0}.products-grid-nykaa .price-current-bottom{font-size:1rem;font-weight:700;color:#2874f0}.products-grid-nykaa .price-original-bottom{margin-left:.5rem;font-size:.8rem;color:#878787;text-decoration:line-through}.products-grid-nykaa .buttons-section{display:flex;gap:.5rem;margin-top:auto}.products-grid-nykaa .btn-add-to-cart,.products-grid-nykaa .btn-buy-now{flex:1;padding:.6rem;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.products-grid-nykaa .btn-add-to-cart{background:#fff;color:#2874f0;border:1px solid #2874f0}.products-grid-nykaa .btn-add-to-cart:hover{background:#e3f2fd}.products-grid-nykaa .btn-buy-now{background:#2874f0;color:#fff}.products-grid-nykaa .btn-buy-now:hover{background:#1c54c4}@media(max-width:480px){.products-grid-nykaa .product-card-image-left{height:80px}.products-grid-nykaa .product-card-content-right{padding:.6rem}.products-grid-nykaa .btn-add-to-cart,.products-grid-nykaa .btn-buy-now{padding:.5rem;font-size:.75rem}}.loader-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.loader{display:flex;align-items:center;justify-content:center}.spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #fff;animation:spin .8s linear infinite}.loader-sm .spinner{width:30px;height:30px}.loader-md .spinner{width:50px;height:50px}.loader-lg .spinner{width:70px;height:70px}.mini-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top:2px solid #fff;animation:spin .8s linear infinite}.loading-text{color:#fff;margin-top:20px;font-size:16px;font-weight:500;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}:root{--primary: #FF6B9D;--primary-dark: #E63384;--secondary: #FFC06E;--accent: #FF8C42;--bg-light: #FAFAFA;--bg-white: #FFFFFF;--text-primary: #1A1A1A;--text-secondary: #666;--border: #E8E8E8;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.premium-products-container{min-height:100vh;background:linear-gradient(135deg,#fef8f0,#fff9f3,#fef5f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.premium-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#ff6b9d,#ffc06e,#ff8c42);background-size:400% 400%;animation:gradientShift 15s ease infinite;padding:5rem 2rem;color:#fff;text-align:center}.hero-content{position:relative;z-index:2;animation:slideInDown .8s ease-out}.premium-hero h1{font-size:3.5rem;font-weight:900;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.15);letter-spacing:-1px}.premium-hero p{font-size:1.3rem;margin-bottom:1.5rem;opacity:.95;font-weight:300}.active-filters-bar{background:#fff;padding:1rem 2rem;border-bottom:2px solid #FFE5F0;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:10;animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.filters-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filters-label{font-weight:700;color:var(--text-primary);font-size:.95rem}.filter-tags{display:flex;gap:.75rem;flex-wrap:wrap}.filter-tag{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ffe5f0,#fff5e1);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:var(--primary-dark);font-weight:600;animation:slideInLeft .4s ease-out}.remove-tag{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.7;transition:var(--transition)}.remove-tag:hover{opacity:1}.premium-wrapper{display:flex;max-width:1400px;margin:2rem auto;gap:2rem;padding:0 1.5rem}.premium-sidebar{flex:0 0 320px;height:fit-content;position:sticky;top:100px;display:flex;flex-direction:column;gap:1.5rem}.sidebar-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border);animation:slideInLeft .6s ease-out;transition:var(--transition)}.sidebar-section:hover{box-shadow:var(--shadow-md)}.sidebar-section h3{font-size:1.1rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header h3{margin:0}.count-badge{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700}.search-section input{width:100%}.search-wrapper{position:relative;display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:24px;border:2px solid rgba(246,193,204,.3);transition:all .4s cubic-bezier(.4,0,.2,1)}.search-wrapper:hover{border-color:#f6c1cc99;box-shadow:0 6px 28px #f6c1cc33}.search-wrapper:focus-within{border-color:#f6c1cc;box-shadow:0 8px 32px #f6c1cc4d}.premium-search{flex:1;padding:1rem 1rem 1rem 0;border:none;border-radius:24px;font-size:1.05rem;transition:all .3s ease;outline:none;background:transparent;font-weight:500;color:#3d2c2c}.premium-search::placeholder{color:#8b7b7b99}.premium-search:focus{outline:none}.search-icon{padding:0 .6rem 0 1.2rem;font-size:1.4rem;color:#d4af37;flex-shrink:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.search-wrapper:focus-within .search-icon{transform:scale(1.15);color:#f6c1cc}.category-list{display:flex;flex-direction:column;gap:.75rem}.category-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:var(--transition)}.category-item:hover{background:linear-gradient(135deg,#ffe5f0,#fff5e1);padding-left:1rem}.category-item input{cursor:pointer;accent-color:var(--primary);width:18px;height:18px}.category-icon{font-size:1.2rem}.category-name{flex:1;font-weight:500;color:var(--text-primary)}.category-count{font-size:.85rem;color:var(--text-secondary);font-weight:600}.category-item input:checked~.category-name{color:var(--primary);font-weight:700}.price-filter{margin-bottom:1rem}.price-inputs{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.price-input{flex:1;padding:.5rem;border:2px solid var(--border);border-radius:6px;font-size:.9rem;outline:none;transition:var(--transition)}.price-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b9d1a}.price-separator{font-weight:700;color:var(--text-secondary)}.price-apply-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:var(--transition);margin-bottom:1rem}.price-apply-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.price-presets{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.price-preset{padding:.6rem;border:2px solid var(--border);background:#fff;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition)}.price-preset:hover{border-color:var(--primary);background:#ffe5f0}.price-preset.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:transparent}.ratings-filter{display:flex;flex-direction:column;gap:.75rem}.rating-option{display:flex;align-items:center;gap:.75rem;padding:.5rem;cursor:pointer;transition:var(--transition);border-radius:6px}.rating-option:hover{background:var(--bg-light)}.rating-option input{cursor:pointer;accent-color:var(--primary);width:18px;height:18px}.stars{font-size:.95rem;letter-spacing:-2px}.rating-count{margin-left:auto;font-size:.85rem;color:var(--text-secondary);font-weight:600}.clear-all-filters{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.clear-all-filters:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.premium-main{flex:1;min-width:0}.products-toolbar{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:2rem}.results-info{display:flex;align-items:center;gap:1.5rem}.total-count{font-weight:700;color:var(--text-primary);font-size:1rem}.page-info{font-size:.9rem;color:var(--text-secondary);font-weight:600;background:linear-gradient(135deg,#ffe5f0,#fff5e1);padding:.4rem .8rem;border-radius:6px}.toolbar-right{display:flex;align-items:center;gap:1rem}.sort-dropdown{padding:.75rem 1rem;border:2px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;font-weight:600;color:var(--text-primary);transition:var(--transition);outline:none}.sort-dropdown:focus{border-color:var(--primary);box-shadow:0 0 0 4px #ff6b9d1a}.view-toggle{display:flex;gap:.5rem;background:var(--bg-light);padding:.5rem;border-radius:8px}.view-btn{padding:.6rem .75rem;background:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;transition:var(--transition);border:2px solid transparent}.view-btn.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:transparent}.products-display{animation:fadeIn .6s ease-out;margin-bottom:3rem;padding:0 1rem}.grid-view{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;padding:1.5rem}.list-view{display:grid;grid-template-columns:1fr;gap:2rem;padding:1.5rem}.list-view .premium-product-item{display:grid;grid-template-columns:180px 1fr;gap:1.5rem;align-items:start}.list-view .product-card-content{display:grid;grid-template-columns:180px 1fr;gap:1.5rem}.premium-product-item{position:relative;cursor:pointer;animation:scaleIn .5s ease-out;transition:var(--transition);background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.premium-product-item:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-lg)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.product-card-content{display:flex;flex-direction:column;height:100%;width:100%}.product-image-wrapper{position:relative;width:100%;height:200px;overflow:hidden;border-radius:12px 12px 0 0}.product-image-wrapper img{width:100%;height:100%;object-fit:contain;display:block;transition:var(--transition)}.premium-product-item:hover .product-image-wrapper img{transform:scale(1.05)}.product-details{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1;gap:1rem}.product-name{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-category{font-size:.8rem;color:var(--text-secondary);margin:0;font-weight:500;text-transform:capitalize}.product-pricing{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.product-price{font-size:1.1rem;font-weight:800;color:var(--primary)}.product-original-price{font-size:.85rem;color:var(--text-secondary);text-decoration:line-through;font-weight:500}.product-actions{display:flex;gap:.75rem;margin-top:auto}.btn-add-cart{flex:1;padding:.8rem .75rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;border-radius:6px;font-weight:700;font-size:.85rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);white-space:nowrap}.btn-add-cart:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-add-cart:active{transform:translateY(0)}.btn-buy-now{flex:1;padding:.8rem .75rem;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:6px;font-weight:700;font-size:.85rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);white-space:nowrap}.btn-buy-now:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4caf504d}.btn-buy-now:active{transform:translateY(0)}.wishlist-btn-small{width:45px;height:45px;border:2px solid var(--border);background:#fff;border-radius:6px;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;min-width:45px}.wishlist-btn-small:hover{border-color:var(--primary);background:#ffe5f0;transform:scale(1.1)}.wishlist-btn-small.active{border-color:#ff1744;background:#ff17441a}.skeleton-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);padding:1rem;animation:pulse 1.5s ease-in-out infinite}.skeleton-img{width:100%;height:220px;background:linear-gradient(90deg,var(--bg-light) 25%,#F5F5F5 50%,var(--bg-light) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;margin-bottom:1rem}.skeleton-bar{height:12px;background:linear-gradient(90deg,var(--bg-light) 25%,#F5F5F5 50%,var(--bg-light) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:.75rem}.skeleton-bar.short{width:60%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state-premium{text-align:center;padding:5rem 2rem;background:#fff;border-radius:12px;box-shadow:var(--shadow-sm)}.empty-illustration{font-size:5rem;margin-bottom:1.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.empty-state-premium h3{font-size:1.8rem;color:var(--text-primary);margin-bottom:.75rem;font-weight:800}.empty-state-premium p{color:var(--text-secondary);margin-bottom:2rem;font-weight:500}.reset-btn{padding:.875rem 2rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.reset-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.premium-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:4rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border);animation:slideInUp .6s ease-out .3s both;flex-wrap:wrap}.page-btn{padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.page-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-lg)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-numbers{display:flex;gap:.5rem;flex-wrap:wrap}.page-num{width:45px;height:45px;border:2px solid var(--border);background:#fff;border-radius:8px;font-weight:700;cursor:pointer;transition:var(--transition);color:var(--primary)}.page-num:hover{border-color:var(--primary);background:#ffe5f0;transform:translateY(-2px)}.page-num.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:transparent;box-shadow:var(--shadow-md);transform:scale(1.08)}@media(max-width:1024px){.premium-wrapper{gap:1.5rem}.premium-sidebar{flex:0 0 280px;top:80px}.grid-view{grid-template-columns:repeat(2,1fr);gap:1rem}.premium-hero h1{font-size:2.5rem}}@media(max-width:768px){.premium-wrapper{flex-direction:column;gap:2rem}.premium-sidebar{flex:1;position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sidebar-section{grid-column:1 / -1}.grid-view{grid-template-columns:repeat(2,1fr);gap:1rem}.list-view .premium-product-item{grid-template-columns:140px 1fr}.premium-hero{padding:3rem 1.5rem}.premium-hero h1{font-size:2rem}.products-toolbar{flex-direction:column;align-items:stretch;gap:1rem}.toolbar-left,.toolbar-right{width:100%}.results-info{justify-content:space-between}}@media(max-width:480px){.premium-wrapper{padding:0 1rem;margin:1rem auto}.premium-sidebar{grid-template-columns:1fr}.grid-view{grid-template-columns:1fr;gap:.75rem}.premium-hero h1{font-size:1.5rem}.premium-hero p{font-size:1rem}.active-filters-bar{padding:.75rem 1rem}.filters-container{gap:.5rem}.filter-tag{font-size:.8rem;padding:.4rem .75rem}.page-num{width:38px;height:38px;font-size:.85rem}.page-btn{padding:.7rem 1rem;font-size:.9rem}}:root{--primary: #ff4b8b;--primary-hover: #e03a75;--secondary: #ff9e6d;--dark: #1e1e2f;--text-main: #2d3748;--text-muted: #718096;--bg-gradient: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .5);--shadow-soft: 0 20px 40px rgba(0, 0, 0, .08);--shadow-hover: 0 30px 60px rgba(255, 75, 139, .15);--input-bg: #f7fafc;--input-border: #e2e8f0;--error: #e53e3e;--success: #38a169}body{font-family:Outfit,sans-serif}.premium-auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-gradient);position:relative;overflow-x:hidden;padding:40px 20px}.premium-auth-container:before,.premium-auth-container:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(100px);z-index:0;opacity:.6;animation:floatBlobs 15s infinite ease-in-out alternate}.premium-auth-container:before{background:#ff4b8b26;top:-100px;left:-100px}.premium-auth-container:after{background:#ff9e6d26;bottom:-100px;right:-100px;animation-delay:-7s}@keyframes floatBlobs{0%{transform:translate(0) scale(1)}to{transform:translate(100px,100px) scale(1.2)}}.auth-header{text-align:center;margin-bottom:40px;z-index:10;position:relative}.auth-header h1{font-size:36px;font-weight:800;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;letter-spacing:-1px}.auth-header p{color:var(--text-muted);font-size:16px;font-weight:400;max-width:400px;margin:0 auto}.auth-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;z-index:10;width:100%;max-width:1000px;position:relative}.auth-form-section,.auth-benefits-section{flex:1 1 400px;max-width:500px;width:100%}.auth-card,.benefits-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:40px;box-shadow:var(--shadow-soft);height:100%;transition:transform .3s ease,box-shadow .3s ease}.auth-card:hover,.benefits-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.auth-form{display:flex;flex-direction:column;gap:20px;margin-top:10px}.form-label{font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.input-wrapper{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:14px 45px 14px 16px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;font-size:15px;color:var(--text-main);font-family:inherit;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #ff4b8b1a}.form-input.input-error{border-color:var(--error);background:#fff5f5}.input-icon{position:absolute;right:16px;font-size:18px;opacity:.5;pointer-events:none}.toggle-password{position:absolute;right:12px;background:none;border:none;font-size:18px;cursor:pointer;opacity:.6;transition:opacity .2s;padding:4px}.toggle-password:hover{opacity:1}.account-type-section{margin-bottom:25px}.account-type-section h3{font-size:15px;font-weight:600;color:var(--text-main);margin-bottom:12px}.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:15px}.role-option{position:relative;display:flex;align-items:center;padding:12px;border:1px solid var(--input-border);border-radius:12px;cursor:pointer;transition:all .2s ease;background:var(--input-bg)}.role-option input[type=radio]{display:none}.role-option.active{border-color:var(--primary);background:#fff5f8;box-shadow:0 4px 12px #ff4b8b1a}.role-icon{font-size:24px;margin-right:12px}.role-info-box{display:flex;flex-direction:column}.role-label{font-weight:600;font-size:14px;color:var(--text-main)}.role-desc{font-size:11px;color:var(--text-muted)}.role-option.disabled{opacity:.5;cursor:not-allowed}.warning-box{margin-top:10px;padding:10px;background:#fffbeb;border:1px solid #fbd38d;border-radius:8px;display:flex;align-items:center;gap:10px}.warning-text{font-size:12px;color:#b7791f}.auth-submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px -5px #ff4b8b66;margin-top:15px;display:flex;justify-content:center;align-items:center;gap:10px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 25px -5px #ff4b8b80}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner-mini{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.auth-footer{margin-top:25px;text-align:center}.auth-link-text{color:var(--text-muted);font-size:14px}.auth-link{color:var(--primary);font-weight:600;text-decoration:none;margin-left:5px;transition:color .2s}.auth-link:hover{color:var(--primary-hover);text-decoration:underline}.benefits-card h3{font-size:24px;font-weight:700;color:var(--text-main);margin-bottom:30px;border-bottom:2px solid #f0f0f0;padding-bottom:15px}.benefit-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:25px}.benefit-icon{font-size:28px;background:var(--input-bg);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:14px;box-shadow:0 4px 10px #00000008}.benefit-item h4{font-size:16px;font-weight:600;color:var(--text-main);margin-bottom:4px}.benefit-item p{font-size:13px;color:var(--text-muted);line-height:1.5}.alert{padding:14px;border-radius:10px;font-size:14px;display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;animation:slideDown .3s ease}.alert-error{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}.alert-success{background:#f0fff4;color:#276749;border:1px solid #9ae6b4}@media(max-width:860px){.auth-wrapper{flex-direction:column;align-items:center}.auth-form-section,.auth-benefits-section{width:100%;flex:none}}@media(max-width:480px){.auth-card,.benefits-card{padding:30px 20px}.role-selector{grid-template-columns:1fr}.auth-header h1{font-size:28px}}.premium-product-detail-container{min-height:100vh;background:linear-gradient(135deg,#fef8f0,#fff9f3,#fef5f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;padding:2rem}.detail-breadcrumb{max-width:1400px;margin:0 auto 2rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:1rem;background:#fff;border-radius:10px;box-shadow:var(--shadow-sm)}.breadcrumb-link{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:500;transition:var(--transition);text-decoration:none}.breadcrumb-link:hover{color:var(--primary-dark);text-decoration:underline}.separator{color:var(--text-secondary)}.current-page{color:var(--text-primary);font-weight:600}.product-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:2rem}.product-detail-loading p{color:var(--text-secondary);font-size:1.1rem}.product-not-found{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.not-found-card{background:#fff;padding:3rem;border-radius:20px;box-shadow:var(--shadow-lg);text-align:center;max-width:500px;animation:scaleIn .5s ease-out}.not-found-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 2s ease-in-out infinite}.not-found-card h2{font-size:2rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700}.not-found-card p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.back-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;padding:1rem 2.5rem;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.back-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.product-detail-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:#fff;border-radius:20px;padding:3rem;box-shadow:var(--shadow-lg);animation:slideInUp .6s ease-out}.product-image-section{display:flex;flex-direction:column;gap:1.5rem}.product-image-container{position:relative;width:100%;aspect-ratio:1;border-radius:15px;overflow:hidden;background:var(--bg-light);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.product-image-main{width:100%;height:100%;object-fit:contain;transition:var(--transition);padding:1rem}.product-image-container:hover .product-image-main{transform:scale(1.02)}.discount-badge{position:absolute;top:1.5rem;right:1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;padding:.75rem 1rem;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;box-shadow:var(--shadow-md);animation:slideInRight .6s ease-out}.discount-percent{font-size:1.5rem;font-weight:700;line-height:1}.discount-text{font-size:.75rem;font-weight:600}.favorite-btn{position:absolute;bottom:1.5rem;right:1.5rem;width:50px;height:50px;border-radius:50%;background:#fff;border:2px solid var(--border);font-size:1.5rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center}.favorite-btn:hover{transform:scale(1.1);border-color:var(--primary)}.favorite-btn.active{border-color:var(--primary);background:linear-gradient(135deg,#ffe5f0,#fff5e1)}.image-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.thumbnail{width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--bg-light);transition:var(--transition)}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail:hover{border-color:var(--primary)}.thumbnail.active{border-color:var(--primary);box-shadow:var(--shadow-md)}.product-info-section{display:flex;flex-direction:column;gap:2rem}.detail-header{animation:slideInLeft .6s ease-out .1s both}.product-title{font-size:2.5rem;font-weight:900;color:var(--text-primary);line-height:1.2;margin-bottom:.5rem}.product-category{font-size:1rem;color:var(--text-secondary);font-weight:500}.detail-rating{display:flex;align-items:center;gap:1rem;animation:slideInLeft .6s ease-out .2s both}.stars{font-size:1.3rem;letter-spacing:.2rem}.rating-text{color:var(--text-secondary);font-weight:500}.detail-pricing{padding:1.5rem;background:linear-gradient(135deg,#ffe5f0,#fff5e1);border-radius:15px;animation:slideInLeft .6s ease-out .3s both}.price-display{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.current-price{font-size:2.5rem;font-weight:900;color:var(--primary)}.original-price{font-size:1.3rem;color:var(--text-secondary);text-decoration:line-through}.savings{background:var(--success);color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem}.detail-stock{animation:slideInLeft .6s ease-out .4s both}.stock-status{font-weight:700;font-size:1.1rem;display:inline-block}.stock-status.in-stock{color:var(--success)}.stock-status.out-of-stock{color:#f44336}.stock-count{color:var(--text-secondary);margin-left:.5rem;font-weight:500}.detail-description{animation:slideInLeft .6s ease-out .5s both}.detail-description h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700}.detail-description p{color:var(--text-secondary);line-height:1.8;font-size:1rem}.detail-quantity{animation:slideInLeft .6s ease-out .6s both}.quantity-label{display:block;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;font-size:1rem}.quantity-control{display:flex;align-items:center;width:fit-content;border:2px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.qty-btn{width:45px;height:45px;border:none;background:#fff;color:var(--primary);font-size:1.5rem;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.qty-btn:hover:not(:disabled){background:var(--bg-light);color:var(--primary-dark)}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-input{width:60px;height:45px;border:none;text-align:center;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.qty-input:disabled{background:var(--bg-light);cursor:not-allowed}.detail-quantity-note{animation:slideInLeft .6s ease-out .6s both;margin:1.5rem 0}.quantity-note-text{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:4px solid var(--accent);padding:1rem 1.25rem;border-radius:8px;color:var(--text-primary);font-size:.95rem;line-height:1.6;display:flex;align-items:center;gap:.75rem}.quantity-note-text strong{color:var(--primary-dark);font-weight:700}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;animation:slideInLeft .6s ease-out .7s both}.action-btn{padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}.add-cart-btn{background:linear-gradient(135deg,var(--secondary) 0%,#FFB347 100%);color:#fff;box-shadow:var(--shadow-md)}.add-cart-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-lg)}.buy-now-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;box-shadow:var(--shadow-md)}.buy-now-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-lg)}.action-btn:disabled{opacity:.6;cursor:not-allowed}.detail-features{animation:slideInLeft .6s ease-out .8s both}.detail-features h3{font-size:1rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700}.features-list{display:flex;flex-direction:column;gap:.75rem}.feature-tag{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-light);border-radius:8px;color:var(--text-primary);font-weight:500;transition:var(--transition)}.feature-tag:hover{background:#ffe5f0;transform:translate(5px)}.feature-icon{color:var(--success);font-weight:700}.detail-info-box{background:#fff;border:2px solid var(--border);border-radius:15px;padding:1.5rem;animation:slideInLeft .6s ease-out .9s both}.info-row{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-icon{font-size:1.5rem}.info-text{color:var(--text-secondary);font-size:.95rem;font-weight:500}@media(max-width:1024px){.product-detail-wrapper{grid-template-columns:1fr;gap:2rem;padding:2rem}.product-title,.current-price{font-size:2rem}.detail-actions{grid-template-columns:1fr}}@media(max-width:768px){.premium-product-detail-container{padding:1rem}.product-detail-wrapper{padding:1.5rem;border-radius:15px}.detail-breadcrumb{padding:.75rem;gap:.5rem;font-size:.9rem}.product-title,.current-price{font-size:1.5rem}.image-thumbnails{grid-template-columns:repeat(3,1fr)}.detail-actions{gap:.75rem}.action-btn{padding:.85rem 1rem;font-size:1rem}}@media(max-width:480px){.premium-product-detail-container{padding:.5rem}.product-detail-wrapper{padding:1rem;gap:1.5rem}.detail-breadcrumb{flex-direction:column;align-items:flex-start}.product-title,.current-price{font-size:1.3rem}.detail-pricing{padding:1rem}.image-thumbnails{grid-template-columns:repeat(2,1fr)}.discount-badge{top:1rem;right:1rem;min-width:60px;padding:.5rem .75rem}.discount-percent{font-size:1.2rem}.favorite-btn{width:45px;height:45px;font-size:1.2rem}.action-btn{padding:.75rem 1rem;font-size:.95rem}.qty-btn{width:40px;height:40px}.qty-input{width:50px;height:40px}}:root{--primary-color: #FF6B9D;--secondary-color: #FFC06E;--accent-color: #FF8C42;--text-dark: #1a1a1a;--text-light: #666;--border-color: #e0e0e0;--background-light: #f9f9f9;--success-color: #10b981;--free-color: #06b6d4}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;gap:20px}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.cart-loading p{color:var(--text-light);font-size:16px;font-weight:500}.empty-cart-container{display:flex;align-items:center;justify-content:center;min-height:600px;background:linear-gradient(135deg,#ff6b9d0d,#ffc06e0d);padding:20px}.empty-cart-card{text-align:center;background:#fff;border-radius:20px;padding:60px 40px;box-shadow:0 10px 40px #00000014;animation:slideInUp .6s ease-out;max-width:400px}.empty-icon{font-size:80px;margin-bottom:20px;display:inline-block;animation:float 3s ease-in-out infinite}.empty-cart-card h2{font-size:28px;color:var(--text-dark);margin-bottom:10px;font-weight:700}.empty-cart-card p{color:var(--text-light);font-size:16px;margin-bottom:30px;line-height:1.6}.continue-shopping-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#fff;border:none;padding:12px 40px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b9d4d}.continue-shopping-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b9d66}.premium-cart-container{max-width:1400px;margin:0 auto;padding:0;background:#fff}.cart-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#fff;padding:50px 40px;text-align:left;animation:slideInDown .6s ease-out;border-bottom:4px solid var(--secondary-color)}.header-content h1{font-size:42px;margin:0 0 10px;font-weight:800;letter-spacing:-.5px}.header-content p{font-size:18px;margin:0;opacity:.95;font-weight:300}.cart-wrapper{display:grid;grid-template-columns:1fr 380px;gap:30px;padding:40px;animation:slideInUp .6s ease-out .1s both}.cart-items-section{display:flex;flex-direction:column;gap:20px}.items-header{display:flex;align-items:center;justify-content:space-between;padding:0 10px 15px;margin-bottom:10px;border-bottom:2px solid var(--border-color)}.items-header h2{font-size:24px;color:var(--text-dark);margin:0;font-weight:700}.item-count{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#fff;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.cart-items-list{display:flex;flex-direction:column;gap:16px}.cart-item-card{display:grid;grid-template-columns:100px 1fr auto auto auto 50px;align-items:center;gap:20px;background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .3s ease;animation:slideInLeft .5s ease-out}.cart-item-card:hover{box-shadow:0 8px 24px #ff6b9d26;border-color:var(--primary-color);transform:translateY(-2px)}.item-image{width:80px;height:80px;background:var(--background-light);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.item-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.cart-item-card:hover .item-image img{transform:scale(1.05)}.item-info{display:flex;flex-direction:column;gap:8px}.item-name{font-size:16px;color:var(--text-dark);margin:0;font-weight:600;line-height:1.4;transition:color .3s ease}.cart-item-card:hover .item-name{color:var(--primary-color)}.item-price{font-size:14px;color:var(--text-light);margin:0}.quantity-controller{display:flex;align-items:center;gap:8px;background:var(--background-light);border-radius:8px;padding:4px}.qty-btn{width:32px;height:32px;border:none;background:#fff;color:var(--primary-color);font-size:18px;font-weight:700;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.qty-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.qty-input{width:45px;border:none;background:transparent;text-align:center;font-size:14px;font-weight:600;color:var(--text-dark);font-family:inherit}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number]{-moz-appearance:textfield}.item-total-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:100px;text-align:right}.item-total-price .label{font-size:12px;color:var(--text-light);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.item-total-price .price{font-size:18px;color:var(--primary-color);font-weight:700}.remove-btn{width:40px;height:40px;border:none;background:#fee2e8;color:var(--accent-color);font-size:18px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:var(--accent-color);color:#fff;transform:scale(1.1)}.cart-summary-section{position:sticky;top:100px;height:fit-content;animation:slideInRight .6s ease-out .2s both}.summary-card{background:#fff;border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000014;transition:box-shadow .3s ease}.summary-card:hover{box-shadow:0 15px 40px #0000001f}.summary-title{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--accent-color) 100%);color:#fff;padding:20px}.summary-title h2{margin:0;font-size:20px;font-weight:700}.summary-body{padding:24px 20px;display:flex;flex-direction:column;gap:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.summary-label{color:var(--text-light);font-weight:500}.summary-value{color:var(--text-dark);font-weight:600}.summary-value.free{color:var(--free-color);font-weight:700}.summary-value.discount{color:var(--success-color);font-weight:700}.summary-divider{height:1px;background:var(--border-color);margin:8px 0}.total-row{padding:12px 0;border-top:2px solid var(--border-color);border-bottom:2px solid var(--border-color)}.total-row .summary-label{font-size:16px;font-weight:700;color:var(--text-dark)}.summary-value-total{font-size:22px;color:var(--primary-color);font-weight:800}.checkout-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#fff;border:none;padding:14px 20px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b9d4d;text-transform:uppercase;letter-spacing:.5px}.checkout-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff6b9d66}.checkout-btn:active{transform:translateY(-1px)}.continue-btn{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.continue-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.trust-badges{display:grid;grid-template-columns:1fr;gap:12px;padding:20px;background:linear-gradient(135deg,#ff6b9d0d,#ffc06e0d);border-top:1px solid var(--border-color);margin-top:8px}.badge{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border-radius:8px;font-size:12px;font-weight:600;color:var(--text-dark);transition:all .3s ease}.badge:hover{background:var(--background-light);transform:translate(4px)}.badge-icon{font-size:18px}.badge-text{flex:1}@media(max-width:1024px){.cart-wrapper{grid-template-columns:1fr;gap:20px;padding:30px 20px}.cart-summary-section{position:relative;top:0}.cart-header{padding:40px 20px}.cart-header h1{font-size:32px}.cart-item-card{grid-template-columns:80px 1fr auto auto auto 40px;gap:12px;padding:12px}.item-image{width:80px;height:80px}.item-name{font-size:14px}.item-total-price{min-width:80px}.item-total-price .price{font-size:16px}}@media(max-width:768px){.cart-wrapper{grid-template-columns:1fr;gap:20px;padding:20px 12px}.cart-header{padding:30px 20px;margin:0 -12px;border-radius:0}.cart-header h1{font-size:28px}.cart-header p{font-size:14px}.items-header h2{font-size:20px}.cart-item-card{grid-template-columns:70px 1fr auto 40px;gap:12px;padding:12px}.item-image{width:70px;height:70px}.item-name{font-size:13px}.item-price{font-size:12px}.item-total-price{display:none}.quantity-controller{order:-1}.remove-btn{width:36px;height:36px;font-size:16px}.cart-item-card{grid-template-columns:70px 1fr auto auto}.summary-card{margin:0 -12px -20px;border-radius:16px 16px 0 0}.summary-title h2{font-size:18px}.summary-body{padding:16px;gap:12px}.summary-row{font-size:13px}.total-row .summary-label{font-size:14px}.summary-value-total{font-size:18px}.checkout-btn,.continue-btn{padding:12px 16px;font-size:14px}.trust-badges{gap:10px}.badge{padding:8px;font-size:11px}.badge-icon{font-size:16px}}@media(max-width:480px){.cart-header{padding:25px 16px}.cart-header h1{font-size:24px}.cart-header p{font-size:12px}.cart-wrapper{padding:16px 8px;gap:16px}.items-header{padding:0 8px 12px}.items-header h2{font-size:18px}.item-count{padding:3px 10px;font-size:12px}.cart-items-list{gap:12px}.cart-item-card{grid-template-columns:60px 1fr;gap:10px;padding:10px}.item-image{width:60px;height:60px;border-radius:6px}.item-name{font-size:12px;margin-bottom:4px}.item-price{font-size:11px}.quantity-controller{grid-column:1 / -1;width:100%;gap:6px;padding:2px;margin-top:8px}.qty-btn{width:28px;height:28px;font-size:16px}.qty-input{width:40px;font-size:12px}.remove-btn{grid-column:1 / -1;width:100%;height:36px;margin-top:4px}.summary-card{margin:0 -8px;border-radius:12px 12px 0 0}.summary-title{padding:16px}.summary-title h2{font-size:16px}.summary-body{padding:12px;gap:10px}.summary-row{font-size:12px}.total-row{padding:10px 0}.total-row .summary-label{font-size:13px}.summary-value-total{font-size:16px}.checkout-btn,.continue-btn{padding:11px 12px;font-size:12px}.trust-badges{gap:8px;padding:12px}.badge{padding:6px;font-size:10px}.badge-icon{font-size:14px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}:root{--primary: #FF6B9D;--primary-dark: #E63384;--secondary: #FFC06E;--accent: #FF8C42;--bg-light: #FAFAFA;--bg-white: #FFFFFF;--text-primary: #1A1A1A;--text-secondary: #666;--border: #E8E8E8;--success: #4CAF50;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.premium-checkout-container{min-height:100vh;background:linear-gradient(135deg,#fef8f0,#fff9f3,#fef5f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.checkout-header{background:linear-gradient(135deg,#ff6b9d,#ffc06e,#ff8c42);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:#fff;padding:3rem 2rem;text-align:center}.header-content{animation:slideInDown .8s ease-out}.checkout-header h1{font-size:2.5rem;font-weight:900;margin-bottom:.5rem;text-shadow:0 4px 20px rgba(0,0,0,.15)}.checkout-header p{font-size:1.1rem;opacity:.95}.checkout-wrapper{max-width:1200px;margin:0 auto;padding:3rem 2rem;display:grid;grid-template-columns:2fr 1fr;gap:2rem}.checkout-form-section{animation:slideInLeft .6s ease-out}.checkout-form{background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden}.form-section{padding:2rem;border-bottom:2px solid var(--border)}.form-section:last-of-type{border-bottom:none}.section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #FFE5F0}.section-header h2{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:.95rem}.form-group input,.form-group select{width:100%;padding:1rem;border:2px solid var(--border);border-radius:10px;font-size:1rem;font-family:inherit;transition:var(--transition)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff6b9d1a;background-color:#fff}.form-group input::placeholder{color:var(--text-secondary)}.form-group input.input-error,.form-group select.input-error{border-color:#ef4444;background:#fef2f2;box-shadow:0 0 0 3px #ef44441a}.form-group input.input-error:focus,.form-group select.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;background-color:#fef2f2}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-row:last-child{margin-bottom:0}.payment-option{position:relative;margin-bottom:1rem}.payment-option input{position:absolute;opacity:0;cursor:pointer}.payment-label{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:var(--transition);background:#fff}.payment-option input:checked+.payment-label{border-color:var(--primary);background:linear-gradient(135deg,#ffe5f0,#fff5e1)}.payment-icon{font-size:2rem;flex-shrink:0}.payment-info{display:flex;flex-direction:column;gap:.3rem}.payment-name{font-weight:700;color:var(--text-primary);display:block}.payment-desc{font-size:.9rem;color:var(--text-secondary);display:block}.place-order-btn{width:100%;padding:1.2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);margin:2rem;margin-top:0}.place-order-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-lg)}.place-order-btn:disabled{opacity:.6;cursor:not-allowed}.order-summary-section{animation:slideInRight .6s ease-out}.summary-card{background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;position:sticky;top:2rem}.summary-header{padding:1.5rem;background:linear-gradient(135deg,#ffe5f0,#fff5e1);border-bottom:2px solid var(--border)}.summary-header h2{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.summary-items{padding:1.5rem;border-bottom:1px solid var(--border);max-height:300px;overflow-y:auto}.summary-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;margin-bottom:.75rem;background:var(--bg-light);border-radius:10px;border-left:4px solid var(--primary)}.summary-item:last-child{margin-bottom:0}.item-details{display:flex;flex-direction:column;gap:.3rem;flex:1}.item-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.item-qty{font-size:.85rem;color:var(--text-secondary)}.item-price{font-weight:700;color:var(--primary);font-size:1rem;white-space:nowrap;margin-left:1rem}.summary-divider{height:1px;background:var(--border);margin:1rem 1.5rem}.price-breakdown{padding:1.5rem;border-bottom:1px solid var(--border)}.breakdown-row{display:flex;justify-content:space-between;margin-bottom:.75rem}.breakdown-row:last-child{margin-bottom:0}.breakdown-label{color:var(--text-secondary);font-weight:500;font-size:.95rem}.breakdown-value{font-weight:600;color:var(--text-primary)}.breakdown-value.discount{color:var(--success);font-weight:700}.summary-total{padding:1.5rem;background:linear-gradient(135deg,#ffe5f0,#fff5e1);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.total-label{font-weight:700;color:var(--text-primary);font-size:1rem}.total-price{font-size:1.8rem;font-weight:900;color:var(--primary)}.summary-info{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text-secondary)}.info-item .info-icon{color:var(--success);font-weight:700;font-size:1.2rem}@media(max-width:1024px){.checkout-wrapper{grid-template-columns:1fr;gap:1.5rem}.summary-card{position:static}.form-row{grid-template-columns:1fr;gap:1rem}.checkout-header h1{font-size:2rem}}@media(max-width:768px){.premium-checkout-container{padding:0}.checkout-header{padding:2rem 1.5rem}.checkout-header h1{font-size:1.8rem}.checkout-header p{font-size:1rem}.checkout-wrapper,.form-section{padding:1.5rem}.place-order-btn{margin:1.5rem;margin-top:0}.summary-items{max-height:200px}}@media(max-width:480px){.checkout-header{padding:1.5rem 1rem}.checkout-header h1{font-size:1.5rem}.checkout-wrapper{padding:1rem;gap:1rem}.form-section{padding:1rem}.section-header h2{font-size:1.1rem}.form-group{margin-bottom:1rem}.form-row{gap:.75rem}.payment-label{padding:1rem;gap:.75rem}.payment-icon{font-size:1.5rem}.place-order-btn{padding:1rem;font-size:1rem;margin:1rem}.summary-header,.summary-items{padding:1rem}.summary-item{padding:.75rem}.price-breakdown,.summary-total{padding:1rem}.total-price{font-size:1.5rem}.summary-info{padding:1rem;gap:.75rem}.info-item{font-size:.9rem}}.item-qty-selector{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.item-qty-selector label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.item-qty-selector .qty-btn{width:32px;height:32px;border:1px solid var(--border);background:#fff;color:var(--text-primary);border-radius:4px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.item-qty-selector .qty-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.item-qty-selector .qty-input{width:50px;padding:.4rem;text-align:center;border:1px solid var(--border);border-radius:4px;font-size:.95rem;font-weight:500}.item-qty-selector .qty-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff6b9d1a}.coupon-input-group{display:flex;gap:10px;margin-bottom:15px}.coupon-input{flex:1;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .3s ease}.coupon-input:focus{outline:none;border-color:#f6c1cc;box-shadow:0 0 10px #f6c1cc4d}.coupon-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.apply-coupon-btn{padding:12px 25px;background:linear-gradient(135deg,#f6c1cc,#d4af37);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.apply-coupon-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #f6c1cc4d}.apply-coupon-btn:disabled{opacity:.7;cursor:not-allowed}.applied-coupon{background:linear-gradient(135deg,#f6c1cc15,#d4af3715);border:2px solid #F6C1CC;border-radius:12px;padding:20px;margin-bottom:15px}.coupon-badge{display:flex;align-items:center;gap:15px;margin-bottom:10px}.coupon-code{background:linear-gradient(135deg,#f6c1cc,#d4af37);color:#fff;padding:8px 16px;border-radius:6px;font-weight:700;font-size:16px}.discount-badge{background:#4caf50;color:#fff;padding:6px 12px;border-radius:6px;font-weight:700;font-size:14px}.coupon-desc{margin:10px 0;color:#666;font-size:14px}.remove-coupon-btn{background:#ff5252;color:#fff;border:none;padding:8px 15px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;margin-top:10px}.remove-coupon-btn:hover{background:#ff1744}.coupon-error{display:block;color:#d32f2f;font-size:13px;margin-top:8px;animation:slideDown .3s ease}.discount-row{background-color:#f0f0f0;padding:10px;border-radius:6px;margin:5px 0}.breakdown-value.discount{color:#4caf50;font-weight:700}@media(max-width:768px){.coupon-input-group{flex-direction:column}.apply-coupon-btn{width:100%}.coupon-badge{flex-direction:column;align-items:flex-start}}.product-detail-container{min-height:100vh;background:#f5f5f5;padding:2rem;animation:fadeIn .5s ease-out}.product-detail-wrapper{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:2rem}.product-images{display:flex;flex-direction:column;gap:1rem}.main-image{width:100%;height:500px;object-fit:cover;border-radius:12px;background:#f0f9ff;animation:scaleIn .5s ease-out}.thumbnail-images{display:flex;gap:.5rem;overflow-x:auto}.thumbnail{width:80px;height:80px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.thumbnail:hover{border-color:#2874f0}.thumbnail.active{border-color:#2874f0;box-shadow:0 0 0 2px #fff,0 0 0 4px #2874f0}.product-info{display:flex;flex-direction:column;gap:1.5rem}.product-title{font-size:1.8rem;font-weight:700;color:#212121}.product-brand{color:#878787;font-size:1rem}.product-rating{display:flex;align-items:center;gap:1rem}.rating-stars{color:#ffb800;font-size:1.2rem}.rating-count{color:#878787;font-size:.95rem}.product-pricing{padding:1rem;background:#f0f9ff;border-radius:8px}.price-display{display:flex;align-items:baseline;gap:1rem;margin-bottom:.5rem}.current-price{font-size:2rem;font-weight:700;color:#2874f0}.original-price{font-size:1.1rem;text-decoration:line-through;color:#878787}.discount-badge{background:#ff9f1c;color:#fff;padding:.3rem .8rem;border-radius:4px;font-weight:600;font-size:.9rem}.shipping-info{color:#388e3c;font-weight:500}.product-description{padding:1rem;background:#f9f9f9;border-radius:8px;color:#212121;line-height:1.6}.description-title{font-weight:600;margin-bottom:.5rem}.product-actions{display:flex;gap:1rem}.add-to-cart-btn,.buy-now-btn{flex:1;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.add-to-cart-btn{background:#fff;color:#2874f0;border:2px solid #2874f0}.add-to-cart-btn:hover{background:#f0f9ff;transform:translateY(-2px)}.buy-now-btn{background:linear-gradient(135deg,#ff9f1c,#ff8c1a);color:#fff}.buy-now-btn:hover{box-shadow:0 6px 20px #ff9f1c66;transform:translateY(-2px)}@media(max-width:1024px){.product-detail-content{grid-template-columns:1fr;gap:2rem}.main-image{height:400px}}@media(max-width:768px){.product-detail-container{padding:1rem}.product-detail-content{padding:1.5rem;gap:1.5rem}.product-title{font-size:1.4rem}.current-price{font-size:1.6rem}.product-actions{flex-direction:column}.main-image{height:300px}}.order-confirmation-container{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#f3f0ff);display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .5s ease-out}.confirmation-card{background:#fff;border-radius:12px;padding:3rem;max-width:600px;width:100%;box-shadow:0 8px 32px #0000001a;animation:scaleIn .5s ease-out}.success-icon{font-size:3rem;margin-bottom:1rem;display:block;animation:bounce .6s ease-out;color:#4caf50}.confirmation-card h1{font-size:2rem;font-weight:700;color:#388e3c;margin-bottom:.5rem}.confirmation-card p{color:#878787;font-size:1rem;margin-bottom:2rem}.product-summary{display:grid;grid-template-columns:200px 1fr;gap:2rem;margin:2rem 0;padding:2rem;background:#f9f9f9;border-radius:8px;border:1px solid #e8e8e8}.product-image{display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:200px;object-fit:cover;border-radius:8px}.product-info{display:flex;flex-direction:column;justify-content:center}.product-info h3{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.product-info .category{font-size:.9rem;color:#878787;margin-bottom:1rem}.pricing{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.price{font-size:1.5rem;font-weight:700;color:#2874f0}.original-price{font-size:1rem;color:#878787;text-decoration:line-through}.discount{font-size:.9rem;color:#ff9800;font-weight:700;background:#ffe8d6;padding:.25rem .75rem;border-radius:4px}.product-info .description{font-size:.9rem;color:#666;line-height:1.5;margin-bottom:1rem}.stock-info{margin-top:auto}.stock{display:inline-block;padding:.5rem 1rem;border-radius:4px;font-weight:600;font-size:.9rem}.stock.in-stock{color:#4caf50;background:#e8f5e9}.stock.out-stock{color:#f44336;background:#ffebee}.order-details,.items-summary{margin:2rem 0;padding:2rem;background:#f9f9f9;border-radius:8px}.detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e8e8e8}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:600;color:#555}.detail-row .value{font-weight:700;color:#2874f0}.detail-row .status{background:#fff3cd;padding:.25rem .75rem;border-radius:4px;color:#ff9800}.items-summary h3{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#1a1a1a}.item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e8e8e8}.item:last-child{border-bottom:none}.item span:first-child{flex:1;font-weight:500}.item span{font-weight:600;color:#2874f0}.action-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.checkout-btn,.track-btn,.view-order-btn,.continue-shopping-btn{padding:1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.checkout-btn,.track-btn,.view-order-btn{background:linear-gradient(135deg,#2874f0,#1c54c4);color:#fff}.checkout-btn:hover,.track-btn:hover,.view-order-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2874f04d}.continue-shopping-btn{background:#fff;color:#2874f0;border:2px solid #2874f0}.continue-shopping-btn:hover{background:#f0f9ff}.track-order-container{min-height:100vh;background:#f5f5f5;padding:2rem;animation:fadeIn .5s ease-out}.track-order-wrapper{max-width:700px;margin:0 auto}.track-order-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014;animation:slideInUp .5s ease-out}.track-title{font-size:2rem;font-weight:700;color:#212121;margin-bottom:2rem;text-align:center}.track-form{display:flex;gap:1rem;margin-bottom:2rem}.track-input{flex:1;padding:1rem;border:2px solid #e5e5e5;border-radius:8px;font-size:1rem}.track-input:focus{outline:none;border-color:#2874f0;background:#f0f9ff}.track-btn{padding:1rem 2rem;background:#2874f0;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.track-btn:hover{background:#1c54c4;transform:translateY(-2px)}.order-status{margin-top:2rem;padding:1.5rem;background:#f0f9ff;border-radius:8px;border-left:4px solid #2874f0}.status-title{font-weight:600;color:#212121;margin-bottom:1rem}.status-timeline{display:flex;flex-direction:column;gap:1rem}.status-item{display:flex;gap:1rem;padding:1rem;background:#fff;border-radius:8px}.status-icon{font-size:1.5rem;min-width:30px}.status-text{flex:1}.status-label{font-weight:600;color:#212121}@media(max-width:768px){.order-confirmation-container{padding:1rem}.confirmation-card{padding:1.5rem}.confirmation-card h1{font-size:1.5rem}.product-summary{grid-template-columns:1fr;gap:1rem;padding:1rem}.product-image img{height:150px;width:60%}.detail-row{flex-direction:column;gap:.25rem;align-items:flex-start}.detail-row .value{text-align:left}.item{flex-wrap:wrap;gap:.5rem}.item span:first-child{width:100%;margin-bottom:.25rem}}:root{--primary: #FF6B9D;--primary-dark: #E63384;--secondary: #FFC06E;--accent: #FF8C42;--bg-light: #FAFAFA;--bg-white: #FFFFFF;--text-primary: #1A1A1A;--text-secondary: #666;--border: #E8E8E8;--success: #4CAF50;--warning: #FF9800;--info: #2196F3;--danger: #F44336;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.premium-track-container{min-height:100vh;background:linear-gradient(135deg,#fef8f0,#fff9f3,#fef5f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.premium-track-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#ff6b9d,#ffc06e,#ff8c42);background-size:400% 400%;animation:gradientShift 15s ease infinite;padding:5rem 2rem;color:#fff;text-align:center}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.track-hero-content{position:relative;z-index:2;animation:slideInDown .8s ease-out}.premium-track-hero h1{font-size:3.5rem;font-weight:900;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.15);letter-spacing:-1px}.premium-track-hero p{font-size:1.3rem;margin-bottom:1.5rem;opacity:.95;font-weight:300}.breadcrumb{display:inline-block;font-size:.95rem;opacity:.9;font-weight:500}.hero-shapes{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.shape{position:absolute;opacity:.1;border-radius:50%;animation:float 6s ease-in-out infinite}.shape-1{width:300px;height:300px;top:-50px;right:-100px;background:#fff}.shape-2{width:200px;height:200px;bottom:10%;left:5%;background:#fff;animation-delay:1s}.shape-3{width:250px;height:250px;top:20%;left:10%;background:#fff;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.no-orders-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:3rem 2rem}.no-orders-card{background:#fff;padding:3rem;border-radius:20px;box-shadow:var(--shadow-lg);text-align:center;max-width:500px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.empty-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.no-orders-card h2{font-size:2rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700}.no-orders-card p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.cta-button{display:inline-block;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:600;transition:var(--transition);box-shadow:var(--shadow-md)}.cta-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.track-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:2rem}.spinner{width:60px;height:60px;border:4px solid rgba(255,107,157,.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.track-loading p{color:var(--text-secondary);font-size:1.1rem}.premium-track-wrapper{display:flex;max-width:1400px;margin:0 auto;gap:2rem;padding:2rem}.track-sidebar{flex:0 0 280px;background:#fff;border-radius:15px;padding:2rem;box-shadow:var(--shadow-md);height:fit-content;position:sticky;top:2rem;animation:slideInLeft .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.sidebar-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid var(--border)}.sidebar-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-section h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.search-section{margin-bottom:2rem;padding-bottom:2rem}.search-wrapper{position:relative;display:flex;align-items:center}.track-search{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid var(--border);border-radius:10px;font-size:.95rem;transition:var(--transition);font-family:inherit}.track-search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff6b9d1a}.search-icon{position:absolute;left:.75rem;font-size:1rem;pointer-events:none}.sort-options{display:flex;flex-direction:column;gap:1rem}.sort-item{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:8px;transition:var(--transition)}.sort-item:hover{background:var(--bg-light)}.sort-item input{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.sort-item span{color:var(--text-primary);font-weight:500}.stats-section{background:linear-gradient(135deg,#ffe5f0,#fff5e1);padding:1.5rem;border-radius:12px;margin:-1rem -2rem 0;padding:1.5rem 2rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,107,157,.2)}.stat-item:last-child{border-bottom:none}.stat-label{color:var(--text-secondary);font-weight:500;font-size:.95rem}.stat-value{font-weight:700;font-size:1.3rem;color:var(--primary)}.stat-value.delivered{color:var(--success)}.stat-value.transit{color:var(--info)}.track-main{flex:1;animation:slideInRight .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.orders-grid{background:#fff;border-radius:15px;padding:2rem;box-shadow:var(--shadow-md);margin-bottom:2rem}.grid-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border)}.grid-header h2{font-size:1.5rem;color:var(--text-primary);font-weight:700}.no-results{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.orders-list{display:grid;gap:1rem}.order-card{background:var(--bg-light);border:2px solid transparent;border-radius:12px;padding:1.5rem;cursor:pointer;transition:var(--transition)}.order-card:hover{border-color:var(--primary);transform:translate(5px);box-shadow:var(--shadow-md)}.order-card.active{border-color:var(--primary);background:linear-gradient(135deg,#ffe5f0,#fff9f3);box-shadow:var(--shadow-lg)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.order-info{flex:1}.order-id{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem}.order-date{font-size:.9rem;color:var(--text-secondary)}.order-status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid;border-radius:8px;font-weight:600;font-size:.9rem;background:#fff}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.order-card-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.order-detail{display:flex;flex-direction:column;gap:.5rem}.detail-label{font-size:.85rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase}.detail-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.order-details-panel{background:#fff;border-radius:15px;padding:2rem;box-shadow:var(--shadow-lg);animation:slideInRight .6s ease-out}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border)}.details-header h2{font-size:1.5rem;color:var(--text-primary);font-weight:700}.close-details{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);transition:var(--transition)}.close-details:hover{color:var(--text-primary);transform:rotate(90deg)}.details-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.details-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.details-section h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.85rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1rem;color:var(--text-primary);font-weight:600;word-break:break-all}.items-list{background:var(--bg-light);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.item-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:8px;border-left:4px solid var(--primary)}.item-info{display:flex;flex-direction:column;gap:.3rem}.item-name{font-weight:600;color:var(--text-primary)}.item-quantity{font-size:.9rem;color:var(--text-secondary)}.item-price{font-weight:700;color:var(--primary);font-size:1.1rem}.address-box{background:var(--bg-light);padding:1.5rem;border-radius:10px;border-left:4px solid var(--secondary)}.address-box p{margin:.5rem 0;color:var(--text-primary);line-height:1.6}.timeline{position:relative;padding:1rem 0 1rem 3rem}.timeline-item{display:flex;gap:1.5rem;margin-bottom:1.5rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-2.5rem;top:.3rem;width:16px;height:16px;border-radius:50%;background:var(--primary);border:3px solid white;box-shadow:0 0 0 3px var(--primary)}.timeline-content{flex:1;background:var(--bg-light);padding:1rem;border-radius:8px;border-left:2px solid var(--primary)}.timeline-status{font-weight:700;color:var(--text-primary);margin-bottom:.3rem}.timeline-location{color:var(--primary);font-weight:600;font-size:.9rem;margin-bottom:.3rem}.timeline-message{color:var(--text-secondary);font-size:.95rem;margin-bottom:.5rem}.timeline-date{font-size:.85rem;color:var(--text-secondary);font-style:italic}@media(max-width:1024px){.premium-track-wrapper{flex-direction:column;padding:1.5rem}.track-sidebar{flex:1;position:static}.premium-track-hero h1{font-size:2.5rem}.premium-track-hero p{font-size:1.1rem}}@media(max-width:768px){.premium-track-wrapper{gap:1rem;padding:1rem}.track-sidebar{display:none}.orders-grid,.order-details-panel{padding:1.5rem}.info-grid,.order-card-body{grid-template-columns:1fr}.premium-track-hero{padding:3rem 1.5rem}.premium-track-hero h1{font-size:2rem}.details-header{flex-direction:column;align-items:flex-start;gap:1rem}.close-details{align-self:flex-end}}@media(max-width:480px){.premium-track-hero h1{font-size:1.5rem}.premium-track-hero p{font-size:.95rem}.breadcrumb{font-size:.8rem}.orders-grid,.order-details-panel,.order-card{padding:1rem}.order-card-header{flex-direction:column;gap:.75rem}.no-orders-card{padding:1.5rem}.empty-icon{font-size:3rem}.no-orders-card h2{font-size:1.5rem}.timeline{padding:1rem 0 1rem 2rem}.timeline-marker{left:-1.75rem}.header-actions{gap:.5rem!important}.cancel-order-btn{padding:.6rem .8rem!important;font-size:.85rem!important}.cancel-modal{width:90%!important;margin:auto!important}}.details-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border)}.header-actions{display:flex;align-items:center;gap:1rem}.cancel-order-btn{background:linear-gradient(135deg,#ff6b9d,#ff8c42);color:#fff;border:none;padding:.8rem 1.2rem;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #ff6b9d4d;display:flex;align-items:center;gap:.5rem}.cancel-order-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b9d66}.cancel-order-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:1rem}.cancel-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#ff6b9d0d,#ffc06e0d)}.modal-header h3{font-size:1.3rem;color:var(--text-primary);margin:0;font-weight:700}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);transition:var(--transition);padding:.5rem}.modal-close:hover:not(:disabled){color:var(--danger);transform:scale(1.1)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:1.5rem}.warning-text{font-size:1rem;color:var(--danger);font-weight:600;margin-bottom:1rem}.info-text{font-size:.95rem;color:var(--text-secondary);margin-bottom:1.5rem;background:var(--bg-light);padding:.75rem 1rem;border-radius:8px;border-left:3px solid var(--secondary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.cancel-textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;transition:var(--transition)}.cancel-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff6b9d1a}.cancel-textarea:disabled{background:var(--bg-light);cursor:not-allowed;opacity:.6}.refund-info{font-size:.9rem;color:var(--text-secondary);background:#e8f5e9;padding:.75rem 1rem;border-radius:8px;border-left:3px solid var(--success);margin:0}.modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid var(--border);background:var(--bg-light);border-radius:0 0 16px 16px}.modal-btn{flex:1;padding:.8rem 1.2rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px}.cancel-btn{background:#fff;color:var(--text-primary);border:2px solid var(--border)}.cancel-btn:hover:not(:disabled){background:var(--bg-light);border-color:var(--text-secondary)}.confirm-btn{background:linear-gradient(135deg,var(--danger) 0%,#E63384 100%);color:#fff;box-shadow:0 4px 12px #f443364d}.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #f4433666}.modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}:root{--admin-bg-primary: #ffffff;--admin-bg-secondary: #f5f7ff;--admin-bg-tertiary: #fafbfc;--admin-sidebar-bg: #ffffff;--admin-text-primary: #1f2937;--admin-text-secondary: #6b7280;--admin-border-color: #e5e7eb;--admin-accent-blue: #2874f0;--admin-accent-purple: #667eea;--admin-accent-orange: #ff9f1c;--admin-accent-green: #48bb78;--admin-accent-red: #f56565}body{background-color:var(--admin-bg-secondary);color:var(--admin-text-primary)}.admin-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh;gap:0;background-color:var(--admin-bg-secondary)}.admin-sidebar{background:var(--admin-sidebar-bg);padding:2rem;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:2px solid var(--admin-border-color);box-shadow:2px 0 8px #0000000d}.admin-logo{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--admin-border-color)}.admin-logo h2{font-size:1.5rem;color:var(--admin-text-primary);display:flex;align-items:center;gap:.75rem;font-weight:700}.admin-logo h2:before{content:"⚙️";font-size:1.8em}.admin-nav{display:flex;flex-direction:column;gap:.75rem}.nav-link{padding:1rem;color:var(--admin-text-primary);background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;text-align:left;display:flex;align-items:center;gap:.75rem;text-decoration:none}.nav-link:before{font-size:1.3em;min-width:30px}.nav-link:hover{background-color:#f0f4ff;border-color:var(--admin-accent-blue);color:var(--admin-accent-blue);transform:translate(4px)}.nav-link.active{background:linear-gradient(135deg,#e0f2ff,#f0e6ff);border-color:var(--admin-accent-blue);color:var(--admin-accent-blue);box-shadow:0 2px 8px #2874f026}.nav-logout{margin-top:2rem;border-top:2px solid var(--admin-border-color);padding-top:1.5rem}.nav-logout:hover{background-color:#fff5f5;border-color:var(--admin-accent-red);color:var(--admin-accent-red)}.admin-main{padding:2rem;overflow-y:auto;background-color:var(--admin-bg-secondary);min-height:100vh}.products-header,.users-header,.orders-header,.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--admin-bg-primary);border-radius:12px;box-shadow:0 2px 8px #0000000d;border-top:4px solid var(--admin-accent-blue);animation:slideInDown .4s ease-out}.products-header h1,.users-header h1,.orders-header h1,.admin-header h1{font-size:1.75rem;color:var(--admin-text-primary);margin:0;display:flex;align-items:center;gap:.75rem;font-weight:700}.products-header h1:before{content:"📦";font-size:1.6em}.users-header h1:before{content:"👥";font-size:1.6em}.orders-header h1:before{content:"🛒";font-size:1.6em}.user-count,.order-count{font-size:.9rem;color:var(--admin-text-secondary);margin:0;font-weight:500}.btn-add{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--admin-accent-blue) 0%,#1e58e0 100%);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2874f04d;display:flex;align-items:center;gap:.5rem}.btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2874f066}.logout-btn-header{padding:.75rem 1.5rem;background-color:var(--admin-accent-red);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 12px #f565654d;display:flex;align-items:center;gap:.5rem}.logout-btn-header:hover{background-color:#e53e3e;transform:translateY(-2px);box-shadow:0 6px 16px #f5656566}.logout-btn-header:active{transform:translateY(0)}font-size: .95rem; } .btn-add::before{content:"➕";font-size:1.1em}.btn-add:hover{box-shadow:0 6px 20px #2874f066;transform:translateY(-2px)}.admin-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--admin-bg-primary);padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;border-left:5px solid;transition:all .3s ease;animation:slideInUp .4s ease-out;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-50%;right:-50px;width:140px;height:140px;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);border-radius:50%}.stat-card:nth-child(1){border-left-color:var(--admin-accent-blue);background:linear-gradient(135deg,#fff,#e6f2ff)}.stat-card:nth-child(1) .value{color:var(--admin-accent-blue)}.stat-card:nth-child(1) .label:before{content:"📊";font-size:1.4em}.stat-card:nth-child(2){border-left-color:var(--admin-accent-orange);background:linear-gradient(135deg,#fff,#fff5e6)}.stat-card:nth-child(2) .value{color:var(--admin-accent-orange)}.stat-card:nth-child(2) .label:before{content:"📦";font-size:1.4em}.stat-card:nth-child(3){border-left-color:var(--admin-accent-green);background:linear-gradient(135deg,#fff,#f0fdf4)}.stat-card:nth-child(3) .value{color:var(--admin-accent-green)}.stat-card:nth-child(3) .label:before{content:"👥";font-size:1.4em}.stat-card:nth-child(4){border-left-color:var(--admin-accent-purple);background:linear-gradient(135deg,#fff,#f3f0ff)}.stat-card:nth-child(4) .value{color:var(--admin-accent-purple)}.stat-card:nth-child(4) .label:before{content:"💰";font-size:1.4em}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.stat-card .label{font-size:.8rem;color:var(--admin-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.stat-card .value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-card .change{font-size:.8rem;color:var(--admin-text-secondary);display:flex;align-items:center;gap:.3rem}.stat-card .change.positive{color:var(--admin-accent-green)}.stat-card .change.negative{color:var(--admin-accent-red)}.products-table,.users-table,.orders-table{background:var(--admin-bg-primary);border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;animation:slideInUp .4s ease-out}.products-table table,.users-table table,.orders-table table{width:100%;border-collapse:collapse;min-width:700px}.products-table thead,.users-table thead,.orders-table thead{background:linear-gradient(135deg,var(--admin-accent-blue) 0%,#1e58e0 100%)}.products-table th,.users-table th,.orders-table th{color:#fff;padding:1rem;text-align:left;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;position:sticky;top:0;z-index:10}.products-table td,.users-table td,.orders-table td{padding:1rem;border-bottom:1px solid var(--admin-border-color);color:var(--admin-text-primary)}.products-table tbody tr,.users-table tbody tr,.orders-table tbody tr{transition:all .3s ease;animation:fadeIn .3s ease-out}.products-table tbody tr:hover,.users-table tbody tr:hover,.orders-table tbody tr:hover{background-color:#f9fafb;box-shadow:inset 0 0 10px #2874f01a}.products-table tbody tr:nth-child(2n),.users-table tbody tr:nth-child(2n),.orders-table tbody tr:nth-child(2n){background-color:#fafbfc}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-edit,.btn-delete,.btn-view{padding:.5rem .75rem;border:2px solid;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:.3rem;background:#fff}.btn-edit{border-color:var(--admin-accent-blue);color:var(--admin-accent-blue)}.btn-edit:before{content:"✏️";font-size:.95em}.btn-edit:hover{background:var(--admin-accent-blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2874f04d}.btn-delete{border-color:var(--admin-accent-red);color:var(--admin-accent-red)}.btn-delete:before{content:"🗑️";font-size:.95em}.btn-delete:hover{background:var(--admin-accent-red);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #f565654d}.btn-view{border-color:var(--admin-accent-green);color:var(--admin-accent-green)}.btn-view:before{content:"👁️";font-size:.95em}.btn-view:hover{background:var(--admin-accent-green);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #48bb784d}.product-form-container{background:var(--admin-bg-primary);padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;animation:slideInDown .4s ease-out;border-top:4px solid var(--admin-accent-blue)}.product-form{display:flex;flex-direction:column;gap:1.5rem}.product-form h2{font-size:1.5rem;color:var(--admin-text-primary);margin:0;display:flex;align-items:center;gap:.75rem;font-weight:700}.product-form h2:before{content:"📝";font-size:1.4em}.product-form input,.product-form textarea,.product-form select{width:100%;padding:.75rem;border:2px solid var(--admin-border-color);border-radius:8px;font-size:.95rem;transition:all .3s ease;background-color:var(--admin-bg-primary);font-family:inherit;color:var(--admin-text-primary)}.product-form input:focus,.product-form textarea:focus,.product-form select:focus{outline:none;border-color:var(--admin-accent-blue);background-color:#f9fafb;box-shadow:0 0 0 3px #2874f026}.product-form textarea{resize:vertical;min-height:120px}.image-upload-section{display:flex;flex-direction:column;gap:1rem}.image-upload-section label{font-weight:700;color:var(--admin-text-primary);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.image-upload-section label:before{content:"📸";font-size:1.2em}.image-upload-section input[type=file]{padding:1rem;border:2px dashed var(--admin-accent-blue);border-radius:8px;cursor:pointer;transition:all .3s ease;background:#f9fafb}.image-upload-section input[type=file]:hover{background-color:#f0f4ff;border-color:#1e58e0}.image-preview{display:flex;justify-content:center;align-items:center;border-radius:8px;max-height:300px;background:#f9fafb;border:2px solid var(--admin-border-color);overflow:hidden}.image-preview img{max-width:100%;max-height:300px;object-fit:contain}.form-buttons{display:flex;gap:1rem;margin-top:1rem}.btn-save{flex:1;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--admin-accent-green) 0%,#3da66e 100%);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #48bb784d;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-save:before{content:"✅";font-size:1.1em}.btn-save:hover{box-shadow:0 6px 20px #48bb7866;transform:translateY(-2px)}.btn-cancel{flex:1;padding:.75rem 1.5rem;background-color:var(--admin-bg-tertiary);color:var(--admin-text-primary);border:2px solid var(--admin-border-color);border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.btn-cancel:before{content:"✖️";font-size:1.1em}.btn-cancel:hover{background-color:var(--admin-border-color);border-color:var(--admin-text-secondary)}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border:2px solid;animation:slideInLeft .3s ease-out}.status-pending{background:#fffbeb;color:#a16207;border-color:#fbbf24}.status-pending:before{content:"⏳"}.status-confirmed{background:#e0e7ff;color:#3730a3;border-color:var(--admin-accent-blue)}.status-confirmed:before{content:"✓"}.status-shipped{background:#dcfce7;color:#166534;border-color:var(--admin-accent-green)}.status-shipped:before{content:"📦"}.status-out-for-delivery{background:#fce7f3;color:#a2155f;border-color:#ec4899}.status-out-for-delivery:before{content:"🚚"}.status-delivered{background:#dcfce7;color:#166534;border-color:var(--admin-accent-green)}.status-delivered:before{content:"✅"}.status-cancelled{background:#fee2e2;color:#b91c1c;border-color:var(--admin-accent-red)}.status-cancelled:before{content:"❌"}.status-select{padding:.4rem .6rem;border:2px solid var(--admin-border-color);border-radius:6px;font-size:.8rem;cursor:pointer;background:#fff;color:var(--admin-text-primary);transition:all .3s ease;font-weight:600}.status-select:focus{outline:none;border-color:var(--admin-accent-blue);box-shadow:0 0 0 3px #2874f026}.loading,.no-data{padding:2rem;text-align:center;font-size:1rem;color:var(--admin-text-secondary);background:var(--admin-bg-primary);border-radius:12px;animation:slideInUp .4s ease-out}.loading:before{content:"⏳";display:block;font-size:2.5rem;margin-bottom:1rem;animation:spin .8s linear infinite}.no-data:before{content:"📭";display:block;font-size:3rem;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.admin-layout{grid-template-columns:220px 1fr}.admin-sidebar,.admin-main{padding:1.5rem}.admin-dashboard{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:0;top:0;width:100%;height:auto;max-height:80px;overflow-x:auto;padding:1rem;border-right:none;border-bottom:2px solid var(--admin-border-color);display:flex;align-items:center;gap:1rem;z-index:100}.admin-logo{margin-bottom:0;padding-bottom:0;border-bottom:none}.admin-logo h2{font-size:1.2rem;white-space:nowrap}.admin-nav{flex-direction:row;gap:.5rem;overflow-x:auto}.nav-link{padding:.6rem 1rem;font-size:.85rem;white-space:nowrap}.nav-logout{margin-top:0;border-top:none;padding-top:0}.admin-main{padding:1rem;margin-top:80px}.admin-dashboard{grid-template-columns:1fr;gap:1rem}.products-header,.users-header,.orders-header,.admin-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.products-header h1,.users-header h1,.orders-header h1,.admin-header h1{font-size:1.3rem}.products-table,.users-table,.orders-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.products-table table,.users-table table,.orders-table table{min-width:800px}.products-table th,.users-table th,.orders-table th{padding:.75rem;font-size:.75rem}.products-table td,.users-table td,.orders-table td{padding:.75rem;font-size:.85rem}.actions{flex-direction:column;gap:.3rem}.btn-edit,.btn-delete,.btn-view{padding:.4rem .6rem;font-size:.7rem}.btn-add{width:100%;justify-content:center}.product-form-container{padding:1.5rem}.form-buttons{flex-direction:column}.btn-save,.btn-cancel{width:100%}}@media(max-width:480px){.admin-dashboard{grid-template-columns:1fr}.admin-logo h2{font-size:1rem}.nav-link{padding:.5rem .75rem;font-size:.8rem}.products-header h1,.users-header h1,.orders-header h1,.admin-header h1{font-size:1.1rem}.stat-card{padding:1rem}.stat-card .value{font-size:1.5rem}.products-table table,.users-table table,.orders-table table{min-width:600px;font-size:.8rem}th,td{padding:.5rem}}.admin-coupon-container{max-width:1200px;margin:0 auto;padding:20px;background:#f9f9f9;min-height:100vh}.coupon-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.header-content h1{font-size:28px;margin:0 0 8px;color:#333}.header-content p{margin:0;color:#666;font-size:14px}.btn-create-coupon{background:linear-gradient(135deg,#f6c1cc,#d4af37);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-create-coupon:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f6c1cc4d}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;animation:slideDown .3s ease}.alert-success{background:#d4edda;color:#155724;border-left:4px solid #28a745}.alert-error{background:#f8d7da;color:#721c24;border-left:4px solid #f5c6cb}.coupon-form-section{background:#fff;padding:30px;border-radius:12px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.coupon-form-section h2{margin-top:0;margin-bottom:25px;font-size:20px;color:#333}.coupon-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input,.form-group textarea{padding:10px 15px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#f6c1cc;box-shadow:0 0 10px #f6c1cc33}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-actions{display:flex;gap:10px;margin-top:10px}.btn-submit,.btn-cancel{padding:12px 24px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.btn-submit{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #4caf504d}.btn-cancel{background:#e0e0e0;color:#333}.btn-cancel:hover:not(:disabled){background:#d0d0d0}.btn-submit:disabled,.btn-cancel:disabled{opacity:.7;cursor:not-allowed}.filter-tabs{display:flex;gap:10px;margin-bottom:20px;background:#fff;padding:15px 20px;border-radius:8px}.tab{padding:10px 20px;border:2px solid #e0e0e0;background:#fff;color:#666;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.tab:hover{border-color:#f6c1cc;color:#f6c1cc}.tab.active{background:linear-gradient(135deg,#f6c1cc,#d4af37);color:#fff;border-color:transparent}.coupons-table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.coupons-table{width:100%;border-collapse:collapse}.coupons-table thead{background:#f5f5f5;border-bottom:2px solid #e0e0e0}.coupons-table th{padding:15px;text-align:left;font-weight:700;color:#333;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.coupons-table td{padding:15px;border-bottom:1px solid #e0e0e0}.coupons-table tbody tr{transition:all .3s ease}.coupons-table tbody tr:hover{background-color:#f9f9f9}.coupons-table tbody tr.expired-row{opacity:.6}.code-cell{font-weight:700}.coupon-code-badge{background:linear-gradient(135deg,#f6c1cc,#d4af37);color:#fff;padding:6px 12px;border-radius:6px;display:inline-block;font-size:12px;font-weight:700}.discount-badge{background:#fff3cd;color:#856404;padding:6px 12px;border-radius:6px;display:inline-block;font-weight:600;font-size:12px}.usage-count{color:#d32f2f;font-weight:700}.expired-date{color:#d32f2f;font-weight:600}.status-badge{padding:6px 12px;border-radius:6px;display:inline-block;font-weight:600;font-size:12px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.actions-cell{display:flex;gap:8px}.btn-action{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:12px;transition:all .3s ease}.btn-edit{background:#2196f3;color:#fff}.btn-edit:hover{background:#1976d2;transform:translateY(-2px)}.btn-delete{background:#f44336;color:#fff}.btn-delete:hover{background:#d32f2f;transform:translateY(-2px)}.loading-state,.empty-state{padding:60px 30px;text-align:center;color:#999}.empty-icon{font-size:48px;display:block;margin-bottom:15px}.empty-text{font-size:18px;font-weight:600;margin:0 0 8px;color:#333}.empty-subtext{margin:0;color:#999;font-size:14px}.coupon-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:#fff;padding:20px;border-radius:12px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.stat-icon{font-size:32px;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#f5f5f5;border-radius:12px}.stat-content{flex:1}.stat-label{margin:0;color:#999;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.stat-value{margin:8px 0 0;font-size:28px;font-weight:700;color:#333}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.coupon-header{flex-direction:column;align-items:flex-start;gap:15px}.coupon-form-section{padding:20px}.form-row{grid-template-columns:1fr}.coupons-table{font-size:13px}.coupons-table th,.coupons-table td{padding:10px}.actions-cell{flex-direction:column}.btn-action{width:100%;padding:8px}.coupon-stats{grid-template-columns:1fr}.filter-tabs{flex-wrap:wrap}}.ultra-footer{background:linear-gradient(135deg,#fef8f8,#fff0f5);color:#3d2c2c;padding:2rem 2rem 1rem;margin-top:auto;border-top:1px solid rgba(246,193,204,.3);position:relative;overflow:hidden}.ultra-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f6c1cc,#d4af37,#f6c1cc)}.footer-content{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-brand h3{font-size:1.5rem;font-weight:800;margin-bottom:.8rem;background:linear-gradient(135deg,#d4af37,#f6c1cc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.footer-brand p{line-height:1.5;opacity:.8;margin-bottom:1rem;font-size:.95rem}.footer-social{display:flex;gap:.8rem}.social-icon{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 12px #f6c1cc33;transition:all .3s ease;cursor:pointer;text-decoration:none;color:#d4af37;border:1px solid rgba(212,175,55,.1)}.social-icon:hover{transform:translateY(-4px);background:#d4af37;color:#fff;box-shadow:0 6px 16px #d4af374d}.footer-links h4{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#3d2c2c;position:relative;display:inline-block}.footer-links h4:after{content:"";position:absolute;bottom:-4px;left:0;width:30px;height:2px;background:#f6c1cc}.footer-links ul{list-style:none;padding:0}.footer-links li{margin-bottom:.6rem}.footer-links a{text-decoration:none;color:#5d4c4c;transition:all .2s ease;position:relative;font-weight:500;font-size:.95rem}.footer-links a:hover{color:#d4af37;padding-left:5px}.footer-contact li{display:flex;align-items:flex-start;gap:8px;margin-bottom:.8rem;color:#5d4c4c;font-size:.95rem}.contact-icon{color:#d4af37;font-size:1rem;margin-top:3px}.footer-bottom{border-top:1px solid rgba(0,0,0,.05);padding-top:1.5rem;text-align:center;color:#8b7b7b;font-size:.85rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{margin:0}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:1.5rem}}.profile-page{padding:100px 20px 60px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;display:flex;justify-content:center;align-items:flex-start}.profile-card{background:#fff;width:100%;max-width:700px;border-radius:20px;box-shadow:0 15px 35px #0000000d;padding:40px}.profile-header{text-align:center;margin-bottom:40px}.profile-header h1{font-size:2.2rem;color:#333;margin-bottom:10px}.profile-header p{color:#777}.profile-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#444;font-size:.95rem}.form-input{padding:12px 16px;border:1px solid #ddd;border-radius:10px;font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:#ff4757;box-shadow:0 0 0 3px #ff47571a}.form-input.disabled{background-color:#f1f2f6;color:#747d8c;cursor:not-allowed}.phone-input-wrapper{position:relative;display:flex;align-items:center}.phone-prefix{position:absolute;left:12px;color:#777}.phone-input-wrapper .form-input{padding-left:45px;width:100%}.highlight-required{border:2px solid #ff4757!important;background-color:#ff47570d}.form-divider{margin:20px 0 10px;position:relative;text-align:center}.form-divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#eee}.form-divider span{position:relative;background:#fff;padding:0 15px;color:#999;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.save-btn{margin-top:20px;padding:15px;background:#ff4757;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #ff475733}.save-btn:hover{background:#ff6b81;transform:translateY(-2px);box-shadow:0 8px 20px #ff47574d}.save-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.alert-success,.alert-error,.alert-warning{padding:15px;border-radius:10px;margin-bottom:25px;font-weight:500}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background:#fff3cd;color:#856404;border:1px solid #ffeeba}@media(max-width:768px){.form-row{grid-template-columns:1fr}.profile-card{padding:25px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#212121;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#2874f0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1c54c4}::selection{background:#2874f0;color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.hidden{display:none!important}.flex-center{display:flex;align-items:center;justify-content:center}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}#root{width:100%;margin:0 auto;min-height:100vh}.loading{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.2rem;color:#666}.error{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.2rem;color:#f44}@media(max-width:768px){body{font-size:14px}}