:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;--primary-color: #ff6d00;--primary-light: #ff9800;--primary-dark: #e65100;--secondary-color: #ffc107;--accent-color: #4caf50;--text-color: #333;--text-light: #666;--text-lighter: #999;--border-color: #eee;--background-color: #ffffff;--background-light: #fff8f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{width:100%;margin:0;padding:0;overflow-x:hidden}body{margin:0;padding:0;width:100%;min-width:320px;min-height:100vh;color:var(--text-color);background-color:var(--background-color);overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{line-height:1.6;color:var(--text-light)}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-color)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}::selection{background-color:var(--primary-color);color:#fff}.notification-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification{pointer-events:all;min-width:350px;max-width:500px;border-radius:12px;box-shadow:0 10px 25px #00000026;animation:slideIn .3s ease-out}.notification-content{display:flex;align-items:flex-start;padding:16px;gap:12px}.notification-icon{flex-shrink:0;margin-top:2px}.notification-message{flex-grow:1;font-weight:500;line-height:1.4}.notification-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;flex-shrink:0}.notification-success{background:#10b981;color:#fff}.notification-success .notification-close:hover{background:#ffffff1a}.notification-error{background:#ef4444;color:#fff}.notification-error .notification-close:hover{background:#ffffff1a}.notification-info{background:#3b82f6;color:#fff}.notification-info .notification-close:hover{background:#ffffff1a}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.notification-container{top:10px;right:10px;left:10px}.notification{min-width:auto;width:100%}.notification-content{padding:14px}.notification-message{font-size:14px}}.admin-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.loading-spinner{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 40px #0000001a}.loading-spinner p{margin:0;color:#333;font-size:16px;font-weight:500}.header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 10px #0000001a}.main-header{background:#fff;border-bottom:1px solid #eee}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:80px;position:relative;overflow:visible}.logo{text-decoration:none;display:flex;align-items:center}.logo-image{height:65px;width:auto;max-width:250px;object-fit:contain;transition:transform .3s ease}.logo:hover .logo-image{transform:scale(1.05)}.logo h1{font-size:28px;font-weight:700;color:#333;margin:0;letter-spacing:-1px;transition:color .3s ease}.logo-text{font-size:24px;font-weight:700;color:#333;margin-left:12px;letter-spacing:1px;transition:color .3s ease}.logo:hover h1,.logo:hover .logo-text{color:var(--primary-color)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px}.desktop-nav{display:flex;align-items:center;gap:30px;flex:1;margin:0 40px}.nav-section{position:relative}.nav-section h3{margin:0;font-size:16px;font-weight:600;color:#333;cursor:pointer;padding:20px 0;transition:color .3s ease}.nav-section h3:hover{color:var(--primary-color)}.nav-categories{display:flex;gap:30px}.nav-category{text-decoration:none;color:#666;font-size:16px;font-weight:500;transition:color .3s ease;padding:20px 0}.nav-category:hover{color:var(--primary-color)}.nav-dropdown{position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 10px 40px #00000026;padding:30px;display:none;min-width:600px;max-width:1000px;z-index:1001;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;transition:all .3s ease}.nav-dropdown.expanded{min-width:800px;max-width:1200px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px}.dropdown-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;position:relative}.dropdown-loading .loading-spinner{display:none}.dropdown-loading span{color:#666;font-size:14px;font-weight:500}.nav-section:hover .nav-dropdown{display:grid}.dropdown-column h4{font-size:14px;font-weight:600;color:#333;margin:0 0 15px;text-transform:uppercase;letter-spacing:.5px}.dropdown-column h4 a{text-decoration:none;color:inherit;transition:color .3s ease}.dropdown-column h4 a:hover{color:var(--primary-color)}.dropdown-column ul{list-style:none;padding:0;margin:0}.dropdown-column ul li{margin-bottom:8px}.dropdown-column ul li a{color:#666;text-decoration:none;font-size:14px;transition:color .3s ease;display:block;padding:4px 0}.dropdown-column ul li a:hover{color:var(--primary-color)}.no-subcategories{color:#999;font-style:italic;font-size:13px}.loading-text{color:#666;font-size:14px;font-style:italic}.header-actions{display:flex;align-items:center;gap:20px;position:relative;overflow:visible;z-index:10}.auth-buttons{display:flex;align-items:center;gap:10px}.mobile-profile-cart{display:none}.header-actions button,.header-actions a{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .3s ease;position:relative;color:inherit;text-decoration:none;display:flex;align-items:center;justify-content:center}.header-actions button:hover,.header-actions a:hover{background-color:#f5f5f5}.cart-btn{position:relative;display:flex;align-items:center;justify-content:center;z-index:10}.cart-count{position:absolute;top:-5px;right:-5px;background:var(--primary-color, #ff6d00);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid white;box-shadow:0 2px 6px #0003;min-width:22px;z-index:11;visibility:visible;opacity:1}.cart-count:empty{display:none}.cart-count:not(:empty){display:flex}.search-overlay{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid #eee;padding:20px;box-shadow:0 5px 20px #0000001a}.search-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:15px}.search-container form{flex:1;display:flex;align-items:center;gap:10px}.search-input{flex:1;padding:15px 20px;border:2px solid #f0f0f0;border-radius:25px;font-size:16px;outline:none;transition:border-color .3s ease}.search-input:focus{border-color:var(--primary-color)}.search-submit-btn{background:var(--primary-color);border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background-color .3s ease}.search-submit-btn:hover{background:var(--primary-color-dark, #d97706)}.search-close{background:none;border:none;cursor:pointer;padding:8px}@media (max-width: 768px){.mobile-menu-btn{display:block;min-width:44px;min-height:44px;padding:10px;border-radius:8px;transition:background-color .3s ease;color:#333}.mobile-menu-btn:hover,.mobile-menu-btn:focus{background-color:#f5f5f5;outline:none}.mobile-menu-btn:active{background-color:#e0e0e0}.desktop-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:20px;box-shadow:0 5px 20px #0000001a;margin:0}.mobile-nav-open{display:flex;flex-direction:column}.mobile-menu-user{width:100%;padding:15px 0;border-bottom:2px solid #eee;margin-bottom:15px}.mobile-user-info{display:flex;align-items:center;gap:12px;padding:12px 20px;margin-bottom:10px;background:#f8f9fa;border-radius:8px}.mobile-user-details{display:flex;flex-direction:column;gap:4px}.mobile-username{font-weight:600;font-size:16px;color:#333}.mobile-admin-badge{font-size:12px;color:#667eea;font-weight:500}.mobile-menu-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#333;text-decoration:none;font-size:16px;transition:background-color .3s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.mobile-menu-link:hover{background-color:#f5f5f5}.mobile-menu-link svg{width:20px;height:20px}.mobile-login-link{background:var(--primary-color);color:#fff;border-radius:8px;font-weight:600}.mobile-login-link:hover{background:var(--primary-dark)}.mobile-logout-btn{color:#dc3545}.mobile-logout-btn:hover{background-color:#fee;color:#dc3545}.nav-section h3{padding:15px 0;border-bottom:1px solid #eee}.nav-dropdown{position:static;display:block!important;box-shadow:none;padding:15px 0;margin-left:20px;min-width:auto}.nav-categories{flex-direction:column;gap:15px;padding-top:20px;border-top:1px solid #eee}.header-actions{gap:10px;flex-wrap:nowrap}.desktop-auth{display:none}.mobile-profile-cart{display:flex;align-items:center}.cart-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}.cart-count{font-size:10px;width:20px;height:20px;min-width:20px;top:-4px;right:-4px;border:2px solid white;box-shadow:0 2px 4px #0000004d;z-index:11}.mobile-profile-cart{position:relative;overflow:visible}.header-actions{overflow:visible}.header-actions button,.header-actions a{min-width:44px;min-height:44px;padding:10px}.promo-content{flex-direction:column;gap:10px}.logo-image{height:50px;max-width:180px}.logo h1{font-size:24px}.header-container{height:70px;padding:0 15px;overflow:visible}.main-header,.header{overflow:visible}}.admin-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.admin-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;transform:scale(1.05)}.carousel-container{position:relative;width:100%;height:100%;min-height:400px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000026;max-width:100%;box-sizing:border-box;aspect-ratio:2.4 / 1}.carousel-wrapper{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out;overflow:hidden}.carousel-slide.active{opacity:1}.carousel-full-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;max-width:100%;max-height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:auto}.carousel-loading,.carousel-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px;color:#666;font-size:18px}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 5px 15px #0003}.carousel-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 8px 25px #0000004d}.carousel-nav.prev{left:20px}.carousel-nav.next{right:20px}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.dot{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all .3s ease}.dot.active{background:#fff;transform:scale(1.2);box-shadow:0 0 10px #ffffff80}.dot:hover{background:#fffc;transform:scale(1.1)}.carousel-controls{position:absolute;top:20px;right:20px;z-index:10}.play-pause-btn{background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:14px}.play-pause-btn:hover{background:#fff;transform:scale(1.1)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.carousel-container{min-height:250px;height:auto;aspect-ratio:16 / 9;border-radius:15px;width:100%;max-width:100vw;margin:0 auto}.carousel-wrapper{width:100%;height:100%;position:relative}.carousel-full-image{width:100%;height:100%;object-fit:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden}.carousel-nav{width:40px;height:40px;font-size:18px}.carousel-nav.prev{left:10px}.carousel-nav.next{right:10px}.carousel-dots{bottom:10px}.carousel-dots .dot{width:10px;height:10px}.carousel-controls{top:10px;right:10px}.play-pause-btn{width:35px;height:35px;font-size:12px}.carousel-loading,.carousel-empty{min-height:250px}}@media (max-width: 480px){.carousel-container{min-height:200px;height:auto;aspect-ratio:16 / 9;border-radius:12px;width:100%;max-width:100vw;margin:0 auto;box-shadow:0 5px 15px #0000001a}.carousel-wrapper{width:100%;height:100%}.carousel-full-image{width:100%;height:100%;object-fit:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.carousel-nav{width:35px;height:35px;font-size:16px}.carousel-nav.prev{left:5px}.carousel-nav.next{right:5px}.carousel-dots{bottom:8px}.carousel-dots .dot{width:8px;height:8px;gap:6px}.carousel-loading,.carousel-empty{min-height:200px;font-size:14px}}.hero-section{background:linear-gradient(135deg,#fff8e1,#fff3c4);padding-bottom:60px}.gender-selection{background:#fff;padding:20px 0;border-bottom:1px solid #f0f0f0}.gender-buttons{display:flex;justify-content:center;align-items:center;gap:20px}.gender-btn{background:none;border:none;font-size:18px;font-weight:600;color:#666;cursor:pointer;padding:10px 20px;border-radius:25px;transition:all .3s ease}.gender-btn.active{color:var(--primary-color);background:#fff3e0}.gender-btn:hover{color:var(--primary-color)}.divider{color:#ddd;font-size:20px}.hero-content{padding:40px 0}.hero-grid{display:grid;grid-template-columns:1fr;height:500px}.hero-main-full{height:100%;width:100%;display:flex;align-items:center}.hero-secondary{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;height:100%}.collection-card{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 10px 30px #0000001a}.collection-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.collection-card.large{height:100%}.collection-card.medium{grid-column:span 2;height:100%}.collection-card.small{height:100%}.card-background{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.3) 0%,transparent 70%);padding:40px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;z-index:2}.card-overlay h2{font-size:48px;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.card-overlay h3{font-size:24px;font-weight:600;margin:0 0 15px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card-overlay h4{font-size:18px;font-weight:500;margin:0 0 10px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card-overlay p{font-size:16px;margin:0 0 20px;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.cta-button{background:linear-gradient(45deg,var(--primary-color),var(--primary-light));color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #ff6d004d;align-self:flex-start}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6d0066}.cta-button.secondary{background:#ffffffe6;color:#333;padding:12px 25px;font-size:14px}.cta-button.tertiary{background:#fffc;color:#333;padding:10px 20px;font-size:12px}.daily-essentials-bg{background:linear-gradient(135deg,#ff9800,#ffc107,#ffeb3b)}.cosmetics-bg{background:linear-gradient(135deg,#e91e63,#f06292)}.groceries-bg{background:linear-gradient(135deg,#4caf50,#8bc34a)}.kitchen-bg{background:linear-gradient(135deg,#2196f3,#03a9f4)}.home-bg{background:linear-gradient(135deg,#9c27b0,#ba68c8)}@media (max-width: 768px){.hero-grid,.hero-main-full{height:auto;min-height:300px}.hero-secondary{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr}.collection-card.medium{grid-column:span 1}.card-overlay h2{font-size:32px}.card-overlay h3{font-size:20px}.card-overlay h4{font-size:16px}.card-overlay p{font-size:14px}.cta-button{padding:12px 24px;font-size:14px}}@media (max-width: 480px){.hero-grid,.hero-main-full{height:auto;min-height:250px}.card-overlay{padding:20px}.card-overlay h2{font-size:24px}.card-overlay h3{font-size:18px}.card-overlay h4{font-size:14px}.card-overlay p{font-size:12px}.cta-button{padding:10px 20px;font-size:12px}}.dynamic-product-section{padding:60px 0;background:#f8f9fa}.dynamic-product-section:nth-child(2n){background:#fff}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.section-title{font-size:28px;font-weight:700;color:#333;margin:0}.view-all-btn{background:linear-gradient(45deg,var(--primary-color),var(--primary-light));color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6d004d}.view-all-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6d0066}.products-container{position:relative;display:flex;align-items:center;gap:20px}.products-scroll{flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.products-scroll::-webkit-scrollbar{display:none}.products-grid{display:flex;gap:20px;padding:10px 0;min-width:min-content}.scroll-btn{background:#fff;border:2px solid #e0e0e0;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;z-index:10}.scroll-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.scroll-left{order:-1}.scroll-right{order:1}.dynamic-product-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 30px #0000001a;transition:all .3s ease;flex:0 0 280px;min-width:280px}.dynamic-product-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #00000026}.product-image{position:relative;height:150px;overflow:hidden;width:100%;display:block}.product-image>.product-actual-image,.product-image>.product-bg{position:absolute;inset:0;width:100%;height:100%}.product-actual-image{position:absolute;inset:0;width:100%!important;height:100%!important;min-width:100%;min-height:100%;object-fit:contain;object-position:center;z-index:1;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);padding:5px;box-sizing:border-box}.product-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex!important;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #ddd!important;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)!important;z-index:0;box-sizing:border-box!important;margin:0!important;padding:0!important;flex-shrink:0!important}.product-bg:before{content:"📷";font-size:32px;opacity:.4;margin-bottom:5px;display:block}.product-bg:after{content:"No Image";font-size:11px;color:#999;opacity:.6;display:block}.product-badges{position:absolute;top:15px;left:15px;display:flex;flex-direction:column;gap:8px;z-index:2}.badge{background:#000c;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.low-stock{background:linear-gradient(45deg,#ff9800,#ffc107)}.badge.out-of-stock{background:linear-gradient(45deg,#f44336,#e57373)}.product-info{padding:6px 12px}.product-title{font-size:15px;font-weight:600;color:#333;margin:0 0 3px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-description{margin-bottom:3px}.product-description p{font-size:12px;color:#666;line-height:1.2;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.product-reviews{display:flex;align-items:center;gap:8px;margin-bottom:4px}.stars{display:flex;gap:2px}.review-count{font-size:12px;color:#666;font-weight:500}.product-pricing{margin-bottom:2px}.sale-price{font-size:18px;font-weight:700;color:var(--primary-color)}.original-price{font-size:14px;color:#999;text-decoration:line-through;margin-right:8px}.product-stock{margin-bottom:2px}.stock-info{font-size:11px;font-weight:500;padding:3px 6px;border-radius:6px}.stock-info.in{background:#e8f5e8;color:#2e7d32}.stock-info.out{background:#ffebee;color:#c62828}.stock-info.low{background:#fff3e0;color:#f57c00;font-weight:600}.product-actions{display:flex!important;flex-direction:column!important;gap:4px;width:100%;margin-top:2px;align-items:stretch!important}.add-to-cart-btn,.view-product-btn{flex:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px;padding:8px!important;border-radius:5px;font-size:10px!important;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease;white-space:nowrap;width:100%!important;min-height:52px!important;height:52px!important;max-height:52px!important;box-sizing:border-box!important;line-height:1!important;margin:0!important;border:2px solid var(--primary-color)!important;overflow:hidden}.add-to-cart-btn{background:linear-gradient(45deg,var(--primary-color),var(--primary-light))!important;color:#fff!important;border:2px solid var(--primary-color)!important;box-shadow:0 4px 15px #ff6d004d;min-height:52px!important;height:52px!important;max-height:52px!important;width:100%!important}.add-to-cart-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6d0066}.add-to-cart-btn:disabled{background:#ccc!important;color:#666!important;cursor:not-allowed;box-shadow:none;transform:none}.view-product-btn{background:#fff!important;color:var(--primary-color)!important;border:2px solid var(--primary-color)!important;min-height:52px!important;height:52px!important;max-height:52px!important;width:100%!important}.view-product-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #ff6d0033}.add-to-cart-btn svg,.view-product-btn svg{width:14px;height:14px;flex-shrink:0}.section-footer{text-align:center;margin-top:40px}.view-all-products-btn{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);padding:15px 30px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-all-products-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.dynamic-product-section{padding:40px 0}.section-header{flex-direction:column;gap:20px;margin-bottom:30px}.section-title{font-size:24px}.products-container{gap:10px}.scroll-btn{width:40px;height:40px}.dynamic-product-card{flex:0 0 280px;min-width:280px}.product-info{padding:4px 12px}.product-image{height:200px;width:100%}.product-actual-image{min-height:100%}.product-actions{gap:8px!important;flex-direction:column!important;margin-top:4px;align-items:stretch!important}.dynamic-product-card .add-to-cart-btn,.dynamic-product-card .view-product-btn,.add-to-cart-btn,.view-product-btn{flex:none!important;padding:4px 8px!important;font-size:9px!important;gap:3px!important;min-height:32px!important;height:32px!important;max-height:32px!important;width:100%!important;box-sizing:border-box!important;line-height:1!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid var(--primary-color)!important;overflow:hidden!important;vertical-align:top!important;font-weight:600!important}.dynamic-product-card .add-to-cart-btn,.add-to-cart-btn{background:linear-gradient(45deg,var(--primary-color),var(--primary-light))!important;color:#fff!important;flex:none!important;min-height:32px!important;height:32px!important;max-height:32px!important;width:100%!important;padding:4px 8px!important;box-sizing:border-box!important;line-height:1!important;border:2px solid var(--primary-color)!important;font-weight:600!important;font-size:9px!important}.dynamic-product-card .view-product-btn,.view-product-btn{background:#fff!important;color:var(--primary-color)!important;flex:none!important;min-height:32px!important;height:32px!important;max-height:32px!important;width:100%!important;padding:4px 8px!important;box-sizing:border-box!important;line-height:1!important;border:2px solid var(--primary-color)!important;font-weight:600!important;font-size:9px!important}.add-to-cart-btn svg,.view-product-btn svg{width:12px!important;height:12px!important}}@media (max-width: 480px){.container{padding:0 15px}.dynamic-product-card{flex:0 0 260px;min-width:260px}.product-image{height:220px;width:100%}.product-actual-image{min-height:100%}.section-title{font-size:20px}}.footer{background:#333;color:#fff}.main-footer{padding:60px 0;background:#333}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-column h4{font-size:20px;font-weight:700;margin:0 0 25px;color:#fff}.footer-logo{margin-bottom:20px}.footer-logo-image{height:50px;width:auto;max-width:200px;object-fit:contain}.company-info{margin-bottom:30px}.company-name{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--primary-color)}.sold-by{font-size:16px;font-weight:600;margin:0 0 20px;color:#ff6b35;display:block}.contact-item{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#ccc;font-size:14px}.contact-item svg{color:var(--primary-color);flex-shrink:0}.contact-link{color:#ccc;text-decoration:none;font-size:14px;transition:color .3s ease}.contact-link:hover{color:var(--primary-color)}.social-links{display:flex;gap:15px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#444;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--primary-color);transform:translateY(-3px)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#ccc;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color)}.footer-loading{color:#ccc;font-size:14px;font-style:italic;padding:10px 0}.bottom-footer{background:#1a1a1a;padding:20px 0;border-top:1px solid #333}.bottom-content{display:flex;justify-content:center;align-items:center;color:#999;font-size:14px}.bottom-content p{margin:0}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:30px}.bottom-content{flex-direction:column;gap:10px;text-align:center}.social-links{justify-content:center}.footer-logo-image{height:40px;max-width:150px}.main-footer{padding:40px 0}}@media (max-width: 480px){.container{padding:0 15px}.newsletter-content h3{font-size:24px}.footer-column h4{font-size:18px}}.search-results-container{padding:40px 20px;max-width:1200px;margin:0 auto}.search-results-header{margin-bottom:30px;text-align:center}.search-results-header h2{font-size:28px;color:#333;margin-bottom:10px}.search-results-header p{font-size:16px;color:#666}.no-products{text-align:center;padding:60px 20px;color:#666}.no-products p{font-size:18px}.return-modal-overlay{position:fixed!important;inset:0!important;background:#0009!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2147483647!important;padding:20px!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.return-modal{background:#fff!important;border-radius:16px!important;width:100%!important;max-width:600px!important;max-height:90vh!important;overflow-y:auto!important;box-shadow:0 20px 40px #0000004d!important;animation:modalSlideIn .3s ease-out!important;position:relative!important;z-index:2147483647!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.return-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:linear-gradient(135deg,#ff6d00,#ff8f00);color:#fff;border-radius:16px 16px 0 0}.return-modal-header h2{margin:0;font-size:24px;font-weight:700}.close-btn{background:#fff3;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.return-modal-content{padding:28px}.order-info{background:#f8fafc;border-radius:12px;padding:24px;margin-bottom:28px;border:1px solid #e2e8f0}.order-info h3{margin:0 0 16px;font-size:20px;font-weight:600;color:#1e293b}.order-details p{margin:8px 0;color:#64748b;font-size:15px}.order-details strong{color:#1e293b;font-weight:600}.return-valid{color:#059669!important;font-weight:600!important}.return-warning{display:flex;align-items:center;gap:12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-top:16px;color:#92400e;font-size:14px}.return-form{display:flex;flex-direction:column;gap:24px}.form-group label{font-weight:600;color:#374151;font-size:15px}.form-group textarea{width:100%;padding:16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;font-family:inherit;resize:vertical;transition:all .2s ease;background:#fafafa}.form-group textarea:focus{outline:none;border-color:#ff6d00;background:#fff;box-shadow:0 0 0 3px #ff6d001a}.form-group textarea.error{border-color:#ef4444;background:#fef2f2}.error-text{color:#ef4444;font-size:13px;margin-top:4px;font-weight:500}.file-upload-area{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0}.file-upload-label{display:flex;align-items:center;justify-content:center;min-height:140px;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fafafa}.file-upload-label:hover{border-color:#ff6d00;background:#fff7ed;transform:translateY(-2px)}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:12px;color:#6b7280}.upload-prompt svg{color:#ff6d00}.uploading{display:flex;flex-direction:column;align-items:center;gap:12px;color:#ff6d00}.uploaded{display:flex;flex-direction:column;align-items:center;gap:12px;color:#059669}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.cancel-btn{padding:14px 28px;border:2px solid #d1d5db;background:#fff;color:#6b7280;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{border-color:#9ca3af;color:#374151;background:#f9fafb;transform:translateY(-1px)}.submit-btn{padding:14px 28px;border:none;background:linear-gradient(135deg,#ff6d00,#ff8f00);color:#fff;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ff6d004d}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#e65100,#ff6d00);transform:translateY(-2px);box-shadow:0 8px 25px #ff6d0066}.submit-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.return-modal{margin:10px;max-height:95vh}.return-modal-header{padding:20px 24px}.return-modal-content{padding:24px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.return-requests-section{margin-top:24px}.return-requests-section h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#333}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px;color:#666}.no-requests{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;color:#666;background:#f8f9fa;border-radius:12px;padding:40px}.no-requests h4{margin:0 0 8px;color:#333}.return-request-item{background:#fff;border:1px solid #e1e5e9;border-radius:12px;padding:20px;transition:all .2s ease}.return-request-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #ff6d001a}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.request-info h4{margin:0 0 4px;font-size:16px;color:var(--primary-color);font-weight:600}.product-name{font-size:14px;color:#666}.request-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.detail-row .label{color:#666;font-weight:500}.detail-row .value{color:#333;font-weight:600}.request-reason{background:#f8f9fa;padding:12px;border-radius:8px;border-left:4px solid var(--primary-color);margin-bottom:16px;font-size:14px;color:#666}.admin-notes{background:#e3f2fd;padding:12px;border-radius:8px;border-left:4px solid #2196f3;margin-bottom:16px;font-size:14px;color:#1565c0}.view-details-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.view-details-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.request-header{flex-direction:column;gap:12px;align-items:stretch}.request-details,.details-grid{grid-template-columns:1fr}.detail-section.full-width{grid-column:span 1}}.profile-page{min-height:100vh;background:var(--background-light);width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0}.loading-message,.error-message{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:18px;color:#6b7280;gap:12px}.error-message{color:#dc2626}.profile-container{min-height:calc(100vh - 200px);width:100%;max-width:100%;margin:0;padding:40px 0;box-sizing:border-box}.container{max-width:1400px;margin:0 auto;padding:0 20px}.profile-header{display:flex;align-items:center;gap:20px;background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 20px #00000014;margin-bottom:30px;transition:transform .3s ease,box-shadow .3s ease}.profile-header:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;transition:transform .3s ease}.profile-avatar:hover{transform:scale(1.05)}.profile-welcome h1{font-size:32px;color:var(--text-color);margin:0 0 8px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-welcome p{color:var(--text-light);margin:0;font-size:16px}.profile-nav{display:flex;gap:0;background:#fff;border-radius:15px;padding:8px;margin-bottom:30px;box-shadow:0 5px 20px #00000014}.nav-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;background:none;border:none;border-radius:10px;font-size:16px;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.nav-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.nav-tab:hover:before{left:100%}.nav-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;box-shadow:0 5px 15px #ff6d004d;transform:translateY(-1px)}.nav-tab:hover:not(.active){background:var(--background-light);color:var(--text-color);transform:translateY(-1px)}.profile-content{background:#fff;border-radius:15px;padding:30px;box-shadow:0 5px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.profile-content:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.section-header h2{font-size:28px;color:var(--text-color);margin:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{color:var(--text-light);margin:0}.orders-header-actions{display:flex;align-items:center;gap:20px}.refresh-message{background:#4caf501a;color:#2e7d32;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid rgba(76,175,80,.3);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.refresh-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;box-shadow:0 3px 10px #ff6d0033}.refresh-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #ff6d004d}.refresh-btn:disabled{opacity:.7;cursor:not-allowed}.edit-btn{display:flex;align-items:center;gap:8px;background:none;border:2px solid var(--primary-color);color:var(--primary-color);padding:10px 20px;border-radius:25px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.edit-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-card{display:flex;align-items:flex-start;gap:15px;padding:20px;border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-card:hover{border-color:var(--primary-color);box-shadow:0 5px 15px #ff6d001a;transform:translateY(-2px)}.info-card.address-card{grid-column:span 2}.info-icon{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));padding:12px;border-radius:10px;color:#fff;flex-shrink:0;transition:transform .3s ease}.info-card:hover .info-icon{transform:scale(1.1)}.info-details label{display:block;font-size:14px;font-weight:600;color:var(--text-light);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.info-details p{font-size:16px;color:var(--text-color);margin:0;line-height:1.5}.profile-edit-input,.profile-edit-textarea{width:100%;padding:10px 15px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-family:inherit;color:var(--text-color);background:#fff;transition:border-color .3s ease,box-shadow .3s ease;margin-top:5px;box-sizing:border-box}.profile-edit-input:focus,.profile-edit-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6d001a}.profile-edit-textarea{resize:vertical;min-height:80px}.orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:20px;color:var(--text-light)}.no-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;gap:20px;color:var(--text-light)}.no-orders-icon{opacity:.5}.no-orders h3{color:var(--text-color);margin:0;font-size:24px}.no-orders p{margin:0;font-size:16px;max-width:400px;line-height:1.6}.start-shopping-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;padding:12px 24px;border:none;border-radius:25px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #ff6d0033}.start-shopping-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff6d004d}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{border:1px solid var(--border-color);border-radius:8px;padding:15px;transition:all .3s ease;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.order-card:hover{border-color:var(--primary-color);box-shadow:0 5px 15px #ff6d001a;transform:translateY(-2px)}.order-card-compact{border:1px solid var(--border-color);border-radius:6px;padding:12px;margin-bottom:8px;transition:all .3s ease;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:12px}.order-main-content{display:flex;align-items:center;justify-content:space-between;gap:15px}.return-badges-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.payment-status-badge{padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:inline-flex;align-items:center;white-space:nowrap}.payment-status-badge.completed{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.payment-status-badge.failed{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.payment-status-badge.pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.pay-now-btn{background:linear-gradient(135deg,#ff6d00,#ff8f00);color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.pay-now-btn:hover{background:linear-gradient(135deg,#e65100,#ff6d00);transform:translateY(-1px);box-shadow:0 4px 12px #ff6d004d}.pay-now-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.pay-now-btn-modal{background:linear-gradient(135deg,#ff6d00,#ff8f00);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;width:100%}.pay-now-btn-modal:hover{background:linear-gradient(135deg,#e65100,#ff6d00);transform:translateY(-2px);box-shadow:0 6px 20px #ff6d0066}.pay-now-btn-modal:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.modal-actions{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:1;min-width:0;box-sizing:border-box}.status-badge.processing{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.confirmed{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.status-badge.delivered{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.pending{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.items-list{margin-top:10px}.item-detail{padding:10px 0}.item-separator{border:none;border-top:1px solid var(--border-color);margin:10px 0}.total-row{margin-top:15px;border-top:2px solid var(--primary-color);background:#ff6d000d;padding:10px;border-radius:6px}.order-card-compact:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #ff6d001a;transform:translateY(-1px)}.order-id h3{font-size:14px;color:var(--primary-color);margin:0;font-weight:600;min-width:120px}.order-item-compact{display:flex;flex-direction:column;flex:1;gap:2px}.order-item-compact .item-name{font-size:14px;color:var(--text-dark);font-weight:500}.order-item-compact .item-quantity{font-size:12px;color:var(--text-light)}.order-status-compact{display:flex;align-items:center;gap:8px;min-width:100px}.status-badge-compact{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;transition:all .3s ease}.order-total-compact{display:flex;align-items:center;gap:10px}.total-amount{font-size:16px;font-weight:700;color:var(--text-dark);min-width:80px;text-align:right}.view-details-btn-compact{background:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:6px 10px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease;min-width:70px;justify-content:center}.view-details-btn-compact:hover{background:#e65100;transform:translateY(-1px)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.order-info h3{font-size:20px;color:var(--text-color);margin:0 0 5px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.order-date{display:flex;align-items:center;gap:8px;color:var(--text-light);font-size:14px;margin:0}.order-status{text-align:right}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.status-delivered{background:#4caf50;color:#fff;border:1px solid #4caf50;font-weight:700}.status-shipped{background:#2196f3;color:#fff;border:1px solid #2196f3;font-weight:700}.status-processing{background:#ff9800;color:#fff;border:1px solid #ff9800;font-weight:700}.status-confirmed{background:#4caf50;color:#fff;border:1px solid #4caf50;font-weight:700}.status-cancelled{background:#f44336;color:#fff;border:1px solid #f44336;font-weight:700}.status-default{background:#9e9e9e;color:#fff;border:1px solid #9e9e9e;font-weight:700}.order-details-expanded{margin-top:20px;padding:20px;background:#ffffff80;border-radius:12px;border:1px solid rgba(0,0,0,.1);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.details-section{margin-bottom:20px}.details-section:last-child{margin-bottom:0}.details-section h4{color:var(--primary-color);font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid rgba(255,152,0,.2)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.05);gap:12px;flex-wrap:wrap}.detail-row:last-of-type{border-bottom:none}.detail-label{font-weight:600;color:var(--text-dark);font-size:14px;flex-shrink:0;min-width:fit-content}.detail-value{color:var(--text-light);font-size:14px;text-align:right;word-break:break-all;overflow-wrap:break-word;max-width:65%;flex-shrink:1;display:flex;align-items:center;justify-content:flex-end}.detail-value.status-text{font-weight:700;text-transform:uppercase;letter-spacing:.5px}.detail-row .status-badge,.detail-row .payment-status-badge{flex-shrink:1;min-width:fit-content;max-width:100%;margin-left:auto}.address-details{background:#ffffff4d;padding:15px;border-radius:8px;border:1px solid rgba(0,0,0,.05)}.address-details p{margin:5px 0;color:var(--text-light);font-size:14px}.address-details p strong{color:var(--text-dark);font-weight:600}.modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color);background:var(--primary-color);color:#fff;border-radius:12px 12px 0 0}.modal-header h3{margin:0;font-size:18px;font-weight:600}.close-btn{background:none;border:none;font-size:24px;color:#fff;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.close-btn:hover{background:#fff3}.modal-body .details-section{margin-bottom:20px}.modal-body .details-section:last-child{margin-bottom:0}.modal-body .details-section h4{color:var(--primary-color);font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid rgba(255,152,0,.2)}.modal-body .detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05);gap:15px;flex-wrap:wrap}.modal-body .detail-row .status-badge,.modal-body .detail-row .payment-status-badge{flex-shrink:1;min-width:fit-content;max-width:100%;margin-left:auto}.modal-body .detail-value{max-width:70%;padding-left:10px}.modal-body .detail-row:last-child{border-bottom:none}.modal-body .detail-label{font-weight:600;color:var(--text-dark);font-size:14px;flex-shrink:0;min-width:fit-content}.modal-body .detail-value{color:var(--text-light);font-size:14px;text-align:right;word-break:break-all;overflow-wrap:break-word;max-width:65%;flex-shrink:1;display:flex;align-items:center;justify-content:flex-end}.modal-body .detail-value.status-text{font-weight:700;text-transform:uppercase;letter-spacing:.5px}.modal-body .address-details{background:#ffffff4d;padding:15px;border-radius:8px;border:1px solid rgba(0,0,0,.05)}.modal-body .address-details p{margin:5px 0;color:var(--text-light);font-size:14px}.modal-body .address-details p strong{color:var(--text-dark);font-weight:600}.status-icon{flex-shrink:0}.order-items{margin-bottom:20px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5;transition:all .3s ease}.order-item:hover{background:#ff6d000d;border-radius:8px;padding:12px 8px;margin:0 -8px}.order-item:last-child{border-bottom:none}.item-details{flex:1}.item-name{font-size:16px;color:var(--text-color);margin:0 0 4px;font-weight:500}.item-quantity{font-size:14px;color:var(--text-light);margin:0}.item-price{font-size:16px;font-weight:600;color:var(--primary-color)}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--border-color);margin-bottom:15px}.order-total{font-size:18px;color:var(--text-color)}.order-actions{display:flex;gap:10px}.track-btn,.view-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.track-btn{background:var(--primary-color);color:#fff}.track-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.view-btn{background:var(--background-light);color:var(--text-color);border:1px solid var(--border-color)}.view-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.shipping-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ff6d000d;border-radius:8px;font-size:14px;color:var(--text-light);border-left:3px solid var(--primary-color)}.shipping-info span{line-height:1.4}@media (max-width: 768px){.profile-page{width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0}.profile-container{width:100%;max-width:100%;margin:0;padding:5px 0!important;box-sizing:border-box}.container{padding:0 8px!important;max-width:100%!important;width:100%!important;margin:0!important;box-sizing:border-box}.profile-header{flex-direction:column;text-align:center;padding:12px;gap:8px;margin-bottom:8px}.profile-welcome h1{font-size:18px}.profile-nav{flex-direction:row;gap:4px;padding:4px;margin-bottom:10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.profile-nav::-webkit-scrollbar{display:none}.nav-tab{justify-content:center;padding:8px 10px;font-size:12px;min-width:80px;flex-shrink:0}.profile-content{padding:10px;margin:0}.section-header{flex-direction:row;align-items:center;gap:8px;margin-bottom:10px}.section-header h2{font-size:16px}.personal-info-card{padding:12px;margin-bottom:8px;border-radius:8px}.personal-info-card .info-icon{width:32px;height:32px;font-size:14px}.personal-info-card .info-content h3{font-size:11px;margin-bottom:2px}.personal-info-card .info-content p{font-size:13px}.edit-profile-btn{padding:8px 16px;font-size:12px;margin-bottom:12px}.orders-header-actions{flex-direction:column;gap:15px;align-items:flex-start}.info-grid{grid-template-columns:1fr}.info-card.address-card{grid-column:span 1}.order-header{flex-direction:column;gap:15px}.order-footer{flex-direction:column;gap:15px;align-items:flex-start}.order-actions{width:100%;justify-content:center}.order-item{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.profile-container{padding:3px 0!important}.container{padding:0 6px!important;max-width:100%!important;margin:0!important}.profile-header{padding:8px;gap:6px;margin-bottom:6px}.profile-avatar{width:60px;height:60px}.profile-welcome h1{font-size:18px}.profile-welcome p{font-size:14px}.profile-nav{padding:4px;margin-bottom:10px}.nav-tab{font-size:14px;padding:8px 10px}.profile-content{padding:10px}.section-header{gap:8px;margin-bottom:10px}.section-header h2{font-size:16px}.order-card{padding:10px;margin-bottom:6px}.order-actions{flex-direction:column;width:100%}.track-btn,.view-btn{justify-content:center;width:100%}}@media (max-width: 768px){.order-main-content{flex-wrap:wrap;gap:8px}.order-status-compact{min-width:auto;gap:6px;flex-wrap:wrap}.order-total-compact{flex-direction:column;gap:8px;align-items:flex-end}.view-details-btn-compact{font-size:11px;padding:4px 8px;min-width:60px}}@media (max-width: 480px){.order-main-content{flex-direction:column;align-items:flex-start;gap:8px}.order-status-compact{width:100%;justify-content:space-between}.order-total-compact{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width: 1200px){.container{max-width:1600px;padding:0 40px}.profile-content{padding:40px}.order-card-compact{padding:16px}.order-main-content{gap:20px}}@media (min-width: 1600px){.container{max-width:2000px;padding:0 80px}.profile-content{padding:60px}.order-card-compact{padding:20px}}@media (max-width: 768px){html,body{width:100%;max-width:100%;overflow-x:hidden!important}.profile-page{width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0}.profile-page .container{padding:0 8px!important;max-width:100%!important;margin:0!important;width:100%!important;box-sizing:border-box}.profile-container{padding:5px 0!important;margin:0!important;width:100%;max-width:100%;box-sizing:border-box}.profile-content{width:100%;max-width:100%;box-sizing:border-box}.profile-welcome{padding:15px;margin-bottom:8px;border-radius:12px}.profile-welcome h1{font-size:18px;margin-bottom:4px}.profile-welcome p{font-size:13px;opacity:.8}.profile-nav{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:6px;margin-bottom:8px;box-shadow:0 2px 8px #0000001a}.nav-tab{border-radius:8px;transition:all .2s ease}.nav-tab.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #ff6b004d}.personal-info-section{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px;box-shadow:0 2px 8px #0000001a}}.auth-page{min-height:100vh;background:linear-gradient(135deg,#fff8e1,#fff3c4);display:flex;flex-direction:column}.auth-container{padding:40px 0;flex:1;display:flex;align-items:center}.auth-form{display:flex;flex-direction:column;gap:25px}.form-group label{font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:5px}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:15px;color:var(--text-light);z-index:2}.input-group input,.input-group textarea{width:100%;padding:15px 15px 15px 50px;border:2px solid var(--border-color);border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff;color:var(--text-color)}.input-group textarea{resize:vertical;min-height:80px;font-family:inherit}.input-group input:focus,.input-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6d001a}.input-group input.error,.input-group textarea.error{border-color:#e53e3e}.password-toggle{position:absolute;right:15px;background:none;border:none;color:var(--text-light);cursor:pointer;padding:5px;border-radius:5px;transition:color .3s ease}.error-message{color:#e53e3e;font-size:14px;margin-top:5px}.auth-submit-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;border:none;padding:18px 30px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #ff6d004d}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.message{padding:15px 20px;border-radius:10px;font-size:14px;font-weight:500;text-align:center;margin-top:15px}.message.success{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.message.error{background:#e53e3e1a;color:#e53e3e;border:1px solid rgba(229,62,62,.3)}.auth-switch{text-align:center;margin-top:30px;padding-top:25px;border-top:1px solid var(--border-color)}.auth-switch p{color:var(--text-light);margin:0}.switch-btn{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;margin-left:5px;text-decoration:underline;transition:color .3s ease}.switch-btn:hover{color:var(--primary-dark)}.forgot-password{text-align:center;margin-top:15px}.forgot-btn{background:none;border:none;color:var(--text-light);font-size:14px;cursor:pointer;text-decoration:underline;transition:color .3s ease}.forgot-btn:hover{color:var(--primary-color)}.auth-features{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 40px #0000001a}.auth-features h3{font-size:28px;color:var(--text-color);margin:0 0 30px;text-align:center}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.feature-item{text-align:center;padding:20px;border-radius:12px;transition:all .3s ease}.feature-item:hover{background:var(--background-light);transform:translateY(-5px)}.feature-icon{font-size:40px;margin-bottom:15px}.feature-item h4{font-size:18px;color:var(--text-color);margin:0 0 10px;font-weight:600}.feature-item p{color:var(--text-light);font-size:14px;margin:0;line-height:1.5}@media (max-width: 768px){.auth-container{padding:20px 0}.container{padding:0 15px}.auth-content{grid-template-columns:1fr;gap:40px}.auth-card{padding:30px 20px}.auth-header h1{font-size:26px}.auth-header p{font-size:14px}.auth-form{gap:20px}.input-group input,.input-group textarea{padding:12px 12px 12px 45px;font-size:16px}.auth-submit-btn{padding:15px 25px}.auth-features{padding:30px 20px}.auth-features h3{font-size:24px}.features-grid{grid-template-columns:1fr;gap:20px}.feature-item{padding:15px}}@media (max-width: 480px){.auth-card,.auth-features{padding:20px 15px}.auth-header h1{font-size:22px}.features-grid{gap:15px}.feature-icon{font-size:35px}.feature-item h4{font-size:16px}.feature-item p{font-size:13px}}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--primary-color);font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:20px;transition:all .3s ease}.back-button:hover{color:var(--primary-dark);transform:translate(-5px)}.verification-info{color:#666;font-size:14px;margin-top:8px;line-height:1.5}.verification-info strong{color:var(--primary-color)}.otp-display{background:#fff3e0;border:2px solid var(--primary-color);border-radius:10px;padding:15px;margin:15px 0;text-align:center}.otp-display .otp-code{font-size:24px;font-weight:700;color:var(--primary-color);letter-spacing:3px;font-family:monospace}.otp-display .otp-note{font-size:12px;color:#666;margin-top:5px}.forgot-password-link{background:none;border:none;color:var(--primary-color);font-size:14px;cursor:pointer;padding:8px 0;text-align:left;margin-top:-10px;margin-bottom:10px;transition:color .3s ease}.message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;line-height:1.5}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.auth-wrapper{display:flex;justify-content:center;align-items:center;max-width:600px;margin:0 auto;padding:0 20px;min-height:calc(100vh - 300px)}.auth-form-section{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 40px #0000001a;width:100%;max-width:500px}.auth-form-container h2{font-size:28px;color:var(--text-color);margin:0 0 8px;font-weight:700;text-align:center}.auth-header{text-align:center;margin-bottom:30px}.auth-logo{margin-bottom:20px}.auth-logo-image{height:60px;width:auto;max-width:250px;object-fit:contain;margin:0 auto;display:block}.auth-form{width:100%}.input-wrapper input,.input-wrapper textarea{width:100%;padding:12px 16px 12px 45px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .3s ease;background:#fafafa}.input-wrapper input:focus,.input-wrapper textarea:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #ff6d001a}.input-wrapper .input-icon{position:absolute;left:15px;color:#999;z-index:1}.input-wrapper input.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:13px;margin-top:5px;display:block}.password-toggle{position:absolute;right:15px;background:none;border:none;color:#999;cursor:pointer;padding:5px;display:flex;align-items:center}.password-toggle:hover{color:var(--primary-color)}.submit-button{width:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;border:none;padding:14px 20px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6d004d}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.toggle-auth{text-align:center;margin-top:25px;color:#666;font-size:14px}.toggle-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;text-decoration:underline}.toggle-button:hover{color:var(--primary-dark)}.forgot-password-link{background:none;border:none;color:var(--primary-color);font-size:14px;cursor:pointer;padding:8px 0;text-align:left;margin-top:-5px;margin-bottom:15px;transition:color .3s ease}.forgot-password-link:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width: 768px){.auth-wrapper{padding:0 15px;min-height:calc(100vh - 250px)}.auth-form-section{padding:30px 25px;max-width:none}.auth-form-container h2{font-size:24px}.auth-logo-image{height:50px;max-width:200px}.back-button{font-size:13px;margin-bottom:15px}.verification-info{font-size:13px}}@media (max-width: 480px){.auth-form-section{padding:25px 20px;border-radius:15px}.auth-form-container h2{font-size:22px}.auth-logo-image{height:45px;max-width:180px}}.verify-otp-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column}.verify-otp-container{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.verify-otp-wrapper{width:100%;max-width:500px}.verify-otp-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 40px #0000001a;position:relative}.back-button{position:absolute;top:20px;left:20px;background:none;border:none;color:#666;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;padding:8px;border-radius:8px;transition:all .2s ease}.back-button:hover{background:#f5f5f5;color:#333}.verify-otp-header{text-align:center;margin-bottom:30px;margin-top:20px}.otp-icon{display:flex;justify-content:center;margin-bottom:20px}.otp-icon svg{color:var(--primary-color, #2563eb)}.verify-otp-header h2{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:12px}.verification-info{display:flex;align-items:center;justify-content:center;gap:8px;color:#6b7280;font-size:16px;line-height:1.5}.verification-info svg{color:var(--primary-color, #2563eb);flex-shrink:0}.verify-otp-form{display:flex;flex-direction:column;gap:20px}.otp-input-container{position:relative}.otp-input{width:100%;padding:20px;border:2px solid #e5e7eb;border-radius:12px;font-size:24px;font-weight:600;text-align:center;letter-spacing:8px;transition:all .2s ease;background:#f9fafb}.otp-input:focus{outline:none;border-color:var(--primary-color, #2563eb);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.otp-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.timer-container{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f3f4f6;border-radius:8px}.timer{font-weight:600;font-size:16px;color:#374151}.timer-warning{color:#dc2626}.timer-container svg{color:#6b7280}.message{padding:12px 16px;border-radius:8px;font-weight:500;text-align:center}.message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.verify-button{background:var(--primary-color, #2563eb);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.verify-button:hover:not(:disabled){background:var(--primary-hover, #1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.verify-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.resend-container{text-align:center;margin-top:10px}.resend-button{background:none;border:2px solid var(--primary-color, #2563eb);color:var(--primary-color, #2563eb);padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.resend-button:hover:not(:disabled){background:var(--primary-color, #2563eb);color:#fff}.resend-button:disabled{border-color:#9ca3af;color:#9ca3af;cursor:not-allowed}.resend-info{color:#6b7280;font-size:14px;margin:0}@media (max-width: 640px){.verify-otp-container{padding:20px 10px}.verify-otp-card{padding:30px 20px;border-radius:16px}.verify-otp-header h2{font-size:24px}.verification-info{font-size:14px;flex-direction:column;gap:4px}.otp-input{font-size:20px;letter-spacing:4px;padding:16px}}.reset-otp-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2)}.reset-otp-container{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.reset-otp-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;max-width:500px;width:100%;text-align:center;position:relative}.reset-otp-header{margin-bottom:30px}.reset-otp-icon{background:linear-gradient(135deg,#667eea,#764ba2);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.reset-otp-header h1{color:#333;margin-bottom:10px;font-size:28px;font-weight:600}.reset-otp-header p{color:#666;margin:5px 0;font-size:16px}.reset-otp-form,.otp-input-container{margin-bottom:20px}.otp-input{width:100%;padding:15px 20px;border:2px solid #e0e0e0;border-radius:12px;font-size:24px;text-align:center;letter-spacing:8px;font-weight:600;color:#333;transition:all .3s ease;background:#f8f9fa}.otp-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.otp-input.expired{border-color:#ff6b6b;background:#ffe6e6}.message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.timer-container{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;color:#666;font-size:14px}.timer.expired{color:#ff6b6b;font-weight:600}.verify-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 20px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.verify-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.verify-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.resend-button{width:100%;background:#28a745;color:#fff;border:none;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.resend-button.secondary{background:#6c757d}.resend-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 10px #0003}.resend-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.reset-otp-footer{display:flex;align-items:center;justify-content:center;gap:8px;color:#666;font-size:14px;padding-top:20px;border-top:1px solid #e0e0e0}@media (max-width: 640px){.reset-otp-container{padding:20px 15px}.reset-otp-card{padding:30px 20px}.reset-otp-header h1{font-size:24px}.email-display{font-size:16px!important}.otp-input{font-size:20px;letter-spacing:6px;padding:12px 15px}}.new-password-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2)}.new-password-container{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.new-password-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;max-width:500px;width:100%;text-align:center;position:relative}.new-password-header{margin-bottom:30px}.back-button{position:absolute;top:20px;left:20px;background:none;border:none;cursor:pointer;color:#666;transition:color .2s ease}.back-button:hover{color:#333}.new-password-icon{background:linear-gradient(135deg,#667eea,#764ba2);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.new-password-header h1{color:#333;margin-bottom:10px;font-size:28px;font-weight:600}.new-password-header p{color:#666;margin:5px 0;font-size:16px}.email-display{color:#667eea!important;font-weight:600;font-size:18px!important;word-break:break-all}.new-password-form{text-align:left;margin-bottom:20px}.input-group{margin-bottom:20px}.input-label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:15px 20px 15px 50px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;color:#333;transition:all .3s ease;background:#f8f9fa}.input-wrapper input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.input-wrapper input.error{border-color:#ff6b6b;background:#ffe6e6}.input-icon{position:absolute;left:15px;color:#666;z-index:1}.password-toggle{position:absolute;right:15px;background:none;border:none;cursor:pointer;color:#666;transition:color .2s ease;z-index:1}.password-toggle:hover{color:#333}.error-message{display:block;color:#ff6b6b;font-size:12px;margin-top:5px;font-weight:500}.password-strength{margin-top:8px;display:flex;align-items:center;gap:10px}.strength-bar{flex:1;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.strength-fill.strength-0,.strength-fill.strength-1{background:#ff6b6b}.strength-fill.strength-2{background:#ffa726}.strength-fill.strength-3{background:#66bb6a}.strength-fill.strength-4{background:#4caf50}.strength-text{font-size:12px;font-weight:600;min-width:50px}.strength-text.strength-0,.strength-text.strength-1{color:#ff6b6b}.strength-text.strength-2{color:#ffa726}.strength-text.strength-3{color:#66bb6a}.strength-text.strength-4{color:#4caf50}.password-match{margin-top:5px;font-size:12px;font-weight:500}.password-match.match{color:#4caf50}.password-match.no-match{color:#ff6b6b}.message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;text-align:center}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.submit-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 20px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.submit-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.new-password-footer{text-align:left;padding-top:20px;border-top:1px solid #e0e0e0}.new-password-footer p{color:#666;font-weight:600;margin-bottom:10px;font-size:14px}.new-password-footer ul{color:#666;font-size:13px;padding-left:20px}.new-password-footer li{margin-bottom:5px}@media (max-width: 640px){.new-password-container{padding:20px 15px}.new-password-card{padding:30px 20px}.new-password-header h1{font-size:24px}.email-display{font-size:16px!important}.input-wrapper input{font-size:14px;padding:12px 15px 12px 45px}.input-icon{left:12px}.password-toggle{right:12px}}.user-details-modal{background:#fff;border-radius:20px;box-shadow:0 24px 48px #00000026;max-width:750px;width:auto;min-width:600px;max-height:90vh;overflow-y:auto;position:relative;border:1px solid rgba(102,126,234,.1)}.modal-content{padding:30px;width:100%;box-sizing:border-box}.loading-state{text-align:center;padding:40px}.error-state{text-align:center;padding:40px;color:#e74c3c}.retry-btn{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;margin-top:16px}.user-details-content{display:flex;flex-direction:column;gap:30px;width:100%}.user-header{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #e0e0e0}.user-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;box-shadow:0 4px 12px #667eea4d}.user-info h3{margin:0 0 4px;font-size:24px;font-weight:600;color:#333}.user-info p{margin:0 0 12px;color:#666;font-size:14px}.user-badges{display:flex;gap:8px}.role-badge,.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;color:#fff}.details-section{background:#fafbfc;border:1px solid #e8ecf0;border-radius:14px;padding:28px;box-shadow:0 2px 8px #0000000a;width:100%;box-sizing:border-box}.details-section h4{margin:0 0 20px;font-size:18px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.info-item{display:flex;align-items:flex-start;gap:12px;padding:18px;background:#fff;border-radius:10px;border:1px solid #e8ecf0;transition:all .2s ease}.info-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.info-item svg{color:#667eea;margin-top:2px;flex-shrink:0}.info-item label{display:block;font-size:12px;font-weight:600;color:#666;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.info-item p{margin:0;color:#333;font-weight:500;word-break:break-all}.verified{color:#28a745;font-size:12px;font-weight:600;margin-top:4px;display:block}.unverified{color:#dc3545;font-size:12px;font-weight:600;margin-top:4px;display:block}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.stat-item{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;box-shadow:0 4px 16px #667eea40;transition:transform .2s ease,box-shadow .2s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea59}.stat-item svg{color:#fff;opacity:1;flex-shrink:0}.stat-item>div{flex:1}.stat-item label{display:block;font-size:11px;opacity:.95;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:500;color:#fff}.stat-item p{margin:0;font-size:24px;font-weight:700;color:#fff;line-height:1.2}.verification-history{display:flex;flex-direction:column;gap:12px}.verification-item{padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.verification-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.otp-masked{font-family:Courier New,monospace;font-weight:600;color:#333}.verification-status{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.verification-status.used{background:#d4edda;color:#155724}.verification-status.unused{background:#f8d7da;color:#721c24}.verification-dates{display:flex;flex-direction:column;gap:2px}.verification-dates small{color:#666;font-size:11px}@media (max-width: 768px){.user-details-modal{width:95%;min-width:unset;max-width:95%;margin:10px}.modal-content{padding:20px}.user-header{flex-direction:column;text-align:center;gap:16px}.user-avatar-large{width:60px;height:60px;font-size:24px}.info-grid,.stats-grid{grid-template-columns:1fr}.verification-info{flex-direction:column;align-items:flex-start;gap:4px}}.user-management{padding:0}.user-management-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{text-align:center;color:#666}.loading-spinner .spin{display:none}.user-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.header-left h2{margin:0 0 8px;color:#333;font-size:28px;font-weight:600}.header-left p{margin:0;color:#666;font-size:14px}.header-actions{display:flex;gap:12px}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8f9fa;border:1px solid #e0e0e0;color:#666;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-secondary:hover{background:#e9ecef;border-color:#ced4da}.btn-danger{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#dc3545;border:1px solid #dc3545;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:#c82333;border-color:#bd2130}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.user-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.search-container{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666}.search-input{width:100%;padding:12px 12px 12px 44px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#f8f9fa;transition:all .2s ease}.search-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.filter-info{color:#666;font-size:14px}.filter-info strong{color:#333;font-weight:600}.users-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;margin-bottom:24px}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f8f9fa}.users-table th{padding:16px 12px;text-align:left;font-weight:600;color:#333;font-size:14px;border-bottom:1px solid #e0e0e0}.users-table td{padding:16px 12px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.users-table tbody tr:hover{background:#f8f9fa}.users-table tbody tr.user-blocked{background:#ffeaea}.users-table tbody tr.user-blocked:hover{background:#ffe0e0}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-details .user-name{font-weight:600;color:#333;margin-bottom:2px}.user-details .user-id{font-size:12px;color:#666}.contact-info .email{color:#333;margin-bottom:2px;font-size:14px}.contact-info .phone{color:#666;font-size:12px}.role-badge,.status-badge,.verified-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;color:#fff}.verified-badge.verified{background:#28a745}.verified-badge.unverified{background:#dc3545}.join-date{color:#666;font-size:14px}.actions{width:120px}.action-btn{padding:6px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn.block{background:#ffc107;color:#fff}.action-btn.block:hover:not(:disabled){background:#e0a800}.action-btn.unblock{background:#28a745;color:#fff}.action-btn.unblock:hover:not(:disabled){background:#218838}.action-btn.view{background:#17a2b8;color:#fff}.action-btn.view:hover:not(:disabled){background:#138496}.action-btn.delete{background:#dc3545;color:#fff}.action-btn.delete:hover:not(:disabled){background:#c82333}.action-btn.promote{background:#667eea;color:#fff}.action-btn.promote:hover:not(:disabled){background:#5568d3;color:#fff}.action-btn.demote{background:#f59e0b;color:#fff}.action-btn.demote:hover:not(:disabled){background:#d97706;color:#fff}.no-users{padding:40px;text-align:center;color:#666}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.pagination-btn{padding:8px 16px;background:#f8f9fa;border:1px solid #e0e0e0;color:#666;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.pagination-info{color:#666;font-size:14px;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{padding:24px 24px 0}.modal-header h3{margin:0;color:#333;font-size:20px;font-weight:600}.modal-body{padding:20px 24px}.modal-body p{margin:0 0 12px;color:#666;line-height:1.5}.warning-text{color:#dc3545!important;font-weight:500;font-size:14px}.modal-actions{padding:0 24px 24px;display:flex;gap:12px;justify-content:flex-end}@media (max-width: 768px){.user-management-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{justify-content:flex-start}.user-filters{flex-direction:column;gap:12px;align-items:stretch}.search-container{max-width:none}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.modal{margin:20px;width:auto}.modal-actions{flex-direction:column}}.image-upload-container{display:flex;flex-direction:column;gap:20px}.current-images{display:flex;flex-direction:column;gap:12px}.images-label{font-weight:600;color:#333;font-size:14px}.upload-section{display:flex;flex-direction:column;gap:8px}.upload-dropzone{border:2px dashed #e0e0e0;border-radius:12px;padding:40px 20px;text-align:center;background:#fafafa;cursor:pointer;transition:all .2s ease;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.upload-dropzone:hover{border-color:#667eea;background:#f8f9ff}.upload-dropzone.drag-active{border-color:#667eea;background:#f0f4ff;border-style:solid}.upload-dropzone.uploading{cursor:not-allowed;background:#f8f9fa;border-color:#ddd}.upload-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:#666}.upload-content svg{color:#667eea}.upload-content h4{margin:0;font-size:18px;font-weight:600;color:#333}.upload-content p{margin:0;font-size:14px;color:#666}.upload-specs{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#999;text-align:center}.upload-specs span{display:block}.upload-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#667eea}.upload-loading .spinner{display:none}.upload-loading p{margin:0;font-size:16px;font-weight:500}.upload-limit-reached{padding:16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;text-align:center}.upload-limit-reached p{margin:0;color:#856404;font-size:14px}.url-input-toggle{display:flex;justify-content:center;margin-top:16px}.toggle-btn{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;text-decoration:underline;padding:8px}.toggle-btn:hover{color:#5a67d8}.url-input-section{display:flex;flex-direction:column;gap:12px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.url-input-section label{font-weight:600;color:#333;font-size:14px}.url-input-section input{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .2s ease}.url-input-section input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.url-input-section .form-hint{color:#666;font-size:12px;line-height:1.4}@media (max-width: 768px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.image-item{width:100px;height:100px}.upload-dropzone{padding:30px 16px;min-height:150px}.upload-content h4{font-size:16px}.upload-content p{font-size:13px}.upload-specs{font-size:11px}}.category-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0}.modal-header h2{margin:0;font-size:24px;font-weight:600}.close-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;transition:background .2s ease}.close-btn:hover{background:#ffffff4d}.modal-form{padding:30px;display:flex;flex-direction:column;gap:24px}.form-group input{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#e74c3c}.image-input-section{display:flex;flex-direction:column;gap:16px}.image-preview{position:relative;width:120px;height:120px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#f8f9fa}.image-preview img{width:100%;height:100%;object-fit:cover}.preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#999}.preview-placeholder span{font-size:12px;text-align:center}.upload-section{display:flex;flex-direction:column;gap:12px;padding:20px;border:2px dashed #e0e0e0;border-radius:8px;text-align:center;background:#fafafa;transition:all .2s ease}.upload-section:hover{border-color:#667eea;background:#f8f9ff}.upload-btn{display:inline-flex;align-items:center;gap:8px;background:#667eea;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease;align-self:center}.upload-btn:hover{background:#5a67d8}.upload-text{color:#666;font-size:14px}.upload-hint{color:#999;font-size:12px}@media (max-width: 768px){.category-modal{width:95%;margin:10px}.modal-header{padding:20px}.modal-header h2{font-size:20px}.modal-form{padding:20px}.modal-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%}}.product-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:800px;width:95%;max-height:90vh;overflow-y:auto;position:relative}.product-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0}.product-modal .modal-header h2{margin:0;font-size:24px;font-weight:600}.product-modal .close-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;transition:background .2s ease}.product-modal .close-btn:hover{background:#ffffff4d}.product-modal .modal-form{padding:30px;display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#e74c3c}.form-group select:disabled{background-color:#f8f9fa;color:#999;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px}.price-input{position:relative;display:flex;align-items:center}.price-input svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666;z-index:2;pointer-events:none}.price-input input{padding-left:56px;width:100%}.error-message{color:#e74c3c;font-size:12px;font-weight:500}.form-hint{color:#666;font-size:12px;line-height:1.4}.upload-method-toggle{display:flex;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;margin-bottom:16px}.method-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .2s ease;border-radius:6px}.method-btn:first-child{margin-right:2px}.method-btn:last-child{margin-left:2px}.method-btn:hover{color:#667eea;background:#667eea0d}.method-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.method-btn.active:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.url-input-controls{display:flex;gap:12px;margin-bottom:16px}.url-input-controls input{flex:1}.add-url-btn{padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;white-space:nowrap}.add-url-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.image-urls-list{display:flex;flex-direction:column;gap:12px}.image-urls-list label{font-weight:600;color:#333;font-size:14px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;max-width:100%}.image-item{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0;background:#f8f9fa}.image-item img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#999;background:#f0f0f0}.image-placeholder span{font-size:11px;text-align:center}.remove-image-btn{position:absolute;top:4px;right:4px;background:#ffffffe6;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#e74c3c;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.remove-image-btn:hover{background:#fff;transform:scale(1.1);color:#c0392b}.primary-badge{position:absolute;bottom:4px;left:4px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.modal-actions{display:flex;gap:16px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e0e0e0}.btn-secondary,.btn-primary{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-secondary{background:#f8f9fa;color:#666;border:1px solid #e0e0e0}.btn-secondary:hover:not(:disabled){background:#e9ecef}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-secondary:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.product-modal{width:95%;margin:10px}.product-modal .modal-header{padding:20px}.product-modal .modal-header h2{font-size:20px}.product-modal .modal-form{padding:20px}.form-row{grid-template-columns:1fr;gap:16px}.images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.image-item{width:100px;height:100px}.url-input-controls,.modal-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%}}.steps-indicator{display:flex;justify-content:space-between;margin-bottom:30px;border-bottom:2px solid #eee;padding-bottom:10px;padding-left:30px;padding-right:30px}.step{font-weight:700;color:#ccc;position:relative}.step.active{color:#667eea}.step.active:after{content:"";position:absolute;bottom:-12px;left:0;width:100%;height:2px;background:#667eea}.modal-content-scroll{padding:0 30px;flex:1;overflow-y:auto}.image-upload-box{border:2px dashed #ddd;padding:30px;text-align:center;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#f8f9fa}.image-upload-box:hover{border-color:#667eea;background:#667eea0d}.upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.preview-img{max-width:100%;max-height:200px;object-fit:contain;border-radius:4px}.placeholder{display:flex;flex-direction:column;align-items:center;color:#999;gap:10px}.add-variation-box{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:24px;border:1px solid #e0e0e0}.add-variation-box h3{margin-top:0;margin-bottom:16px;font-size:16px;color:#333}.variations-list{display:flex;flex-direction:column;gap:10px}.variation-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.icon-btn{background:none;border:none;color:#e74c3c;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.icon-btn:hover{background:#e74c3c1a}.combination-item{background:#fff;border:1px solid #e0e0e0;padding:20px;margin-bottom:16px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.combo-header{margin-bottom:16px;display:flex;flex-wrap:wrap;gap:8px}.badge{background:#eef2ff;color:#4c51bf;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid #c3dafe}.combo-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.field-group{display:flex;flex-direction:column;gap:6px}.field-group label{font-size:12px;font-weight:600;color:#666}.field-group input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.tax-breakdown{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.tax-breakdown h4{margin:0 0 12px;font-size:14px;color:#333;font-weight:600}.tax-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;color:#666}.tax-row span{color:#666}.tax-row strong{color:#333;font-weight:600}.tax-row.total{border-top:2px solid #e0e0e0;margin-top:8px;padding-top:12px;font-size:14px}.tax-row.total span,.tax-row.total strong{color:#667eea;font-weight:700}.product-view-mode{padding:24px}.view-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.view-section:last-child{border-bottom:none}.view-section h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#667eea}.view-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.view-item{display:flex;flex-direction:column;gap:8px}.view-item.full-width{grid-column:1 / -1}.view-item label{font-weight:600;color:#666;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.view-value{font-size:15px;color:#333;padding:8px 12px;background:#f8f9fa;border-radius:6px;min-height:20px}.variations-list{display:flex;flex-direction:column;gap:12px}.variation-item-view{padding:12px 16px;background:#f8f9fa;border-radius:8px;border-left:3px solid #667eea;font-size:14px}.variation-item-view strong{color:#667eea;margin-right:8px}.combinations-list-view{display:flex;flex-direction:column;gap:16px}.combination-item-view{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#fafafa}.combo-header-view{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.combo-header-view .badge{background:#667eea;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.combo-details-view{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;align-items:center;gap:12px;padding:8px 0}.detail-label{font-weight:600;color:#666;min-width:120px;font-size:13px}.detail-value{color:#333;font-size:14px}.detail-value.stock-value{font-weight:600;color:#667eea;font-size:16px}.tax-breakdown-view{margin-top:12px;padding:12px;background:#f0f4ff;border-radius:6px;border-left:3px solid #667eea}.tax-breakdown-view strong{display:block;margin-bottom:8px;color:#667eea;font-size:13px}.tax-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:12px;color:#666}.no-data{text-align:center;color:#999;padding:40px 20px;font-style:italic}```.product-management{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.product-management-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px}.header-content h2{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:600}.header-content p{margin:0;opacity:.9;font-size:16px}.product-tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:0 30px}.tab-btn{display:flex;align-items:center;gap:8px;padding:16px 24px;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all .2s ease;position:relative}.tab-btn:hover{color:#667eea;background:#667eea0d}.tab-btn.active{color:#667eea;border-bottom-color:#667eea;background:#fff}.tab-content{padding:30px;min-height:600px}.management-section{display:flex;flex-direction:column;gap:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:#333;margin:0}.add-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.controls-section{display:flex;gap:16px;margin-bottom:24px}.search-box{flex:1;max-width:400px;position:relative}.search-box input{width:100%;padding:12px 16px 12px 44px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff}.search-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#666}.filter-select{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;min-width:180px}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.data-table{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden}.table-header{background:#f8f9fa;padding:16px 20px;border-bottom:1px solid #e0e0e0;font-weight:600;color:#333;display:grid;align-items:center}.table-header div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-content{max-height:600px;overflow-y:auto}.data-row{display:grid;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;transition:background .2s ease;min-height:80px}.data-row>div{display:flex;align-items:center;min-height:40px;word-break:break-word;overflow-wrap:break-word}.data-row>div strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.data-row:hover{background:#f8f9fa}.data-row:last-child{border-bottom:none}.category-grid{grid-template-columns:80px 1fr 150px 120px;gap:16px;align-items:center}.subcategory-grid{grid-template-columns:80px 1fr 150px 150px 120px;gap:16px;align-items:center}.product-grid{grid-template-columns:80px 1fr 120px 120px 100px 100px 140px;gap:16px;align-items:center}.item-image{width:50px;height:50px;border-radius:8px;object-fit:cover;border:1px solid #e0e0e0}.no-image{width:50px;height:50px;border-radius:8px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;text-align:center;border:1px solid #e0e0e0}.action-buttons{display:flex;gap:8px}.action-btn{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn.edit{background:#e3f2fd;color:#1976d2}.action-btn.edit:hover{background:#bbdefb}.action-btn.delete{background:#ffebee;color:#d32f2f}.action-btn.delete:hover{background:#ffcdd2}.action-btn:disabled{opacity:.5;cursor:not-allowed}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.in-stock{background:#e8f5e8;color:#2e7d32}.status-badge.low-stock{background:#fff3e0;color:#f57c00}.status-badge.out-of-stock{background:#ffebee;color:#d32f2f}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state h3{margin:0 0 8px;color:#333}.empty-state p{margin:0;font-size:14px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid #e0e0e0;background:#f8f9fa}.pagination-info{font-size:14px;color:#666}.pagination-controls{display:flex;gap:8px}.pagination-btn{padding:8px 12px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f0f0f0}.pagination-btn.active{background:#667eea;color:#fff;border-color:#667eea}@media (max-width: 768px){.product-management-header{padding:20px}.header-content h2{font-size:24px}.product-tabs{padding:0 20px;overflow-x:auto}.tab-content{padding:20px}.controls-section{flex-direction:column}.search-box{max-width:none}.table-header.category-grid,.table-header.subcategory-grid,.table-header.product-grid{display:none}.category-grid,.subcategory-grid,.product-grid{display:block;padding:16px;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px}.data-row{padding:0;background:#fff;min-height:auto}.data-row>div{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0;min-height:auto}.data-row>div:last-child{border-bottom:none}.data-row>div:before{content:attr(data-label);font-weight:600;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.5px}}.confirmation-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:400px;width:90%;padding:30px;text-align:center}.confirmation-modal h3{margin:0 0 16px;color:#333;font-size:20px;font-weight:600}.confirmation-modal p{margin:0 0 24px;color:#666;line-height:1.5}.confirmation-modal .modal-actions{display:flex;gap:12px;justify-content:center}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c4d}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.category-badge{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.price-display{display:flex;align-items:center;gap:2px;font-weight:600;color:#2e7d32}.product-description{margin:4px 0 0;font-size:12px;color:#999;line-height:1.3}.text-muted{color:#999;font-size:14px}.order-management{padding:24px;background:#f8fafc;min-height:100vh}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.order-header h2{font-size:28px;font-weight:700;color:#1e293b;margin:0}.refresh-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.refresh-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.loading-spinner p{color:#64748b;font-size:16px;margin:0}.error-message{text-align:center;padding:40px 24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.error-message p{color:#dc2626;font-size:16px;margin-bottom:16px}.retry-btn{background:#dc2626;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:#b91c1c}.no-orders{text-align:center;padding:80px 24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.no-orders p{color:#64748b;font-size:18px;margin:0}.orders-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.orders-table table{width:100%;border-collapse:collapse}.orders-table thead{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.orders-table th{padding:16px 20px;text-align:left;font-weight:600;color:#374151;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.orders-table td{padding:20px;border-bottom:1px solid #f1f5f9;vertical-align:top}.orders-table tbody tr{transition:all .2s ease}.orders-table tbody tr:hover{background:#f8fafc}.orders-table tbody tr:last-child td{border-bottom:none}.orders-table td:first-child{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#6b7280;font-weight:500}.customer-name{font-weight:600;color:#1e293b;font-size:14px}.customer-email{color:#64748b;font-size:13px}.products-info{display:flex;flex-direction:column;gap:6px}.product-count{font-weight:600;color:#374151;font-size:13px;background:#f1f5f9;padding:4px 8px;border-radius:6px;display:inline-block;width:fit-content}.product-names{color:#64748b;font-size:13px;line-height:1.4;max-width:200px;word-wrap:break-word}.product-names.truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-names.expanded{white-space:normal}.orders-table td:nth-child(4){font-weight:700;color:#059669;font-size:16px}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;min-width:80px;text-align:center}.status-badge.processing{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.status-badge.shipped{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.status-badge.delivered{background:linear-gradient(135deg,#10b981,#059669)}.status-badge.cancelled{background:linear-gradient(135deg,#ef4444,#dc2626)}.status-badge.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-badge.confirmed{background:linear-gradient(135deg,#10b981,#059669)}.status-badge.returned{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-badge.refunded{background:linear-gradient(135deg,#06b6d4,#0891b2)}.status-badge.empty{background:#6b7280;color:#fff}.orders-table td:nth-child(6){color:#64748b;font-size:13px;font-weight:500}.view-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#374151;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.view-btn:hover{background:linear-gradient(135deg,#e2e8f0,#d1d5db);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.view-btn:active{transform:translateY(0)}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h3{font-size:20px;font-weight:700;color:#1e293b;margin:0}.close-btn{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#f1f5f9;color:#374151}.info-section{margin-bottom:24px}.info-section h4{font-size:16px;font-weight:600;color:#374151;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #f1f5f9}.info-section p{margin:8px 0;color:#64748b;font-size:14px}.info-section strong{color:#374151;font-weight:600}.order-items{display:flex;flex-direction:column;gap:12px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.item-details{display:flex;flex-direction:column;gap:4px}.item-name{font-weight:600;color:#374151;font-size:14px}.item-quantity{color:#64748b;font-size:13px}.item-price{font-weight:700;color:#059669;font-size:16px}.status-update{background:#f8fafc;padding:20px;border-radius:12px;border:1px solid #e2e8f0}.status-update h4{font-size:16px;font-weight:600;color:#374151;margin:0 0 16px}.status-buttons{display:flex;gap:12px;flex-wrap:wrap}.status-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#fff;text-transform:uppercase;letter-spacing:.5px}.status-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.status-btn.active{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.controls-section{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.search-filter-container{display:flex;gap:16px;margin-bottom:16px}.search-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease;background:#f8fafc}.search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.status-filter{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#f8fafc;cursor:pointer;transition:all .2s ease}.status-filter:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.pagination-btn{padding:10px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#374151;font-weight:600;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.pagination-numbers{display:flex;gap:4px}.pagination-number{padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#374151;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:44px}.pagination-number:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.pagination-number.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-number.active:hover{background:#2563eb;border-color:#2563eb}@media (max-width: 768px){.order-management{padding:16px}.order-header{flex-direction:column;gap:16px;align-items:stretch}.search-filter-container{flex-direction:column;gap:12px}.filter-box{min-width:auto}.orders-table{overflow-x:auto}.orders-table table{min-width:800px}.pagination{flex-wrap:wrap;gap:4px}.pagination-numbers{order:-1;width:100%;justify-content:center;margin-bottom:8px}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.status-buttons{flex-direction:column}.status-btn{width:100%}}@media (max-width: 480px){.orders-table th,.orders-table td{padding:12px 8px}.modal-header,.modal-body{padding:16px}}.return-management{padding:24px;background:#f8f9fa;min-height:100vh}.return-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;gap:16px}.return-header h2{margin:0;font-size:28px;font-weight:600;color:#333}.header-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;min-width:300px;flex:1}.search-box .search-icon{color:#666;flex-shrink:0}.search-input{border:none;background:transparent;outline:none;font-size:14px;flex:1;color:#333}.search-input::placeholder{color:#999}.filter-controls{display:flex;align-items:center;gap:12px}.filter-select{padding:8px 12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:var(--primary-color)}.return-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:16px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon.pending{background:linear-gradient(135deg,#ffc107,#ff8f00)}.stat-icon.approved{background:linear-gradient(135deg,#28a745,#20c997)}.stat-icon.rejected{background:linear-gradient(135deg,#dc3545,#c82333)}.stat-info h3{margin:0;font-size:24px;font-weight:600;color:#333}.stat-info p{margin:4px 0 0;color:#666;font-size:14px}.return-requests-list{display:flex;flex-direction:column;gap:16px}.return-request-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.return-request-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-1px)}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.request-id{display:flex;align-items:center;gap:12px}.request-id h3{margin:0;font-size:18px;color:#333}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-pending{background:#fff3cd;color:#856404}.status-badge.status-approved{background:#d4edda;color:#155724}.status-badge.status-rejected{background:#f8d7da;color:#721c24}.request-date{display:flex;align-items:center;gap:6px;color:#666;font-size:14px}.request-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}.request-info{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.info-row svg{color:var(--primary-color);flex-shrink:0}.request-reason{background:#f8f9fa;padding:16px;border-radius:8px;border-left:4px solid var(--primary-color)}.request-reason h4{margin:0 0 8px;font-size:14px;color:#333;font-weight:600}.request-reason p{margin:0;font-size:14px;color:#666;line-height:1.5}.request-actions{grid-column:span 2;display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #eee}.view-details-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.view-details-btn:hover{background:#5a6268;transform:translateY(-1px)}.action-buttons{display:flex;gap:12px}.approve-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.approve-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.reject-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.reject-btn:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.approve-btn:disabled,.reject-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.no-requests{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:#666}.no-requests svg{opacity:.5;margin-bottom:16px}.no-requests h3{margin:0 0 8px;color:#333}.no-requests p{margin:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#333}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#f5f5f5;color:#333}.modal-body{padding:24px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.detail-section{background:#f8f9fa;padding:16px;border-radius:8px}.detail-section.full-width{grid-column:span 2}.detail-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#333}.detail-section p{margin:4px 0;font-size:14px;color:#666}.status-text{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.return-image{max-width:100%;max-height:200px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.admin-actions{background:#f8f9fa;padding:20px;border-radius:8px;border-top:2px solid var(--primary-color)}.admin-notes{margin-bottom:16px}.admin-notes label{display:block;margin-bottom:8px;font-weight:600;color:#333}.admin-notes textarea{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s ease}.admin-notes textarea:focus{outline:none;border-color:var(--primary-color)}@media (max-width: 768px){.return-management{padding:16px}.return-header{flex-direction:column;gap:16px;align-items:stretch}.request-content{grid-template-columns:1fr}.request-actions{flex-direction:column;gap:12px;align-items:stretch}.action-buttons{justify-content:center}.details-grid{grid-template-columns:1fr}.detail-section.full-width{grid-column:span 1}}.cancellation-management{padding:20px;background-color:#f8fafc;min-height:100vh}.cancellation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.cancellation-header h2{color:#1e293b;font-size:28px;font-weight:700;margin:0}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.controls-section{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.search-filter-container{display:flex;gap:20px;margin-bottom:15px}.search-box{flex:1}.search-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-box{min-width:200px}.status-filter{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.status-filter:focus{outline:none;border-color:#667eea}.results-info{color:#64748b;font-size:14px;font-weight:500}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.spinner{display:none}.error-message{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.error-message p{color:#ef4444;font-size:16px;margin-bottom:20px}.retry-btn{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .3s ease}.retry-btn:hover{background:#dc2626}.no-requests{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.no-requests p{color:#64748b;font-size:16px}.requests-table{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.requests-table table{width:100%;border-collapse:collapse}.requests-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px;text-align:left;font-weight:600;font-size:14px}.requests-table td{padding:16px;border-bottom:1px solid #e2e8f0;font-size:14px}.requests-table tr:hover{background-color:#f8fafc}.customer-info{display:flex;flex-direction:column}.customer-name{font-weight:600;color:#1e293b;margin-bottom:4px}.customer-email{color:#64748b;font-size:12px}.reason-text{max-width:200px;color:#475569}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background-color:#fef3c7;color:#92400e}.status-badge.approved{background-color:#d1fae5;color:#065f46}.status-badge.rejected{background-color:#fee2e2;color:#991b1b}.status-badge.empty{background-color:#f1f5f9;color:#64748b}.view-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease}.view-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px}.pagination-btn{background:#fff;border:2px solid #e2e8f0;color:#475569;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.pagination-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:5px}.pagination-number{background:#fff;border:2px solid #e2e8f0;color:#475569;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.pagination-number:hover{border-color:#667eea;color:#667eea}.pagination-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #e2e8f0}.modal-header h3{color:#1e293b;font-size:20px;font-weight:700;margin:0}.close-btn{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:20px}.request-info{margin-bottom:30px}.info-section{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:8px;border-left:4px solid #667eea}.info-section h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px}.info-section p{color:#475569;font-size:14px;margin:8px 0;line-height:1.5}.status-update{background:#f8fafc;padding:20px;border-radius:8px;border:2px solid #e2e8f0}.status-update h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.admin-notes{margin-bottom:20px}.admin-notes label{display:block;color:#374151;font-size:14px;font-weight:600;margin-bottom:8px}.admin-notes textarea{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .3s ease}.admin-notes textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.status-buttons{display:flex;gap:12px}.status-btn{flex:1;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.status-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0003}.status-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.status-btn.active{box-shadow:0 0 0 3px #ffffff4d}@media (max-width: 768px){.cancellation-management{padding:15px}.cancellation-header{flex-direction:column;gap:15px;align-items:stretch}.search-filter-container{flex-direction:column;gap:15px}.requests-table{overflow-x:auto}.requests-table table{min-width:800px}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.status-buttons{flex-direction:column}}.bills-management{padding:20px}.bills-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-content h2{display:flex;align-items:center;gap:12px;margin:0 0 8px;color:#1e293b;font-size:24px}.subtitle{color:#64748b;margin:0;font-size:14px}.search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;min-width:300px}.search-box input{border:none;outline:none;flex:1;font-size:14px}.search-box svg{color:#64748b}.invoices-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.invoices-table{width:100%;border-collapse:collapse}.invoices-table thead{background-color:#f8fafc}.invoices-table th{padding:12px 16px;text-align:left;font-weight:600;color:#475569;font-size:14px;border-bottom:2px solid #e2e8f0}.invoices-table td{padding:12px 16px;border-bottom:1px solid #e2e8f0;font-size:14px;color:#1e293b}.invoices-table tbody tr:hover{background-color:#f8fafc}.customer-info{display:flex;flex-direction:column;gap:4px}.customer-name{font-weight:500;color:#1e293b}.customer-email{font-size:12px;color:#64748b}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.processing{background-color:#dbeafe;color:#1e40af}.status-badge.shipped{background-color:#e0e7ff;color:#3730a3}.status-badge.delivered,.status-badge.confirmed{background-color:#d1fae5;color:#065f46}.status-badge.cancelled{background-color:#fee2e2;color:#991b1b}.status-badge.refunded{background-color:#cffafe;color:#155e75}.download-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:6px;font-size:13px;transition:background-color .2s}.download-btn:hover{background-color:#0056b3}.empty-state{text-align:center;padding:60px 20px;color:#64748b}.empty-state svg{color:#cbd5e1;margin-bottom:16px}.loading-spinner,.error-message{text-align:center;padding:40px}.retry-btn{margin-top:16px;padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer}.retry-btn:hover{background-color:#0056b3}@media (max-width: 768px){.bills-header{flex-direction:column}.search-box{width:100%;min-width:auto}.invoices-table-container{overflow-x:auto}.invoices-table{min-width:800px}}.admin-layout{display:flex;min-height:100vh;background:#f8f9fa}.admin-sidebar{width:280px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:width .3s ease;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:1000}.admin-sidebar.closed{width:80px}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.admin-brand{display:flex;align-items:center;gap:12px}.admin-brand h2{font-size:20px;font-weight:600;margin:0}.admin-sidebar.closed .admin-brand h2{display:none}.sidebar-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s ease}.sidebar-toggle:hover{background:#ffffff1a}.admin-user-info{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-details h3{margin:0;font-size:16px;font-weight:600}.user-details p{margin:0;font-size:12px;opacity:.8}.admin-sidebar.closed .user-details{display:none}.sidebar-nav{flex:1;padding:20px 0}.nav-item{width:100%;padding:12px 20px;background:none;border:none;color:#fff;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;text-decoration:none;font-size:14px}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#fff3;border-right:3px solid white}.nav-item{position:relative}.nav-badge{position:absolute;right:20px;background:#f44;color:#fff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;min-width:20px;text-align:center;box-shadow:0 2px 4px #0003}.admin-sidebar.closed .nav-badge{right:8px;font-size:9px;padding:1px 6px}.nav-item.logout{color:#ffcccb}.nav-item.logout:hover{background:#ff00001a}.admin-sidebar.closed .nav-item span:not(.nav-badge){display:none}.admin-sidebar.closed .nav-item{justify-content:center;padding:12px}.sidebar-footer{border-top:1px solid rgba(255,255,255,.1);padding:20px 0}.admin-main{flex:1;margin-left:280px;transition:margin-left .3s ease;display:flex;flex-direction:column}.admin-sidebar.closed+.admin-main{margin-left:80px}.admin-header{background:#fff;padding:20px 30px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a}.admin-header h1{margin:0;color:#333;font-size:24px;font-weight:600}.admin-header-actions{display:flex;align-items:center;gap:20px}.admin-header-actions span{color:#666;font-size:14px}.refresh-btn{background:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.refresh-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.refresh-btn:active{transform:translateY(0)}.admin-content{flex:1;padding:30px;overflow-y:auto}.dashboard-overview{max-width:1200px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:24px;border-radius:16px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-info h3{margin:0;font-size:24px;font-weight:700;color:#333}.stat-info p{margin:0;font-size:14px;color:#666}.dashboard-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 6px #0000001a}.dashboard-card h3{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-btn{padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.activity-list{color:#666;font-style:italic}.admin-section{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 6px #0000001a}.admin-section h2{margin:0 0 20px;color:#333;font-size:24px;font-weight:600}.stat-card.loading{opacity:.7}.loading-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-message{text-align:center;padding:40px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:20px 0}.error-message p{color:#e74c3c;font-size:16px;margin-bottom:20px}.retry-btn{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.retry-btn:hover{background:#5a6fd8}@media (max-width: 768px){.admin-sidebar{width:80px}.admin-sidebar.open{width:280px}.admin-main{margin-left:80px}.admin-sidebar.open+.admin-main{margin-left:280px}.stats-grid,.dashboard-sections,.quick-actions{grid-template-columns:1fr}.admin-header{padding:15px 20px}.admin-content{padding:20px}}@media (max-width: 480px){.admin-sidebar{width:100%;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.admin-header h1{font-size:20px}}.upload-section{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:30px}.upload-section h3{margin:0 0 15px;color:#333;font-size:16px;font-weight:600}.file-input{width:100%;padding:12px;border:2px dashed #667eea;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .2s ease}.file-input:hover{border-color:#5a6fd8}.carousel-images h3{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.image-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.image-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.carousel-preview{width:100%;height:150px;object-fit:cover}.image-actions{padding:15px;display:flex;justify-content:center}.delete-btn{background:#e74c3c;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.delete-btn:hover{background:#c0392b}.categories-selection h3{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:30px}.category-item{background:transparent;padding:15px;border-radius:8px;border:none;transition:border-color .2s ease}.category-item:hover{border-color:#667eea}.category-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}.category-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.category-name{font-weight:500;color:#333}.save-btn{background:#27ae60;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease}.save-btn:hover{background:#229954}.save-btn:disabled{background:#95a5a6;cursor:not-allowed}.product-detail{min-height:100vh;display:flex;flex-direction:column}.product-detail-container{flex:1;padding:40px 0;background-color:#f8f9fa}.breadcrumb{margin-bottom:20px}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:0}.back-btn:hover{color:#333}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.product-images{position:sticky;top:100px;display:flex;gap:15px}.image-thumbnails{display:flex;flex-direction:column;gap:10px;max-width:80px}.thumbnail{width:80px;height:80px;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s;background:#f8f9fa}.thumbnail:hover{border-color:#007bff}.thumbnail.active{border-color:#007bff;box-shadow:0 0 0 1px #007bff}.thumbnail img{width:100%;height:100%;object-fit:contain}.main-image{flex:1;aspect-ratio:1;background:#f8f9fa;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.main-image img{width:100%;height:100%;object-fit:contain}.product-info{display:flex;flex-direction:column;gap:20px}.product-title{font-size:32px;color:#333;margin:0}.product-price{display:flex;align-items:baseline;gap:10px}.current-price{font-size:28px;font-weight:700;color:#2c3e50}.price-note{color:#666;font-size:14px}.stock-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:500}.stock-status.in{background-color:#e8f5e9;color:#2e7d32}.stock-status.out{background-color:#ffebee;color:#c62828}.attribute-group{margin-bottom:15px}.attribute-group h3{font-size:16px;margin-bottom:8px;color:#333}.attribute-options{display:flex;flex-wrap:wrap;gap:10px}.attribute-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s}.attribute-btn:hover{border-color:#007bff}.attribute-btn.selected{background-color:#007bff;color:#fff;border-color:#007bff}.product-description{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.product-description h3{margin-bottom:10px;font-size:18px}.product-description p{color:#666;line-height:1.6}.product-actions{margin-top:30px;display:flex;gap:20px;align-items:center}.quantity-selector{display:flex;align-items:center;border:1px solid #ddd;border-radius:4px}.quantity-selector button{background:none;border:none;padding:10px;cursor:pointer;display:flex;align-items:center}.quantity-selector button:disabled{opacity:.5;cursor:not-allowed}.quantity-selector span{padding:0 15px;font-weight:500}.action-buttons{display:flex;gap:15px;flex:1}.add-to-cart-btn,.buy-now-btn{flex:1;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.add-to-cart-btn{background-color:#fff;border:2px solid #007bff;color:#007bff}.add-to-cart-btn:hover:not(:disabled){background-color:#f0f7ff}.buy-now-btn{background-color:#007bff;border:2px solid #007bff;color:#fff}.buy-now-btn:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.product-detail-grid{grid-template-columns:1fr;padding:20px}.product-images{position:static;flex-direction:column-reverse}.image-thumbnails{flex-direction:row;max-width:100%;overflow-x:auto}.product-actions{flex-direction:column;align-items:stretch}}.cart-page{min-height:100vh;background:#f8f9fa}.cart-container{max-width:1200px;margin:0 auto;padding:40px 20px}.cart-header{text-align:center;margin-bottom:40px}.cart-header h1{font-size:36px;font-weight:700;color:#333;margin:0 0 10px}.cart-header p{font-size:18px;color:#666;margin:0}.cart-content{display:grid;grid-template-columns:1fr 350px;gap:40px}.cart-items{background:#fff;border-radius:15px;padding:30px;box-shadow:0 5px 20px #00000014}.cart-item{display:grid;grid-template-columns:80px 1fr auto auto auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #f0f0f0}.cart-item:last-child{border-bottom:none}.item-image{position:relative;width:80px;height:80px;flex-shrink:0}.item-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);padding:5px;border-radius:10px;border:1px solid #f0f0f0;z-index:1}.placeholder-image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;border:1px solid #f0f0f0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;background:linear-gradient(135deg,#667eea,#764ba2);z-index:0}.item-details{display:flex;flex-direction:column;gap:5px}.item-name{font-size:18px;font-weight:600;color:#333;margin:0}.item-price{font-size:16px;color:var(--primary-color);font-weight:600}.item-quantity{display:flex;align-items:center;gap:15px}.quantity-btn{width:32px;height:32px;border:1px solid #ddd;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.quantity-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-value{font-size:16px;font-weight:600;color:#333;min-width:30px;text-align:center}.item-total{font-size:18px;font-weight:700;color:#333}.remove-item-btn{width:40px;height:40px;border:none;background:#ffebee;color:#f44336;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.remove-item-btn:hover{background:#ffcdd2;transform:scale(1.05)}.cart-summary{background:#fff;border-radius:15px;padding:30px;box-shadow:0 5px 20px #00000014;height:fit-content;position:sticky;top:20px}.summary-header h3{font-size:24px;font-weight:700;color:#333;margin:0 0 25px;text-align:center}.summary-details{margin-bottom:30px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0;font-size:16px;color:#666}.summary-row:last-child{border-bottom:none}.summary-row.total{font-size:20px;font-weight:700;color:#333;border-top:2px solid #f0f0f0;padding-top:20px;margin-top:10px}.summary-actions{display:flex;flex-direction:column;gap:15px}.checkout-btn{background:var(--primary-color);color:#fff;border:none;padding:18px;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center;display:block}.checkout-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px #ff6d004d}.clear-cart-btn{background:#f44336;color:#fff;border:none;padding:15px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.clear-cart-btn:hover{background:#d32f2f;transform:translateY(-2px)}.continue-shopping-link{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--primary-color);text-decoration:none;font-weight:600;padding:15px;border:2px solid var(--primary-color);border-radius:10px;transition:all .3s ease}.continue-shopping-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.empty-cart{text-align:center;padding:80px 20px;background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014}.empty-cart-icon{color:#ddd;margin-bottom:20px}.empty-cart h2{font-size:28px;font-weight:700;color:#333;margin:0 0 15px}.empty-cart p{font-size:16px;color:#666;margin:0 0 30px}.continue-shopping-btn{display:inline-flex;align-items:center;gap:8px;background:var(--primary-color);color:#fff;text-decoration:none;padding:15px 30px;border-radius:25px;font-weight:600;transition:all .3s ease}.continue-shopping-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px #ff6d004d}@media (max-width: 768px){.cart-content{grid-template-columns:1fr;gap:20px}.cart-item{grid-template-columns:60px 1fr;gap:15px;padding:15px 0}.item-image img,.placeholder-image{width:60px;height:60px}.item-quantity,.item-total,.remove-item-btn{grid-column:2;justify-self:start;margin-top:10px}.item-quantity{order:1}.item-total{order:2}.remove-item-btn{order:3}.cart-container{padding:20px 15px}.cart-header h1{font-size:28px}.cart-header p{font-size:16px}}@media (max-width: 480px){.cart-item{grid-template-columns:1fr;text-align:center;gap:15px}.item-image img,.placeholder-image{width:80px;height:80px;margin:0 auto}.item-quantity,.item-total,.remove-item-btn{justify-self:center}.summary-actions{gap:12px}.checkout-btn,.clear-cart-btn{padding:15px;font-size:16px}}:root{--sm-primary: #ff6d00;--sm-primary-dark: #e85f00;--sm-bg-start: #fff8e1;--sm-bg-end: #fff3c4;--sm-text: #111827;--sm-muted: #6b7280;--sm-border: #e5e7eb;--sm-card: #ffffff;--sm-success: #10b981;--sm-error: #ef4444}.checkout-container{background:linear-gradient(135deg,var(--sm-bg-start) 0%,var(--sm-bg-end) 100%);min-height:calc(100vh - 120px);padding:24px 16px}.checkout-content{max-width:1200px;margin:0 auto}.checkout-content h1{font-size:28px;color:var(--sm-text);margin:8px 0 24px}.checkout-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}.checkout-form-section{background:var(--sm-card);border:1px solid var(--sm-border);border-radius:12px;padding:20px;box-shadow:0 6px 16px #0000000f}.checkout-form-section h2{font-size:20px;margin:4px 0 16px;color:var(--sm-text)}.checkout-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:13px;color:var(--sm-muted);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{appearance:none;border:1px solid var(--sm-border);border-radius:10px;padding:12px 14px;font-size:14px;color:var(--sm-text);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.form-group textarea{resize:vertical;min-height:84px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--sm-primary);box-shadow:0 0 0 3px #ff6d0029}.form-group .error{border-color:var(--sm-error);box-shadow:0 0 0 3px #ef44441f}.error-message{margin-top:6px;font-size:12px;color:var(--sm-error)}.form-group .auto-filled{border-color:var(--sm-success);box-shadow:0 0 0 3px #10b9811f}.form-group .auto-filled.readonly{background-color:#f0fdf4;cursor:not-allowed;color:var(--sm-text)}.form-group input[readonly]{cursor:not-allowed;background-color:#f9fafb;color:#6b7280}.form-group input[readonly].auto-filled{background-color:#f0fdf4;color:var(--sm-text)}.auto-filled-badge{display:inline-block;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:500;color:var(--sm-success);background:#10b9811a;border-radius:4px;animation:fadeIn .3s ease}.loading-indicator{display:inline-block;margin-left:8px;font-size:14px;animation:pulse 1.5s ease-in-out infinite}.pincode-hint{display:block;margin-top:6px;font-size:11px;color:var(--sm-muted);font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.place-order-btn{margin-top:8px;background:linear-gradient(180deg,var(--sm-primary) 0%,var(--sm-primary-dark) 100%);color:#fff;border:none;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 8px 18px #ff6d0040}.place-order-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #ff6d004d}.place-order-btn:active{transform:translateY(0)}.place-order-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.terms-text{margin-top:20px;margin-bottom:0}.terms-notice{margin:0;font-size:14px;line-height:1.6;color:var(--sm-text)}.terms-link{color:var(--sm-primary);text-decoration:underline;font-weight:500;transition:color .2s ease}.terms-link:hover{color:var(--sm-primary-dark)}.order-summary-section{position:sticky;top:24px;background:var(--sm-card);border:1px solid var(--sm-border);border-radius:12px;padding:20px;box-shadow:0 6px 16px #0000000f}.order-summary-section h2{font-size:20px;margin:4px 0 16px;color:var(--sm-text)}.order-summary{display:flex;flex-direction:column;gap:16px}.cart-items{display:flex;flex-direction:column;gap:12px;max-height:340px;overflow:auto;padding-right:6px}.cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center}.item-image{width:64px;height:64px;border-radius:10px;overflow:hidden;border:1px solid var(--sm-border);background:#fafafa;display:flex;align-items:center;justify-content:center}.item-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{font-size:20px;color:var(--sm-muted)}.item-details h4{font-size:14px;margin:0 0 4px;color:var(--sm-text)}.item-details p{margin:0;font-size:12px;color:var(--sm-muted)}.item-price{font-weight:600;color:var(--sm-text)}.item-total{font-weight:700;color:var(--sm-text)}.order-totals{border-top:1px dashed var(--sm-border);padding-top:12px;display:flex;flex-direction:column;gap:8px}.total-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--sm-text)}.total-row.total{font-size:16px;font-weight:800}@media (max-width: 1024px){.checkout-grid{grid-template-columns:1fr}.order-summary-section{position:static}}@media (max-width: 640px){.checkout-container{padding:16px 12px}.form-row{grid-template-columns:1fr}.place-order-btn{width:100%}}.payment-status-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center;padding:20px}.status-container{max-width:600px;width:100%}.status-card{background:#fff;border-radius:20px;padding:40px;text-align:center;box-shadow:0 20px 40px #0000001a;border:3px solid transparent;transition:all .3s ease}.status-card.success{border-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4)}.status-card.failed{border-color:#ef4444;background:linear-gradient(135deg,#fff,#fef2f2)}.status-card.pending{border-color:#f59e0b;background:linear-gradient(135deg,#fff,#fffbeb)}.status-card.error{border-color:#6b7280;background:linear-gradient(135deg,#fff,#f9fafb)}.status-card.user-dropped{border-color:#f59e0b;background:linear-gradient(135deg,#fff,#fffbeb)}.status-card.expired{border-color:#8b5cf6;background:linear-gradient(135deg,#fff,#faf5ff)}.status-card.unknown{border-color:#6b7280;background:linear-gradient(135deg,#fff,#f9fafb)}.status-icon{margin-bottom:20px}.status-icon.success{color:#10b981}.status-icon.failed{color:#ef4444}.status-icon.pending{color:#f59e0b}.status-icon.error{color:#6b7280}.status-icon.user-dropped{color:#f59e0b}.status-icon.expired{color:#8b5cf6}.status-icon.unknown{color:#6b7280}.status-title{font-size:2.5rem;font-weight:700;margin-bottom:16px;color:#1f2937}.status-card.success .status-title{color:#10b981}.status-card.failed .status-title{color:#ef4444}.status-card.pending .status-title{color:#f59e0b}.status-card.error .status-title{color:#6b7280}.status-card.user-dropped .status-title{color:#f59e0b}.status-card.expired .status-title{color:#8b5cf6}.status-card.unknown .status-title{color:#6b7280}.status-message{font-size:1.2rem;color:#6b7280;margin-bottom:30px;line-height:1.6}.order-details{background:#f8fafc;border-radius:12px;padding:24px;margin-bottom:30px;text-align:left}.order-details h3{font-size:1.3rem;font-weight:600;color:#1f2937;margin-bottom:16px;text-align:center}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:500;color:#6b7280}.detail-row .value{font-weight:600;color:#1f2937}.detail-row .value.error-text{color:#ef4444;font-style:italic}.action-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#ff6d00,#ff8c00);color:#fff;box-shadow:0 4px 15px #ff6d004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6d0066}.btn-secondary{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.loading-spinner,.spinner{display:none}.loading-spinner h2{color:#1f2937;margin-bottom:8px}.loading-spinner p{color:#6b7280}@media (max-width: 768px){.payment-status-page{padding:10px}.status-card{padding:30px 20px}.status-title{font-size:2rem}.status-message{font-size:1.1rem}.action-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;justify-content:center}}.terms-page{min-height:100vh;display:flex;flex-direction:column;background:#f8f9fa}.terms-container{max-width:900px;margin:0 auto;padding:40px 20px;flex:1;width:100%;box-sizing:border-box}.terms-header{margin-bottom:40px}.back-link{display:inline-flex;align-items:center;gap:8px;color:#667eea;text-decoration:none;font-size:14px;margin-bottom:20px;transition:color .2s ease}.back-link:hover{color:#5568d3}.terms-header h1{font-size:32px;font-weight:700;color:#333;margin:0 0 8px}.last-updated{color:#666;font-size:14px;margin:0}.terms-content{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #0000000d}.terms-intro{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px;border-left:4px solid #667eea}.terms-intro p{margin:0;line-height:1.6;color:#333}.terms-section{margin-bottom:30px}.terms-section h2{font-size:22px;font-weight:600;color:#333;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e8ecf0}.terms-section ul{margin:0;padding-left:24px;line-height:1.8;color:#555}.terms-section ul li{margin-bottom:12px}.terms-section p{margin:0 0 12px;line-height:1.8;color:#555}.terms-section a{color:#667eea;text-decoration:none;font-weight:500}.terms-section a:hover{text-decoration:underline}@media (max-width: 768px){.terms-container{padding:20px 15px}.terms-content{padding:24px 20px}.terms-header h1{font-size:24px}.terms-section h2{font-size:18px}.terms-section ul{padding-left:20px}}.contact-us-page{min-height:80vh;padding:40px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.contact-container{max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:50px}.contact-header h1{font-size:2.5rem;color:#333;margin-bottom:10px}.contact-header p{font-size:1.1rem;color:#666}.contact-content{display:flex;justify-content:center}.contact-info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%;max-width:1000px}.contact-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contact-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.contact-icon{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.contact-card h3{font-size:1.2rem;color:#333;margin-bottom:15px}.contact-card p{color:#666;line-height:1.6;margin:0}.contact-card a{color:#667eea;text-decoration:none;transition:color .3s ease}.contact-card a:hover{color:#764ba2;text-decoration:underline}@media (max-width: 968px){.contact-info-section{grid-template-columns:1fr}}@media (max-width: 600px){.contact-header h1{font-size:2rem}}.category-page{min-height:100vh;display:flex;flex-direction:column}.category-container{flex:1;padding:20px 0}@media (max-width: 768px){.category-container{padding:10px 0}.back-to-home-btn{margin:0 10px 15px;padding:10px 20px;font-size:13px}.back-to-home-btn svg{width:16px;height:16px}}.subcategory-page{min-height:100vh;display:flex;flex-direction:column}.subcategory-container{flex:1;padding:20px 0}.back-to-home-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;margin:0 20px 20px;background:#fff;color:#374151;border:1px solid #D1D5DB;border-radius:25px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.back-to-home-btn:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 4px #00000026}.back-to-home-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.back-to-home-btn svg{width:18px;height:18px;color:#374151}.loading-container,.no-products{text-align:center;padding:60px 20px}.no-products h2{font-size:24px;color:var(--text-color);margin-bottom:10px}@media (max-width: 768px){.subcategory-container{padding:10px 0}.back-to-home-btn{margin:0 10px 15px;padding:10px 20px;font-size:13px}.back-to-home-btn svg{width:16px;height:16px}}*{margin:0;padding:0;box-sizing:border-box}.loading-container,.no-products{text-align:center;padding:80px 20px}.loading-spinner{display:none}.loading-dots:after{content:".";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.loading-container p,.no-products p{font-size:16px;color:#666;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333}#root{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden;position:relative}.home{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden}@media (max-width: 768px){.home,.profile-page,.cart-page,.checkout-page,.product-detail-page{width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0}}button{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid #ff6b6b;outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mb-0{margin-bottom:0}.mt-0{margin-top:0}@media (max-width: 768px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.container{padding:0 15px;max-width:100%;width:100%;box-sizing:border-box}}@media (max-width: 480px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.container{padding:0 10px;max-width:100%;width:100%;box-sizing:border-box}}