.header{background-color:#fff;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.header-top{background-color:var(--bg-light);font-size:12px;padding:10px 0;border-bottom:1px solid var(--border-color)}.header-top-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-info{flex:1;text-align:center;color:var(--text-light)}.header-links{display:flex;gap:20px}.header-links a{color:var(--text-light);transition:color .3s}.header-links a:hover{color:var(--primary-color)}.header-main{padding:15px 0}.header-content{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;width:100%}.logo{display:flex;align-items:center;flex-shrink:0}.logo img{height:60px;width:auto;object-fit:contain;transition:transform .3s ease}.logo:hover img{transform:scale(1.05)}.search-bar{flex:1;display:flex;background-color:var(--bg-light);border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.search-bar input{flex:1;padding:10px 15px;border:none;background:none;outline:none}.search-bar button{padding:10px 20px;background-color:#ff5757;color:#fff;border:none;cursor:pointer;transition:background-color .3s}.search-bar button:hover{background-color:#000;color:#fff}.header-icons{display:flex;gap:25px;flex-shrink:0}.icon-link{display:flex;align-items:center;gap:5px;color:var(--text-color);font-size:14px;transition:color .3s}.icon-link:hover{color:var(--primary-color)}.menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-color)}.navigation{background-color:#fff;border-top:1px solid var(--border-color)}.nav-links{display:flex;justify-content:flex-start;gap:0}.nav-links a{padding:12px 20px;font-size:14px;font-weight:500;color:var(--text-color);transition:all .3s;border-bottom:3px solid transparent}.nav-links a:hover{color:var(--primary-color);border-bottom-color:var(--primary-color)}.search-bar-container{flex:1;position:relative}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border-color);border-top:none;border-radius:0 0 4px 4px;max-height:400px;overflow-y:auto;box-shadow:0 4px 12px #0000001a;z-index:1000}.suggestions-loading{padding:15px;text-align:center;color:var(--text-light);font-size:14px}.suggestions-list{display:flex;flex-direction:column}.suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 15px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--border-color)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:var(--bg-light)}.suggestion-item img{width:50px;height:50px;object-fit:cover;border-radius:4px}.suggestion-info{flex:1;min-width:0}.suggestion-name{font-weight:500;font-size:14px;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-category{font-size:12px;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-rating{font-size:11px;color:var(--text-light);margin-top:2px}.suggestions-empty{padding:20px;text-align:center;color:var(--text-light);font-size:14px}.user-menu-container{position:relative}.user-menu-button{background:none;border:none;font-size:24px;cursor:pointer;padding:5px;transition:transform .2s;display:flex;align-items:center;gap:8px;white-space:nowrap}.user-menu-button:hover{transform:scale(1.05)}.user-greeting{font-size:14px;font-weight:600;color:var(--primary-color);white-space:nowrap;display:inline-block}.user-menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:200px;margin-top:10px;z-index:1000;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info{padding:15px;border-bottom:1px solid var(--border-color)}.user-name{font-weight:600;color:var(--text-color);margin-bottom:4px;word-break:break-word}.user-email{font-size:12px;color:var(--text-light);word-break:break-word}.menu-divider{height:1px;background-color:var(--border-color);margin:0}.menu-link{display:block;padding:12px 15px;color:var(--primary-color);text-decoration:none;font-size:14px;transition:background-color .2s,color .2s;border-bottom:1px solid var(--border-color);font-weight:500}.menu-link:hover{background-color:var(--bg-light)}.menu-link:last-child{border-bottom:none}.logout-button{width:100%;padding:12px 15px;background:none;border:none;color:#d32f2f;text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s;font-weight:500}.logout-button:hover{background-color:var(--bg-light)}.auth-menu-content{padding:15px;text-align:left}.simple-link{display:block;padding:10px 0;text-decoration:none;color:var(--primary-color);font-weight:500;font-size:14px;transition:color .3s ease;border-bottom:1px solid var(--border-color)}.simple-link:last-child{border-bottom:none}.simple-link:hover{color:var(--primary-dark);text-decoration:underline}@media(max-width:768px){.header-main{padding:12px 0}.header-content{gap:10px;flex-wrap:wrap}.logo img{height:50px}.search-bar-container{order:3;flex-basis:100%;margin-top:8px}.search-bar{font-size:14px}.search-bar input{padding:8px 12px;font-size:14px}.search-bar button{padding:8px 16px;font-size:13px}.header-icons{gap:12px;font-size:12px;order:2}.icon-link span{display:flex;align-items:center;gap:3px}.user-greeting{display:none}.menu-toggle{display:block;order:4;font-size:22px;padding:5px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.header-top{font-size:11px;padding:8px 0}.header-top-content{flex-direction:column;gap:8px;align-items:center}.contact-info{text-align:center;font-size:11px}.header-links{flex-direction:row;gap:8px;font-size:11px;justify-content:center;flex-wrap:wrap}.header-links a{padding:0}.navigation{max-height:0;overflow:hidden;transition:max-height .3s ease;border-top:none}.navigation.open{max-height:400px;border-top:1px solid var(--border-color)}.nav-links{flex-direction:column;padding:0}.nav-links a{border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:14px;min-height:44px;display:flex;align-items:center}.nav-links a:hover{background-color:var(--bg-light)}.user-menu-dropdown{right:-10px;left:auto;min-width:180px}.suggestions-dropdown{max-height:300px}.suggestion-item{padding:8px 12px;gap:10px}.suggestion-item img{width:45px;height:45px}.suggestion-name{font-size:13px}.suggestion-category{font-size:11px}}@media(max-width:480px){.header-main{padding:10px 0}.container{padding:0 12px}.header-content{gap:8px}.logo img{height:45px}.search-bar-container{flex-basis:100%;margin-top:6px}.search-bar{font-size:13px}.search-bar input{padding:7px 10px;font-size:13px}.search-bar input::placeholder{font-size:12px}.search-bar button{padding:7px 12px;font-size:12px}.header-icons{gap:10px;font-size:11px;min-width:80px;justify-content:space-between}.icon-link{gap:2px;font-size:11px}.icon-link span{display:inline-flex;align-items:center}.user-menu-button{font-size:18px;padding:4px;min-width:38px;min-height:38px}.menu-toggle{font-size:20px;min-width:40px;min-height:40px;padding:4px}.header-top{font-size:10px;padding:6px 0}.contact-info{font-size:10px}.header-links{font-size:10px;gap:6px}.header-links a{padding:0}.navigation.open{max-height:500px}.nav-links a{padding:10px 12px;font-size:13px;min-height:40px}.user-menu-dropdown{min-width:160px;right:-15px}.user-info{padding:12px}.user-name{font-size:14px}.user-email{font-size:11px}.auth-menu-content{padding:15px}.simple-link{padding:9px 0;font-size:13px}.suggestions-dropdown{max-height:250px}.suggestion-item{padding:6px 10px;gap:8px}.suggestion-item img{width:40px;height:40px}.suggestion-info{min-width:0}.suggestion-name{font-size:12px}.suggestion-category,.suggestion-rating{font-size:10px}}@media(max-width:370px){.header-top{display:none}.logo img{height:40px}.search-bar input{padding:6px 8px;font-size:12px}.search-bar button{padding:6px 10px;font-size:11px}.header-icons{gap:8px;font-size:10px}.icon-link{gap:1px}.icon-link span{text-align:center}.menu-toggle{font-size:18px}.nav-links a{padding:8px 10px;font-size:12px}}.footer{background-color:#2c3e50;color:#ecf0f1;margin-top:60px}.footer-content{padding:40px 0 0}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{font-size:20px;font-weight:700;margin-bottom:15px;color:var(--primary-light)}.footer-logo{height:70px;width:auto;object-fit:contain;margin-bottom:15px;display:block}.footer-section h4{font-size:16px;font-weight:600;margin-bottom:15px;color:var(--primary-light)}.footer-section p{font-size:14px;line-height:1.8;color:#bdc3c7;margin-bottom:15px}.footer-section ul{list-style:none}.footer-section li{margin-bottom:10px}.footer-section a{color:#bdc3c7;font-size:14px;transition:color .3s}.footer-section a:hover{color:var(--primary-light)}.social-links{display:flex;gap:15px;margin-top:15px}.social-links a{display:inline-block;padding:8px 15px;background-color:#ffffff1a;border-radius:4px;transition:background-color .3s}.social-links a:hover{background-color:var(--primary-color)}.contact-item{display:block;margin-bottom:10px;font-size:14px}.contact-item span{display:none}.contact-item p{margin:0;padding:0}.contact-item a{color:#bdc3c7;text-decoration:none}.newsletter-section{padding:30px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);text-align:center;margin-bottom:40px}.newsletter-section h4{margin-bottom:20px;color:var(--primary-light)}.newsletter-form input{flex:1;min-width:250px;padding:12px 15px;border:1px solid #bdc3c7;border-radius:4px;background-color:#fff;color:#333}.newsletter-form input::placeholder{color:#999}.footer-bottom{background-color:#1a252f;padding:20px 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.footer-bottom-content p{margin:0;color:#95a5a6}.payment-methods{display:flex;align-items:center;gap:10px;color:#95a5a6}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom-content{flex-direction:column;justify-content:center;text-align:center}.newsletter-form{flex-direction:column}.newsletter-form input{min-width:auto}}.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;height:100%}.product-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px #00000026}.product-image-wrapper{position:relative;width:100%;padding-bottom:120%;overflow:hidden;background-color:var(--bg-light)}.product-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image{transform:scale(1.05)}.discount-badge{position:absolute;top:10px;left:10px;background-color:var(--error-color);color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;font-weight:600;z-index:5}.sold-out-badge{position:absolute;inset:0;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;z-index:6}.wishlist-btn{position:absolute;top:10px;right:10px;width:40px;height:40px;background-color:#fff;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .3s;z-index:7}.wishlist-btn:hover{border-color:var(--error-color);transform:scale(1.1)}.wishlist-btn.active{background-color:var(--error-color);border-color:var(--error-color)}.product-info{padding:15px;display:flex;flex-direction:column;flex:1}.product-category{color:var(--text-light);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.product-category:hover{color:var(--primary-color)}.product-name h3{font-size:14px;line-height:1.4;color:var(--text-color);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-name:hover h3{color:var(--primary-color)}.product-rating{display:flex;align-items:center;justify-content:flex-start;gap:5px;margin-bottom:10px;font-size:12px}.rating-display{font-size:9px;font-weight:600;color:var(--text-dark);background-color:var(--bg-lighter);padding:2px 5px;border-radius:3px;border:1px solid var(--border-color);line-height:1.2}.product-price{display:flex;align-items:center;gap:10px;margin-bottom:10px}.current-price{font-size:16px;font-weight:700;color:var(--text-color)}.original-price{font-size:13px;color:var(--text-light);text-decoration:line-through}.product-actions{display:flex;gap:10px;margin-top:auto}.product-actions .btn{flex:1;padding:8px 12px;font-size:13px;border-radius:4px}.product-actions .btn-primary{background-color:#ff5757;color:#fff}.product-actions .btn-primary:hover:not(:disabled){background-color:#000;color:#fff}.product-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.product-actions .btn-secondary{border:2px solid var(--border-color);color:var(--text-color)}.product-actions .btn-secondary:hover{background-color:#000;color:#fff;border-color:#000}@media(max-width:480px){.product-info{padding:12px}.product-name h3{font-size:13px}.current-price{font-size:14px}.product-actions{flex-direction:column;gap:8px}}.hero-section{display:grid;grid-template-columns:1.2fr 1fr;gap:0;align-items:center;padding:60px 40px;min-height:500px;background-size:cover;background-position:right center;background-repeat:no-repeat;background-color:#f5f5f5;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffffff2,#fff0);pointer-events:none;z-index:1}.hero-content{padding:0 20px;position:relative;z-index:2}.hero-label{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#ff5757;margin-bottom:15px;font-weight:600}.hero-welcome{font-size:18px;font-weight:600;color:#ff5757;margin-bottom:20px;animation:slideInLeft .6s ease-out}.hero-content h1{font-size:56px;line-height:1.1;margin-bottom:15px;color:var(--text-color);font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-heading-animate{animation:fadeInUp .8s ease-in-out}.hero-tagline{font-size:28px;color:var(--primary-color);margin-bottom:15px;font-weight:600}.hero-content>p:nth-child(2){font-size:24px;color:var(--primary-color);margin-bottom:10px;font-weight:500}.hero-subtitle{font-size:16px;color:var(--text-light);margin-bottom:30px;line-height:1.6;max-width:400px}.hero-btn{padding:15px 40px;font-size:16px;font-weight:600;display:inline-block}.hero-image{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #00000026}.hero-image img{width:100%;height:400px;object-fit:cover}.categories-section{padding:60px 0;background-color:#fff}.categories-section h2{font-size:32px;text-align:center;margin-bottom:40px;color:var(--text-color)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.category-card{padding:30px 20px;text-align:center;background-color:var(--bg-light);border-radius:8px;transition:all .3s;border:2px solid transparent}.category-card:hover{border-color:var(--primary-color);transform:translateY(-5px)}.category-icon{font-size:48px;margin-bottom:15px}.category-card h3{font-size:16px;margin-bottom:10px;color:var(--text-color)}.view-link{font-size:12px;color:var(--primary-color);font-weight:600}.categories-grid a[href*=under-300]{background-color:#fff3e0}.categories-grid a[href*=bottom-wear]{background-color:#fce4ec}.categories-grid a[href*=umbrella-kurtis]{background-color:#e8f5e9}.categories-grid a[href*=side-open-kurtis]{background-color:#e3f2fd}.categories-grid a[href*=kurti-dupatta-set]{background-color:#f3e5f5}.categories-grid a[href*=aari-work]{background-color:#fff9c4}.featured-section{padding:60px 0;background-color:#fff}.section-header{text-align:center;margin-bottom:40px}.section-header h2{font-size:32px;margin-bottom:20px;color:var(--text-color)}.tabs{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.tabs button{padding:10px 20px;background:none;border:2px solid transparent;border-bottom:2px solid #ddd;font-size:14px;cursor:pointer;transition:all .3s ease;color:var(--text-light);font-weight:500;text-transform:capitalize}.tabs button:hover{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tabs button.tab-active{border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:600}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:40px}.section-footer{text-align:center}.bestsellers-section{padding:60px 0;background-color:var(--bg-light)}.bestsellers-section h2{font-size:32px;text-align:center;margin-bottom:40px}.bestsellers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.promo-banner{background-image:url(/images/banner-bg.png);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:80px 0;border-radius:8px;position:relative;width:100%;min-height:400px;display:flex;justify-content:center;align-items:center}.promo-banner:before{content:"";position:absolute;inset:0;background-color:#fff;opacity:.85;border-radius:8px}.promo-content{display:flex;justify-content:center;align-items:center;gap:40px;position:relative;z-index:1}.promo-text h3{font-size:28px;margin-bottom:10px;color:#ff5757}.promo-text p{font-size:16px;margin-bottom:5px;color:#000}.promo-subtext{font-size:12px;opacity:.9}.account-section{padding:60px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.account-content{max-width:800px;margin:0 auto;text-align:center}.account-content h2{font-size:32px;margin-bottom:15px;font-weight:700}.account-content>p{font-size:16px;margin-bottom:40px;opacity:.95}.account-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:40px}.feature{padding:20px;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-icon{font-size:36px;display:block;margin-bottom:12px}.feature h4{font-size:16px;margin-bottom:8px;font-weight:600}.feature p{font-size:13px;opacity:.9;line-height:1.5}.account-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.account-buttons .btn{min-width:180px;padding:12px 30px}.account-buttons .btn-primary{background-color:#fff;color:#667eea;font-weight:600}.account-buttons .btn-primary:hover{background-color:#f0f0f0}.account-buttons .btn-secondary{background-color:transparent;color:#fff;border:2px solid white;font-weight:600}.account-buttons .btn-secondary:hover{background-color:#ffffff1a}.benefits-section{padding:60px 0;background-color:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.benefit-card{text-align:center;padding:30px 20px}.benefit-icon{font-size:48px;display:block;margin-bottom:15px}.benefit-card h3{font-size:18px;margin-bottom:10px;color:var(--text-color)}.benefit-card p{font-size:14px;color:var(--text-light)}.newsletter-section{padding:60px 0;text-align:center;background-color:var(--primary-light);display:none}.newsletter-section h2{font-size:28px;margin-bottom:10px;color:var(--text-color)}.newsletter-section>p{font-size:16px;color:var(--text-color);margin-bottom:30px}.newsletter-form{display:flex;gap:10px;max-width:500px;margin:0 auto;flex-wrap:wrap;justify-content:center}.newsletter-form input{flex:1;min-width:250px;padding:12px 15px;border:none;border-radius:4px;background-color:#fff}.newsletter-form button{padding:12px 30px}.reviews-section{padding:60px 0;background-color:#fff}.reviews-section h2{font-size:32px;text-align:center;margin-bottom:40px}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.review-card{padding:25px;background-color:var(--bg-light);border-radius:8px;text-align:center}.review-stars{font-size:20px;margin-bottom:15px;color:#ff5757}.review-text{font-size:14px;line-height:1.6;margin-bottom:15px;color:var(--text-light);font-style:italic}.review-author{font-size:12px;font-weight:600;color:var(--text-color)}@media(max-width:768px){.hero-section{grid-template-columns:1fr;padding:40px 20px;min-height:400px;background-position:center}.hero-section:before{background:linear-gradient(180deg,#fffffff2,#ffffffd9)}.hero-content h1{font-size:32px}.hero-tagline{font-size:20px}.hero-content>p:nth-child(2){font-size:18px}.hero-subtitle{font-size:14px}.hero-image img{height:300px}.promo-content{flex-direction:column;text-align:center;gap:20px}.products-grid,.bestsellers-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.newsletter-form{flex-direction:column}.newsletter-form input{min-width:auto}.tabs{flex-wrap:wrap;gap:10px}}.shop-page{min-height:calc(100vh - 200px);padding:40px 0;background-color:var(--bg-lighter)}.shop-header{text-align:center;margin-bottom:40px}.shop-header h1{font-size:32px;margin-bottom:10px;color:var(--text-color);font-weight:600;padding:20px 0;border-bottom:3px solid var(--primary-color)}.shop-header p{font-size:16px;color:var(--text-light);margin-top:10px}.shop-content{display:grid;grid-template-columns:250px 1fr;gap:30px;background:var(--bg-color)}.shop-filters{background:var(--bg-light);padding:20px;border-radius:8px;box-shadow:var(--shadow-md);height:fit-content}.shop-filters h3{color:var(--primary-dark);margin:15px 0 10px;font-weight:600;display:flex;align-items:center;gap:10px}.shop-filters h3:before{content:"";width:3px;height:18px;background:var(--primary-color);border-radius:2px}.shop-sidebar{background-color:var(--bg-color);padding:20px;border-radius:8px;height:fit-content;position:sticky;top:200px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.filter-group{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid var(--border-color)}.filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.top-rated-widget{margin-top:10px}.top-rated-title{font-size:14px;font-weight:700;margin:0 0 15px;letter-spacing:.3px;text-transform:uppercase;color:var(--text-color)}.top-rated-list{display:flex;flex-direction:column}.top-rated-item{display:flex;gap:12px;padding:14px 0;text-decoration:none;color:inherit;border-top:1px solid var(--border-color)}.top-rated-item:first-child{border-top:none;padding-top:0}.top-rated-image{width:72px;height:72px;border-radius:4px;object-fit:cover;border:1px solid var(--border-color);background:#f5f5f5;flex:0 0 auto}.top-rated-info{display:flex;flex-direction:column;gap:6px;min-width:0}.top-rated-name{font-size:16px;font-weight:700;line-height:1.2;color:var(--text-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.top-rated-prices{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.top-rated-original{color:#b0b0b0;text-decoration:line-through;font-size:14px}.top-rated-price{color:#77b300;font-weight:700;font-size:18px}.top-rated-empty{padding:12px 0;color:var(--text-light);font-size:14px}.filter-group h3{font-size:16px;font-weight:600;margin-bottom:15px;color:var(--primary-dark);display:flex;align-items:center;gap:8px}.filter-group h3:before{content:"";width:3px;height:16px;background:var(--primary-color);border-radius:2px}.category-list{list-style:none}.category-list li{margin-bottom:10px}.category-list label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-color);transition:var(--transition-normal);font-weight:500}.category-list label:hover{color:var(--primary-color);font-weight:600}.category-list input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.price-slider{width:100%;height:6px;border-radius:3px;background:var(--border-color);outline:none;-webkit-appearance:none;appearance:none}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;box-shadow:0 2px 5px #0003}.price-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;box-shadow:0 2px 5px #0003}.price-display{font-size:13px;color:var(--text-light);margin-top:10px}.color-options{display:flex;flex-wrap:wrap;gap:10px}.color-label{position:relative;width:30px;height:30px;cursor:pointer}.color-label input{display:none}.color-box{display:block;width:100%;height:100%;border-radius:4px;border:2px solid var(--border-color);background-color:#ccc;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.color-label input:checked+.color-box{border-color:var(--primary-color);transform:scale(1.1);box-shadow:0 0 0 3px var(--primary-lighter)}.filter-group ul{list-style:none}.filter-group ul li{margin-bottom:10px}.filter-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-color)}.filter-group label span{color:#ff5757}.filter-group input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.shop-main{background-color:var(--bg-color);border-radius:8px;padding:20px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.shop-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--primary-lighter)}.toolbar-left{display:flex;align-items:center;gap:15px}.toolbar-left button{padding:8px 12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:var(--transition-normal);display:flex;align-items:center;gap:6px}.toolbar-left button:hover:not(:disabled){background-color:var(--primary-dark);transform:scale(1.05)}.toolbar-left button:disabled{opacity:.6;cursor:not-allowed}.product-count{font-size:14px;color:var(--text-light);font-weight:500}.sort-options{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.sort-options select{padding:8px 15px;border:2px solid var(--border-color);border-radius:4px;background-color:#fff;cursor:pointer;font-size:14px;transition:var(--transition-normal);accent-color:var(--primary-color)}.sort-options select:hover{border-color:var(--primary-color)}.sort-options select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-lighter)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.no-products{text-align:center;padding:60px 20px}.no-products p{font-size:16px;color:var(--text-light);margin-bottom:20px}@media(max-width:768px){.shop-content{grid-template-columns:1fr}.shop-sidebar{position:static;top:auto}.shop-toolbar{flex-direction:column;align-items:flex-start;gap:15px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.shop-main{padding:15px}}.loading{text-align:center;padding:60px 20px;grid-column:1 / -1}.loading p{font-size:18px;color:var(--text-light);margin-bottom:20px}.loading:after{content:"";display:inline-block;width:40px;height:40px;border:4px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{text-align:center;padding:40px;background:var(--error-light);border-radius:8px;margin:20px;grid-column:1 / -1}.error-message p{color:#c52828;font-size:16px;margin-bottom:20px}.no-products{text-align:center;padding:60px 20px;grid-column:1 / -1}.no-products p{font-size:18px;color:var(--text-light);margin-bottom:20px}.product-detail-page{padding:40px 0;background-color:var(--bg-lighter);min-height:calc(100vh - 200px)}.breadcrumb{font-size:12px;color:var(--text-light);margin-bottom:30px;text-transform:capitalize}.breadcrumb a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:var(--transition-normal)}.breadcrumb a:hover{color:var(--primary-dark);text-decoration:underline}.product-details{display:grid;grid-template-columns:1fr 1fr;gap:40px;background-color:var(--bg-color);padding:30px;border-radius:8px;margin-bottom:40px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.product-images{display:flex;flex-direction:column;gap:15px}.main-image{position:relative;width:100%;padding-bottom:100%;border-radius:8px;overflow:hidden;background-color:var(--bg-light);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.main-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out;cursor:zoom-in}.main-image:hover img{transform:scale(1.15);cursor:zoom-out}.main-image .discount-badge{position:absolute;top:15px;left:15px;background-color:var(--error-color);color:#fff;padding:8px 12px;border-radius:4px;font-weight:600}.thumbnail-images{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.thumbnail-images img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px;border:2px solid var(--border-color);cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.thumbnail-images img:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.thumbnail-images img.active{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-lighter)}.product-info{display:flex;flex-direction:column}.product-category{color:var(--primary-color);font-size:12px;text-transform:uppercase;margin-bottom:10px;font-weight:600;letter-spacing:1px}.product-info h1{font-size:28px;line-height:1.3;margin-bottom:15px;color:var(--text-color);font-weight:600}.rating-section{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:10px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stars{font-size:16px;color:#fdb924;font-weight:600}.rating-text{font-size:14px;color:var(--text-light);font-weight:500}.price-section{display:flex;align-items:center;gap:15px;margin-bottom:20px;border-top:2px solid var(--primary-lighter);border-bottom:2px solid var(--primary-lighter);background:var(--primary-lighter);padding:15px;border-radius:4px}.current-price{font-size:18px;font-weight:700;color:var(--primary-dark)}.original-price{font-size:18px;color:var(--text-light);text-decoration:line-through;margin-left:10px}.discount-text{background:var(--success-color);color:#fff;padding:4px 8px;border-radius:4px;font-weight:600;font-size:12px;margin-left:auto}.description{color:var(--text-light);line-height:1.6;margin-bottom:15px}.product-details-list{font-size:14px;margin-bottom:25px}.product-details-list p{margin-bottom:8px;color:var(--text-color)}.selection-group{margin-bottom:20px}.selection-group label{display:block;font-weight:600;margin-bottom:10px;color:var(--text-color)}.size-options,.color-options{display:flex;gap:10px;flex-wrap:wrap}.size-btn,.color-btn{padding:10px 15px;border:2px solid var(--border-color);background-color:#fff;border-radius:4px;cursor:pointer;transition:all .3s;font-size:14px}.size-btn:hover,.color-btn:hover{border-color:var(--primary-color)}.size-btn.active,.color-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.size-btn.unavailable{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.size-btn.unavailable:hover{border-color:var(--border-color)}.out-of-stock-message{color:var(--error-color);font-size:14px;margin-top:8px;font-weight:500}.reviews-section{background-color:var(--bg-color);padding:40px;border-radius:8px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);margin-bottom:40px}.reviews-section h2{font-size:28px;margin-bottom:30px;color:var(--text-dark)}.reviews-summary{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--border-color)}.rating-summary{display:flex;align-items:center;gap:30px}.average-rating{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.rating-display{font-size:14px;font-weight:600;color:var(--text-dark);background-color:var(--bg-lighter);padding:8px 14px;border-radius:6px;border:1px solid var(--border-color);display:inline-block}.add-review-form{background-color:var(--bg-lighter);padding:30px;border-radius:8px;margin-bottom:40px}.add-review-form h3{margin-bottom:20px;color:var(--text-dark)}.add-review-form .form-group{margin-bottom:20px}.add-review-form label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-dark)}.rating-input{display:flex;gap:10px;margin-bottom:20px}.star-btn{background:none;border:2px solid var(--border-color);font-size:28px;cursor:pointer;width:50px;height:50px;border-radius:4px;transition:all .3s;display:flex;align-items:center;justify-content:center;color:#fdb924}.star-btn:hover{border-color:#fdb924;background-color:#fdb9241a;color:#fdb924}.star-btn.active{border-color:#fdb924;background-color:#fdb924;color:#fff}.add-review-form textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;resize:vertical;font-size:14px}.add-review-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-lighter)}.char-count{font-size:12px;color:var(--text-light);margin-top:5px}.review-submitted-message{background-color:var(--success-color-lighter);color:var(--success-color);padding:15px;border-radius:4px;margin-bottom:30px;font-weight:500}.review-not-eligible{background-color:var(--warning-color-lighter);color:var(--warning-color);padding:15px;border-radius:4px;margin-bottom:30px}.reviews-list{display:flex;flex-direction:column;gap:20px}.review-item{padding:20px;background-color:var(--bg-lighter);border-radius:8px;border-left:4px solid var(--primary-color)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.reviewer-name{font-weight:600;color:var(--text-dark)}.review-date{font-size:12px;color:var(--text-light)}.review-rating{font-size:14px;margin-bottom:10px}.rating-value{color:var(--text-light);font-size:12px}.review-comment{color:var(--text-dark);line-height:1.6;margin:0}.no-reviews{text-align:center;padding:40px;color:var(--text-light);font-style:italic}.quantity-selector{display:flex;align-items:center;gap:10px;border:1px solid var(--border-color);border-radius:4px;width:fit-content}.quantity-selector button{padding:8px 15px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-color)}.quantity-selector input{width:50px;text-align:center;border:none;outline:none;font-size:16px}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0}.btn-lg{padding:15px 20px;font-size:16px;font-weight:600}.shipping-info{background-color:var(--bg-light);padding:20px;border-radius:8px;margin-top:30px}.info-item{display:flex;gap:15px;margin-bottom:15px}.info-item span{font-size:24px;min-width:30px}.info-item strong{display:block;color:var(--text-color);margin-bottom:3px}.info-item p{font-size:12px;color:var(--text-light)}.product-tabs{background-color:#fff;padding:30px;border-radius:8px;margin-bottom:40px}.tab h3{font-size:18px;margin-bottom:15px;color:var(--text-color)}.tab h4{font-size:16px;margin-top:20px;margin-bottom:10px;color:var(--text-color)}.tab ul{list-style-position:inside;color:var(--text-light);line-height:1.8}.related-products{margin-top:40px}.related-products h2{font-size:24px;margin-bottom:20px;color:var(--text-color)}.related-products .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.not-found{text-align:center;padding:60px 0;background-color:#fff;border-radius:8px;margin:40px 0}.not-found p{font-size:18px;color:var(--text-light);margin-bottom:20px}@media(max-width:768px){.product-details{grid-template-columns:1fr;gap:30px;padding:20px}.thumbnail-images{grid-template-columns:repeat(3,1fr)}.product-info h1{font-size:22px}.action-buttons{grid-template-columns:1fr}.related-products .products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.cart-page{min-height:calc(100vh - 200px);padding:40px 0;background-color:var(--bg-lighter)}.cart-page h1{font-size:32px;margin-bottom:30px;color:var(--text-color);padding:20px 0;border-bottom:3px solid var(--primary-color)}.empty-cart{text-align:center;background-color:#fff;padding:60px 30px;border-radius:8px}.empty-cart-icon{font-size:80px;margin-bottom:20px}.empty-cart h2{font-size:24px;color:var(--text-color);margin-bottom:10px}.empty-cart p{color:var(--text-light);margin-bottom:30px}.cart-content{display:grid;grid-template-columns:1fr 350px;gap:30px}.cart-items{background-color:var(--bg-color);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.cart-table{width:100%;border-collapse:collapse}.cart-table thead{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-bottom:2px solid var(--primary-dark)}.cart-table th{padding:15px;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:13px;color:#fff}.cart-table td{padding:15px;border-bottom:1px solid var(--border-color)}.product-cell{display:flex;gap:15px;align-items:flex-start}.product-cell img{width:80px;height:100px;object-fit:cover;border-radius:4px;border:1px solid var(--border-color)}.product-cell h4{font-size:14px;color:var(--text-color);margin-bottom:5px;font-weight:600}.product-cell p{font-size:12px;color:var(--text-light)}.price-cell,.total-cell{text-align:center;font-weight:600;color:var(--text-color)}.quantity-cell{text-align:center}.quantity-cell input{width:60px;padding:8px;border:1px solid var(--border-color);border-radius:4px;text-align:center}.action-cell{text-align:center}.remove-btn{background-color:var(--bg-light);border:none;padding:8px 12px;border-radius:4px;cursor:pointer;color:var(--error-color);font-size:16px;transition:all .3s}.remove-btn:hover{background-color:var(--error-color);color:#fff}.cart-summary{display:flex;flex-direction:column;gap:20px;height:fit-content;position:sticky;top:200px}.summary-card,.coupon-card{background:linear-gradient(135deg,var(--primary-lighter) 0%,var(--bg-light) 100%);padding:20px;border-radius:8px;border:2px solid var(--primary-color);box-shadow:var(--shadow-md)}.summary-card h3,.coupon-card h4{font-size:18px;margin-bottom:15px;color:var(--primary-dark);font-weight:600;display:flex;align-items:center;gap:10px}.summary-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px;color:var(--text-color)}.summary-row span:nth-child(2){font-weight:500}.shipping-fee{font-size:12px;color:var(--text-light)}.shipping-fee.free{color:var(--success-color);font-weight:600}.summary-row.total{font-size:16px;font-weight:700;color:var(--primary-dark);padding-top:15px;border-top:2px solid var(--primary-lighter)}.btn-block{width:100%;padding:12px;margin-bottom:10px;display:block;text-align:center;text-decoration:none;border-radius:4px;font-weight:600;transition:var(--transition-normal);text-transform:uppercase;letter-spacing:.5px;font-size:13px}.btn-block:last-of-type{margin-bottom:0}.btn-block.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:var(--shadow-md)}.btn-block.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background-color:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background-color:var(--primary-lighter);border-color:var(--primary-dark)}.coupon-card input{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;margin-bottom:10px}@media(max-width:768px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static;top:auto}.cart-table{font-size:12px}.cart-table th,.cart-table td{padding:10px}.product-cell{flex-direction:column}.product-cell img{width:100%;height:auto}.cart-table tr:nth-child(n+4){display:none}}.wishlist-page{padding:40px 0;min-height:calc(100vh - 300px);background-color:var(--bg-light)}.wishlist-page h1{font-size:32px;color:var(--text-color);margin-bottom:10px;font-weight:600}.wishlist-count{color:var(--text-light);font-size:16px;margin-bottom:30px}.empty-wishlist{text-align:center;padding:60px 20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.empty-wishlist-icon{font-size:80px;margin-bottom:20px}.empty-wishlist h2{font-size:28px;margin-bottom:10px;color:var(--text-color)}.empty-wishlist p{font-size:16px;color:var(--text-light);margin-bottom:30px}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:40px}.wishlist-item{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.wishlist-item:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.wishlist-item-image{position:relative;width:100%;height:250px;overflow:hidden;background-color:var(--bg-light)}.wishlist-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.wishlist-item:hover .wishlist-item-image img{transform:scale(1.05)}.wishlist-item-image a{display:block;width:100%;height:100%}.discount-badge{position:absolute;top:10px;right:10px;background-color:var(--primary-color);color:#fff;padding:4px 8px;border-radius:4px;font-weight:600;font-size:12px}.wishlist-item-info{padding:16px;flex:1;display:flex;flex-direction:column}.product-category{color:var(--text-light);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.product-name{color:inherit;text-decoration:none;margin-bottom:8px}.product-name h3{font-size:16px;color:var(--text-color);margin:0;line-height:1.4;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.product-rating{font-size:13px;color:var(--text-light);margin-bottom:12px}.product-price{display:flex;gap:8px;margin-bottom:12px;align-items:center}.current-price{font-size:18px;font-weight:600;color:var(--primary-color)}.original-price{font-size:14px;color:var(--text-light);text-decoration:line-through}.product-stock{margin-bottom:12px;font-size:13px;font-weight:500}.in-stock{color:var(--success-color)}.out-of-stock{color:var(--error-color)}.wishlist-actions{display:flex;gap:8px;margin-top:auto}.btn-sm{padding:8px 12px;font-size:13px;border-radius:4px;flex:1;text-align:center;transition:all .3s ease}.btn-primary.btn-sm{background-color:var(--primary-color);color:#fff}.btn-primary.btn-sm:hover:not(:disabled){background-color:var(--primary-dark)}.btn-primary.btn-sm:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary.btn-sm{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-secondary.btn-sm:hover{background-color:var(--bg-light)}.wishlist-footer{text-align:center;padding-top:20px;border-top:1px solid var(--border-color)}@media(max-width:768px){.wishlist-page{padding:20px 0}.wishlist-page h1{font-size:24px}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.wishlist-item-image{height:200px}.wishlist-item-info{padding:12px}.product-name h3{font-size:14px}.current-price{font-size:16px}.wishlist-actions{flex-direction:column;gap:6px}.btn-sm{width:100%}}@media(max-width:480px){.wishlist-page{padding:16px 0}.wishlist-page h1{font-size:20px}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.wishlist-item-image{height:150px}.wishlist-item-info{padding:10px}.product-name h3{font-size:12px;min-height:2.4em}.product-category{font-size:10px}.product-rating{font-size:11px}.current-price{font-size:14px}.original-price{font-size:12px}.empty-wishlist{padding:40px 15px}.empty-wishlist-icon{font-size:60px;margin-bottom:15px}.empty-wishlist h2{font-size:20px}.empty-wishlist p{font-size:14px}}.checkout-page{min-height:calc(100vh - 200px);padding:40px 0;background-color:var(--bg-lighter)}.auth-required-message{display:flex;align-items:center;justify-content:center;min-height:400px;padding:20px}.auth-card{background:#fff;border-radius:12px;padding:50px 40px;box-shadow:0 4px 20px #0000001a;max-width:450px;text-align:center}.auth-card h2{font-size:28px;color:var(--text-color);margin-bottom:15px;font-weight:700}.auth-card p{color:var(--text-light);margin-bottom:10px;font-size:14px;line-height:1.5}.auth-subtext{font-size:13px;margin-bottom:30px;color:#999}.auth-buttons-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.auth-buttons-container .btn{padding:12px 20px;border-radius:8px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease}.auth-buttons-container .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.auth-buttons-container .btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.auth-buttons-container .btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.auth-buttons-container .btn-secondary:hover{background-color:#f9f9f9}.auth-footer{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.auth-footer a{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s}.auth-footer a:hover{color:#764ba2;text-decoration:underline}.checkout-page h1{font-size:32px;margin-bottom:30px;color:var(--text-color);padding:20px 0;border-bottom:3px solid var(--primary-color)}.progress-steps{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:40px}.step{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number{width:40px;height:40px;border-radius:50%;background-color:var(--border-light);color:var(--text-light);display:flex;align-items:center;justify-content:center;font-weight:600;transition:var(--transition-normal);border:2px solid var(--border-color)}.step.active .step-number{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:scale(1.1)}.step-label{font-size:12px;color:var(--text-light);text-align:center}.step.active .step-label{color:var(--primary-color);font-weight:600}.step-line{flex:1;height:2px;background-color:var(--border-color);max-width:80px;transition:background-color .3s}.step-line.active{background-color:var(--primary-color)}.checkout-content{display:grid;grid-template-columns:1fr 350px;gap:30px;margin-bottom:30px}.checkout-form{background-color:var(--bg-color);padding:30px;border-radius:8px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.checkout-section h2{font-size:22px;margin-bottom:25px;color:var(--primary-dark);font-weight:600;display:flex;align-items:center;gap:10px}.checkout-section h2:before{content:"";width:4px;height:24px;background:var(--primary-color);border-radius:2px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.form-group label{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-color);text-transform:capitalize}.form-group input,.form-group select{padding:12px;border:2px solid var(--border-color);border-radius:4px;font-size:14px;transition:var(--transition-normal);background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-lighter)}.shipping-options{display:flex;flex-direction:column;gap:15px}.shipping-option{display:flex;gap:15px;align-items:flex-start;padding:15px;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;transition:var(--transition-normal);background:var(--bg-color)}.shipping-option:hover{border-color:var(--primary-color);background-color:var(--primary-lighter);box-shadow:var(--shadow-sm)}.shipping-option input[type=radio]{width:20px;height:20px;margin-top:5px;cursor:pointer;accent-color:var(--primary-color);flex-shrink:0}.shipping-option input[type=radio]:checked+.shipping-method strong{color:var(--primary-dark);font-weight:700}.shipping-method{flex:1}.shipping-method strong{display:block;font-size:14px;color:var(--text-color);margin-bottom:5px}.shipping-method p{font-size:12px;color:var(--text-light)}.checkout-summary{height:fit-content;position:sticky;top:200px}.summary-card{background:linear-gradient(135deg,var(--primary-lighter) 0%,var(--bg-light) 100%);padding:20px;border-radius:8px;border:2px solid var(--primary-color);box-shadow:var(--shadow-md)}.summary-card h3{font-size:18px;margin-bottom:20px;color:var(--primary-dark);font-weight:600;display:flex;align-items:center;gap:10px}.summary-card h3:before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}.summary-items{max-height:300px;overflow-y:auto;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.summary-item{display:grid;grid-template-columns:60px 1fr 60px;gap:10px;align-items:center;margin-bottom:15px}.summary-item img{width:60px;height:80px;object-fit:cover;border-radius:4px}.item-name{font-size:12px;line-height:1.4;color:var(--text-color);margin-bottom:3px}.item-qty{font-size:11px;color:var(--text-light)}.item-price{font-size:12px;font-weight:600;color:var(--text-color);text-align:right}.summary-section{margin-top:15px}.summary-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px;color:var(--text-color)}.summary-divider{height:1px;background-color:var(--border-color);margin:15px 0}.summary-row.total{font-size:16px;font-weight:700}.checkout-actions{display:flex;gap:15px;justify-content:flex-end}.checkout-actions .btn{padding:12px 30px;font-size:16px;font-weight:600}@media(max-width:768px){.checkout-content{grid-template-columns:1fr}.checkout-summary{position:static;top:auto}.progress-steps{gap:10px}.step-label{font-size:10px}.step-line{max-width:30px}.form-row{grid-template-columns:1fr}.checkout-form{padding:20px}.checkout-actions{flex-direction:column}.checkout-actions .btn{width:100%}}.payment-page{min-height:calc(100vh - 200px);padding:40px 0;background-color:var(--bg-lighter)}.payment-page h1{font-size:32px;margin-bottom:30px;color:var(--text-color);font-weight:600;padding:20px 0;border-bottom:3px solid var(--primary-color)}.payment-content{display:grid;grid-template-columns:1fr 350px;gap:30px}.payment-form-section{background-color:var(--bg-color);padding:30px;border-radius:8px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.payment-methods{margin-bottom:30px}.payment-methods h3{font-size:18px;margin-bottom:20px;color:var(--primary-dark);font-weight:600;display:flex;align-items:center;gap:10px}.payment-methods h3:before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}.method-options{display:flex;flex-direction:column;gap:15px}.method-option{display:flex;align-items:center;gap:15px;padding:15px;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;transition:var(--transition-normal);background:var(--bg-color)}.method-option:hover{border-color:var(--primary-color);background-color:var(--primary-lighter);box-shadow:var(--shadow-sm)}.method-option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color);flex-shrink:0}.method-option input[type=radio]:checked+span{color:var(--primary-color);font-weight:600}.method-option span{font-size:14px;color:var(--text-color)}.payment-details{margin-bottom:30px;padding-top:30px;border-top:1px solid var(--border-color)}.payment-details h3{font-size:18px;margin-bottom:20px;color:var(--text-color)}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{font-size:14px;font-weight:500;margin-bottom:8px;color:var(--text-color)}.form-group input,.form-group select,.bank-select{padding:12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.bank-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #d4a5741a}.cod-message{padding:20px;background-color:var(--bg-light);border-radius:4px;border-left:4px solid var(--primary-color)}.cod-message p{color:var(--text-color);font-size:14px;margin:0}.btn-lg{padding:15px;font-size:16px;font-weight:600;width:100%;margin-top:10px}.btn-block{display:block;text-align:center}.order-summary-section{height:fit-content;position:sticky;top:200px}.summary-card{background-color:#fff;padding:20px;border-radius:8px}.summary-card h3{font-size:18px;margin-bottom:20px;color:var(--text-color)}.order-total{text-align:center;padding:20px 0;border-bottom:1px solid var(--border-color);margin-bottom:20px}.total-amount{font-size:32px;font-weight:700;color:var(--primary-color);margin:0 0 5px}.total-text{font-size:12px;color:var(--text-light);margin:0}.payment-info{margin-bottom:15px}.info-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px;color:var(--text-color)}.info-value{font-weight:600}.security-info{padding:15px;background-color:#e8f5e9;border-radius:4px;text-align:center;margin-top:15px}.security-info p{margin:0;font-size:12px;color:#2e7d32}.order-success{background-color:#fff;padding:40px 30px;border-radius:8px;text-align:center;max-width:500px;margin:40px auto}.success-icon{width:80px;height:80px;margin:0 auto 20px;background-color:var(--success-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px}.order-success h1{font-size:28px;color:var(--text-color);margin-bottom:10px}.success-message{font-size:16px;color:var(--text-light);margin-bottom:30px}.order-info{background-color:var(--bg-light);padding:20px;border-radius:4px;margin-bottom:20px;text-align:left}.info-item{display:flex;justify-content:space-between;margin-bottom:12px}.info-item:last-child{margin-bottom:0}.info-label{color:var(--text-light);font-size:13px}.info-value{font-weight:600;color:var(--text-color)}.info-value.success{color:var(--success-color)}.order-message{text-align:center;margin-bottom:30px;padding:20px;background-color:var(--bg-light);border-radius:4px}.order-message p{font-size:13px;color:var(--text-color);margin-bottom:8px}.order-message p:last-child{margin-bottom:0}.success-actions{display:grid;grid-template-columns:1fr 1fr;gap:15px}.success-actions .btn{padding:12px}@media(max-width:768px){.payment-content{grid-template-columns:1fr}.order-summary-section{position:static;top:auto}.payment-form-section{padding:20px}.form-row,.success-actions{grid-template-columns:1fr}.order-success{margin:20px auto;padding:20px}}.payment-success-page{padding:40px 0}.payment-success-card{background:#fff;border-radius:12px;padding:24px}.status{margin-top:16px;padding:16px;border-radius:12px}.status-icon{font-size:32px;margin-bottom:8px}.status.success{border:1px solid #d1fae5}.status.pending{border:1px solid #fde68a}.status.failed{border:1px solid #fecaca}.meta{margin-top:12px;font-size:14px;opacity:.9}.actions{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.my-orders-page{padding:40px 0}.my-orders-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.orders-list{margin-top:16px;display:grid;gap:12px}.order-card{background:#fff;border-radius:12px;padding:16px}.order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.order-id{font-weight:700}.order-meta{font-size:13px;opacity:.8}.order-status{padding:6px 10px;border-radius:999px;font-size:13px;text-transform:capitalize;background:#f3f4f6}.order-summary{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.order-actions{margin-top:12px;display:flex;justify-content:flex-end}.orders-empty,.orders-error{background:#fff;border-radius:12px;padding:16px;margin-top:16px}.orders-actions{margin-top:12px;display:flex;gap:12px}.order-details-page{padding:40px 0}.order-details-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.order-details-card{background:#fff;border-radius:12px;padding:16px;margin-top:16px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-bottom:16px}.items{display:grid;gap:10px;margin:10px 0 16px}.item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:10px;background:#f9fafb;flex-wrap:wrap}.item-name{font-weight:700}.item-meta{font-size:13px;opacity:.85}.shipping,.payment{display:grid;gap:6px;margin-top:10px}.login-page{min-height:calc(100vh - 280px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}.login-container{width:100%;max-width:450px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:50px 40px;animation:slideUp .5s ease-out}.login-title{font-size:28px;font-weight:700;color:#333;margin:0 0 10px;text-align:center}.login-subtitle{text-align:center;color:#666;margin:0 0 30px;font-size:14px}.login-form{display:flex;flex-direction:column;gap:16px}@media(max-width:480px){.login-card{padding:35px 25px}.login-title{font-size:24px}.login-form{gap:14px}}.register-page{min-height:calc(100vh - 280px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}.register-container{width:100%;max-width:500px}.register-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:50px 40px;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.register-title{font-size:28px;font-weight:700;color:#333;margin:0 0 10px;text-align:center}.register-subtitle{text-align:center;color:#666;margin:0 0 30px;font-size:14px}.error-message{padding:12px 14px;background-color:#fee;border-left:4px solid #d32f2f;border-radius:4px;color:#c62828;font-size:13px;display:flex;align-items:flex-start;gap:8px;margin-bottom:20px;animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-icon{font-size:16px;flex-shrink:0;margin-top:2px}.register-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px}.form-group input{padding:11px 13px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s ease;background-color:#f9f9f9;width:100%;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{opacity:.6;cursor:not-allowed;background-color:#f0f0f0}.form-group input.input-error{border-color:#d32f2f;background-color:#fff5f5}.field-error{font-size:12px;color:#d32f2f;font-weight:500}.password-wrapper{position:relative;display:flex;align-items:stretch}.password-wrapper input{flex:1;padding-right:44px}.toggle-button{position:absolute;right:0;top:0;bottom:0;background:none;border:none;cursor:pointer;width:44px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666;transition:color .2s;padding:0}.toggle-button:hover:not(:disabled){color:#333}.toggle-button:disabled{cursor:not-allowed;opacity:.5}.submit-button{padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px;text-transform:uppercase;letter-spacing:.5px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.submit-button:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid #e0e0e0}.auth-footer p{margin:0;color:#666;font-size:13px}.auth-footer .link{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s}.auth-footer .link:hover{color:#764ba2;text-decoration:underline}@media(max-width:480px){.register-card{padding:35px 25px}.register-title{font-size:24px}.register-form{gap:14px}}.contact-page{min-height:100vh}.contact-hero{background-image:url(/images/banner-bg.png);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:80px 0;border-radius:8px;position:relative;width:100%;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.contact-hero:before{content:"";position:absolute;inset:0;background-color:#fff;opacity:.85;border-radius:8px}.contact-hero h1{font-size:48px;margin-bottom:15px;font-weight:700;position:relative;z-index:1;color:#ff5757}.contact-hero p{font-size:18px;opacity:.95;max-width:600px;margin:0 auto;position:relative;z-index:1;color:#000}.contact-content{padding:0 20px 80px;margin:60px 0}.contact-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.contact-form-section h2{font-size:32px;margin-bottom:30px;color:var(--text-dark)}.contact-form{background:#fff;padding:40px;border-radius:8px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.form-group{margin-bottom:25px}.form-group label{display:block;font-weight:600;margin-bottom:10px;color:var(--text-color);font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit;transition:all .3s;background-color:#f9f9f9}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #ff57571a}.form-group textarea{resize:vertical;min-height:150px}.submit-btn{width:100%;padding:12px 20px;background-color:#ff5757;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit}.submit-btn:hover{background-color:#000;color:#fff}.submit-btn:disabled{background-color:#ccc;color:#777;cursor:not-allowed;opacity:.6}.success-message{background:#d4edda;color:#155724;padding:15px 20px;border-radius:6px;margin-bottom:25px;border:1px solid #c3e6cb;font-weight:500}.contact-info-section h2{font-size:32px;margin-bottom:30px;color:var(--text-dark)}.map-container{margin-bottom:40px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-md)}.contact-details{display:grid;grid-template-columns:1fr;gap:25px}.contact-item{padding:20px;background:#fff;border-radius:8px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.contact-item h3{font-size:18px;margin-bottom:12px;color:var(--text-dark);font-weight:600}.contact-item p{color:var(--text-light);line-height:1.8;font-size:14px;margin-bottom:10px}.contact-item a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s}.contact-item a:hover{color:var(--primary-dark);text-decoration:underline}@media(max-width:768px){.contact-container{grid-template-columns:1fr;gap:40px}.contact-hero h1{font-size:36px}.contact-form{padding:25px}.contact-form-section h2,.contact-info-section h2{font-size:24px}.contact-details{grid-template-columns:1fr}.map-container iframe{height:300px!important}}@media(max-width:480px){.contact-hero{padding:40px 15px}.contact-hero h1{font-size:28px}.contact-hero p{font-size:16px}.contact-content{padding:0 15px 50px}.contact-container{gap:30px}.contact-form{padding:20px}}.policy-hero{background-image:url(/images/banner-bg.png);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:80px 0;border-radius:8px;position:relative;width:100%;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.policy-hero{background-image:url(/images/banner-bg.png);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:80px 0;border-radius:8px;position:relative;width:100%;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.policy-page{min-height:100vh}.policy-hero{background-image:url(/images/banner-bg.png);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:80px 0;border-radius:8px;position:relative;width:100%;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.policy-hero:before{content:"";position:absolute;inset:0;background-color:#fff;opacity:.85;border-radius:8px}.policy-hero h1{font-size:48px;margin-bottom:15px;font-weight:700;position:relative;z-index:1;color:#ff5757}.policy-hero p{font-size:18px;opacity:.95;max-width:600px;margin:0 auto;position:relative;z-index:1;color:#000}.policy-content{padding:60px 20px 80px;background-color:#f9f9f9}.policy-container{max-width:900px;margin:0 auto}.policy-section{background:#fff;padding:40px;margin-bottom:30px;border-radius:8px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.policy-section h2{font-size:32px;margin-bottom:25px;color:var(--text-dark);font-weight:700;border-bottom:3px solid #ff5757;padding-bottom:15px}.policy-section h3{font-size:20px;margin-top:20px;margin-bottom:12px;color:var(--text-color);font-weight:600}.policy-section h3:first-child{margin-top:0}.policy-text p{color:var(--text-light);line-height:1.8;font-size:14px;margin-bottom:15px}.policy-text ul{list-style:none;padding-left:0;margin-bottom:15px}.policy-text li{color:var(--text-light);line-height:1.8;font-size:14px;padding-left:25px;margin-bottom:10px;position:relative}.policy-text li:before{content:"✓";position:absolute;left:0;color:#ff5757;font-weight:700;font-size:16px}.policy-text strong{color:var(--text-dark);font-weight:600}@media(max-width:768px){.policy-hero h1{font-size:36px}.policy-hero p{font-size:16px}.policy-section{padding:25px}.policy-section h2{font-size:24px}.policy-section h3{font-size:18px}}@media(max-width:480px){.policy-hero{padding:40px 20px}.policy-hero h1{font-size:28px}.policy-hero p{font-size:14px}.policy-content{padding:30px 15px 50px}.policy-section{padding:15px;margin-bottom:20px}.policy-section h2{font-size:20px}.policy-section h3{font-size:16px}.policy-text p,.policy-text li{font-size:13px}}.track-order-page{padding:40px 0 60px;min-height:70vh}.track-order-header{text-align:center;margin-bottom:20px}.track-order-header h1{margin:0 0 6px}.track-order-header p{margin:0;color:var(--text-light)}.track-order-card{max-width:720px;margin:0 auto;background:#fff;border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-sm);padding:18px}.track-order-form{display:flex;flex-direction:column;gap:14px}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{font-size:13px;font-weight:700;color:var(--text-dark)}.form-row input{height:44px;border-radius:8px;border:1px solid var(--border-color);padding:0 12px;font-size:14px;outline:none}.form-row input:focus{border-color:var(--primary-color)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.track-order-error{background:#e74c3c14;border:1px solid rgba(231,76,60,.25);color:var(--danger-color);padding:10px 12px;border-radius:8px;font-size:13px}.track-order-result{max-width:720px;margin:16px auto 0}.result-card{background:#fff;border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-sm);padding:16px}.result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.result-order-id{font-weight:800;color:var(--text-dark)}.result-meta{color:var(--text-light);font-size:12px;margin-top:4px}.result-status{text-transform:capitalize;font-weight:800;font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:#f6f6f6;white-space:nowrap}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;color:var(--text-color);font-size:14px}.result-shipping{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-color)}.result-shipping h3{margin:0 0 10px;font-size:13px;font-weight:800;color:var(--text-dark);text-transform:uppercase;letter-spacing:.4px}@media(max-width:768px){.form-grid,.result-grid{grid-template-columns:1fr}}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-box{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:400px;padding:40px}.login-header{text-align:center;margin-bottom:30px}.login-header h1{font-size:28px;color:var(--primary-color);margin:0 0 8px}.login-header p{color:#666;margin:0;font-size:14px}.error-message{background:#ffebee;color:#c62828;padding:12px;border-radius:4px;margin-bottom:20px;font-size:14px;border-left:4px solid #c62828}form{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.form-group input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #d4a5741a}.login-btn{background:var(--primary-color);color:#fff;padding:12px;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s}.login-btn:hover{background:var(--primary-dark)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:20px;padding-top:20px;border-top:1px solid #eee;text-align:center}.login-footer p{margin:0 0 8px;color:#666;font-size:12px}.demo-creds{font-family:Courier New,monospace;color:var(--primary-color);font-weight:600}.admin-layout{display:flex;height:100vh;background:#f5f5f5;overflow:hidden}.admin-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-width:0}.admin-sidebar{width:280px;background:linear-gradient(180deg,#2c3e50,#34495e);color:#fff;display:flex;flex-direction:column;padding-top:0;position:fixed;left:0;top:0;height:100vh;overflow:hidden;box-shadow:2px 0 10px #0000001a;transition:width .3s ease;z-index:100}.admin-sidebar.closed{width:70px}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-sidebar.closed .sidebar-header{padding:14px 0;justify-content:center}.admin-sidebar.closed .sidebar-header h1{display:none}.sidebar-header h1{margin:0;font-size:20px;font-weight:700;color:var(--primary-color);flex:1}.admin-badge{background:var(--primary-color);padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;white-space:nowrap}.admin-sidebar.closed .admin-badge{display:none}.toggle-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:4px 8px;transition:transform .3s}.toggle-btn:hover{transform:scale(1.1)}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:20px 0;overflow-y:auto;overflow-x:hidden}.nav-item{display:flex;align-items:center;gap:15px;padding:12px 20px;color:#ffffffb3;text-decoration:none;transition:all .3s;white-space:nowrap;overflow:hidden}.nav-item:hover{color:#fff;background:#ffffff1a;padding-left:24px}.nav-item.active{color:#fff;background:var(--primary-color);padding-left:24px;border-right:4px solid white}.nav-item .icon{font-size:18px;min-width:24px}.nav-item .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.admin-sidebar.closed .nav-item .label{display:none}.admin-sidebar.closed .nav-item{justify-content:center;padding:12px 0;gap:0}.admin-sidebar.closed .nav-item:hover,.admin-sidebar.closed .nav-item.active{padding-left:0}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px}.admin-sidebar.closed .sidebar-footer{padding:12px 8px;flex-direction:column;justify-content:center;gap:10px}.user-info{display:flex;align-items:center;gap:12px;flex:1}.user-avatar{width:36px;height:36px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.admin-sidebar.closed .user-avatar{width:32px;height:32px;font-size:14px}.user-details{min-width:0}.user-name{margin:0;font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{margin:2px 0 0;font-size:11px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:6px;transition:opacity .3s}.logout-btn:hover{opacity:.7}.admin-sidebar.closed .user-details{display:none}.admin-main{margin-left:280px;transition:margin-left .3s ease}.admin-sidebar.closed~.admin-main{margin-left:70px}@media(max-width:768px){.admin-sidebar,.admin-sidebar.closed{width:70px}.admin-sidebar .label,.admin-sidebar .admin-badge,.admin-sidebar .user-details{display:none}.admin-main{margin-left:70px}}.admin-header{background:#fff;padding:30px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;box-shadow:0 2px 4px #0000000d}.header-content h1{margin:0 0 8px;font-size:28px;color:#333}.header-content p{margin:0;color:#666;font-size:14px}.header-time{display:flex;align-items:center;gap:10px;color:#999;font-size:14px;white-space:nowrap}@media(max-width:768px){.admin-header{flex-direction:column;padding:20px}.admin-header h1{font-size:22px}}.stat-card{background:#fff;border-radius:8px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #0000000d;border-left:4px solid var(--primary-color);transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.stat-card.stat-blue{border-left-color:#4e7bff}.stat-card.stat-green{border-left-color:#51cf66}.stat-card.stat-purple{border-left-color:#9775fa}.stat-card.stat-red{border-left-color:#ff6b6b}.stat-icon{font-size:40px;min-width:60px;text-align:center}.stat-content{flex:1}.stat-label{margin:0;font-size:13px;color:#999;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{margin:8px 0 0;font-size:28px;font-weight:700;color:#333}.stat-trend{margin:4px 0 0;font-size:12px;color:#51cf66;font-weight:500}@media(max-width:768px){.stat-card{gap:12px;padding:16px}.stat-icon{font-size:32px;min-width:48px}.stat-value{font-size:22px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:30px}.recent-orders{padding:30px;background:#fff;margin:20px 30px 30px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.recent-orders h2{margin:0 0 20px;font-size:18px;color:#333}.orders-table{overflow-x:auto}.orders-table table{width:100%;border-collapse:collapse}.orders-table thead{background:#f5f5f5}.orders-table th{padding:12px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;border-bottom:2px solid #eee}.orders-table td{padding:12px;border-bottom:1px solid #eee;font-size:14px}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;background:#999}.loading{padding:60px 30px;text-align:center;color:#999;font-size:16px}@media(max-width:768px){.stats-grid{grid-template-columns:1fr;padding:15px}.recent-orders{margin:15px;padding:20px}.orders-table th,.orders-table td{padding:8px;font-size:12px}}.add-btn{background:var(--primary-color);color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background .3s}.add-btn:hover{background:var(--primary-dark)}.products-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.products-table thead{background:#f5f5f5}.products-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;border-bottom:2px solid #eee}.products-table td{padding:12px 16px;border-bottom:1px solid #eee;font-size:14px}.product-id{font-family:Courier New,monospace;font-size:12px;color:#666;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-id code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:11px}.low-stock{background:#ffe5e5;color:#c62828;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.action-buttons{display:flex;gap:8px}.edit-btn,.delete-btn{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s}.edit-btn{color:var(--primary-color);border-color:var(--primary-color)}.edit-btn:hover{background:#d4a5741a}.delete-btn{color:#c62828;border-color:#c62828}.delete-btn:hover{background:#ffe5e5}.btn-view,.btn-edit,.btn-delete{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s;margin-right:4px}.btn-edit{background:#4caf50;color:#fff}.btn-edit:hover{background:#45a049}.btn-delete{background:#f44336;color:#fff}.btn-delete:hover{background:#da190b}.products-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.products-actions{display:flex;align-items:center;gap:12px}.bulk-actions{display:flex;align-items:center;gap:10px}.selected-count{font-size:13px;color:#666}.delete-btn:disabled,.btn-delete:disabled{opacity:.6;cursor:not-allowed}.select-col,.select-cell{width:40px}.product-form-container{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding:20px;overflow:auto}.form-overlay{position:absolute;inset:0;background:#0009}.product-form{position:relative;z-index:1;width:100%;max-width:980px;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:8px;padding:24px;box-shadow:0 20px 60px #0000004d}.product-form h2{margin:0 0 16px;font-size:22px;color:#333}@media(max-width:768px){.product-form-container{padding:12px}.product-form{padding:16px;max-height:calc(100vh - 24px)}}.product-form .form-row:not(.checkbox-row){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-form .form-row:not(.checkbox-row) .form-group{margin-bottom:0}.product-form .form-row:not(.checkbox-row) small{display:block;margin-top:6px;font-size:12px;color:var(--text-light)}@media(max-width:900px){.product-form .form-row:not(.checkbox-row){grid-template-columns:1fr}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.color-picker-container{display:flex;flex-direction:column;gap:12px}.color-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:8px}.color-swatch{width:32px;height:32px;border:2px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s;padding:0}.color-swatch:hover{transform:scale(1.1);border-color:var(--primary-color)}.color-swatch.active{border-color:var(--primary-color);box-shadow:0 0 0 2px #d4a57433}.color-picker-input-group{display:flex;align-items:center;gap:10px}.color-picker-input{width:50px;height:40px;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:2px}.color-picker-input:hover{border-color:var(--primary-color)}.color-value{padding:8px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-size:13px;min-width:100px;flex:1}.form-actions{display:flex;gap:10px;margin-top:30px}.checkbox-row{display:flex;gap:20px;align-items:center}.checkbox-group{margin-bottom:0;flex:1}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;margin-bottom:0}.checkbox-label input[type=checkbox]{width:auto;min-width:18px;height:18px;margin:0;cursor:pointer}.sizes-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;margin-top:8px}.sizes-checkbox-grid .checkbox-label{padding:8px 12px;border:2px solid #ddd;border-radius:4px;transition:all .2s;margin-bottom:0}.sizes-checkbox-grid .checkbox-label:hover{border-color:var(--primary-color);background:#d4a5740d}.sizes-checkbox-grid .checkbox-label input[type=checkbox]:checked{accent-color:var(--primary-color)}.modal-btn{flex:1;padding:10px;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s}.modal-save{background:var(--primary-color);color:#fff}.modal-save:hover{background:var(--primary-dark)}.modal-cancel{background:#eee;color:#333}.modal-cancel:hover{background:#ddd}.error-msg{background:#ffe5e5;padding:12px;border-radius:4px;margin-bottom:20px;color:#c62828;font-size:13px}.success-msg{background:#e8f5e9;color:#2e7d32;padding:12px;border-radius:4px;margin-bottom:20px;font-size:13px}.images-input-group{display:flex;flex-direction:column;gap:25px;margin-bottom:20px}.image-input-wrapper{border:1px solid #eee;border-radius:6px;overflow:hidden}.image-input-tabs{display:flex;gap:0;border-bottom:1px solid #eee;background:#f9f9f9}.image-input-tab{flex:1;position:relative}.image-url-input,.image-file-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.tab-label{display:block;padding:12px 16px;cursor:pointer;font-weight:500;font-size:13px;border-right:1px solid #eee;text-align:center;transition:background-color .3s}.image-input-tab:last-child .tab-label{border-right:none}.image-input-tab:not(.file-upload) input[type=url]:not([style*="display: none"])~.tab-label{background:#fff;color:var(--primary-color);border-bottom:3px solid var(--primary-color)}.image-input-tab.file-upload input[type=file]:not([style*="display: none"])~.tab-label{background:#fff;color:var(--primary-color);border-bottom:3px solid var(--primary-color)}.image-input-tab .tab-label:hover{background:#f0f0f0}.image-preview{padding:15px;text-align:center;background:#fff}.image-preview img{max-width:100%;max-height:250px;object-fit:contain;border-radius:4px}.features-input-group{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.feature-input-wrapper{display:flex;gap:8px;align-items:center}.feature-input-wrapper input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit}.feature-input-wrapper input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff57571a}.feature-input-wrapper input::placeholder{color:#999}.btn-remove-feature{background:#ff5757;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:14px;font-weight:600;transition:background .3s;min-width:40px}.btn-remove-feature:hover{background:#e63946}@media(max-width:768px){.admin-content{padding:15px}.content-header{flex-direction:column;align-items:stretch}.products-table{font-size:12px}.products-table th,.products-table td{padding:8px}}.btn-view{background:#4caf50;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s;margin-right:5px}.btn-view:hover{background:#45a049}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #eee;position:sticky;top:0;background:#fff}.modal-header h3{margin:0;font-size:20px;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .3s}.modal-close:hover{color:#333}.modal-body{padding:20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-item{display:flex;flex-direction:column}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-weight:600;color:#666;font-size:12px;text-transform:uppercase;margin-bottom:8px;display:block}.detail-item p{margin:0;padding:8px;background:#f9f9f9;border-radius:4px;color:#333;font-size:14px;line-height:1.5}.product-id-full{background:#f0f0f0;padding:8px 12px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;color:#333;word-break:break-all;display:block;margin-bottom:8px}.id-section{display:flex;gap:10px;align-items:flex-start}.id-section .product-id-full{flex:1;margin-bottom:0}.copy-btn{background:#2196f3;color:#fff;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap;transition:background .3s}.copy-btn:hover{background:#1976d2}.product-images-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.image-preview{border:1px solid #ddd;border-radius:4px;overflow:hidden;aspect-ratio:1}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:2px solid #eee;position:sticky;bottom:0;background:#fff}.modal-footer .btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s}.modal-footer .btn-primary{background:#ff5757;color:#fff}.modal-footer .btn-primary:hover{background:#e63946}.modal-footer .btn-secondary{background:#f0f0f0;color:#333}.modal-footer .btn-secondary:hover{background:#e0e0e0}.orders-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 30px 0;flex-wrap:wrap}.status-filter{display:flex;align-items:center}.order-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#666;font-size:13px}.order-stats .stat{background:#fff;border:1px solid #eee;padding:8px 12px;border-radius:20px;box-shadow:0 2px 8px #00000008}.search-filter-group{display:flex;gap:15px;flex-wrap:wrap}.search-input,.filter-select{padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.search-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-color)}.orders-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.stat-card p{margin:0 0 8px;color:#666;font-size:12px;text-transform:uppercase}.stat-card .value{margin:0;font-size:24px;font-weight:700;color:#333}.orders-container{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start;padding:20px 30px 30px}.orders-list{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.orders-list table{width:100%;border-collapse:collapse}.orders-list thead{background:#f5f5f5}.orders-list th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;border-bottom:2px solid #eee;white-space:nowrap}.orders-list td{padding:12px 16px;border-bottom:1px solid #eee;font-size:14px;vertical-align:top}.orders-list tbody tr:hover{background:#fafafa}.order-row .customer{font-weight:600;color:#333}.order-id{font-family:Courier New,monospace;color:var(--primary-color);font-weight:600}.customer-info{display:flex;flex-direction:column;gap:2px}.customer-name{font-weight:600;color:#333}.customer-email{font-size:12px;color:#999}.amount{font-weight:600;color:#333}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;background:#999;text-transform:capitalize;white-space:nowrap}.btn-view{background:#d4a5741f;border:1px solid rgba(212,165,116,.35);color:#8a5a2b;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn-view:hover{background:#d4a5742e}.empty-state{padding:30px;text-align:center;color:#999}.order-details{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden;position:sticky;top:20px;max-height:calc(100vh - 40px);display:flex;flex-direction:column}.details-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #eee}.details-header h2{margin:0;font-size:16px;color:#333}.btn-close{background:none;border:none;font-size:18px;cursor:pointer;color:#999;padding:4px}.btn-close:hover{color:#333}.details-content{padding:18px;overflow:auto}.detail-section{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #f0f0f0}.detail-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.detail-section h3{margin:0 0 10px;font-size:12px;font-weight:700;color:#999;text-transform:uppercase}.info-grid{display:grid;grid-template-columns:1fr;gap:8px}.info-grid p{margin:0;font-size:13px;color:#333;word-break:break-word}.items-list{display:flex;flex-direction:column;gap:10px}.item{padding:10px;border-radius:6px;background:#f9f9f9;border-left:3px solid var(--primary-color)}.item-name{margin:0 0 4px;font-size:13px;font-weight:700;color:#333}.item-info{margin:0;font-size:12px;color:#666}.status-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shipping-info-form{display:flex;flex-direction:column;gap:10px}.shipping-info-form input,.shipping-info-form textarea{width:100%;border:1px solid #ddd;border-radius:6px;font-size:13px;padding:10px 12px;background:#fff}.shipping-info-form textarea{min-height:86px;resize:vertical}.shipping-info-form input:focus,.shipping-info-form textarea:focus{outline:none;border-color:var(--primary-color)}.status-select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;background:#fff}.status-select:focus{outline:none;border-color:var(--primary-color)}.current-status{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;color:#fff;text-transform:capitalize}.status-badge.status-pending{background:#ff6b6b}.status-badge.status-confirmed{background:#4e7bff}.status-badge.status-shipped{background:#ffb547}.status-badge.status-delivered{background:#51cf66}.status-badge.status-cancelled{background:#868e96}.action-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:18px;transition:transform .2s}.action-btn:hover{transform:scale(1.2)}.detail-panel{position:fixed;right:0;top:0;width:400px;height:100vh;background:#fff;box-shadow:-4px 0 16px #0000001a;padding:30px;overflow-y:auto;z-index:150;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.detail-panel-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#999;transition:color .3s}.detail-panel-close:hover{color:#333}.detail-title{margin:30px 0 20px;font-size:18px;font-weight:700;color:#333}.detail-row{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.detail-label{margin:0 0 4px;font-size:11px;text-transform:uppercase;color:#999;font-weight:600}.detail-value{margin:0;font-size:14px;color:#333;font-weight:500}.detail-items{list-style:none;margin:0;padding:0}.detail-items li{padding:8px 0;font-size:13px;color:#666;border-bottom:1px solid #f0f0f0}.status-dropdown{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer}.status-dropdown:focus{outline:none;border-color:var(--primary-color)}.detail-btn{width:100%;padding:10px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;margin-top:10px;transition:background .3s}.detail-btn:hover{background:var(--primary-dark)}@media(max-width:1024px){.detail-panel{width:100%}}@media(max-width:768px){.orders-controls{padding:15px 15px 0}.orders-container{grid-template-columns:1fr;padding:15px}.orders-list{overflow-x:auto}.orders-list th,.orders-list td{padding:10px 12px;font-size:12px}.order-details{position:static;max-height:none}}.stock-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}.stock-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000000d;border-left:4px solid var(--primary-color)}.stock-card.stock-blue{border-left-color:#4e7bff}.stock-card.stock-yellow{border-left-color:#ffb547}.stock-card.stock-red{border-left-color:#ff6b6b}.stock-card-label{margin:0 0 8px;font-size:12px;color:#999;text-transform:uppercase;font-weight:600}.stock-card-value{margin:0;font-size:28px;font-weight:700;color:#333}.stock-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.sort-buttons{padding:15px 20px;border-bottom:1px solid #eee;display:flex;gap:10px;flex-wrap:wrap}.sort-btn{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;color:#666;transition:all .3s}.sort-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.stock-table{width:100%;border-collapse:collapse}.stock-table thead{background:#f5f5f5}.stock-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;border-bottom:2px solid #eee}.stock-table td{padding:12px 16px;border-bottom:1px solid #eee;font-size:14px}.product-name{font-weight:600;color:#333}.product-category{color:#999;font-size:12px}.stock-item{display:flex;align-items:center;gap:10px}.stock-value{font-weight:600;color:#333;min-width:40px}.stock-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;color:#fff;background:#999}.stock-status.status-in-stock{background:#51cf66}.stock-status.status-low-stock{background:#ffb547}.stock-status.status-out-of-stock{background:#ff6b6b}.edit-stock-input{padding:6px 8px;border:1px solid var(--primary-color);border-radius:4px;font-size:14px;width:60px;font-weight:600;color:#333}.edit-stock-btn{padding:6px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:background .3s}.edit-stock-btn:hover{background:var(--primary-dark)}.low-stock-alert{background:#fff3e0;border-left:4px solid #FFB547;padding:12px 16px;border-radius:4px;margin-bottom:20px;color:#e65100;font-size:13px;font-weight:500}.success-msg{background:#e8f5e9;border-left:4px solid #51CF66;color:#2e7d32;padding:12px 16px;border-radius:4px;margin-bottom:20px;font-size:13px;font-weight:500}@media(max-width:768px){.admin-content{padding:15px}.stock-overview{grid-template-columns:1fr}.stock-table th,.stock-table td{padding:8px 12px;font-size:12px}.sort-buttons{flex-direction:column}.sort-btn{width:100%}}.admin-content{padding:30px;flex:1;overflow-y:auto}.content-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.content-header h2{margin:0;font-size:24px;color:#333}.search-input{padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.search-input:focus{outline:none;border-color:var(--primary-color)}.users-container{display:grid;grid-template-columns:1fr 350px;gap:20px;align-items:start}.users-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f5f5f5}.users-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;border-bottom:2px solid #eee}.users-table td{padding:12px 16px;border-bottom:1px solid #eee;font-size:14px;cursor:pointer;transition:background .2s}.users-table tbody tr:hover{background:#f9f9f9}.user-name{font-weight:600;color:#333}.user-email{color:#666;font-size:12px}.user-phone{color:#666}.user-date{color:#999;font-size:12px}.user-detail-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px;position:sticky;top:100px}.detail-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.user-avatar{width:48px;height:48px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.detail-name{flex:1;min-width:0}.detail-name h3{margin:0;font-size:14px;color:#333;font-weight:600}.detail-name p{margin:2px 0 0;font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-section{margin-bottom:20px}.detail-section-title{margin:0 0 12px;font-size:12px;font-weight:700;color:#999;text-transform:uppercase}.detail-item{margin-bottom:8px}.detail-item-label{margin:0 0 2px;font-size:11px;color:#999;text-transform:uppercase;font-weight:600}.detail-item-value{margin:0;font-size:13px;color:#333;font-weight:500}.detail-stat{background:#f5f5f5;padding:12px;border-radius:4px;text-align:center;margin-bottom:8px}.detail-stat-value{margin:0;font-size:18px;font-weight:700;color:var(--primary-color)}.detail-stat-label{margin:4px 0 0;font-size:11px;color:#999;text-transform:uppercase}.purchase-history{max-height:200px;overflow-y:auto}.purchase-item{padding:8px;background:#f9f9f9;border-radius:4px;margin-bottom:6px;font-size:12px;border-left:3px solid var(--primary-color)}.purchase-id{font-weight:600;color:#333}.purchase-date{color:#999;font-size:11px}.purchase-amount{color:var(--primary-color);font-weight:600}.no-selection{display:flex;align-items:center;justify-content:center;height:200px;color:#999;text-align:center;font-size:13px}@media(max-width:1024px){.users-container{grid-template-columns:1fr}.user-detail-panel{position:static}}@media(max-width:768px){.admin-content{padding:15px}.content-header{flex-direction:column}.users-table th,.users-table td{padding:8px 12px;font-size:12px}.users-container{grid-template-columns:1fr}}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:30px}.metric-card{background:#fff;border-radius:8px;padding:18px;box-shadow:0 2px 8px #0000000d}.metric-card h3{margin:0 0 10px;font-size:14px;color:#333;font-weight:700}.metric-value{margin:0;font-size:28px;font-weight:800;color:var(--primary-color);letter-spacing:-.3px}.metric-label{margin:6px 0 0;font-size:12px;color:#999}.analytics-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 30px 30px;align-items:start}.analytics-section{background:#fff;border-radius:8px;padding:18px;box-shadow:0 2px 8px #0000000d;min-width:0}.analytics-section h2{margin:0 0 14px;font-size:16px;font-weight:800;color:#333}.status-chart{display:flex;flex-direction:column;gap:12px}.status-bar{display:grid;grid-template-columns:90px 1fr 44px;gap:10px;align-items:center}.status-label{font-size:12px;color:#666;font-weight:700;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-container{height:10px;background:#f2f2f2;border-radius:999px;overflow:hidden}.bar-container .bar{height:100%;min-width:6px;border-radius:999px}.bar-container .bar.bar-pending{background:var(--danger-color)}.bar-container .bar.bar-confirmed{background:var(--primary-color)}.bar-container .bar.bar-shipped{background:var(--warning-color)}.bar-container .bar.bar-delivered{background:var(--success-color)}.bar-container .bar.bar-cancelled{background:var(--text-light)}.status-count{font-size:12px;font-weight:800;color:#333;text-align:right;white-space:nowrap}.top-products{overflow-x:auto}.top-products table{width:100%;border-collapse:collapse}.top-products thead{background:#f5f5f5}.top-products th{padding:10px 12px;text-align:left;font-size:11px;font-weight:700;color:#666;text-transform:uppercase;border-bottom:2px solid #eee;white-space:nowrap}.top-products td{padding:10px 12px;border-bottom:1px solid #eee;font-size:13px}.top-products tbody tr:hover{background:#fafafa}.top-products td.quantity{font-weight:800;color:#333;text-align:right}.empty-state{margin:0;color:#999;font-size:13px;padding:14px 0}.analytics-section.monthly{margin:0 30px 30px}.monthly-chart{height:260px;display:flex;align-items:flex-end;gap:12px;overflow-x:auto;padding-bottom:6px}.month-bar{flex:0 0 70px;display:flex;flex-direction:column;align-items:center;gap:6px}.month-bar .bar{width:100%;background:linear-gradient(180deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:6px 6px 0 0;min-height:6px}.month-label{font-size:11px;color:#666;text-align:center;font-weight:700;white-space:nowrap}.month-value{font-size:11px;color:#999;font-weight:700;white-space:nowrap}.loading{padding:60px 30px;text-align:center;color:#999}@media(max-width:1024px){.analytics-row{grid-template-columns:1fr}}@media(max-width:768px){.analytics-grid{padding:15px;gap:15px}.analytics-row{padding:0 15px 15px;gap:15px}.analytics-section{padding:16px}.analytics-section.monthly{margin:0 15px 15px}.metric-value{font-size:24px}.status-bar{grid-template-columns:74px 1fr 38px}.monthly-chart{height:220px}}.admin-carousel-container{padding:30px 20px;max-width:1200px;margin:0 auto}.admin-carousel-container h1{font-size:28px;margin-bottom:30px;color:var(--text-color)}.alert{padding:15px 20px;border-radius:6px;margin-bottom:20px;font-weight:500}.alert-error{background-color:#fee;border-left:4px solid #e74c3c;color:#c0392b}.alert-success{background-color:#efe;border-left:4px solid #27ae60;color:#229954}.carousel-form-section{background-color:#fff;padding:25px;border-radius:8px;margin-bottom:40px;box-shadow:0 2px 8px #0000001a}.carousel-form-section h2{font-size:20px;margin-bottom:20px;color:var(--text-color)}.upload-method-toggle{display:flex;gap:15px;margin-bottom:25px;background-color:#f5f5f5;padding:12px;border-radius:6px}.toggle-btn{flex:1;padding:12px 16px;border:2px solid #ddd;background-color:#fff;color:var(--text-light);font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease}.toggle-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.toggle-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #d4a5744d}.carousel-form{display:flex;flex-direction:column;gap:20px}.form-group label{margin-bottom:8px;font-weight:600;color:var(--text-color);font-size:14px}.form-group input,.form-group textarea{padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #d4a5741a}.file-input{padding:12px 15px;border:2px dashed #ddd;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.file-input:hover{border-color:var(--primary-color);background-color:#d4a5740d}.file-input:focus{outline:none;border-color:var(--primary-color)}.file-info{font-size:12px;color:var(--text-light);margin-top:6px;margin-bottom:0}.image-preview-container{padding:15px;background-color:#f9f9f9;border-radius:6px;border:1px solid #e0e0e0;text-align:center}.image-preview-container p{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-color)}.preview-image{max-width:100%;max-height:300px;border-radius:6px;box-shadow:0 2px 8px #0000001a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.carousel-form button{padding:12px 30px;font-size:15px;font-weight:600;cursor:pointer;border:none;border-radius:6px;transition:all .3s ease}.carousel-form button:disabled{opacity:.6;cursor:not-allowed}.carousel-list-section{background-color:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.carousel-list-section h2{font-size:20px;margin-bottom:20px;color:var(--text-color)}.loading{text-align:center;padding:40px;color:var(--text-light);font-size:16px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-light);font-size:16px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.image-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background-color:#fafafa;transition:all .3s ease}.image-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.image-preview{position:relative;width:100%;height:180px;overflow:hidden;background-color:#f0f0f0}.position-badge{position:absolute;top:10px;left:10px;background-color:var(--primary-color);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.inactive-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.image-info{padding:15px}.image-info h3{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--text-color)}.image-info p{font-size:12px;color:var(--text-light);margin-bottom:5px}.description{line-height:1.4;height:28px;overflow:hidden;text-overflow:ellipsis}.url-preview{font-family:monospace;background-color:#f5f5f5;padding:6px 8px;border-radius:4px;margin:0}.image-actions{padding:12px 15px;border-top:1px solid #e0e0e0;display:flex;gap:10px}.btn-toggle{flex:1;padding:8px 12px;font-size:12px;font-weight:600;border:1px solid #ddd;background-color:#fff;color:var(--text-light);border-radius:4px;cursor:pointer;transition:all .3s ease}.btn-toggle.active{background-color:#e8f5e9;border-color:#27ae60;color:#27ae60}.btn-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-toggle:disabled{opacity:.6;cursor:not-allowed}.image-actions button{padding:8px 12px;font-size:12px;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.btn-danger{background-color:#e74c3c;color:#fff;flex:1}.btn-danger:hover{background-color:#c0392b}.btn-danger:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.admin-carousel-container{padding:20px 10px}.carousel-form-section,.carousel-list-section{padding:20px}.images-grid{grid-template-columns:1fr}}.admin-hero-container{padding:30px;background-color:var(--bg-light);border-radius:8px}.admin-hero-container h1{font-size:32px;margin-bottom:10px;color:var(--text-color)}.admin-hero-container .subtitle{font-size:14px;color:var(--text-light);margin-bottom:25px}.alert{padding:15px 20px;border-radius:6px;margin-bottom:20px;font-size:14px;font-weight:500}.alert-error{background-color:#fee;color:#c33;border-left:4px solid #c33}.alert-success{background-color:#efe;color:#3c3;border-left:4px solid #3c3}.hero-form-section{background-color:#fff;padding:25px;border-radius:8px;margin-bottom:30px;border:1px solid var(--border-color)}.hero-form-section h2{font-size:20px;margin-bottom:20px;color:var(--text-color)}.upload-method-toggle{display:flex;gap:10px;margin-bottom:25px}.toggle-btn{flex:1;padding:12px 20px;border:2px solid var(--border-color);background-color:#fff;color:var(--text-color);border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.toggle-btn:hover{border-color:var(--primary-color)}.toggle-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.hero-form{display:grid;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-color)}.form-group input[type=text],.form-group input[type=url]{padding:12px 15px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;transition:all .3s ease}.form-group input[type=text]:focus,.form-group input[type=url]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #d4a5741a}.file-input-wrapper{position:relative;margin-bottom:15px}.file-input-wrapper input[type=file]{display:none}.file-label{display:block;padding:15px 20px;background-color:var(--bg-light);border:2px dashed var(--border-color);border-radius:6px;text-align:center;cursor:pointer;transition:all .3s ease;font-size:14px;color:var(--text-light)}.file-label:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:#d4a5740d}.image-preview{margin-top:15px;border-radius:6px;overflow:hidden;max-height:200px}.image-preview img{width:100%;height:100%;object-fit:cover}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){background-color:#000;color:#fff}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.hero-images-section{background-color:#fff;padding:25px;border-radius:8px;border:1px solid var(--border-color)}.hero-images-section h2{font-size:20px;margin-bottom:20px;color:var(--text-color)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-light);font-size:14px}.hero-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.hero-image-card{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .3s ease}.hero-image-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.image-container{position:relative;width:100%;height:160px;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:cover}.position-badge{position:absolute;top:10px;left:10px;background-color:var(--primary-color);color:#fff;padding:6px 12px;border-radius:4px;font-weight:600;font-size:12px}.active-badge{position:absolute;top:10px;right:10px;background-color:var(--success-color);color:#fff;padding:6px 12px;border-radius:4px;font-weight:600;font-size:12px}.card-content{padding:15px}.card-content h3{font-size:15px;margin-bottom:12px;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.toggle-active{flex:1;min-width:80px;padding:8px 10px;border:1px solid var(--border-color);background-color:#fff;color:var(--text-light);border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.toggle-active:hover{border-color:var(--primary-color);color:var(--primary-color)}.toggle-active.active{background-color:var(--primary-lighter);border-color:var(--primary-color);color:var(--primary-color)}.btn-delete{flex:1;min-width:80px;padding:8px 10px;border:1px solid #fee;background-color:#fff;color:#c33;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-delete:hover{background-color:#fee;border-color:#c33}@media(max-width:768px){.admin-hero-container,.hero-form-section{padding:20px}.upload-method-toggle{flex-direction:column}.hero-images-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}.toggle-active,.btn-delete{width:100%;min-width:unset}}.contact-submissions-page{padding:20px 30px 30px}.contact-submissions-error{background:#fff;border:1px solid #ffd9d9;color:#b42318;padding:12px 14px;border-radius:8px}.contact-submissions-table{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000f;overflow:hidden}.contact-submissions-table table{width:100%;border-collapse:collapse}.contact-submissions-table thead{background:#f5f5f5}.contact-submissions-table th{padding:12px 14px;text-align:left;font-size:12px;font-weight:700;color:#666;text-transform:uppercase;border-bottom:2px solid var(--border-color)}.contact-submissions-table td{padding:12px 14px;border-bottom:1px solid var(--border-color);font-size:14px;vertical-align:top}.contact-submissions-table tbody tr:hover{background:#f9f9f9}.contact-submissions-table .muted{color:var(--text-light);font-size:12px}.contact-submissions-table .strong{font-weight:700;color:var(--text-primary)}.message-cell{max-width:520px;white-space:pre-wrap;word-break:break-word}@media(max-width:900px){.contact-submissions-page{padding:16px}.message-cell{max-width:320px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;background-color:#f5f5f5;line-height:1.6}html{scroll-behavior:smooth}:root{--primary-color: #ff5757;--primary-dark: #e63946;--primary-light: #ffb3b3;--primary-lighter: #ffd9d9;--secondary-color: #7b2d8f;--secondary-dark: #5a1f68;--secondary-light: #a855b5;--accent-color: #d4476e;--accent-light: #e89ab0;--success-color: #27ae60;--success-light: #52d87f;--error-color: #e74c3c;--error-light: #ec7063;--warning-color: #f39c12;--warning-light: #f5b041;--info-color: #3498db;--info-light: #5dade2;--text-color: #212121;--text-light: #666666;--text-lighter: #999999;--text-white: #ffffff;--border-color: #e0e0e0;--border-light: #f0f0f0;--bg-color: #ffffff;--bg-light: #f9f9f9;--bg-lighter: #f5f5f5;--bg-dark: #f0f0f0;--shadow-sm: 0 2px 4px rgba(0,0,0,.1);--shadow-md: 0 4px 8px rgba(0,0,0,.15);--shadow-lg: 0 8px 16px rgba(0,0,0,.2);--shadow-xl: 0 12px 24px rgba(0,0,0,.25);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;transition:all .3s ease;cursor:pointer}.btn-primary{background-color:#ff5757;color:#fff}.btn-primary:hover{background-color:#000;color:#fff}.btn-primary:disabled{background-color:#ccc;color:#777;cursor:not-allowed;opacity:.6}.btn-secondary{background-color:transparent;color:#ff5757;border:2px solid #ff5757}.btn-secondary:hover{background-color:#ff5757;color:#fff}.btn-secondary:disabled{color:#ccc;border-color:#ccc;cursor:not-allowed;opacity:.6}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-24{font-size:24px}.fw-bold{font-weight:700}.fw-600{font-weight:600}.mt-10{margin-top:10px}.mt-30{margin-top:30px}.mb-10{margin-bottom:10px}.mb-30{margin-bottom:30px}.p-30{padding:30px}@media(max-width:768px){.container{padding:0 15px}}:root{--primary-color: #d4a574;--primary-dark: #b8915a;--secondary-color: #2c3e50;--success-color: #51CF66;--warning-color: #FFB547;--danger-color: #FF6B6B;--light-bg: #f5f5f5;--border-color: #eee;--text-primary: #333;--text-secondary: #666;--text-light: #999}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f5f5;color:#333}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}.admin-page{display:flex;height:100vh;background:var(--light-bg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.p-20{padding:20px}img{max-width:100%;height:auto}.responsive-table{overflow-x:auto}.responsive-table table{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}