:root{--flipkart-blue:#2874f0;--flipkart-blue-dark:#1a5bb8;--flipkart-blue-light:#4a90e2;--flipkart-orange:#ff6f00;--flipkart-green:#388e3c;--flipkart-red:#e53935;--flipkart-white:#fff;--flipkart-gray-50:#f8f9fa;--flipkart-gray-100:#f1f3f4;--flipkart-gray-200:#e8eaed;--flipkart-gray-300:#dadce0;--flipkart-gray-400:#9aa0a6;--flipkart-gray-500:#5f6368;--flipkart-gray-600:#3c4043;--flipkart-gray-700:#202124;--flipkart-gray-800:#171717;--flipkart-gray-900:#0f0f0f;--font-primary:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-secondary:"Google Sans","Roboto",sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--flipkart-gray-50);color:#171717;color:var(--flipkart-gray-800);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);line-height:1.6}body:before{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img,picture,video{display:block;height:auto;max-width:100%}.container{box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}.responsive-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}html{font-size:16px}@media (max-width:1200px){html{font-size:15px}}@media (max-width:1024px){html{font-size:15px}.container{padding-left:14px;padding-right:14px}}@media (max-width:768px){html{font-size:14px}.container{padding-left:12px;padding-right:12px}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width:480px){html{font-size:13px}.container{padding-left:10px;padding-right:10px}.responsive-grid{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (orientation:landscape) and (max-width:768px){html{font-size:14px}.main-image-container{height:220px!important}}.card-img{height:180px;object-fit:cover;width:100%}button,input,select,textarea{font-size:1rem}input,select,textarea{caret-color:#0f0f0f;caret-color:var(--flipkart-gray-900);color:#0f0f0f;color:var(--flipkart-gray-900)}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}input[type=email],input[type=number],input[type=password],input[type=tel]{color:#0f0f0f;color:var(--flipkart-gray-900)}.auth-container input,.form-group input,.price-input,.search-input,input,select,textarea{caret-color:#111827!important;color:#111827!important}.auth-container input::placeholder,.form-group input::placeholder,.search-input::placeholder,input::placeholder,textarea::placeholder{color:#6b7280!important;opacity:1!important}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.flipkart-navbar{background:var(--flipkart-white);border-bottom:1px solid var(--flipkart-gray-200);box-shadow:var(--shadow-sm);left:0;position:fixed;right:0;top:0;transition:all var(--transition-normal);z-index:1000}.navbar-container{align-items:center;box-sizing:border-box;display:flex;gap:var(--spacing-lg);height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg);width:100%}.navbar-brand{flex-shrink:0;text-decoration:none}.brand-logo{align-items:center;display:flex}.logo-text{color:var(--flipkart-blue);font-family:var(--font-secondary);font-size:1.6rem;font-weight:700;letter-spacing:-.025em}.logo-accent{color:var(--flipkart-orange)}.search-section{flex:1 1;margin:0 var(--spacing-lg);max-width:500px}.search-form{width:100%}.search-input{background:var(--flipkart-white);border:2px solid var(--flipkart-gray-200);border-radius:var(--radius-sm) 0 0 var(--radius-sm);font-size:14px;padding:8px 16px}.search-input:focus{box-shadow:0 0 0 3px #2874f01a}.search-btn{align-items:center;background:var(--flipkart-blue);border:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--flipkart-white);cursor:pointer;display:flex;justify-content:center;padding:8px 16px;transition:all var(--transition-fast)}.search-btn:hover{background:var(--flipkart-blue-dark)}.navbar-menu{align-items:center;display:flex;gap:var(--spacing-lg)}.nav-link{border-radius:var(--radius-sm);color:var(--flipkart-gray-600);font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--flipkart-gray-50);color:var(--flipkart-blue)}.nav-link.active{background-color:var(--flipkart-gray-100);color:var(--flipkart-blue)}.navbar-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-md)}.user-menu{position:relative}.user-link{align-items:center;border-radius:var(--radius-sm);color:var(--flipkart-gray-600);display:flex;font-size:14px;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.user-link:hover{background-color:var(--flipkart-gray-50);color:var(--flipkart-blue)}.user-dropdown{background:var(--flipkart-white);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all var(--transition-fast);visibility:hidden;z-index:1000}.user-menu:hover .user-dropdown{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{background:none;border:none;color:var(--flipkart-gray-600);cursor:pointer;display:block;font-size:14px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-decoration:none;transition:all var(--transition-fast);width:100%}.dropdown-item:hover{background-color:var(--flipkart-gray-50);color:var(--flipkart-blue)}.dropdown-item.logout{color:var(--flipkart-red)}.dropdown-item.logout:hover{background-color:#e539351a}.login-btn{align-items:center;border-radius:var(--radius-sm);color:var(--flipkart-gray-600);display:flex;font-size:14px;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.login-btn:hover{background-color:var(--flipkart-gray-50);color:var(--flipkart-blue)}.action-btn{background:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);position:relative}.action-btn:hover{background-color:var(--flipkart-gray-50);color:var(--flipkart-blue)}.cart-btn{position:relative}.cart-badge{align-items:center;background:var(--flipkart-orange);border-radius:10px;color:var(--flipkart-white);display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:2px 6px;position:absolute;right:-4px;top:-4px}.btn-text{display:none}.mobile-menu-toggle{background:none;border:none;color:var(--flipkart-gray-600);cursor:pointer;display:none;font-size:18px;padding:var(--spacing-sm);transition:all var(--transition-fast)}.mobile-menu-toggle:hover{color:var(--flipkart-blue)}@media (max-width:1200px){.navbar-container{padding:0 var(--spacing-lg)}.search-section{max-width:400px}}@media (max-width:1024px){.navbar-container{padding:0 var(--spacing-md)}.search-section{margin:0 var(--spacing-md);max-width:300px}.nav-link{padding:var(--spacing-sm)}}@media (max-width:768px){.navbar-container{gap:var(--spacing-md);height:60px;padding:0 var(--spacing-md)}.search-section{display:none}.navbar-menu{background:var(--flipkart-white);border-top:1px solid var(--flipkart-gray-200);box-shadow:var(--shadow-lg);flex-direction:column;left:0;opacity:0;padding:var(--spacing-lg);position:fixed;right:0;top:56px;transform:translateY(-100%);transition:all var(--transition-normal);visibility:hidden}.navbar-menu.active{opacity:1;transform:translateY(0);visibility:visible}.nav-link{border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.mobile-menu-toggle{display:flex}.navbar-actions{gap:var(--spacing-sm)}.btn-text{display:none}}@media (max-width:480px){.navbar-container{gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.logo-text{font-size:1.05rem}.mobile-menu-toggle{font-size:20px;padding:var(--spacing-xs)}@media (min-width:1201px){.navbar-container{padding:0 24px}}@media (orientation:landscape) and (max-width:768px){.navbar-container{height:56px}.logo-text{font-size:1.1rem}}.navbar-actions{gap:var(--spacing-xs)}.action-btn{padding:var(--spacing-xs)}}.flipkart-home{background:var(--flipkart-gray-50);color:var(--flipkart-gray-800);font-family:var(--font-primary);min-height:100vh}.tracking-section{background:var(--flipkart-white);border-bottom:1px solid var(--flipkart-gray-200);padding:var(--spacing-2xl) 0}.tracking-container{grid-gap:var(--spacing-2xl);align-items:center;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.tracking-content h2{color:var(--flipkart-gray-800);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md)}.tracking-content p{color:var(--flipkart-gray-600);font-size:1.1rem;margin-bottom:var(--spacing-xl)}.order-tracking-widget{background:var(--flipkart-white);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.order-tracking-widget h3{color:var(--flipkart-gray-800);font-size:1.5rem;font-weight:700}.order-tracking-widget h3,.tracking-form,.tracking-input-group{margin-bottom:var(--spacing-lg)}.tracking-input-group{display:flex;gap:var(--spacing-md)}.tracking-input{background:var(--flipkart-white);border:2px solid var(--flipkart-gray-300);border-radius:var(--radius-md);flex:1 1;font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.tracking-input:focus{border-color:var(--flipkart-blue);box-shadow:0 0 0 3px #2874f01a;outline:none}.track-btn{align-items:center;background:var(--flipkart-blue);border-radius:var(--radius-md);color:var(--flipkart-white);display:flex;font-size:1rem;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-normal)}.track-btn:hover:not(:disabled){background:var(--flipkart-blue-dark);box-shadow:var(--shadow-md)}.spinning{animation:spin 1s linear infinite}.tracking-result{margin-top:var(--spacing-lg)}.tracking-error{background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;padding:var(--spacing-lg)}.tracking-success{background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--radius-lg);padding:var(--spacing-xl)}.order-info h4{color:var(--flipkart-gray-800);font-size:1.2rem;font-weight:700;margin-bottom:var(--spacing-sm)}.order-info p{align-items:center;color:var(--flipkart-gray-600);display:flex;gap:var(--spacing-sm);margin:var(--spacing-sm) 0}.order-amount{color:var(--flipkart-blue);font-size:1.3rem}.status-info{margin-top:var(--spacing-lg)}.status-badge{margin-bottom:var(--spacing-md)}.status-description{color:var(--flipkart-gray-600);font-size:1rem;margin:0}.tracking-features{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tracking-feature{background:var(--flipkart-gray-50);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal)}.tracking-feature:hover{border-color:var(--flipkart-blue);box-shadow:var(--shadow-md);transform:translateY(-4px)}.tracking-feature svg{color:var(--flipkart-blue);font-size:2.5rem;margin-bottom:var(--spacing-md)}.tracking-feature h3{color:var(--flipkart-gray-800);font-size:1.2rem;font-weight:700;margin-bottom:var(--spacing-sm)}.tracking-feature p{color:var(--flipkart-gray-600);font-size:.95rem;margin:0}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.hero-banner{background:linear-gradient(135deg,var(--flipkart-blue) 0,var(--flipkart-blue-dark) 100%);color:var(--flipkart-white);margin-top:56px;padding:4rem 0}.hero-content{align-items:center;display:flex;gap:var(--spacing-2xl);margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.hero-text h1{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}.hero-text p{font-size:1.2rem;margin-bottom:var(--spacing-xl);opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.btn-primary,.btn-secondary{border-radius:var(--radius-md);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.btn-primary{background:var(--flipkart-orange)}.btn-primary:hover{background:#e55a00;box-shadow:var(--shadow-lg)}.btn-secondary{background:#0000;border:2px solid var(--flipkart-white)}.btn-secondary:hover{background:var(--flipkart-white);color:var(--flipkart-blue)}.hero-image{flex:1 1;max-width:500px}.hero-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);height:auto;width:100%}.features-section{background:var(--flipkart-white);padding:4rem 0}.features-section h2{color:var(--flipkart-gray-800);font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:var(--flipkart-white);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card svg{color:var(--flipkart-blue);font-size:3rem;margin-bottom:var(--spacing-md)}.feature-card h3{color:var(--flipkart-gray-800);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--flipkart-gray-600);line-height:1.6}.featured-products{background:var(--flipkart-gray-50);padding:4rem 0}.section-header{margin-bottom:2rem}.section-header h2{font-size:2rem}.view-all{align-items:center;display:flex;gap:var(--spacing-sm);transition:all var(--transition-fast)}.loading-grid,.products-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.product-card{box-shadow:var(--shadow-md)}.product-card:hover{transform:translateY(-4px)}.product-card.loading{animation:pulse 1.5s ease-in-out infinite}.product-image{height:200px;overflow:hidden;position:relative}.product-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.product-card:hover .product-image img{transform:scale(1.05)}.product-badge{background:var(--flipkart-orange);border-radius:var(--radius-sm);color:var(--flipkart-white);font-size:.75rem;font-weight:600;left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);position:absolute;top:var(--spacing-sm)}.product-name{font-size:1.1rem}.product-rating svg{color:#fbbf24;font-size:.875rem}.product-rating span{color:var(--flipkart-gray-600);font-size:.875rem}.product-price{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.current-price{font-size:1.25rem}.add-to-cart-btn{align-items:center;background:var(--flipkart-blue);border:none;border-radius:var(--radius-md);color:var(--flipkart-white);cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.add-to-cart-btn:hover{background:var(--flipkart-blue-dark);transform:translateY(-1px)}.no-products{background:var(--flipkart-gray-50);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-lg);grid-column:1/-1;padding:var(--spacing-2xl);text-align:center}.no-products p{color:var(--flipkart-gray-600);font-size:1.1rem;margin-bottom:var(--spacing-lg)}.no-products .btn-primary{align-items:center;background:var(--flipkart-blue);border-radius:var(--radius-md);color:var(--flipkart-white);display:inline-flex;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-normal)}.no-products .btn-primary:hover{background:var(--flipkart-blue-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.categories-section{background:var(--flipkart-white);padding:4rem 0}.categories-section h2{color:var(--flipkart-gray-800);font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center}.categories-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.category-card{align-items:center;background:var(--flipkart-white);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--flipkart-gray-800);display:flex;flex-direction:column;padding:var(--spacing-xl);text-decoration:none;transition:all var(--transition-normal)}.category-card:hover{box-shadow:var(--shadow-lg);color:var(--flipkart-blue);transform:translateY(-4px)}.category-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.category-card h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.category-card p{color:var(--flipkart-gray-600);text-align:center}.cta-section{background:linear-gradient(135deg,var(--flipkart-blue) 0,var(--flipkart-blue-dark) 100%);color:var(--flipkart-white);padding:4rem 0;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.cta-content p{font-size:1.2rem;margin-bottom:var(--spacing-xl);opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.btn-admin{align-items:center;background:#0000;border:2px solid var(--flipkart-white);border-radius:var(--radius-md);color:var(--flipkart-white);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-fast)}.btn-admin:hover{background:var(--flipkart-white);box-shadow:var(--shadow-lg);color:#dc2626;transform:translateY(-2px)}@media (max-width:768px){.tracking-container{gap:var(--spacing-lg);grid-template-columns:1fr}.tracking-content h2{font-size:1.8rem}.tracking-features{grid-template-columns:1fr}.tracking-input-group{flex-direction:column}.track-btn{justify-content:center;width:100%}.hero-content{flex-direction:column;gap:var(--spacing-lg);text-align:center}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.1rem}.hero-buttons{justify-content:center}.categories-grid,.features-grid,.loading-grid,.products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.section-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.cta-content h2{font-size:2rem}.cta-content p{font-size:1.1rem}}@media (max-width:480px){.hero-text h1{font-size:2rem}.hero-text p{font-size:1rem}.btn-primary,.btn-secondary{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-lg)}.categories-grid,.features-grid,.loading-grid,.products-grid{grid-template-columns:1fr}.category-card,.feature-card,.product-card{padding:var(--spacing-lg)}.cta-content h2{font-size:1.8rem}}.bg-image-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative;width:100%}.bg-image-page:before{animation:float-bg 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes float-bg{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}.auth-container{align-items:center;animation:slideInUp .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px #00000026;display:flex;flex-direction:column;max-width:450px;overflow:hidden;padding:48px 40px;position:relative;width:100%}.auth-container:before{animation:gradient-shift 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#ffecd2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-container h2{-webkit-text-fill-color:#0000;animation:fadeInDown .8s ease-out .2s both;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.2rem;font-weight:700;margin-bottom:32px;text-align:center}.auth-form{animation:fadeInUp .8s ease-out .4s both;display:flex;flex-direction:column;gap:20px;width:100%}.auth-container input{background:#ffffffe6;border:2px solid #667eea33;border-radius:12px;color:#2d3748;font-family:inherit;font-size:1rem;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.auth-container input:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-container input:focus:before{left:100%}.auth-container input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 8px 25px #667eea26;color:#2d3748;outline:none;transform:translateY(-2px)}.auth-container input::placeholder{color:#a0aec0;transition:color .3s ease}.auth-container input:focus::placeholder{color:#cbd5e0}.auth-container button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:16px 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.auth-container button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-container button:hover:before{left:100%}.auth-container button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 25px #667eea66;color:#fff;transform:translateY(-3px) scale(1.02)}.auth-container button:active{transform:translateY(-1px) scale(1.01)}.auth-msg{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#fed7d7,#feb2b2);border-left:4px solid #e53e3e;border-radius:8px;color:#e53e3e;font-size:.95rem;margin:16px 0;overflow:hidden;padding:12px;position:relative;text-align:center}.auth-msg:before{animation:slide 2s infinite;background:linear-gradient(90deg,#0000,#e53e3e1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.auth-msg.success{animation:bounceIn .6s ease-out;background:linear-gradient(135deg,#c6f6d5,#9ae6b4);border-left-color:#38a169;color:#38a169}.auth-link{animation:fadeIn 1s ease-out 1s both;color:#718096;font-size:.95rem;margin-top:24px;text-align:center}.auth-link a{color:#667eea;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.auth-link a:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.auth-link a:hover:after{width:100%}.auth-link a:hover{color:#764ba2;text-decoration:none}.forgot-password-link{animation:fadeIn 1s ease-out .8s both;margin-bottom:20px;text-align:right}.forgot-password-link a{color:#667eea;font-size:.9rem;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.forgot-password-link a:after{background:#667eea;bottom:-1px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.forgot-password-link a:hover:after{width:100%}.forgot-password-link a:hover{color:#764ba2}.google-btn{align-items:center;animation:slideInLeft .8s ease-out 1.2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;border:2px solid #667eea4d;border-radius:12px;color:#667eea;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;margin-top:10px;overflow:hidden;padding:14px 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.google-btn:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.google-btn:hover:before{left:100%}.google-btn:hover{background-color:#667eea;border-color:#667eea;box-shadow:0 8px 25px #667eea4d;color:#fff;transform:translateY(-2px) scale(1.02)}.google-icon{animation:bounce 2s infinite;font-size:1.2rem;font-weight:700;margin-right:12px}.otp-container{animation:fadeInScale .8s ease-out;display:block;margin:18px auto;max-width:480px;width:100%}.otp-input{background:#fffffffa;border:2px solid #667eea33;border-radius:12px;box-sizing:border-box;color:#111827;font-family:Courier New,Courier,monospace;font-size:2rem;font-weight:700;height:72px;letter-spacing:.7rem;padding:10px 22px!important;position:relative;text-align:center;transition:all .18s cubic-bezier(.4,0,.2,1);width:100%!important}.otp-timer{animation:fadeIn 1s ease-out .5s both;color:#718096;font-size:.9rem;margin-top:10px;text-align:center}.otp-resend{color:#667eea;cursor:pointer;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.otp-resend:after{background:#667eea;bottom:-1px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.otp-resend:hover:after{width:100%}.otp-resend:hover{color:#764ba2}.step-indicator{animation:fadeInDown .8s ease-out;display:flex;gap:20px;justify-content:center;margin-bottom:30px}.step{background:#667eea33;border-radius:50%;cursor:pointer;height:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:12px}.step:before{background:#667eea;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.step.active{background:#667eea;box-shadow:0 0 0 4px #667eea33;transform:scale(1.2)}.step.active:before{height:20px;opacity:.3;width:20px}.social-login{animation:fadeInUp 1s ease-out 1.4s both;margin-top:30px;text-align:center;width:100%}.social-divider{align-items:center;color:#718096;display:flex;margin:20px 0}.social-divider:after,.social-divider:before{background:linear-gradient(90deg,#0000,#667eea4d,#0000);content:"";flex:1 1;height:1px}.social-divider span{background:#ffffffe6;border-radius:12px;font-size:.9rem;padding:4px 12px}.social-buttons{display:flex;flex-direction:column;gap:12px;justify-content:center}@media (max-width:480px){.auth-container{animation:slideInUp .6s ease-out;margin:0 10px;padding:32px 24px}.auth-container h2{font-size:1.8rem}.auth-container input{padding:14px 16px}.otp-input{font-size:1.25rem;height:56px;letter-spacing:.45rem;padding:8px 14px!important;width:100%!important}.social-buttons{flex-direction:column}.bg-image-page{padding:10px}}.loading{animation:pulse 1.5s ease-in-out infinite}@keyframes success{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-animation{animation:success .5s ease-out}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 30px #667eea99}}.auth-container:hover{animation:glow 2s ease-in-out infinite}.password-strength{background:#e2e8f0;border-radius:2px;height:4px}.password-strength-fill{border-radius:2px;transition:all .3s ease}.password-strength-text{font-size:.8rem;margin-top:4px}.password-strength.weak .password-strength-fill{background:#e53e3e}.password-strength.medium .password-strength-fill{background:#dd6b20}.password-strength.strong .password-strength-fill{background:#38a169}.input-icon{color:#a0aec0;font-size:1.1rem;transition:all .3s ease;z-index:2}.form-group:focus-within .input-icon{color:#667eea;transform:translateY(-50%) scale(1.1)}.auth-container input{padding-left:50px}.resend-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:inherit;font-weight:600;margin-left:5px;text-decoration:underline;transition:all .3s ease}.resend-btn:hover{color:#764ba2;text-decoration:none}.auth-msg.warning{background:linear-gradient(135deg,#fef5e7,#fed7aa);border-left-color:#dd6b20;color:#dd6b20}.security-badge:before{content:""}.flipkart-product-list{background:var(--flipkart-gray-50);min-height:100vh;padding-top:56px}.product-list-container{box-sizing:border-box;display:flex;gap:var(--spacing-lg);margin:0 auto;max-width:1200px;padding:var(--spacing-lg);width:100%}.product-sidebar{background:var(--flipkart-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:-webkit-fit-content;height:fit-content;padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:80px;width:250px}.sidebar-section{margin-bottom:var(--spacing-xl)}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{color:var(--flipkart-gray-800);font-size:1.1rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.category-list{list-style:none;margin:0;padding:0}.category-item{border-radius:var(--radius-sm);color:var(--flipkart-gray-600);cursor:pointer;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.category-item:hover{background:var(--flipkart-gray-100);color:var(--flipkart-blue)}.category-item.active{background:var(--flipkart-blue);color:var(--flipkart-white)}.price-filter{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.price-input{border:1px solid var(--flipkart-gray-300);border-radius:var(--radius-sm);flex:1 1;font-size:.9rem;padding:var(--spacing-sm)}.price-separator{color:var(--flipkart-gray-500);font-weight:600}.apply-filter-btn{background:var(--flipkart-blue);border:none;border-radius:var(--radius-sm);color:var(--flipkart-white);cursor:pointer;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.apply-filter-btn:hover{background:var(--flipkart-blue-dark)}.filter-option{align-items:center;display:flex;gap:var(--spacing-sm)}.filter-option input[type=checkbox]{accent-color:var(--flipkart-blue);height:16px;width:16px}.filter-option label{color:var(--flipkart-gray-600);cursor:pointer;font-size:.9rem}.product-main-content{background:var(--flipkart-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex:1 1;padding:var(--spacing-lg)}.product-header{margin-bottom:var(--spacing-xl)}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.page-title{color:var(--flipkart-gray-800);font-size:1.8rem;font-weight:700;margin:0}.view-toggle{display:flex;gap:var(--spacing-xs)}.view-button{align-items:center;background:var(--flipkart-white);border:1px solid var(--flipkart-gray-300);border-radius:var(--radius-sm);color:var(--flipkart-gray-600);cursor:pointer;display:flex;height:36px;justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-fast);width:36px}.view-button:hover{border-color:var(--flipkart-blue);color:var(--flipkart-blue)}.view-button.active{background:var(--flipkart-blue);border-color:var(--flipkart-blue);color:var(--flipkart-white)}.search-sort-row{gap:var(--spacing-lg)}.search-form,.search-sort-row{align-items:center;display:flex}.search-form{background:#fff;border-radius:var(--radius-md);box-shadow:0 3px 6px #10182826;flex:1 1;height:56px;margin-right:var(--spacing-lg);max-width:900px;min-width:400px;position:relative}.search-input{background:#fff;border:2px solid var(--flipkart-blue);border-radius:var(--radius-md) 0 0 var(--radius-md);box-shadow:0 1px 2px #1018280d;caret-color:var(--flipkart-blue);color:var(--flipkart-gray-800);flex:1 1;font-size:1.2rem;letter-spacing:.01em;min-height:48px;outline:none;padding:16px 24px;transition:all var(--transition-fast);width:100%}.search-input::placeholder{color:var(--flipkart-gray-500);font-size:1.15rem;opacity:1}.search-input:hover{border-color:var(--flipkart-blue);box-shadow:0 3px 8px #10182826}.search-input:focus{background-color:#f8fafc;border-color:var(--flipkart-blue);box-shadow:0 0 0 4px #3b82f626}.product-main-content .search-form{background:#fff;border-radius:var(--radius-md);box-shadow:0 3px 8px #1018281f;height:56px;max-width:900px;min-width:400px}.product-main-content .search-form .search-input{background:#fff;border:2px solid var(--flipkart-blue);border-radius:var(--radius-md) 0 0 var(--radius-md);box-shadow:none;color:var(--flipkart-gray-900);font-size:1.2rem;height:100%;min-height:48px;padding:14px 22px}.product-main-content .search-form .search-input::placeholder{color:#93a0b3;font-size:1.1rem}.product-main-content .search-form .search-button{align-items:center;border:2px solid var(--flipkart-blue);border-radius:0 var(--radius-md) var(--radius-md) 0;display:flex;font-size:1.35rem;height:100%;justify-content:center;min-width:88px;padding:0 20px}.product-main-content .search-form .search-button svg{height:1.1em;width:1.1em}.product-main-content .product-search-form{align-items:center;background:linear-gradient(90deg,#fff,#fff);border-radius:12px;box-shadow:0 6px 18px #1018281f;display:flex;height:64px;max-width:100%;min-width:440px;padding:4px}.product-main-content .product-search-form .search-input{background:#fff;border:2px solid #3b82f6f2;border-radius:10px 0 0 10px;border-right:none;box-shadow:none;color:#0f172a;font-size:1.15rem;height:56px;min-height:56px;padding:16px 24px}.product-main-content .product-search-form .search-input::placeholder{color:#7f8a99;font-size:1.05rem}.product-main-content .product-search-form .search-button{align-items:center;background:linear-gradient(90deg,#6d5df6,#9b63e8);border:2px solid #3b82f6f2;border-radius:0 10px 10px 0;color:#fff;display:flex;font-size:1.25rem;height:56px;justify-content:center;min-width:92px;padding:0 18px}.product-main-content .product-search-form .search-button svg{height:1.05em;width:1.05em}.search-button{align-items:center;background:var(--flipkart-blue);border:none;border:2px solid var(--flipkart-blue);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--flipkart-white);cursor:pointer;display:flex;font-size:1.4rem;height:56px;justify-content:center;min-width:80px;padding:0 24px;transition:all var(--transition-fast)}.search-button:hover{background:var(--flipkart-blue-dark);border-color:var(--flipkart-blue-dark)}.sort-group{align-items:center;display:flex;gap:var(--spacing-sm)}.sort-label{color:var(--flipkart-gray-600);font-size:.9rem;font-weight:500}.sort-select{background:var(--flipkart-white);border:1px solid var(--flipkart-gray-300);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;min-width:150px;padding:var(--spacing-sm) var(--spacing-md)}.product-grid{grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.product-grid.list-view{grid-template-columns:1fr}.product-card{background:var(--flipkart-white);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;min-height:400px;transition:all var(--transition-normal)}.product-card:hover{border-color:var(--flipkart-blue);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-card.list-view{align-items:center;display:flex;padding:var(--spacing-lg)}.product-image-container{flex-shrink:0;height:220px;overflow:hidden;position:relative}.product-card.list-view .product-image-container{flex-shrink:0;height:150px;width:200px}.product-image{cursor:pointer;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.product-card:hover .product-image{transform:scale(1.05)}.discount-badge{align-items:center;background:var(--flipkart-orange);border-radius:var(--radius-sm);color:var(--flipkart-white);font-size:.75rem;left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.discount-badge,.product-actions-overlay{display:flex;gap:var(--spacing-xs);position:absolute;top:var(--spacing-sm)}.product-actions-overlay{flex-direction:column;opacity:0;right:var(--spacing-sm);transition:opacity var(--transition-normal)}.product-card:hover .product-actions-overlay{opacity:1}.action-btn{background:var(--flipkart-white);border:none;border-radius:50%;box-shadow:var(--shadow-md);color:var(--flipkart-gray-600);cursor:pointer;height:32px;justify-content:center;width:32px}.action-btn:hover{background:var(--flipkart-blue);color:var(--flipkart-white);transform:scale(1.1)}.product-info{background:var(--flipkart-white);color:var(--flipkart-gray-800);display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:var(--spacing-lg)}.product-card.list-view .product-info{flex:1 1;padding:0 0 0 var(--spacing-lg)}.product-name{color:var(--flipkart-gray-800);cursor:pointer;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:var(--spacing-sm);transition:color var(--transition-fast)}.product-name:hover{color:var(--flipkart-blue)}.product-brand{color:var(--flipkart-gray-500);font-size:.85rem}.product-brand,.product-rating{margin-bottom:var(--spacing-sm)}.product-rating{align-items:center;display:flex;gap:var(--spacing-xs)}.rating-stars{display:flex;gap:2px}.rating-star{color:var(--flipkart-gray-300);font-size:.75rem}.rating-star.filled{color:#fbbf24}.rating-count{color:var(--flipkart-gray-500);font-size:.8rem}.product-price-row{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.current-price{color:var(--flipkart-gray-800);font-size:1.2rem}.original-price{color:var(--flipkart-gray-500);font-size:1rem}.discount-text{color:var(--flipkart-green);font-size:.8rem;font-weight:600}.product-location{align-items:center;color:var(--flipkart-gray-500);display:flex;font-size:.8rem;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.product-actions{gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md)}.add-to-cart-btn,.buy-now-btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.add-to-cart-btn{background:var(--flipkart-gray-100);border:1px solid var(--flipkart-gray-300);color:var(--flipkart-gray-700)}.add-to-cart-btn:hover{background:var(--flipkart-gray-200);border-color:var(--flipkart-gray-400)}.buy-now-btn{background:var(--flipkart-blue);color:var(--flipkart-white)}.buy-now-btn:hover{background:var(--flipkart-blue-dark)}.pagination{align-items:center;border-top:1px solid var(--flipkart-gray-200);display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.page-button{background:var(--flipkart-white);border:1px solid var(--flipkart-gray-300);border-radius:var(--radius-sm);color:var(--flipkart-gray-600);cursor:pointer;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.page-button:hover:not(:disabled){border-color:var(--flipkart-blue);color:var(--flipkart-blue)}.page-button.active{background:var(--flipkart-blue);border-color:var(--flipkart-blue);color:var(--flipkart-white)}.page-button:disabled{cursor:not-allowed;opacity:.5}.loading-text{font-size:1.1rem;padding:var(--spacing-xl)}.loading-text,.results-info{color:var(--flipkart-gray-600);text-align:center}.results-info{border-top:1px solid var(--flipkart-gray-200);font-size:.9rem;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}@media (max-width:1200px){.product-list-container{padding:var(--spacing-lg) var(--spacing-md)}.product-sidebar{width:220px}.product-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.product-card{min-height:380px}.product-image-container{height:200px}}@media (max-width:768px){.product-list-container{flex-direction:column;padding:var(--spacing-md)}.product-sidebar{order:2;position:static;width:100%}.product-main-content{order:1}.search-sort-row{flex-direction:column;gap:var(--spacing-md)}.search-form{max-width:100%;width:100%}.product-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.product-card.list-view{flex-direction:column;text-align:center}.product-card.list-view .product-image-container{height:200px;width:100%}.product-card.list-view .product-info{padding:var(--spacing-lg) 0 0 0}}@media (max-width:480px){.product-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.product-actions{flex-direction:column}.page-title{font-size:1.5rem}}.forgot-password-container{align-items:center;animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.forgot-password-container:before{animation:float 6s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.forgot-password-form{align-items:center;animation:slideInUp .8s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 25px 50px #00000026,0 0 0 1px #fff3;display:flex;flex-direction:column;max-width:450px;overflow:hidden;padding:50px 40px;position:relative;width:100%}.forgot-password-form:before{animation:gradient-shift 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#ffecd2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.forgot-password-form h2{-webkit-text-fill-color:#0000;animation:fadeInDown .8s ease-out .2s both;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.2rem;font-weight:700;margin-bottom:15px;position:relative;text-align:center}.forgot-password-form h2:after{animation:expandWidth 1s ease-out .5s forwards;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-5px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:0}.forgot-password-form p{animation:fadeInUp .8s ease-out .4s both;color:#718096;font-size:1rem;line-height:1.5;margin-bottom:40px;max-width:350px;text-align:center}.form-group{margin-bottom:30px}.back-to-login{animation:fadeIn 1s ease-out 1s both;margin-top:30px;text-align:center}.back-to-login a{color:#667eea;display:inline-block;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.back-to-login a:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.back-to-login a:hover{color:#764ba2;transform:translateY(-1px)}.back-to-login a:hover:after{width:100%}button[type=submit]:disabled{animation:pulse 1.5s ease-in-out infinite}@media (max-width:480px){.forgot-password-container{padding:15px}.forgot-password-form{max-width:100%;padding:35px 25px}.forgot-password-form h2{font-size:1.8rem}.forgot-password-form p{font-size:.9rem}.form-group input{padding:14px 18px}button[type=submit]{font-size:1rem;padding:14px 20px}}@media (prefers-color-scheme:dark){.forgot-password-form{background:#1a202cf2;border-color:#ffffff1a}.forgot-password-form h2{color:#e2e8f0}.forgot-password-form p{color:#a0aec0}.form-group label{color:#e2e8f0}.form-group input{background:#2d3748e6;border-color:#4a5568cc;color:#e2e8f0}.form-group input::placeholder{color:#718096}.back-to-login a{color:#a0aec0}}.reset-password-container{align-items:center;animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.reset-password-container:before{animation:float 6s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.reset-password-form{align-items:center;animation:slideInUp .8s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 25px 50px #00000026,0 0 0 1px #fff3;display:flex;flex-direction:column;max-width:450px;overflow:hidden;padding:50px 40px;position:relative;width:100%}.reset-password-form:before{animation:gradient-shift 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#ffecd2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.reset-password-form h2{-webkit-text-fill-color:#0000;animation:fadeInDown .8s ease-out .2s both;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.2rem;font-weight:700;margin-bottom:15px;position:relative;text-align:center}.reset-password-form h2:after{animation:expandWidth 1s ease-out .5s forwards;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-5px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:0}@keyframes expandWidth{0%{width:0}to{width:60%}}.reset-password-form p{animation:fadeInUp .8s ease-out .4s both;color:#718096;font-size:1rem;line-height:1.5;margin-bottom:40px;max-width:350px;text-align:center}.form-group{animation:fadeInUp .8s ease-out .6s both;margin-bottom:25px;position:relative;width:100%}.form-group:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.form-group:focus-within:before{opacity:1}.form-group label{transition:all .3s ease}.form-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:12px;box-sizing:border-box;color:#2d3748;font-size:1rem;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input::placeholder{color:#a0aec0;transition:color .3s ease}.form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 8px 25px #667eea26;outline:none;transform:translateY(-2px)}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label{color:#667eea;transform:translateY(-2px)}.password-strength{animation:fadeIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e2e8f0cc;height:6px;margin-top:8px}.password-strength,.password-strength-fill{border-radius:3px;overflow:hidden;position:relative}.password-strength-fill{height:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.password-strength-fill:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.password-strength-text{animation:fadeIn .5s ease-out .2s both;font-size:.85rem;font-weight:500;margin-top:6px;text-align:left;transition:all .3s ease}.password-strength.weak .password-strength-fill{background:linear-gradient(90deg,#e53e3e,#fc8181);width:33%}.password-strength.medium .password-strength-fill{background:linear-gradient(90deg,#dd6b20,#f6ad55);width:66%}.password-strength.strong .password-strength-fill{background:linear-gradient(90deg,#38a169,#68d391);width:100%}.password-strength-text.weak{color:#e53e3e}.password-strength-text.medium{color:#dd6b20}.password-strength-text.strong{color:#38a169}button[type=submit]{animation:gradientShift 3s ease infinite;animation:fadeInUp .8s ease-out .8s both;background:linear-gradient(135deg,#667eea,#764ba2);background-size:200% 200%;border:none;border-radius:12px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}button[type=submit]:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}button[type=submit]:hover:not(:disabled):before{left:100%}button[type=submit]:hover:not(:disabled){box-shadow:0 15px 35px #667eea66;transform:translateY(-3px)}button[type=submit]:active:not(:disabled){transform:translateY(-1px)}button[type=submit]:disabled{animation:none;box-shadow:0 4px 15px #667eea33;cursor:not-allowed;opacity:.7;transform:none}.success-message{animation:slideInUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#c6f6d5e6;border:1px solid #48bb784d;border-left:4px solid #38a169;border-radius:12px;color:#22543d;font-size:.95rem;font-weight:600;margin-top:25px;overflow:hidden;padding:16px 20px;position:relative}.success-message:before{animation:slide 2s infinite;background:linear-gradient(90deg,#0000,#48bb781a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.error-message{animation:shake .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fecacae6;border:1px solid #ef44444d;border-left:4px solid #e53e3e;border-radius:12px;color:#742a2a;font-size:.95rem;font-weight:600;margin-top:25px;overflow:hidden;padding:16px 20px;position:relative;text-align:center}.error-message:before{animation:slide 2s infinite;background:linear-gradient(90deg,#0000,#ef44441a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes slide{0%{left:-100%}to{left:100%}}.security-badge{animation:fadeIn 1s ease-out 1s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55e1a;border:1px solid #22c55e33;border-radius:20px;color:#16a34a;font-size:.8rem;font-weight:600;padding:8px 12px;position:absolute;right:20px;top:20px}.security-badge:before{content:"🔒";margin-right:5px}@media (max-width:480px){.reset-password-container{padding:15px}.reset-password-form{max-width:100%;padding:35px 25px}.reset-password-form h2{font-size:1.8rem}.reset-password-form p{font-size:.9rem}.form-group input{padding:14px 18px}button[type=submit]{font-size:1rem;padding:14px 20px}}@media (prefers-color-scheme:dark){.reset-password-form{background:#1a202cf2;border-color:#ffffff1a}.reset-password-form h2{color:#e2e8f0}.reset-password-form p{color:#a0aec0}.form-group label{color:#e2e8f0}.form-group input{background:#2d3748e6;border-color:#4a5568cc;color:#e2e8f0}.form-group input::placeholder{color:#718096}}.form-group input:focus-visible,button[type=submit]:focus-visible{outline:2px solid #667eea;outline-offset:2px}.notification{border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;min-width:300px;opacity:0;transform:translateX(100%);transition:all .3s ease}.notification.show{opacity:1;transform:translateX(0)}.notification.hide{opacity:0;transform:translateX(100%)}.notification-content{align-items:center;border-radius:8px;color:#fff;display:flex;font-weight:500;padding:16px}.notification.success .notification-content{background:linear-gradient(135deg,#10b981,#059669)}.notification.error .notification-content{background:linear-gradient(135deg,#ef4444,#dc2626)}.notification.info .notification-content{background:linear-gradient(135deg,#3b82f6,#2563eb)}.notification-icon{font-size:18px;font-weight:700;margin-right:12px}.notification-message{flex:1 1;font-size:14px;line-height:1.4}.notification-close{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;margin-left:12px;opacity:.7;padding:0;transition:opacity .2s}.notification-close:hover{opacity:1}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.product-detail-page{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:400% 400%;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.product-detail-page:before{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.error-container,.loading-container{align-items:center;animation:fadeIn .8s ease-out;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff}.error-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ee5a24);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:20px}.breadcrumb{align-items:center;animation:slideInDown .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;font-size:.9rem;gap:8px;margin-bottom:24px;padding:12px 20px}.breadcrumb a{color:#667eea;text-decoration:none;transition:all .3s ease}.breadcrumb a:hover{color:#764ba2;transform:translateX(2px)}.breadcrumb span{color:#a0aec0}.product-container{grid-gap:40px;animation:fadeInUp .8s ease-out .2s both;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px}.image-gallery{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:24px}.main-image-container{border-radius:16px;box-shadow:0 10px 30px #0000001a;height:250px;margin:0 auto 20px;max-width:400px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.main-image-container:hover{box-shadow:0 15px 40px #00000026;transform:scale(1.02)}.main-image{background:#f8fafc;cursor:zoom-in;height:100%;object-fit:contain;transition:all .3s ease;width:100%}.zoom-lens{animation:zoomIn .3s ease forwards;background-repeat:no-repeat;background-size:200%;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.thumbnail-gallery{display:flex;gap:12px;overflow-x:auto;padding:8px 0}.thumbnail{background:#f8fafc;border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:50px;object-fit:contain;padding:4px;transition:all .3s ease;width:50px}.thumbnail:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05)}.thumbnail.active{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d}.product-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;height:-webkit-fit-content;height:fit-content;padding:32px;position:-webkit-sticky;position:sticky;top:20px}.product-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.product-name{color:#2d3748;flex:1 1;font-size:2rem;font-weight:700;line-height:1.2;margin:0 16px 0 0}.product-actions-header{display:flex;gap:12px}.share-btn,.wishlist-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.wishlist-btn{background:#ffffffe6;border:2px solid #a0aec04d;color:#a0aec0}.wishlist-btn:hover{background:#667eea1a;color:#667eea;transform:scale(1.1)}.wishlist-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff}.share-btn{background:#ffffffe6;border:2px solid #a0aec04d;color:#a0aec0}.share-btn:hover{background:#667eea1a;color:#667eea;transform:scale(1.1)}.product-meta{border-bottom:1px solid #e2e8f080;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.product-meta,.rating{align-items:center;display:flex}.rating{gap:8px}.stars{display:flex;gap:2px}.stars span{color:#e2e8f0;font-size:1.1rem;transition:all .3s ease}.stars span.filled{color:#f59e0b;text-shadow:0 0 8px #f59e0b80}.rating-text{color:#718096}.rating-text,.sold-count{font-size:.9rem;font-weight:500}.sold-count{color:#a0aec0}.price-section{margin-bottom:20px}.current-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38a169,#48bb78);-webkit-background-clip:text;background-clip:text;color:#38a169;font-size:2.5rem;font-weight:700;margin-bottom:8px}.original-price{color:#a0aec0;font-size:1.5rem;margin-bottom:8px;text-decoration:line-through}.discount-badge{background:linear-gradient(135deg,#e53e3e,#fc8181);border-radius:20px;box-shadow:0 4px 12px #e53e3e4d;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:6px 12px}.stock-info{margin-bottom:24px}.stock-status{border-radius:20px;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.stock-status.in-stock{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.stock-status.out-of-stock{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.product-highlights{background:#667eea0d;border:1px solid #667eea1a;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;padding:20px}.highlight-item{align-items:center;color:#4a5568;display:flex;font-size:.95rem;gap:12px}.highlight-item svg{color:#667eea;font-size:1.2rem}.purchase-section{margin-bottom:32px}.quantity-selector{align-items:center;display:flex;gap:16px;margin-bottom:24px}.quantity-selector label{color:#2d3748;font-size:1rem;font-weight:600}.quantity-controls{align-items:center;background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:8px;display:flex;gap:12px;padding:4px}.quantity-controls button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;height:32px;transition:all .3s ease;width:32px}.quantity-controls button:hover{background:#764ba2;transform:scale(1.1)}.quantity-controls span{color:#2d3748;font-size:1.1rem;font-weight:600;min-width:40px;text-align:center}.btn{border-radius:12px;flex:1 1;font-size:1.1rem;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn.buy-now{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff}.btn.buy-now:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-3px)}.btn.add-to-cart{background:#0000;border:2px solid #667eea;color:#667eea}.btn.add-to-cart:hover{background:#667eea;box-shadow:0 8px 25px #667eea4d;color:#fff;transform:translateY(-3px)}.product-services{background:#667eea0d;border:1px solid #667eea1a;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:24px}.service-item{align-items:center;color:#4a5568;display:flex;gap:16px}.service-item svg{color:#667eea;flex-shrink:0;font-size:1.5rem}.service-item strong{color:#2d3748;display:block;font-size:1rem;margin-bottom:4px}.service-item span{color:#718096;font-size:.9rem}.product-details-tabs{animation:fadeInUp .8s ease-out .4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:40px;padding:32px}.tab-header{background:#667eea0d;border-radius:12px;display:flex;gap:4px;margin-bottom:32px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#718096;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.tab-btn:hover:not(.active){background:#667eea1a;color:#667eea}.tab-content{animation:fadeIn .5s ease-out}.description-content h3,.reviews-content h3,.specifications-content h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:20px}.description-content p{color:#4a5568;font-size:1rem;line-height:1.7;margin-bottom:24px}.features-list h4{color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:16px}.features-list ul{list-style:none;padding:0}.features-list li{color:#4a5568;line-height:1.6;padding:8px 0 8px 20px;position:relative}.features-list li:before{color:#38a169;content:"✓";font-weight:700;left:0;position:absolute}.spec-table{display:flex;flex-direction:column;gap:12px}.spec-row{align-items:center;background:#667eea0d;border:1px solid #667eea1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.spec-key{color:#2d3748;font-weight:600}.spec-value{color:#4a5568}.reviews-summary{align-items:center;background:#667eea0d;border:1px solid #667eea1a;border-radius:12px;display:flex;gap:20px;margin-bottom:32px;padding:24px}.average-rating{align-items:center;display:flex;flex-direction:column;gap:8px}.rating-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:3rem;font-weight:700}.total-reviews{color:#718096;font-size:.9rem;font-weight:500}.review-form{background:#ffffffe6;border:1px solid #e2e8f0cc;border-radius:12px;margin-bottom:32px;padding:24px}.review-form h4{color:#2d3748;font-size:1.3rem;font-weight:600;margin-bottom:20px}.form-group label{color:#4a5568;font-size:.95rem}.form-group select,.form-group textarea{background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:8px;color:#2d3748;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.review-login-prompt{background:#667eea0d;border:1px solid #667eea1a;border-radius:12px;margin-bottom:32px;padding:24px;text-align:center}.review-login-prompt p{color:#4a5568;margin:0}.review-login-prompt a{color:#667eea;font-weight:600;text-decoration:none}.review-login-prompt a:hover{text-decoration:underline}.reviews-list{display:flex;flex-direction:column;gap:20px}.review-item{background:#ffffffe6;border:1px solid #e2e8f0cc;border-radius:12px;padding:20px;transition:all .3s ease}.review-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.reviewer-name{color:#2d3748;font-size:1rem;font-weight:600}.review-rating{display:flex;gap:2px}.review-rating span{color:#e2e8f0;font-size:1rem}.review-rating span.filled{color:#f59e0b}.review-date{color:#a0aec0;font-size:.85rem}.review-text{color:#4a5568;line-height:1.6;margin:0}.related-products-section{animation:fadeInUp .8s ease-out .6s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:32px}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:1.8rem;font-weight:700;margin-bottom:24px;text-align:center}.related-products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.related-product-card{background:#ffffffe6;border:1px solid #e2e8f0cc;border-radius:12px;color:inherit;overflow:hidden;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.related-product-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-5px)}.related-product-card img{height:180px;object-fit:cover;transition:all .3s ease;width:100%}.related-product-card:hover img{transform:scale(1.05)}.related-product-info{padding:16px}.related-product-info h3{color:#2d3748;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 8px}.related-product-info .price{color:#38a169;font-size:1.1rem;font-weight:700;margin:0 0 8px}.related-product-info .rating{display:flex;gap:2px}.related-product-info .rating span{color:#e2e8f0;font-size:.9rem}.related-product-info .rating span.filled{color:#f59e0b}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideInUp .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:400px;padding:32px;width:90%}.modal-content h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}.share-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.share-options button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 16px;transition:all .3s ease}.share-options button:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.close-modal{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:1.5rem;position:absolute;right:16px;top:16px;transition:all .3s ease}.close-modal:hover{color:#2d3748;transform:scale(1.2)}.notification{animation:slideIn .3s ease;border-radius:.5rem;box-shadow:0 8px 25px #0003;color:#fff;font-weight:600;padding:1rem 2rem;position:fixed;right:20px;top:20px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1200px){.product-container{gap:24px}.product-info{padding:28px}.related-products-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.main-image-container{height:280px}}@media (max-width:1024px){.product-container{gap:32px;grid-template-columns:1fr}.product-info{padding:24px;position:static}.related-products-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.main-image-container{height:260px}.thumbnail{height:55px;width:55px}}@media (max-width:768px){.product-detail-page{padding:16px}.product-container{gap:24px}.image-gallery,.product-details-tabs,.product-info,.related-products-section{padding:20px}.product-name{font-size:1.8rem}.current-price{font-size:2rem}.main-image-container{height:240px}.tab-header{flex-direction:column}.tab-btn{padding:10px 16px}.action-buttons{flex-direction:column}.btn{width:100%}.reviews-summary{flex-direction:column;gap:16px;text-align:center}.share-options{grid-template-columns:1fr}.thumbnail-gallery{justify-content:center}}@media (max-width:480px){.product-detail-page{padding:12px}.breadcrumb{font-size:.8rem;padding:10px 16px}.image-gallery,.product-details-tabs,.product-info,.related-products-section{padding:20px}.product-name{font-size:1.5rem}.current-price{font-size:1.8rem}.main-image-container{height:250px}.thumbnail{height:60px;width:60px}.product-actions-header{gap:8px}.share-btn,.wishlist-btn{font-size:1rem;height:40px;width:40px}.quantity-controls button{font-size:1rem;height:28px;width:28px}.modal-content{margin:20px;padding:24px}}@media (prefers-color-scheme:dark){.breadcrumb,.image-gallery,.modal-content,.product-details-tabs,.product-info,.related-product-card,.related-products-section,.review-form,.review-item{background:#1a202cf2;border-color:#ffffff1a}.description-content h3,.features-list h4,.modal-content h3,.product-name,.review-form h4,.reviewer-name,.reviews-content h3,.section-title,.spec-key,.specifications-content h3{color:#e2e8f0}.breadcrumb a{color:#667eea}.description-content p,.features-list li,.original-price,.rating-text,.related-product-info h3,.review-text,.sold-count,.spec-value{color:#a0aec0}.form-group select,.form-group textarea{background:#2d3748e6;border-color:#4a5568cc;color:#e2e8f0}.review-login-prompt p{color:#a0aec0}}.btn:focus-visible,.close-modal:focus-visible,.quantity-controls button:focus-visible,.share-btn:focus-visible,.share-options button:focus-visible,.tab-btn:focus-visible,.wishlist-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media print{.product-detail-page{background:#fff}.modal-overlay,.product-actions-header,.purchase-section,.review-form,.tab-header{display:none!important}.product-container{display:block}.image-gallery,.product-info{border:1px solid #ddd;box-shadow:none}}.aboutus2-container{background:#f4f8fb;color:#222;font-family:Segoe UI,Arial,sans-serif;min-height:100vh;padding-bottom:40px}.aboutus2-hero{background:linear-gradient(90deg,#dbeafe,#60a5fa);border-radius:0 0 32px 32px;box-shadow:0 4px 24px #60a5fa26;padding:48px 20px 32px;text-align:center}.aboutus2-hero h1{color:#2563eb;font-size:2.8rem;letter-spacing:1px;margin-bottom:12px}.aboutus2-hero p{color:#355c7d;font-size:1.2rem;margin-bottom:32px}.aboutus2-stats{display:flex;font-size:1.5rem;gap:48px;justify-content:center;margin-top:16px}.aboutus2-stats div{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000012;color:#2563eb;font-weight:700;min-width:120px;padding:18px 32px;transition:transform .2s,background .2s}.aboutus2-stats div:hover{background:#dbeafe;transform:scale(1.07) rotate(-2deg)}.aboutus2-stats span{color:#3b82f6;display:block;font-size:1rem;font-weight:400;margin-top:4px}.aboutus2-cards{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin:48px 0 0;text-align:center}.aboutus2-card{background:#fff;border-radius:20px;box-shadow:0 2px 16px #00000014;cursor:pointer;overflow:hidden;padding:28px 22px 22px;position:relative;text-align:left;transition:transform .2s,box-shadow .2s,background .2s;width:320px}.aboutus2-card:hover{background:linear-gradient(90deg,#dbeafe,#60a5fa);box-shadow:0 8px 32px #3b82f62e;transform:translateY(-8px) scale(1.04) rotate(1deg)}.aboutus2-card h2{color:#2563eb;margin-bottom:10px}.aboutus2-card ul{color:#355c7d;margin:0;padding-left:18px}.aboutus2-products{margin:64px 0 0;text-align:center}.aboutus2-products h2{color:#2563eb;font-size:2rem;margin-bottom:24px}.aboutus2-products-list{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.aboutus2-product-card{background:#fff;border-radius:20px;box-shadow:0 2px 16px #00000014;cursor:pointer;overflow:hidden;padding:24px 18px 18px;position:relative;text-align:center;transition:transform .2s,box-shadow .2s,background .2s;width:260px}.aboutus2-product-card:hover{background:linear-gradient(90deg,#dbeafe,#60a5fa);box-shadow:0 8px 32px #3b82f62e;transform:translateY(-8px) scale(1.04) rotate(-1deg)}.aboutus2-product-card img{border:3px solid #2563eb;border-radius:16px;height:90px;margin-bottom:14px;object-fit:cover;transition:border .2s;width:90px}.aboutus2-product-card:hover img{border:3px solid #fff}.aboutus2-product-card h3{color:#2563eb;font-size:1.1rem;margin:0 0 6px}.aboutus2-product-card p{color:#355c7d;font-size:.98rem}.aboutus2-cta{background:#e0f2fe;border-radius:24px;box-shadow:0 2px 16px #60a5fa1f;margin:64px auto 0;max-width:500px;padding:36px 20px 32px;text-align:center}.aboutus2-cta h2{color:#2563eb;margin-bottom:10px}.aboutus2-contact-btn{background:linear-gradient(90deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f614;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:18px;padding:12px 36px;transition:background .2s,transform .2s}.aboutus2-contact-btn:hover{background:linear-gradient(90deg,#2563eb,#3b82f6);transform:scale(1.05)}@media (max-width:900px){.aboutus2-cards,.aboutus2-products-list{align-items:center;flex-direction:column}.aboutus2-stats{flex-direction:column;gap:18px}}.product-admin-page,body{background:#f5faff}.ProductAdmin-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin:40px auto;max-width:800px;padding:24px}.ProductAdmin-container form{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.ProductAdmin-container button,.ProductAdmin-container input,.ProductAdmin-container select{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:8px 12px}.ProductAdmin-container input[type=file]{border:none}.ProductAdmin-container button{background:#1976d2;border:none;color:#fff;cursor:pointer;transition:background .2s}.ProductAdmin-container button:hover{background:#125ea2}.ProductAdmin-container ul{list-style:none;padding:0}.ProductAdmin-container li{align-items:center;border-bottom:1px solid #eee;display:flex;gap:16px;padding:12px 0}.ProductAdmin-container img{border:1px solid #ddd;border-radius:6px;height:50px;object-fit:cover;width:50px}.ProductAdmin-container form[onsubmit]{align-items:center;display:flex;gap:8px;margin-left:auto}@media (max-width:600px){.ProductAdmin-container{padding:8px}.ProductAdmin-container li{align-items:flex-start;flex-direction:column;gap:8px}}.cart-container{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:400% 400%;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.cart-container:before{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cart-title{animation:fadeInDown .8s ease-out;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:40px;text-align:center;text-shadow:0 4px 12px #0000004d}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.cart-empty{align-items:center;animation:fadeInScale .8s ease-out .2s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px}.cart-empty-img{height:200px;margin-bottom:20px;opacity:.8;width:200px}.cart-empty p{color:#4a5568;font-size:1.2rem;margin-bottom:24px;text-align:center}.continue-shopping-btn{border:none;cursor:pointer;font-size:1.1rem;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.continue-shopping-btn:hover{transform:translateY(-3px)}.cart-content{grid-gap:32px;animation:fadeInUp .8s ease-out .4s both;display:grid;gap:32px;grid-template-columns:2fr 1fr}.cart-list{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0}.cart-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 10px 30px #0000001a;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.cart-item:before{animation:gradient-shift 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.cart-item:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.cart-item-img{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:120px;object-fit:cover;transition:all .3s ease;width:120px}.cart-item-img:hover{transform:scale(1.05)}.cart-item-details{display:flex;flex:1 1;flex-direction:column;gap:8px}.cart-item-name{color:#2d3748;font-size:1.3rem;font-weight:600;line-height:1.3;margin:0}.cart-item-price{color:#38a169;font-size:1.2rem;font-weight:700;margin:0}.cart-item-qty{gap:12px;margin-top:12px}.cart-item-qty,.qty-btn{align-items:center;display:flex}.qty-btn{background:#ffffffe6;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:1.2rem;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.qty-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:scale(1.1)}.qty-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.cart-item-qty input{background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:8px;color:#2d3748;font-size:1rem;font-weight:600;padding:8px 12px;text-align:center;transition:all .3s ease;width:60px}.cart-item-qty input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.remove-btn{align-self:flex-start;background:linear-gradient(135deg,#e53e3e,#fc8181);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:12px;padding:8px 16px;transition:all .3s ease}.remove-btn:hover{box-shadow:0 8px 25px #e53e3e4d;transform:translateY(-2px)}.cart-summary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 40px #0000001a;height:-webkit-fit-content;height:fit-content;padding:32px;position:-webkit-sticky;position:sticky;top:20px}.cart-summary h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0 0 24px;text-align:center}.cart-total{color:#38a169;font-size:2rem;font-weight:700}.buy-now-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:24px;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.buy-now-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.buy-now-btn:hover:before{left:100%}.buy-now-btn:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-3px)}@media (max-width:1200px){.cart-content{gap:24px}.cart-item{padding:20px}.cart-item-img{height:100px;width:100px}}@media (max-width:1024px){.cart-content{gap:20px;grid-template-columns:1fr}.cart-summary{margin-top:24px;position:static}.cart-item{padding:16px}.cart-item-img{height:90px;width:90px}.cart-item-name{font-size:1.2rem}}@media (max-width:768px){.cart-container{padding:16px}.cart-title{font-size:2rem;margin-bottom:24px}.cart-empty{padding:24px}.cart-empty-img{height:150px;width:150px}.cart-item{flex-direction:column;gap:16px;text-align:center}.cart-item-img{height:100px;width:100px}.cart-item-details{align-items:center}.cart-item-name,.cart-item-price{font-size:1.1rem}.cart-summary{padding:24px}.cart-summary h3{font-size:1.3rem}.cart-total{font-size:1.8rem}.buy-now-btn{font-size:1.1rem;padding:16px 20px}}@media (max-width:480px){.cart-container{padding:12px}.cart-title{font-size:1.8rem}.cart-empty{padding:20px}.cart-empty-img{height:120px;width:120px}.cart-item{padding:20px}.cart-item-img{height:80px;width:80px}.cart-item-name,.cart-item-price{font-size:1rem}.cart-item-qty{gap:8px}.qty-btn{font-size:1rem;height:28px;width:28px}.cart-item-qty input{padding:6px 8px;width:50px}.remove-btn{font-size:.8rem;padding:6px 12px}.cart-summary{padding:20px}.cart-summary h3{font-size:1.2rem}.cart-total{font-size:1.5rem}.buy-now-btn{font-size:1rem;padding:14px 18px}}@media (prefers-color-scheme:dark){.cart-empty,.cart-item,.cart-summary{background:#1a202cf2;border-color:#ffffff1a}.cart-title{color:#e2e8f0}.cart-empty p{color:#a0aec0}.cart-item-name,.cart-summary h3{color:#e2e8f0}.cart-item-price,.cart-total{color:#48bb78}.cart-item-qty input{background:#2d3748e6;border-color:#4a5568cc;color:#e2e8f0}}.buy-now-btn:focus-visible,.cart-item-qty input:focus-visible,.continue-shopping-btn:focus-visible,.qty-btn:focus-visible,.remove-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.cart-item{cursor:default}.cart-item:hover .cart-item-img{animation:gentle-bounce .6s ease-out}@keyframes gentle-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}.checkout-container{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:400% 400%;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.checkout-container:before{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.checkout-main{grid-gap:40px;animation:fadeInUp .8s ease-out;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.checkout-summary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;height:-webkit-fit-content;height:fit-content;padding:32px;position:-webkit-sticky;position:sticky;top:20px}.checkout-summary h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:24px;text-align:center}.checkout-summary ul{list-style:none;margin:0 0 24px;padding:0}.checkout-summary li{align-items:center;border-bottom:1px solid #e2e8f080;display:flex;justify-content:space-between;padding:16px 0}.checkout-summary li:last-child{border-bottom:none}.checkout-summary li span:first-child{color:#4a5568;font-weight:500}.checkout-summary li span:last-child{color:#2d3748;font-size:1.1rem;font-weight:600}.checkout-summary h3{background:#38a1691a;border:2px solid #38a16933;border-radius:12px;color:#38a169;font-size:1.8rem;font-weight:700;margin:0;padding:20px;text-align:center}.checkout-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:32px}.checkout-form h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:1.8rem;font-weight:700;margin-bottom:24px;text-align:center}.input-icon-group{margin-bottom:20px;position:relative}.input-icon{color:#667eea;font-size:1.2rem;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.input-icon-group input{background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:12px;box-sizing:border-box;color:#2d3748;font-size:1rem;padding:16px 16px 16px 48px;transition:all .3s ease;width:100%}.input-icon-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-icon-group input::placeholder{color:#a0aec0}.payment-integration{margin-top:32px}.payment-integration h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:center}.payment-methods{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.payment-option{align-items:center;background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px 20px;position:relative;transition:all .3s ease}.payment-option:hover{background:#667eea0d;border-color:#667eea;box-shadow:0 8px 25px #667eea1a;transform:translateY(-2px)}.payment-option input[type=radio]{accent-color:#667eea;height:20px;margin:0;width:20px}.payment-option.selected{background:#667eea1a;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.payment-option span{color:#4a5568;font-size:1rem;font-weight:500}.payment-option svg{color:#667eea;flex-shrink:0;font-size:1.5rem}.checkout-form input[name=upiId]{background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:12px;box-sizing:border-box;color:#2d3748;font-size:1rem;margin-top:16px;padding:16px;transition:all .3s ease;width:100%}.checkout-form input[name=upiId]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.checkout-form input[name=upiId]::placeholder{color:#a0aec0}.checkout-form>div:last-of-type{background:#667eea0d;border:1px solid #667eea1a;border-radius:8px;color:#4a5568;font-size:.95rem;margin-top:16px;padding:16px;text-align:center}.payment-summary{background:#38a1691a;border:2px solid #38a16933;border-radius:12px;margin:24px 0;padding:20px}.payment-summary h4{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 16px;text-align:center}.amount-display{align-items:center;display:flex;font-size:1.2rem;font-weight:600;justify-content:space-between}.amount-display span:first-child{color:#4a5568}.rupee-amount{color:#38a169;font-size:1.5rem}.payment-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:24px;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.payment-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.payment-button:hover:not(:disabled):before{left:100%}.payment-button:hover:not(:disabled){box-shadow:0 12px 35px #667eea66;transform:translateY(-3px)}.payment-button:disabled{box-shadow:0 4px 15px #667eea33;cursor:not-allowed;opacity:.7;transform:none}.error{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #c5303033;border-radius:8px;color:#c53030;font-weight:500;margin-top:16px;padding:16px;text-align:center}.checkout-container .loading{font-size:1.2rem;padding:40px;text-align:center}@media (max-width:1024px){.checkout-main{gap:24px;grid-template-columns:1fr}.checkout-summary{position:static}}@media (max-width:768px){.checkout-container{padding:16px}.checkout-main{gap:20px}.checkout-form,.checkout-summary{padding:24px}.checkout-form h2,.checkout-summary h1,.checkout-summary h3{font-size:1.5rem}.payment-option{padding:12px 16px}.payment-option span{font-size:.9rem}.checkout-form input[name=upiId],.input-icon-group input{font-size:.95rem;padding:14px 14px 14px 44px}.input-icon{font-size:1.1rem;left:14px}.payment-button{font-size:1.1rem;padding:18px 20px}}@media (max-width:480px){.checkout-container{padding:12px}.checkout-form,.checkout-summary{padding:20px}.checkout-form h2,.checkout-summary h1{font-size:1.3rem}.checkout-summary h3{font-size:1.3rem;padding:16px}.checkout-summary li{padding:12px 0}.checkout-summary li span:last-child{font-size:1rem}.payment-methods{gap:12px}.payment-option{gap:12px;padding:10px 14px}.payment-option span{font-size:.85rem}.payment-option svg{font-size:1.3rem}.checkout-form input[name=upiId],.input-icon-group input{font-size:.9rem;padding:12px 12px 12px 40px}.input-icon{font-size:1rem;left:12px}.payment-summary{padding:16px}.amount-display{font-size:1.1rem}.rupee-amount{font-size:1.3rem}.payment-button{font-size:1rem;padding:16px 18px}}@media (prefers-color-scheme:dark){.checkout-form,.checkout-form input[name=upiId],.checkout-summary,.input-icon-group input,.payment-option{background:#1a202cf2;border-color:#ffffff1a}.amount-display span:first-child,.checkout-form h2,.checkout-summary h1,.checkout-summary li span:first-child,.payment-integration h3,.payment-summary h4{color:#e2e8f0}.checkout-summary li span:last-child,.payment-option span{color:#a0aec0}.checkout-form input[name=upiId]::placeholder,.input-icon-group input::placeholder{color:#718096}.checkout-form>div:last-of-type{background:#667eea1a;border-color:#667eea33;color:#a0aec0}.error{background:linear-gradient(135deg,#c5303033,#c530301a);border-color:#fc818133;color:#fc8181}}.checkout-form input[name=upiId]:focus-visible,.input-icon-group input:focus-visible,.payment-button:focus-visible,.payment-option:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media print{.checkout-container{background:#fff}.checkout-form,.checkout-summary{border:1px solid #ddd;box-shadow:none}.payment-button{display:none}}.payment-option{animation:slideInRight .6s ease-out both}.payment-option:first-child{animation-delay:.1s}.payment-option:nth-child(2){animation-delay:.2s}.payment-option:nth-child(3){animation-delay:.3s}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.checkout-container .loading{animation:pulse 2s ease-in-out infinite;color:#fff;flex-direction:column;min-height:60vh}.checkout-container .loading,.order-success-container{align-items:center;display:flex;justify-content:center}.order-success-container{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:400% 400%;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.order-success-container:before{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}.success-card{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:600px;overflow:hidden;padding:40px;position:relative;width:100%}.success-card:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);content:"";height:4px;left:0;position:absolute;right:0;top:0}.success-icon{margin-bottom:24px;text-align:center}.success-icon svg{animation:bounceIn .8s ease-out;color:#38a169;filter:drop-shadow(0 4px 8px rgba(56,161,105,.3));font-size:4rem}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:16px;text-align:center}.success-message{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:32px;text-align:center}.order-details{background:#667eea0d;border:1px solid #667eea1a;margin-bottom:24px;padding:24px}.order-details h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:center}.order-items{list-style:none;margin:0 0 20px;padding:0}.order-item{border-bottom:1px solid #e2e8f080;padding:12px 0}.order-item-name{color:#4a5568;flex:1 1;font-weight:500}.order-item-quantity{color:#718096;font-size:.9rem;margin:0 12px}.order-item-price{color:#2d3748;font-weight:600}.order-total{align-items:center;border-top:2px solid #667eea33;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;margin-top:16px;padding:16px 0}.order-total-label{color:#4a5568}.order-total-amount{color:#38a169;font-size:1.4rem}.shipping-info{background:#38a1690d;border:1px solid #38a1691a;border-radius:12px;margin-bottom:24px;padding:20px}.shipping-info p{color:#4a5568;font-size:1rem;margin:0}.shipping-address{color:#2d3748;font-weight:600;margin-top:4px}.action-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff}.btn-primary:hover{box-shadow:0 12px 35px #667eea66}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #667eea33;color:#4a5568}.btn-secondary:hover{background:#667eea1a;border-color:#667eea}.error-state{animation:fadeInUp .8s ease-out;color:#fff;padding:40px;text-align:center}.error-state svg{color:#fc8181;font-size:4rem;margin-bottom:20px}.error-state h2{color:#fff;font-size:2rem;margin-bottom:16px}.error-state p{color:#fffc;font-size:1.1rem;margin-bottom:24px}.continue-shopping-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 25px #667eea4d;color:#fff;display:inline-block;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .3s ease}.continue-shopping-btn:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.order-success-container{padding:16px}.success-card{padding:32px 24px}.success-title{font-size:2rem}.success-icon svg{font-size:3rem}.order-details{padding:20px}.action-buttons{align-items:center;flex-direction:column}.btn-primary,.btn-secondary{max-width:280px;width:100%}}@media (max-width:480px){.success-card{padding:24px 20px}.success-title{font-size:1.8rem}.success-message{font-size:1rem}.order-details h3{font-size:1.3rem}.order-total{font-size:1.1rem}.order-total-amount{font-size:1.3rem}.btn-primary,.btn-secondary{font-size:.95rem;padding:12px 24px}}@media (prefers-color-scheme:dark){.success-card{background:#1a202cf2;border-color:#ffffff1a}.success-title{color:#e2e8f0}.order-item-name,.order-total-label,.shipping-info p,.success-message{color:#a0aec0}.order-item-price,.order-total-amount,.shipping-address{color:#e2e8f0}.order-details,.shipping-info{background:#2d374880;border-color:#ffffff1a}.btn-secondary{background:#2d3748e6;border-color:#fff3;color:#e2e8f0}.btn-secondary:hover{background:#667eea1a}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media print{.order-success-container{background:#fff}.success-card{border:1px solid #ddd;box-shadow:none}.btn-primary,.btn-secondary{display:none}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-home-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;display:flex;flex-direction:column;margin:80px auto;max-width:400px;padding:40px 28px}.app-home-container h1{color:#1976d2;font-size:2rem;margin-bottom:32px}.app-home-links{display:flex;gap:24px}.app-home-links a{background:#1976d2;border-radius:6px;color:#fff;font-size:1rem;padding:10px 24px;text-decoration:none;transition:background .2s}.app-home-links a:hover{background:#125ea2}:root{--primary-500:#e17055;--primary-600:#d35400;--accent-red:#e74c3c;--accent-red-100:#fadbd8;--accent-red-700:#b03a2e;--success-500:#27ae60;--success-100:#d5f4e6;--success-700:#1e8449;--warning-500:#f39c12;--warning-100:#fdeaa7;--warning-700:#b9770e;--info-500:#3498db;--info-100:#d6eaf8;--info-700:#2e86c1;--text-primary:#2c3e50;--text-secondary:#34495e;--text-muted:#7f8c8d;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#ecf0f1;--border-primary:#e9ecef;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--transition-fast:0.2s ease;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.modern-dashboard{background:linear-gradient(90deg,#f5f5f5,#fff);font-family:Arial,sans-serif;min-height:100vh;padding:24px;padding:var(--space-6)}.dashboard-header{align-items:center;background:linear-gradient(135deg,#e17055,#d35400);border-radius:16px;border-radius:var(--radius-xl);color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-8);padding:24px;padding:var(--space-6)}.orders-section{border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.order-card{margin:16px 0;width:calc(100% - 32px)}.header-content h1{margin-bottom:8px;margin-bottom:var(--space-2)}.header-content p{opacity:.9}.header-actions{display:flex;gap:16px;gap:var(--space-4)}.notification-btn{background:#fff3;border:none;border-radius:50%;border-radius:var(--radius-full);color:#fff;cursor:pointer;padding:12px;padding:var(--space-3);position:relative;transition:all .2s ease;transition:all var(--transition-fast)}.notification-btn:hover{background:#ffffff4d}.notification-badge{background:#e74c3c;background:var(--accent-red);border-radius:50%;border-radius:var(--radius-full);color:#fff;font-size:.75rem;font-weight:600;padding:2px 6px;position:absolute;right:-4px;top:-4px}.dashboard-grid{grid-gap:32px;grid-gap:var(--space-8);display:grid;gap:32px;gap:var(--space-8);grid-template-columns:300px 1fr;margin:0 auto;max-width:1200px}.sidebar{background-color:#f8f9fa;background-color:var(--bg-secondary);border:1px solid #e9ecef;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);height:-webkit-fit-content;height:fit-content;padding:24px;padding:var(--space-6)}.user-profile{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-primary);display:flex;gap:16px;gap:var(--space-4);margin-bottom:24px;margin-bottom:var(--space-6);padding-bottom:16px;padding-bottom:var(--space-4)}.profile-avatar{background:linear-gradient(135deg,#e17055,#d35400);color:#fff;font-size:1.5rem;height:60px;width:60px}.profile-info h3{color:#2c3e50;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:4px;margin-bottom:var(--space-1)}.profile-info p{color:#7f8c8d;color:var(--text-muted);font-size:.9rem}.quick-actions h4{color:#2c3e50;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--space-4)}.action-btn{align-items:center;border-radius:8px;border-radius:var(--radius-md);color:#34495e;color:var(--text-secondary);display:flex;gap:12px;gap:var(--space-3);margin-bottom:8px;margin-bottom:var(--space-2);padding:12px 16px;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.action-btn:hover{background-color:#ecf0f1;background-color:var(--bg-tertiary);color:#e17055;color:var(--primary-500);transform:translateX(4px)}.action-btn svg{height:18px;width:18px}.main-content{display:flex;flex-direction:column;gap:32px;gap:var(--space-8)}.stat-card{align-items:center;background:linear-gradient(135deg,#f8f9fa,#ecf0f1);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid #e9ecef;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px #0000001a;display:flex;gap:16px;gap:var(--space-4);padding:24px;padding:var(--space-6);transition:all .2s ease;transition:all var(--transition-fast)}.stat-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-2px)}.stat-icon{background:linear-gradient(135deg,#e17055,#d35400);border-radius:12px;border-radius:var(--radius-lg);color:#fff;font-size:1.5rem;height:50px;width:50px}.stat-content h3{color:#2c3e50;color:var(--text-primary);font-size:2rem;margin-bottom:4px;margin-bottom:var(--space-1)}.stat-content p{color:#7f8c8d;color:var(--text-muted);font-size:.9rem}.chart-section,.recent-orders,.spending-trend{background-color:#f8f9fa;background-color:var(--bg-secondary);border:1px solid #e9ecef;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:24px;padding:var(--space-6)}.chart-section h3,.recent-orders h3,.spending-trend h3{color:#2c3e50;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--space-4)}.chart-container{align-items:center;display:flex;flex-wrap:wrap;gap:24px;gap:var(--space-6)}.chart-legend{flex-direction:column}.chart-legend,.legend-item{display:flex;gap:8px;gap:var(--space-2)}.legend-item{align-items:center;color:#34495e;color:var(--text-secondary)}.color-dot{border-radius:50%;height:12px;width:12px}.orders-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.order-item{background-color:#ecf0f1;background-color:var(--bg-tertiary);border:1px solid #e9ecef;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);padding:16px;padding:var(--space-4)}.order-info p{margin:0}.spending-trend .chart-container{justify-content:center}@media (max-width:968px){.dashboard-grid,.stats-grid{grid-template-columns:1fr}.chart-container{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.flipkart-dashboard{padding:16px;padding:var(--space-4)}.order-item,.stat-card{flex-direction:column;text-align:center}.order-item{gap:8px;gap:var(--space-2)}}.recharts-wrapper{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-family:var(--font-sans)!important}.recharts-text{fill:#34495e!important;fill:var(--text-secondary)!important;font-size:.875rem!important}.recharts-tooltip-wrapper{background-color:#f8f9fa!important;background-color:var(--bg-secondary)!important;border:1px solid #e9ecef!important;border:1px solid var(--border-primary)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;box-shadow:0 10px 15px #0000001a!important;box-shadow:var(--shadow-lg)!important}.recharts-tooltip-label{color:#2c3e50!important;color:var(--text-primary)!important;font-weight:600!important}.recharts-tooltip-item{color:#34495e!important;color:var(--text-secondary)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#e9ecef!important;stroke:var(--border-primary)!important;opacity:.3!important}.user-profile-card{background:linear-gradient(135deg,#f8e0d9,#f5d0c4);border:1px solid #e9ecef;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);margin-bottom:24px;margin-bottom:var(--space-6);padding:24px;padding:var(--space-6)}.user-profile-card .profile-avatar{height:80px;margin-bottom:16px;margin-bottom:var(--space-4);width:80px}.user-profile-card .profile-info h3{font-size:1.5rem;margin-bottom:8px;margin-bottom:var(--space-2)}.user-profile-card .email{color:#34495e;color:var(--text-secondary);margin-bottom:4px;margin-bottom:var(--space-1)}.user-profile-card .phone{color:#7f8c8d;color:var(--text-muted);margin-bottom:12px;margin-bottom:var(--space-3)}.member-since{color:#7f8c8d;color:var(--text-muted);font-size:.875rem}.dashboard-nav{display:flex;flex-direction:column;gap:8px;gap:var(--space-2);margin-bottom:24px;margin-bottom:var(--space-6)}.nav-item{border-radius:8px;color:#34495e;color:var(--text-secondary);gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .2s ease;transition:all var(--transition-fast)}.nav-item:hover{background-color:#ecf0f1;background-color:var(--bg-tertiary);color:#e17055;color:var(--primary-500)}.nav-item.active{background-color:#e17055;background-color:var(--primary-500);color:#fff}.quick-stats{background:#ecf0f1;background:var(--bg-tertiary);border-radius:12px;border-radius:var(--radius-lg);padding:16px;padding:var(--space-4)}.quick-stats h4{color:#2c3e50;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:12px;margin-bottom:var(--space-3)}.stat-item{align-items:center;color:#34495e;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;gap:var(--space-2);padding:8px 0;padding:var(--space-2) 0}.stat-item svg{color:#e17055;color:var(--primary-500)}.stats-grid{grid-gap:24px;grid-gap:var(--space-6);gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-trend{color:#27ae60;color:var(--success-500);font-size:.875rem;margin-top:4px;margin-top:var(--space-1)}.stat-trend.negative{color:#e74c3c;color:var(--accent-red)}.charts-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-card{background-color:#f8f9fa;background-color:var(--bg-secondary);border:1px solid #e9ecef;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:24px;padding:var(--space-6)}.chart-card h3{color:#2c3e50;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--space-4)}.recent-activity{background-color:#f8f9fa;background-color:var(--bg-secondary);border:1px solid #e9ecef;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:24px;padding:var(--space-6)}.recent-activity h3{color:#2c3e50;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--space-4)}.activity-list{flex-direction:column}.activity-item,.activity-list{display:flex;gap:16px;gap:var(--space-4)}.activity-item{align-items:flex-start;background-color:#ecf0f1;background-color:var(--bg-tertiary);border:1px solid #e9ecef;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);padding:16px;padding:var(--space-4)}.activity-icon{align-items:center;background:linear-gradient(135deg,#e17055,#d35400);border-radius:50%;border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.activity-content h4{color:#2c3e50;color:var(--text-primary);font-size:1rem;font-weight:600}.activity-content h4,.activity-content p{margin-bottom:4px;margin-bottom:var(--space-1)}.activity-content p{color:#34495e;color:var(--text-secondary)}.activity-time{font-size:.875rem}.activity-time,.no-activity{color:#7f8c8d;color:var(--text-muted)}.no-activity{padding:32px;padding:var(--space-8);text-align:center}.orders-tab,.settings-tab,.wishlist-tab{background-color:#f8f9fa;background-color:var(--bg-secondary);border:1px solid #e9ecef;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:24px;padding:var(--space-6)}.orders-tab h2,.settings-tab h2,.wishlist-tab h2{color:#2c3e50;color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:24px;margin-bottom:var(--space-6)}.order-card{background-color:#ecf0f1;background-color:var(--bg-tertiary);border:1px solid #e9ecef;border:1px solid var(--border-primary);border-radius:12px;margin-bottom:16px;margin-bottom:var(--space-4);padding:16px;padding:var(--space-4)}.order-header{margin-bottom:12px;margin-bottom:var(--space-3)}.order-info h4{color:#2c3e50;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:4px;margin-bottom:var(--space-1)}.order-info p{color:#7f8c8d;color:var(--text-muted)}.status-badge{border-radius:50%;border-radius:var(--radius-full);font-size:.875rem;padding:4px 12px}.status-pending{background-color:#fdeaa7;background-color:var(--warning-100);color:#b9770e;color:var(--warning-700)}.status-processing{background-color:#d6eaf8;background-color:var(--info-100);color:#2e86c1;color:var(--info-700)}.status-delivered{background-color:#d5f4e6;background-color:var(--success-100);color:#1e8449;color:var(--success-700)}.status-cancelled{background-color:#fadbd8;background-color:var(--accent-red-100);color:#b03a2e;color:var(--accent-red-700)}.order-amount{color:#e17055;color:var(--primary-500);font-size:1.25rem}.order-actions{gap:8px;gap:var(--space-2)}.no-orders,.wishlist-empty{color:#7f8c8d;color:var(--text-muted);padding:32px;padding:var(--space-8);text-align:center}.no-orders h3,.wishlist-empty h3{color:#2c3e50;color:var(--text-primary);font-size:1.5rem;margin-bottom:8px;margin-bottom:var(--space-2)}.no-orders p,.wishlist-empty p{margin-bottom:16px;margin-bottom:var(--space-4)}.settings-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.setting-card{background-color:#ecf0f1;background-color:var(--bg-tertiary);border:1px solid #e9ecef;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-6)}.setting-card h4{color:#2c3e50;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-2)}.setting-card p{color:#7f8c8d;color:var(--text-muted);margin-bottom:16px;margin-bottom:var(--space-4)}@media (max-width:968px){.dashboard-header{flex-direction:column;gap:16px;gap:var(--space-4);text-align:center}.charts-grid,.settings-grid{grid-template-columns:1fr}}@media (max-width:640px){.modern-dashboard{padding:16px;padding:var(--space-4)}.order-header{flex-direction:column;gap:8px;gap:var(--space-2)}.order-details{flex-direction:column;gap:12px;gap:var(--space-3);text-align:center}.order-actions{justify-content:center}.activity-item{flex-direction:column;text-align:center}.activity-icon{align-self:center}}.dashboard-container{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:40px auto;max-width:500px;padding:var(--space-8) var(--space-6)}.profile-form{gap:var(--space-4);margin-top:var(--space-4)}.profile-form,.profile-form label{display:flex;flex-direction:column}.profile-form label{color:var(--text-primary);font-weight:500;gap:var(--space-2)}.profile-form input{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:1rem;padding:var(--space-3);transition:border .2s}.profile-form input:focus{background:#fff;border:1.5px solid var(--border-focus);outline:none}.profile-form button{background:var(--primary-600);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:var(--space-2);padding:var(--space-3);transition:background .2s}.profile-form button:hover{background:var(--primary-700)}.profile-message{background:var(--success-50);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--success-600);font-size:1rem;font-weight:500;margin-top:var(--space-4);padding:var(--space-3)}.products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:24px 0}.product-card{background:linear-gradient(135deg,#1e293bf2,#111827f2);border:1px solid #4755694d;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;padding:20px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.product-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.product-card:nth-child(4n+1):before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.product-card:nth-child(4n+2):before{background:linear-gradient(90deg,#10b981,#059669)}.product-card:nth-child(4n+3):before{background:linear-gradient(90deg,#f59e0b,#d97706)}.product-card:nth-child(4n+4):before{background:linear-gradient(90deg,#6366f1,#4f46e5)}.product-card:hover{box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a;transform:translateY(-5px)}.product-image{background:#ffffff0d;border-radius:8px;height:180px;margin-bottom:16px;object-fit:contain;padding:8px;width:100%}.product-info{color:#f1f5f9}.product-info h4{color:#f8fafc;font-size:1.1rem;font-weight:600;margin:0 0 12px}.product-info p{color:#cbd5e1;font-size:.9rem;margin:8px 0}.product-actions{display:flex;gap:8px;margin-top:16px}.product-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:8px 12px;transition:all .2s ease}.product-actions button:first-child{background:#3b82f6;color:#fff}.product-actions button:nth-child(2){background:#ef4444;color:#fff}.product-actions button:nth-child(3){background:#10b981;color:#fff}.product-actions button:hover{filter:brightness(110%);transform:translateY(-2px)}.product-form-container{background:linear-gradient(135deg,#1e293bf2,#111827f2);border:1px solid #4755694d;border-radius:12px;margin-bottom:24px;padding:24px}.product-form{flex-direction:column}.form-row,.product-form{display:flex;gap:16px}.form-row input,.product-form input[type=number],.product-form input[type=text],.product-form select.category-select,.product-form textarea{background:#1e293b80;border:1px solid #47556980;border-radius:6px;color:#f1f5f9;flex:1 1;font-size:.95rem;padding:10px 12px}.product-form input[type=file]{color:#cbd5e1}.product-form input:focus,.product-form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.product-form label{align-items:center;color:#cbd5e1;display:flex;gap:8px}.product-form button[type=submit]{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:12px 24px;transition:all .2s ease}.product-form button[type=submit]:hover{box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}@media (max-width:768px){.products-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.form-row{flex-direction:column}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}.product-actions{flex-direction:column}}.error,.loading{background:linear-gradient(135deg,#1e293bf2,#111827f2);border-radius:12px;color:#f1f5f9;margin:24px 0;padding:24px}.error{background:linear-gradient(135deg,#dc26261a,#b91c1c1a);border:1px solid #dc26264d;color:#fca5a5}.main-title button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.main-title button:hover{box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}:root{--admin-primary:#1e293b;--admin-secondary:#334155;--admin-accent:#3b82f6;--admin-accent-hover:#2563eb;--admin-text-primary:#f1f5f9;--admin-text-secondary:#94a3b8;--admin-bg-card:#0f172a;--admin-border:#475569;--admin-success:#10b981;--admin-warning:#f59e0b;--admin-error:#ef4444;--admin-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--admin-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--admin-radius:8px;--admin-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{background:linear-gradient(135deg,#1e293b,#334155);background:linear-gradient(135deg,var(--admin-primary) 0,var(--admin-secondary) 100%);color:#f1f5f9;color:var(--admin-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:0}.icon{font-size:20px}.icon,.icon_header{line-height:1px;vertical-align:middle}.icon_header{font-size:26px}.icon,.icon_header{margin-right:5px}.close_icon{color:red;cursor:pointer;margin-left:30px;margin-top:10px}.grid-container{display:grid;grid-template-areas:"sidebar header header header" "sidebar main main main";grid-template-columns:260px 1fr 1fr 1fr;grid-template-rows:.2fr 3fr;height:100vh}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a;background:var(--admin-bg-card);border-bottom:1px solid #475569;border-bottom:1px solid var(--admin-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow);display:flex;grid-area:header;height:70px;justify-content:space-between;padding:0 30px}.menu-icon{display:none}#sidebar{background:#0f172a;background:var(--admin-bg-card);border-right:1px solid #475569;border-right:1px solid var(--admin-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow);grid-area:sidebar;height:100%;overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.sidebar-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding:15px 30px 0}.sidebar-title>span{display:none}.sidebar-brand{color:#3b82f6;color:var(--admin-accent);font-size:24px;font-weight:800;letter-spacing:1px;margin-top:15px;text-transform:uppercase}.sidebar-list{list-style-type:none;padding:0}.sidebar-list-item{font-size:18px;padding:20px}.sidebar-list-item:hover{background:#3b82f61a;border-radius:8px;border-radius:var(--admin-radius);cursor:pointer;transform:translateX(4px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.sidebar-link-button,.sidebar-list-item>a{color:#94a3b8;color:var(--admin-text-secondary);text-decoration:none}.sidebar-link-button{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--admin-radius);cursor:pointer;display:flex;font-size:16px;font-weight:500;margin:0;padding:12px 16px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);width:100%}.sidebar-link-button:hover{background:#0000;color:#f1f5f9;color:var(--admin-text-primary)}.sidebar-list-item.active{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--admin-accent) 0,var(--admin-accent-hover) 100%);border-radius:8px;border-radius:var(--admin-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow);transform:translateX(8px)}.sidebar-list-item.active .sidebar-link-button{color:#f1f5f9;color:var(--admin-text-primary);font-weight:600}.sidebar-responsive{display:inline!important;position:absolute;z-index:12!important}.main-container{background:#0000;color:#f1f5f9;color:var(--admin-text-primary);grid-area:main;overflow-y:auto;padding:32px}.main-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.main-title h3{color:#f1f5f9;color:var(--admin-text-primary);font-size:28px;font-weight:700;margin:0}.main-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:48px}.card{background:#0f172a;background:var(--admin-bg-card);border:1px solid #475569;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.card:before{background:linear-gradient(90deg,#3b82f6,#2563eb);background:linear-gradient(90deg,var(--admin-accent),var(--admin-accent-hover));content:"";height:4px;left:0;position:absolute;right:0;top:0}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);transform:translateY(-4px)}.card:first-child:before{background:linear-gradient(90deg,#2962ff,#1565ff)}.card:nth-child(2):before{background:linear-gradient(90deg,#ff6d00,#ff8a00)}.card:nth-child(3):before{background:linear-gradient(90deg,#2e7d32,#4caf50)}.card:nth-child(4):before{background:linear-gradient(90deg,#d50000,#f44336)}.card:nth-child(5):before{background:linear-gradient(90deg,#9c27b0,#ba68c8)}.card:nth-child(6):before{background:linear-gradient(90deg,#ff9800,#ffb74d)}.card-inner{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-inner h3{color:#94a3b8;color:var(--admin-text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.card-inner>.card_icon{color:#3b82f6;color:var(--admin-accent);font-size:32px;opacity:.8}.card h1{color:#f1f5f9;color:var(--admin-text-primary);font-size:36px;font-weight:800;margin:0}.charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:48px}.chart-section{background:#0f172a;background:var(--admin-bg-card);border:1px solid #475569;border:1px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.chart-section:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg)}.chart-section h4{color:#f1f5f9;color:var(--admin-text-primary);font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}@media screen and (max-width:992px){.grid-container{grid-template-areas:"header" "main";grid-template-columns:1fr;grid-template-rows:.2fr 3fr}#sidebar{display:none}.menu-icon,.sidebar-title>span{display:inline}}@media screen and (max-width:768px){.main-cards{gap:10px;margin-bottom:0}.charts,.main-cards{grid-template-columns:1fr}.charts{margin-top:30px}}.categories-table,.customers-table,.inventory-table,.products-table{background-color:#2d3a4b;border-radius:8px;margin-top:20px;padding:20px}.categories-table table,.customers-table table,.inventory-table table,.products-table table{border-collapse:collapse;color:#fff;width:100%}.categories-table th,.customers-table th,.inventory-table th,.products-table th{background-color:#34495e;border-bottom:2px solid #4a5568;padding:12px;text-align:left}.categories-table td,.customers-table td,.inventory-table td,.products-table td{border-bottom:1px solid #4a5568;padding:12px}.categories-table tr:hover,.customers-table tr:hover,.inventory-table tr:hover,.products-table tr:hover{background-color:#34495e}.btn-delete,.btn-edit,.btn-restock,.btn-save{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-right:5px;padding:6px 12px}.admin-logout-btn{background:#0000;border:1px solid #475569;border:1px solid var(--admin-border);border-radius:6px;color:#94a3b8;color:var(--admin-text-secondary);cursor:pointer;font-weight:600;margin-left:12px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.admin-logout-btn:hover{background:#3b82f6;background:var(--admin-accent);border-color:#2563eb;border-color:var(--admin-accent-hover);color:#f1f5f9;color:var(--admin-text-primary)}.btn-edit{background-color:#3498db;color:#fff}.btn-delete{background-color:#e74c3c;color:#fff}.btn-restock{background-color:#27ae60;color:#fff}.btn-save{background-color:#2ecc71;color:#fff;font-size:16px;padding:10px 20px}.btn-delete:hover,.btn-edit:hover,.btn-restock:hover,.btn-save:hover{opacity:.9}.status{border-radius:12px;font-size:12px;font-weight:700;padding:4px 8px}.status.good,.status.verified{background-color:#27ae60;color:#fff}.status.unverified,.status.warning{background-color:#f39c12;color:#fff}.error,.loading{color:#9e9ea4;font-size:18px;padding:40px;text-align:center}.error{color:#e74c3c}.reports-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.reports-details{background-color:#2d3a4b;border-radius:8px;margin-top:20px;padding:20px}.report-section{margin-top:15px}.report-section h5{color:#bdc3c7;margin:8px 0}.settings-form{background-color:#2d3a4b;border-radius:8px;margin-top:20px;padding:20px}.form-section{margin-bottom:30px}.form-section h4{border-bottom:1px solid #4a5568;color:#fff;padding-bottom:8px}.form-group,.form-section h4{margin-bottom:15px}.form-group label{color:#bdc3c7;font-weight:700;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{background-color:#1a202c;border:1px solid #4a5568;border-radius:4px;color:#fff;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.form-actions{margin-top:30px;text-align:center}.low-stock{background-color:#e74c3c1a!important}.low-stock:hover{background-color:#e74c3c33!important}@media screen and (max-width:576px){.hedaer-left{display:none}.reports-cards{grid-template-columns:1fr}.categories-table,.customers-table,.inventory-table,.products-table{overflow-x:auto}.settings-form{padding:15px}}.order-status-editor{background:var(--flipkart-white);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--spacing-md) 0;padding:var(--spacing-lg)}.status-form{gap:var(--spacing-md)}.form-group,.status-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-group label{color:var(--flipkart-gray-700);font-size:.9rem}.status-select{background:var(--flipkart-white);border:2px solid var(--flipkart-gray-300);border-radius:var(--radius-md);color:var(--flipkart-gray-800);font-size:1rem;padding:var(--spacing-md);transition:all var(--transition-normal)}.status-select:focus{border-color:var(--flipkart-blue);box-shadow:0 0 0 3px #2874f01a;outline:none}.status-note{background:var(--flipkart-white);border:2px solid var(--flipkart-gray-300);border-radius:var(--radius-md);color:var(--flipkart-gray-800);font-size:1rem;min-height:80px;padding:var(--spacing-md);resize:vertical;transition:all var(--transition-normal)}.status-note:focus{border-color:var(--flipkart-blue);box-shadow:0 0 0 3px #2874f01a;outline:none}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.btn{align-items:center;display:flex;font-size:1rem;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none}.btn-primary:hover:not(:disabled){background:var(--flipkart-blue-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:var(--flipkart-gray-600);color:var(--flipkart-white)}.btn-secondary:hover{background:var(--flipkart-gray-700);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.order-status-display{background:var(--flipkart-white);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-lg);margin:var(--spacing-md) 0;padding:var(--spacing-lg)}.current-status{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.status-badge{border-radius:20px;color:var(--flipkart-white);display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase}.edit-status-btn{align-items:center;background:var(--flipkart-gray-100);border:1px solid var(--flipkart-gray-300);border-radius:var(--radius-md);color:var(--flipkart-gray-600);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-normal)}.edit-status-btn:hover{background:var(--flipkart-blue);border-color:var(--flipkart-blue);box-shadow:var(--shadow-sm);color:var(--flipkart-white);transform:translateY(-2px)}.status-history{margin-top:var(--spacing-lg)}.status-history h4{color:var(--flipkart-gray-800);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md)}.timeline{padding-left:var(--spacing-lg)}.timeline:before{background:var(--flipkart-gray-300);left:8px}.timeline-item{align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.timeline-marker{border:2px solid var(--flipkart-white);box-shadow:0 0 0 2px var(--flipkart-gray-300);height:12px;left:-20px;position:absolute;top:4px;width:12px}.timeline-content{background:var(--flipkart-gray-50);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.timeline-content strong{color:var(--flipkart-gray-800);font-weight:600}.timeline-content strong,.timeline-date{display:block;margin-bottom:var(--spacing-xs)}.timeline-date{color:var(--flipkart-gray-600);font-size:.85rem}.timeline-note{color:var(--flipkart-gray-700);font-size:.9rem;margin:0}@media (max-width:768px){.form-actions{flex-direction:column}.btn{justify-content:center}.current-status{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.timeline{padding-left:var(--spacing-md)}.timeline-marker{left:-16px}}.flipkart-dashboard{background:var(--flipkart-gray-50);font-family:var(--font-primary);min-height:100vh;overflow-x:hidden;padding:0;position:relative}.flipkart-dashboard .flipkart-navbar{left:0;position:fixed;right:0;top:0;z-index:1000}.loading-container{align-items:center;animation:fadeIn .5s ease-out;color:var(--flipkart-gray-600);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{border-top:4px solid var(--flipkart-gray-200);border:4px solid var(--flipkart-gray-200);height:60px;margin-bottom:20px;width:60px}.loading-container p{animation:pulse 2s ease-in-out infinite;font-size:1.1rem;opacity:.9}.error-container{align-items:center;animation:slideInUp .8s ease-out;color:var(--flipkart-gray-600);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.error-container h2{color:var(--flipkart-red);font-size:2.5rem;margin-bottom:20px}.error-container p{font-size:1.2rem;margin-bottom:30px;opacity:.9}.dashboard-header{animation:slideInDown .8s ease-out;background:var(--flipkart-white);border-bottom:1px solid var(--flipkart-gray-200);box-shadow:var(--shadow-md);color:var(--flipkart-gray-800);margin-top:80px;overflow:hidden;padding:var(--spacing-xl);position:relative}.header-content h1{animation:fadeInLeft .8s ease-out .2s both;color:var(--flipkart-blue);font-size:2.5rem;font-weight:700;margin:0}.header-content p{animation:fadeInLeft .8s ease-out .4s both;color:var(--flipkart-gray-600);font-size:1.1rem;margin:8px 0 0;opacity:.8}.dashboard-main{animation:fadeInUp 1s ease-out .6s both;display:flex;gap:var(--spacing-xl);margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.dashboard-sidebar{animation:slideInLeft .8s ease-out .8s both;flex-shrink:0;width:320px}.user-profile-card{background:var(--flipkart-white);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all var(--transition-normal)}.user-profile-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.profile-avatar{align-items:center;background:var(--flipkart-blue);border-radius:50%;box-shadow:var(--shadow-md);color:var(--flipkart-white);display:flex;font-size:40px;height:100px;justify-content:center;margin:0 auto var(--spacing-lg) auto;transition:all var(--transition-normal);width:100px}.profile-avatar:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.profile-info h3{color:var(--flipkart-gray-800);font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-md) 0;text-align:center}.profile-info p{font-size:.95rem;margin:6px 0}.member-since,.profile-info p{color:var(--flipkart-gray-600);text-align:center}.member-since{align-items:center;display:flex;font-size:.9rem;font-style:italic;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-md)}.member-since svg{color:var(--flipkart-orange);font-size:1rem}.dashboard-nav{background:var(--flipkart-white);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--flipkart-gray-600);cursor:pointer;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:left;text-decoration:none;transition:all var(--transition-normal);width:100%}.nav-item:hover{background:var(--flipkart-gray-100);color:var(--flipkart-blue);transform:translateX(4px)}.nav-item.active{background:var(--flipkart-blue);border-left:4px solid var(--flipkart-blue-dark);box-shadow:var(--shadow-md);color:var(--flipkart-white);padding-left:calc(var(--spacing-lg) - 4px);transform:translateX(4px)}.nav-item svg{height:20px;transition:all var(--transition-normal);width:20px}.nav-item.active svg,.nav-item:hover svg{transform:scale(1.1)}.dashboard-content{animation:fadeInRight .8s ease-out 1s both;flex:1 1;min-width:0}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{animation:fadeInScale .8s ease-out both;background:var(--flipkart-white);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--spacing-xl);position:relative;text-align:center;transition:all var(--transition-normal)}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{align-items:center;background:var(--flipkart-blue);border-radius:50%;box-shadow:var(--shadow-md);color:var(--flipkart-white);display:flex;font-size:24px;height:64px;justify-content:center;margin:0 auto var(--spacing-lg) auto;transition:all var(--transition-normal);width:64px}.stat-card:hover .stat-icon{box-shadow:var(--shadow-lg);transform:scale(1.1)}.stat-content h3{color:var(--flipkart-gray-800);font-size:2.5rem;font-weight:700;margin:0 0 var(--spacing-sm) 0}.stat-content p{color:var(--flipkart-gray-600);font-size:1rem;font-weight:500;margin:0}.orders-section{animation:fadeInUp .8s ease-out both;background:var(--flipkart-white);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.section-header h2{color:var(--flipkart-gray-800);font-size:1.8rem;font-weight:700;margin:0}.view-all{background:var(--flipkart-gray-50);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-sm);color:var(--flipkart-blue);font-size:1rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all var(--transition-normal)}.view-all:hover{background:var(--flipkart-blue-light);box-shadow:var(--shadow-sm);color:var(--flipkart-blue-dark);transform:translateY(-2px)}.orders-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.order-card{animation:fadeInScale .6s ease-out both;padding:var(--spacing-lg)}.order-card:hover{transform:translateY(-2px)}.order-header{align-items:flex-start;margin-bottom:var(--spacing-md)}.order-id{color:var(--flipkart-gray-800);font-size:1rem;font-weight:700;margin:0}.order-date{color:var(--flipkart-gray-600);margin:4px 0 0}.order-status{letter-spacing:.5px;padding:6px 16px}.order-details{align-items:center;display:flex;justify-content:space-between}.order-amount{color:var(--flipkart-gray-800);font-size:1.5rem;font-weight:700}.order-actions{gap:var(--spacing-md)}.btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.btn-outline{background:#0000;border:2px solid var(--flipkart-blue);color:var(--flipkart-blue)}.btn-outline:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline:hover,.btn-primary{background:var(--flipkart-blue);color:var(--flipkart-white)}.btn-primary{border:2px solid #0000}.btn-primary:hover{background:var(--flipkart-blue-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.empty-state{animation:fadeIn 1s ease-out;color:var(--flipkart-gray-600);padding:60px 40px;text-align:center}.empty-state svg{animation:bounce 2s ease-in-out infinite;color:var(--flipkart-gray-400);margin-bottom:var(--spacing-lg)}.empty-state h3{color:var(--flipkart-gray-800);font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-md) 0}.empty-state p{font-size:1rem;margin:0 0 var(--spacing-xl) 0}.empty-state .btn{font-size:1rem;padding:var(--spacing-md) var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.admin-order-controls{border-top:1px solid var(--flipkart-gray-200);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.admin-order-controls h4{color:var(--flipkart-gray-700);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}@media (max-width:1024px){.dashboard-main{gap:var(--spacing-lg);padding:var(--spacing-lg)}.dashboard-sidebar{width:280px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.orders-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.flipkart-dashboard{padding:0}.dashboard-main{flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.dashboard-sidebar{width:100%}.dashboard-header{padding:var(--spacing-lg)}.header-content h1{font-size:2rem}.stats-grid{gap:var(--spacing-md);grid-template-columns:1fr}.stat-card{padding:var(--spacing-lg)}.orders-grid{grid-template-columns:1fr}.order-details,.order-header{flex-direction:column;gap:var(--spacing-md)}.order-details{text-align:center}.order-actions{flex-wrap:wrap;justify-content:center}.section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}}@media (max-width:480px){.dashboard-header{padding:var(--spacing-md)}.header-content h1{font-size:1.8rem}.dashboard-main{padding:var(--spacing-md)}.user-profile-card{padding:var(--spacing-lg)}.profile-avatar{font-size:32px;height:80px;width:80px}.stat-card{padding:var(--spacing-lg)}.stat-icon{font-size:20px;height:56px;width:56px}.stat-content h3{font-size:2rem}.order-card,.orders-section{padding:var(--spacing-lg)}}.user-order-page{background:var(--flipkart-gray-50);color:var(--flipkart-gray-800);font-family:var(--font-primary);min-height:100vh;padding:var(--spacing-xl)}.user-order-page .container{background:var(--flipkart-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.page-header{align-items:center;border-bottom:2px solid var(--flipkart-gray-200);display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.page-header h1{color:var(--flipkart-blue);font-size:2.5rem;font-weight:700;margin:0}.filter-controls{align-items:center;display:flex;gap:var(--spacing-md)}.filter-controls label{color:var(--flipkart-gray-700);font-size:1.1rem;font-weight:600}.status-filter{background:var(--flipkart-white);border:2px solid var(--flipkart-gray-300);border-radius:var(--radius-md);color:var(--flipkart-gray-700);cursor:pointer;font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.status-filter:focus,.status-filter:hover{border-color:var(--flipkart-blue);box-shadow:0 0 0 3px #2874f01a;outline:none}.no-orders{color:#666;padding:3rem 1rem;text-align:center}.no-orders h3{font-size:1.5rem;margin-bottom:.5rem}.no-orders p{font-size:1.1rem;margin-bottom:1.5rem}.no-orders .btn{background-color:#2874f0;border-radius:4px;color:#fff;font-weight:600;padding:.6rem 1.2rem;text-decoration:none;transition:background-color .3s ease}.no-orders .btn:hover{background-color:#1a52c0}.orders-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.order-card{background:var(--flipkart-white);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:space-between;max-height:500px;min-height:400px;overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all var(--transition-normal)}.order-card:hover{border-color:var(--flipkart-blue);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.order-header{margin-bottom:1rem}.order-info h3{color:#222;font-size:1.25rem;margin:0}.order-info p{color:#666;font-size:.9rem;margin:.2rem 0 0}.order-status .status-badge{border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:.3rem .8rem;text-transform:capitalize;white-space:nowrap}.status-pending{background:#fef3c7;color:#d97706}.status-processing,.status-shipped{background:#dbeafe;color:#2563eb}.status-delivered{background:#dcfce7;color:#16a34a}.status-cancelled{background:#fee2e2;color:#dc2626}.order-details{margin-bottom:1rem;overflow:hidden}.shipping-info{display:none}.shipping-info.expanded{background:var(--flipkart-gray-50);border:1px solid var(--flipkart-gray-200);border-radius:var(--radius-md);display:block;margin-top:var(--spacing-md);padding:var(--spacing-md)}.order-items h4{color:#333;font-weight:600;margin-bottom:.5rem}.order-item{border-bottom:1px solid #e0e0e0;display:grid;font-size:.95rem;grid-template-columns:2fr 1fr 1fr;padding:.25rem 0}.order-item:last-child{border-bottom:none}.item-name{color:#444;padding-left:.5rem}.item-quantity{color:#666;text-align:center}.item-price{color:#222;font-weight:600;text-align:right}.order-summary{border-top:1px solid #ddd;color:#333;font-size:1rem;padding-top:.75rem}.summary-row{display:flex;justify-content:space-between;margin-bottom:.3rem}.summary-row.discount{color:#d9534f}.summary-row.total{border-top:1px solid #ccc;font-size:1.1rem;font-weight:700;padding-top:.5rem}.address-info,.shipping-info{color:#555;font-size:.95rem;margin-top:1rem}.address-info h4,.shipping-info h4{color:#333;font-weight:600;margin-bottom:.3rem}.order-actions{flex-wrap:wrap;gap:.75rem}.order-actions .btn{border:none;border-radius:4px;cursor:pointer;flex:1 1 auto;font-size:1rem;font-weight:600;padding:.5rem .75rem;transition:background-color .3s ease}.order-actions .btn-secondary{background:var(--flipkart-gray-600);border:2px solid #0000;color:var(--flipkart-white)}.order-actions .btn-secondary:hover{background:var(--flipkart-gray-700);box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-actions .btn-primary{background:var(--flipkart-blue);border:2px solid #0000;color:var(--flipkart-white)}.order-actions .btn-primary:hover{background:var(--flipkart-blue-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-actions .btn-danger{background:var(--flipkart-red);border:2px solid #0000;color:var(--flipkart-white)}.order-actions .btn-danger:hover{background:#c53030;box-shadow:var(--shadow-md);transform:translateY(-2px)}.error-container,.loading-container{color:#666;padding:3rem 1rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:6px solid var(--flipkart-gray-200);border:6px solid var(--flipkart-gray-200);border-radius:50%;border-top-color:var(--flipkart-blue);height:48px;margin:0 auto 1rem;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.order-tracking-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.order-tracking-header{margin-bottom:40px;text-align:center}.order-tracking-header h1{color:#333;font-size:2.5rem;font-weight:600;margin-bottom:10px}.order-tracking-header p{color:#666;font-size:1.1rem;margin:0}.order-tracking-form{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.input-group{display:flex;gap:10px}.input-group input{border:2px solid #e1e5e9;border-radius:8px;flex:1 1;font-size:16px;padding:12px 16px;transition:border-color .3s ease}.input-group input:focus{border-color:#4caf50;outline:none}.select-order-btn{background:#f5f5f5;border:2px solid #e1e5e9;border-radius:8px;color:#333;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.select-order-btn:hover{background:#4caf50;border-color:#4caf50;color:#fff}.track-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s ease;width:100%}.track-btn:hover:not(:disabled){box-shadow:0 4px 15px #4caf504d;transform:translateY(-2px)}.track-btn:disabled{cursor:not-allowed;opacity:.7}.error-message{background:#ffebee;border-left:4px solid #c62828;color:#c62828;padding:12px 16px}.error-message,.order-list{border-radius:8px;margin-top:15px}.order-list{background:#f8f9fa;padding:20px}.order-list h3{color:#333;font-size:1.2rem;margin:0 0 15px}.order-item{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.order-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.order-info{display:flex;flex-direction:column;gap:4px}.order-id{color:#333;font-weight:600}.order-date{color:#666;font-size:.9rem}.order-status{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404}.status-processing{background:#cce5ff;color:#004085}.status-shipped{background:#d4edda;color:#155724}.status-delivered{background:#d1ecf1;color:#0c5460}.status-cancelled{background:#f8d7da;color:#721c24}.order-details{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px}.order-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.order-header h2{color:#333;font-size:1.8rem;margin:0}.order-status-badge{align-items:center;border-radius:25px;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px;text-transform:uppercase}.order-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.info-card{background:#f8f9fa;border-left:4px solid #4caf50;border-radius:8px;padding:20px}.info-card h3{color:#333;font-size:1.2rem;margin:0 0 15px}.tracking-details p{color:#555;margin:8px 0}.tracking-details strong{color:#333}.timeline{position:relative}.timeline:before{background:#e1e5e9;bottom:0;content:"";left:20px;position:absolute;top:0;width:2px}.timeline-item{display:flex;margin-bottom:20px;position:relative}.timeline-marker{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin-right:15px;position:relative;width:40px;z-index:1}.timeline-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;flex:1 1;padding:15px}.timeline-content h4{color:#333;font-size:1rem;margin:0 0 5px}.timeline-content p{color:#666;font-size:.9rem;margin:0}.timeline-note{color:#888!important;font-style:italic;margin-top:5px!important}.order-items{margin-bottom:30px}.order-items h3{color:#333;font-size:1.3rem;margin-bottom:20px}.items-list{grid-gap:15px;display:grid;gap:15px}.order-item-card{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:15px}.item-image{border-radius:6px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.item-image img{height:100%;object-fit:cover;width:100%}.placeholder-image{align-items:center;background:#e1e5e9;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.item-details{flex:1 1}.item-details h4{color:#333;font-size:1rem;margin:0 0 5px}.item-details p{color:#666;font-size:.9rem;margin:2px 0}.item-price{color:#4caf50!important;font-weight:600!important}.order-actions{border-top:2px solid #f0f0f0;display:flex;gap:16px;justify-content:flex-end;padding-top:20px}.order-actions .action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;min-width:160px;padding:12px 22px;text-align:center;transition:all .3s ease;white-space:nowrap}.order-actions .action-btn.primary{background:#4caf50;color:#fff}.order-actions .action-btn.primary:hover{background:#45a049;box-shadow:0 4px 15px #4caf504d;transform:translateY(-2px)}.order-actions .action-btn.secondary{background:#f5f5f5;border:2px solid #e1e5e9;color:#333}.order-actions .action-btn.secondary:hover{background:#e1e5e9;transform:translateY(-2px)}@media (max-width:768px){.order-tracking-container{padding:15px}.order-tracking-header h1{font-size:2rem}.order-tracking-form{padding:20px}.input-group,.order-header{flex-direction:column}.order-header{gap:15px;text-align:center}.order-info-grid{grid-template-columns:1fr}.order-item-card{text-align:center}.order-actions,.order-item-card{flex-direction:column}.order-actions .action-btn{border-radius:10px;min-width:0;min-width:auto;padding:12px 18px;width:100%}}
/*# sourceMappingURL=main.82f9559a.css.map*/