:root{--font-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", var(--font-primary);--color-dark: #121212;--color-dark-subtle: #242424;--color-text-main: #1f2937;--color-text-muted: #6b7280;--color-text-light: #9ca3af;--color-bg-page: #ffffff;--color-bg-subtle: #f9fafb;--color-bg-card: #ffffff;--color-border: #e5e7eb;--color-border-hover: #d1d5db;--color-primary: #111827;--color-primary-hover: #000000;--color-secondary: #0f172a;--color-heading: #0f172a;--color-btn-bg: #111827;--color-btn-text: #ffffff;--color-link: #111827;--color-sale: #ef4444;--color-error: #dc2626;--color-accent: #ef4444;--color-accent-badge: #dc2626;--color-gold: #f59e0b;--color-success: #10b981;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--radius-btn: 9999px;--radius-card: 14px;--card-bg: #ffffff;--card-border: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);color:var(--color-text-main);background-color:var(--color-bg-page);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.animated-heading,.section-heading,.section-title{color:var(--color-heading, #0f172a)}.btn-primary,.btn-checkout,.btn-subscribe,.btn-send-message{background-color:var(--color-btn-bg, var(--color-primary, #111827))!important;color:var(--color-btn-text, #ffffff)!important;border-radius:var(--radius-btn, 9999px)!important}.btn-primary:hover,.btn-checkout:hover,.btn-subscribe:hover,.btn-send-message:hover{background-color:var(--color-primary-hover, #000000)!important;color:var(--color-btn-text, #ffffff)!important}.storefront-product-card,.product-card{background:var(--color-bg-card, #ffffff)!important;border-radius:var(--radius-card, 14px)!important;border:1px solid var(--color-border, #f1f5f9)!important}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;background:none;cursor:pointer;outline:none}input,textarea,select{font-family:inherit;font-size:.95rem}img{max-width:100%;height:auto;display:block}.container{max-width:1320px;margin:0 auto;padding:0 24px}.top-bar{background-color:#0f172a;color:#f1f5f9;font-size:.78rem;font-weight:500;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.top-bar-inner{display:flex;justify-content:space-between;align-items:center}.top-bar-item{display:flex;align-items:center;gap:8px;letter-spacing:.2px}.top-bar-item svg{color:#94a3b8}@media (max-width: 768px){.top-bar-item:nth-child(2),.top-bar-item:nth-child(3){display:none}.top-bar-inner{justify-content:center}}.main-header{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-size:1.85rem;font-weight:800;letter-spacing:1px;color:#0f172a;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.main-nav{display:flex;align-items:center;gap:32px}.nav-link{font-size:.85rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#334155;padding:8px 2px;position:relative;transition:color var(--transition-fast);cursor:pointer}.nav-link:hover,.nav-link.active{color:#0f172a}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#0f172a;border-radius:2px}.nav-dropdown{position:relative;display:inline-flex;align-items:center;gap:4px}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;min-width:200px;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:10px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-normal);z-index:100}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:10px 20px;font-size:.85rem;font-weight:600;color:#475569;transition:background var(--transition-fast),color var(--transition-fast)}.dropdown-item:hover{background:#f8fafc;color:#0f172a}.header-actions{display:flex;align-items:center;gap:20px}.action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:#1e293b;transition:background-color var(--transition-fast),transform var(--transition-fast)}.action-btn:hover{background-color:#f1f5f9;transform:scale(1.05)}.badge-count{position:absolute;top:4px;right:2px;background-color:#0f172a;color:#fff;font-size:.65rem;font-weight:800;min-width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #ffffff}.mobile-menu-toggle{display:none}@media (max-width: 1024px){.main-nav{display:none}.mobile-menu-toggle{display:block}}.hero-section-fullscreen{width:100%;margin:0;padding:0;overflow:hidden}.hero-grid-fullscreen{display:grid;grid-template-columns:1.65fr 1fr;gap:0px;width:100%;height:540px;min-height:500px;max-height:560px}.hero-card{position:relative;border-radius:0;overflow:hidden;background-color:#f1f5f9;cursor:pointer}.hero-card.main-hero{height:100%;min-height:unset}.hero-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.hero-card-img.img-couple{object-position:center 20%}.hero-card-img.img-women,.hero-card-img.img-men{object-position:center 10%}.hero-card:hover .hero-card-img{transform:scale(1.03)}.hero-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.15) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:center;padding:40px 48px;color:#fff}.hero-subtitle{font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px}.hero-title{font-size:3rem;font-weight:900;line-height:1.05;letter-spacing:-1px;text-transform:uppercase;margin-bottom:12px}.hero-discount{font-size:1.1rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:24px;opacity:.95}.hero-side-column{display:grid;grid-template-rows:1fr 1fr;grid-auto-rows:1fr;gap:0px;height:100%;overflow:hidden}.hero-card.side-card{height:100%;min-height:0;position:relative;border-left:2px solid #ffffff;overflow:hidden}.hero-side-column .side-card:first-child{border-bottom:2px solid #ffffff}.side-card-overlay{position:absolute;top:24px;left:28px;z-index:2;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;border-radius:0;border:none;box-shadow:none;transition:transform .3s cubic-bezier(.16,1,.3,1)}.hero-card:hover .side-card-overlay{transform:translateY(-2px)}.side-card-title{font-size:1.45rem;font-weight:900;line-height:1.1;letter-spacing:-.3px;text-transform:uppercase;color:#0f172a;margin-bottom:2px;text-shadow:0 1px 3px rgba(255,255,255,.6)}.side-card-sub{font-size:.75rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#334155;margin-bottom:12px;text-shadow:0 1px 3px rgba(255,255,255,.6)}.btn-primary{display:inline-flex;align-items:center;gap:10px;background-color:#fff;color:#0f172a;font-size:.8rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:12px 26px;border-radius:9999px;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 18px #00000029;transition:all .3s cubic-bezier(.16,1,.3,1);width:fit-content;cursor:pointer}.btn-primary svg{transition:transform .3s ease}.btn-primary:hover{background-color:#0f172a;color:#fff;border-color:#0f172a;transform:translateY(-2px);box-shadow:0 8px 24px #00000047}.btn-primary:hover svg{transform:translate(4px)}.link-shop-now{display:inline-flex;align-items:center;gap:8px;background:#0f172a;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:8px 16px;border-radius:9999px;border:1px solid transparent;box-shadow:0 4px 12px #0f172a2e;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.link-shop-now svg{transition:transform .3s ease}.link-shop-now:hover{background:#1e293b;color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a4d;gap:10px}.link-shop-now:hover svg{transform:translate(3px)}@media (max-width: 960px){.hero-grid-fullscreen{grid-template-columns:1fr;height:auto;min-height:auto;max-height:none}.hero-card.main-hero{min-height:380px}.hero-card.side-card{min-height:240px;border-left:none;border-top:2px solid #ffffff}}.promo-section-fullscreen{width:100%;margin:0;padding:0;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff}.promo-grid-fullscreen{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0px;width:100%}.promo-card{position:relative;border-radius:0;overflow:hidden;height:260px;cursor:pointer;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.promo-grid-fullscreen .promo-card:not(:last-child){border-right:2px solid #ffffff}.promo-card.dark-sale{background:#111827;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px}.promo-card.dark-sale .sale-title{font-size:3rem;font-weight:900;letter-spacing:1px;line-height:1;margin-bottom:8px}.promo-card.dark-sale .sale-subtitle{font-size:.95rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.85;margin-bottom:20px}.promo-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.promo-card:hover .promo-card-img{transform:scale(1.04)}.promo-card-img.img-knitwear{object-position:center 15%}.promo-card-img.img-footwear{object-position:center 80%}.promo-overlay-text{position:absolute;top:24px;left:28px;z-index:2;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;border-radius:0;border:none;box-shadow:none;transition:transform .3s cubic-bezier(.16,1,.3,1)}.promo-card:hover .promo-overlay-text{transform:translateY(-2px)}.promo-overlay-text h3{font-size:1.35rem;font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:-.3px;color:#0f172a;margin-bottom:2px;text-shadow:0 1px 3px rgba(255,255,255,.6)}.promo-overlay-text p{font-size:.75rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#334155;margin-bottom:12px;text-shadow:0 1px 3px rgba(255,255,255,.6)}@media (max-width: 800px){.promo-grid-fullscreen{grid-template-columns:1fr}.promo-grid-fullscreen .promo-card:not(:last-child){border-right:none;border-bottom:2px solid #ffffff}}.brands-section{padding:24px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#fff}.brands-container{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-item{font-family:var(--font-display);font-size:1.25rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#475569;opacity:.75;transition:opacity var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none}.brand-item:hover{opacity:1;color:#0f172a;transform:scale(1.08)}.features-section{padding:40px 0;background-color:#fff}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-box{display:flex;align-items:center;gap:16px;padding:12px}.feature-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);background:#f8fafc;display:flex;align-items:center;justify-content:center;color:#0f172a;flex-shrink:0}.feature-info h4{font-size:.88rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#0f172a;margin-bottom:2px}.feature-info p{font-size:.8rem;color:#64748b;font-weight:500}@media (max-width: 900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.features-grid{grid-template-columns:1fr}}.animated-heading-container{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;position:relative;width:100%}.animated-heading-container.align-center{flex-direction:column;align-items:center;text-align:center}.animated-heading-left{display:flex;flex-direction:column;max-width:720px}.align-center .animated-heading-left{align-items:center;text-align:center}.heading-kicker-pill{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1.6px;padding:5px 13px;border-radius:9999px;margin-bottom:12px;width:fit-content;box-shadow:0 2px 8px #0000000a;transition:all .25s cubic-bezier(.16,1,.3,1)}.heading-kicker-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.kicker-pulse-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:kickerPulse 1.8s infinite ease-in-out;display:inline-block}@keyframes kickerPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.4}}.heading-kicker-pill.kicker-default{background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0}.heading-kicker-pill.kicker-hot{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3;box-shadow:0 2px 10px #e11d4826}.heading-kicker-pill.kicker-blue{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;box-shadow:0 2px 10px #2563eb24}.heading-kicker-pill.kicker-purple{background:#faf5ff;color:#9333ea;border:1px solid #e9d5ff;box-shadow:0 2px 10px #9333ea24}.kicker-icon{animation:pulse 2s infinite ease-in-out}.heading-main-title,.section-main-title,.featured-deals-header h3{font-size:2.2rem;font-weight:900;letter-spacing:-.025em;text-transform:uppercase;line-height:1.15;margin:0 0 10px;color:#0f172a;background:linear-gradient(135deg,#0f172a,#1e293b,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block;transition:letter-spacing .3s ease}.size-large .heading-main-title{font-size:2.8rem;line-height:1.1}.size-compact .heading-main-title{font-size:1.6rem;margin-bottom:6px}.heading-highlight-span{background:linear-gradient(135deg,#2563eb,#7c3aed 70%,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(37,99,235,.2))}.heading-accent-glow{height:4px;width:72px;border-radius:999px;background:linear-gradient(90deg,#0f172a,#3b82f6,#a855f7);margin-bottom:12px;box-shadow:0 2px 10px #3b82f666;transform-origin:left center;transition:width .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.align-center .heading-accent-glow{margin:0 auto 12px;transform-origin:center center}.heading-subtitle-text{font-size:.96rem;color:#64748b;font-weight:500;margin:0;line-height:1.55;max-width:640px;letter-spacing:-.01em}.heading-action-link,.link-view-all{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;padding:9px 18px;border-radius:9999px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px #00000008;text-decoration:none}.heading-action-link:hover,.link-view-all:hover{background:#0f172a;color:#fff;border-color:#0f172a;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a2e}.heading-action-link:hover .action-arrow,.link-view-all:hover svg{transform:translate(4px)}.action-arrow{transition:transform .2s ease}.section-title-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:36px;position:relative}.tabs-nav{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;margin-top:14px;padding:4px;border-radius:9999px}.tab-btn{font-size:.82rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#64748b;padding:6px 14px;border-radius:9999px;position:relative;transition:all .2s ease;cursor:pointer;border:1px solid transparent}.tab-btn:hover{color:#0f172a;background-color:#f1f5f9}.tab-btn.active{color:#fff;background-color:#0f172a;box-shadow:0 2px 8px #0f172a33}.tab-btn.active:after{display:none}.products-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.products-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.storefront-product-card,.product-card{background:#fff;border-radius:14px;border:1px solid #f1f5f9;box-shadow:0 2px 6px -1px #0f172a0a,0 1px 2px -1px #0f172a05;overflow:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .25s ease;display:flex;flex-direction:column;position:relative}.storefront-product-card:hover,.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px -10px #0f172a1f,0 4px 12px -2px #0f172a0d;border-color:#cbd5e1}.storefront-thumb-wrap,.product-thumb-wrap{position:relative!important;width:100%!important;aspect-ratio:3 / 4!important;height:auto!important;max-height:none!important;background-color:#f8fafc;overflow:hidden!important;border-radius:12px 12px 0 0;cursor:pointer}.storefront-product-img,.product-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .6s cubic-bezier(.16,1,.3,1)!important}.storefront-product-card:hover .storefront-product-img,.product-card:hover .product-img{transform:scale(1.06)}.card-badge-container{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:3}.storefront-badge,.product-badge{font-size:.68rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:4px 9px;border-radius:9999px;display:inline-flex;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-new,.product-badge.new{background-color:#0f172a;color:#fff;box-shadow:0 2px 8px #0f172a4d}.badge-sale,.product-badge.discount{background-color:#e11d48;color:#fff;box-shadow:0 2px 8px #e11d4859}.badge-discount{background-color:#059669;color:#fff;box-shadow:0 2px 8px #0596694d}.btn-wishlist{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(226,232,240,.9);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #00000014;z-index:4}.btn-wishlist:hover{transform:scale(1.14);background:#fff;box-shadow:0 4px 14px #ef444440}.btn-wishlist.active{background:#fff1f2;border-color:#fecdd3;transform:scale(1.1)}.card-hover-actions{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:8px;opacity:0;transform:translateY(12px);transition:all .3s cubic-bezier(.16,1,.3,1);z-index:4}.storefront-product-card:hover .card-hover-actions,.product-card:hover .card-hover-actions{opacity:1;transform:translateY(0)}.btn-quick-add{flex:1;height:40px;background-color:#0f172a;color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 4px 14px #0f172a4d;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.btn-quick-add:hover{background-color:#1e293b;transform:translateY(-1px)}.btn-quick-view{width:40px;height:40px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e2e8f0;color:#0f172a;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000014;cursor:pointer;transition:all .2s ease}.btn-quick-view:hover{background:#fff;color:#2563eb;border-color:#93c5fd;transform:translateY(-1px)}.product-meta{padding:16px 14px;text-align:left;display:flex;flex-direction:column;gap:6px}.product-category-brand{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#64748b}.product-category-brand .brand-name{color:#0f172a;font-weight:800}.product-category-brand .divider{color:#cbd5e1}.product-category-brand .cat-name{color:#64748b}.product-name{font-size:.94rem;font-weight:700;color:#0f172a;line-height:1.35;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color .15s ease}.product-name:hover{color:#2563eb;text-decoration:none}.product-rating-row{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:#64748b}.product-rating-row .stars-wrap{display:flex;align-items:center;gap:2px}.product-rating-row .rating-val{color:#0f172a;font-weight:700}.product-rating-row .reviews-count{color:#94a3b8;font-size:.74rem}.product-pricing{display:flex;align-items:baseline;gap:8px;margin-top:3px}.current-price{font-size:1.15rem;font-weight:800;color:#0f172a;letter-spacing:-.3px}.original-price{font-size:.85rem;color:#94a3b8;text-decoration:line-through;font-weight:500}.color-swatches{display:flex;align-items:center;gap:7px;margin-top:4px}.swatch-dot{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.12);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.swatch-dot:hover,.swatch-dot.active{transform:scale(1.3);box-shadow:0 0 0 2px #fff,0 0 0 3.5px #0f172a}@media (max-width: 1200px){.products-grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.products-grid-4,.products-grid-3{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 540px){.products-grid-4,.products-grid-3{grid-template-columns:1fr;gap:16px}}.category-banners-section{padding:50px 0 20px}.category-banners-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cat-banner-card{position:relative;height:180px;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.cat-banner-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.cat-banner-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.cat-banner-card:hover img{transform:scale(1.08)}.cat-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.2) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff}.cat-banner-overlay h4{font-size:1rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}.cat-banner-overlay span{font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.9;display:flex;align-items:center;gap:4px}@media (max-width: 960px){.category-banners-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.category-banners-grid{grid-template-columns:1fr}}.newsletter-section{padding:40px 0;background-color:#f8fafc;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-top:30px}.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.newsletter-title-wrap{display:flex;align-items:center;gap:16px}.newsletter-icon{width:44px;height:44px;border-radius:var(--radius-md);background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);color:#0f172a}.newsletter-title-wrap h3{font-size:1.1rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#0f172a}.newsletter-title-wrap p{font-size:.85rem;color:#64748b}.newsletter-form{display:flex;gap:8px;flex:1;max-width:480px}.newsletter-input{flex:1;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;outline:none;transition:border-color var(--transition-fast)}.newsletter-input:focus{border-color:#0f172a}.btn-subscribe{background-color:#0f172a;color:#fff;font-size:.8rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:12px 24px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);white-space:nowrap}.btn-subscribe:hover{background-color:#000}.site-footer{background-color:#fff;padding-top:60px;border-top:1px solid var(--color-border)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;gap:36px;padding-bottom:50px}.footer-brand .footer-logo{font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:1px;color:#0f172a;margin-bottom:14px}.footer-brand p{font-size:.85rem;color:#64748b;line-height:1.6;margin-bottom:20px}.social-links{display:flex;gap:12px}.social-icon{width:36px;height:36px;border-radius:var(--radius-full);background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#334155;transition:all var(--transition-fast)}.social-icon:hover{background:#0f172a;color:#fff;transform:translateY(-2px)}.footer-col h4{font-size:.88rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#0f172a;margin-bottom:18px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-col a{font-size:.85rem;color:#64748b;transition:color var(--transition-fast)}.footer-col a:hover{color:#0f172a}.footer-bottom{border-top:1px solid var(--color-border);padding:20px 0}.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{font-size:.8rem;color:#94a3b8}.payment-badges{display:flex;align-items:center;gap:12px}.payment-badge{padding:4px 8px;background:#f8fafc;border:1px solid var(--color-border);border-radius:4px;font-size:.75rem;font-weight:700;color:#334155}@media (max-width: 1024px){.footer-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 500px){.footer-grid{grid-template-columns:1fr}}.page-banner{position:relative;height:280px;width:100%;margin:0 0 40px;padding:0;overflow:hidden;display:flex;align-items:center;background-color:#f1f5f9}.page-banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;z-index:1}.page-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fffffff5,#ffffffe0 35%,#ffffff73 65%,#ffffff26);z-index:2}.page-banner-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:0 60px}.page-banner-title{font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:#0f172a;margin-bottom:6px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#64748b}.breadcrumb a:hover{color:#0f172a}.shop-layout{display:grid;grid-template-columns:280px 1fr;gap:40px;margin-bottom:70px}.shop-sidebar{display:flex;flex-direction:column;gap:26px;position:sticky;top:90px;align-self:start}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1.5px solid #e2e8f0}.sidebar-header h3{font-size:.95rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#0f172a;display:flex;align-items:center;gap:8px}.btn-clear-all{font-size:.72rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#64748b;cursor:pointer;padding:4px 8px;border-radius:6px;border:1px solid #e2e8f0;background:#f8fafc;transition:all .2s ease}.btn-clear-all:hover{color:#ef4444;border-color:#fca5a5;background-color:#fff1f2}.filter-group{padding-bottom:22px;border-bottom:1px solid #f1f5f9}.filter-group:last-of-type{border-bottom:none}.filter-group h4{font-size:.82rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#0f172a;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.category-filter-list{list-style:none;display:flex;flex-direction:column;gap:4px}.category-filter-item{display:flex;justify-content:space-between;align-items:center;font-size:.86rem;font-weight:500;color:#475569;cursor:pointer;padding:7px 12px;border-radius:8px;transition:all .2s ease}.category-filter-item:hover{background-color:#f1f5f9;color:#0f172a}.category-filter-item.active{background-color:#0f172a;color:#fff;font-weight:700}.category-filter-item.active .category-count{color:#94a3b8;background:#ffffff1f}.category-count{font-size:.76rem;color:#94a3b8;padding:2px 7px;border-radius:9999px;background:#f1f5f9;font-weight:600;transition:all .2s ease}.price-range-slider{width:100%;accent-color:#0f172a;height:6px;border-radius:999px;background:#e2e8f0;margin-bottom:12px;cursor:pointer}.price-labels{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700;color:#0f172a}.size-selector{display:flex;flex-wrap:wrap;gap:7px}.size-pill{padding:6px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.78rem;font-weight:700;color:#334155;background:#fff;cursor:pointer;transition:all .2s ease}.size-pill:hover{border-color:#0f172a;color:#0f172a}.size-pill.active{background-color:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 2px 8px #0f172a33}.color-filter-palette{display:flex;flex-wrap:wrap;gap:10px}.color-filter-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px #d1d5db;cursor:pointer;transition:all .2s ease;position:relative}.color-filter-swatch:hover,.color-filter-swatch.active{transform:scale(1.22);box-shadow:0 0 0 2px #fff,0 0 0 4px #0f172a}.brand-checkbox-list{display:flex;flex-direction:column;gap:9px}.checkbox-label{display:flex;align-items:center;justify-content:space-between;font-size:.86rem;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 6px;border-radius:6px;transition:background .15s ease}.checkbox-label:hover{background:#f8fafc;color:#0f172a}.checkbox-label input{margin-right:9px;accent-color:#0f172a;width:15px;height:15px}.rating-filter-list{display:flex;flex-direction:column;gap:6px}.rating-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:5px 8px;border-radius:6px;transition:background .15s ease}.rating-row:hover{background:#f8fafc}.stars-wrap{display:flex;align-items:center;gap:3px}.active-filters-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.active-filters-label{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.active-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;font-size:.78rem;font-weight:700;color:#0f172a;cursor:pointer;transition:all .2s ease}.active-filter-chip:hover{border-color:#ef4444;color:#ef4444;background:#fff1f2}.shop-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.results-count{font-size:.88rem;color:#64748b;font-weight:600}.results-count strong{color:#0f172a}.toolbar-controls{display:flex;align-items:center;gap:16px}.view-mode-selector{display:flex;align-items:center;gap:4px;background:#f1f5f9;padding:3px;border-radius:8px}.btn-view-toggle{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-view-toggle.active{background:#fff;color:#0f172a;box-shadow:0 1px 4px #00000014}.sort-selector{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;color:#475569}.sort-select{padding:7px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-weight:700;color:#0f172a;outline:none;cursor:pointer;transition:border-color .2s ease}.sort-select:hover,.sort-select:focus{border-color:#0f172a;background:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:50px}.page-num{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.85rem;font-weight:700;color:#334155;border:1px solid #e2e8f0;background:#fff;transition:all .2s ease}.page-num:hover,.page-num.active{background-color:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 4px 12px #0f172a26}@media (max-width: 900px){.shop-layout{grid-template-columns:1fr}}.deals-hero-fullscreen,.deals-hero{position:relative;width:100%;margin:0 0 40px;padding:0;min-height:440px;display:flex;align-items:center;overflow:hidden;background-color:#0f172a;color:#fff}.deals-hero-bg-full,.deals-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;z-index:1}.deals-hero-overlay-full{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0f172af5,#0f172ae0 40%,#0f172a80 75%,#0f172a40);z-index:2}.deals-hero-inner,.deals-hero-container{position:relative;z-index:3;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 60px}.deals-hero-content{position:relative;z-index:3;padding:48px 0;max-width:580px;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.deals-badge-highlight{font-size:.8rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#ef4444;margin-bottom:12px}.deals-hero-title{font-size:3.4rem;font-weight:900;line-height:1.1;letter-spacing:-.5px;margin-bottom:14px}.deals-hero-desc{font-size:1rem;opacity:.85;margin-bottom:24px}.deals-big-discount{position:absolute;right:60px;bottom:40px;z-index:2;text-align:right}.deals-big-discount .upto{font-size:1rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.deals-big-discount .percentage{font-size:4.5rem;font-weight:900;line-height:1;color:#ef4444}.deals-big-discount .limit-text{font-size:.8rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;opacity:.9}.deal-categories-pills{display:flex;gap:16px;overflow-x:auto;padding:10px 0 30px;scrollbar-width:none}.deal-cat-pill{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}.deal-cat-avatar{width:76px;height:76px;border-radius:var(--radius-full);background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid transparent;transition:all var(--transition-fast)}.deal-cat-avatar img{width:100%;height:100%;object-fit:cover}.deal-cat-pill:hover .deal-cat-avatar,.deal-cat-pill.active .deal-cat-avatar{border-color:#0f172a;transform:scale(1.06)}.deal-cat-label{font-size:.8rem;font-weight:700;color:#1e293b}.featured-deals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.featured-deals-header h3{font-size:1.5rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#0f172a}.link-view-all{font-size:.82rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#0f172a;display:flex;align-items:center;gap:6px}.deal-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:#fff;transition:all var(--transition-smooth)}.deal-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.deal-countdown-box{background-color:#fff1f2;color:#e11d48;font-size:.75rem;font-weight:800;letter-spacing:.5px;padding:6px 12px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:6px;margin-top:6px}.flash-deals-section{padding:50px 0}.flash-deals-grid{display:grid;grid-template-columns:280px 1fr;gap:24px}.flash-master-card{background-color:#fff1f2;border:1px solid #fecdd3;border-radius:var(--radius-lg);padding:36px 24px;display:flex;flex-direction:column;justify-content:center;text-align:center}.flash-hurry{font-size:.8rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#e11d48;margin-bottom:4px}.flash-title{font-size:2rem;font-weight:900;color:#0f172a;line-height:1.1;margin-bottom:6px}.flash-sub{font-size:.85rem;color:#64748b;margin-bottom:24px}.timer-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:28px}.timer-box{background:#fff;border-radius:var(--radius-sm);padding:8px 4px;box-shadow:var(--shadow-sm)}.timer-box-num{font-size:1.25rem;font-weight:900;color:#0f172a;line-height:1}.timer-box-lbl{font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#94a3b8;margin-top:4px}.flash-card-stock{margin-top:10px}.stock-meter-bar{width:100%;height:6px;background-color:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:4px}.stock-meter-fill{height:100%;background:linear-gradient(to right,#f97316,#ef4444);border-radius:999px}.stock-meter-text{font-size:.72rem;font-weight:700;color:#ef4444;text-align:right}.deals-promo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;margin-bottom:50px}.deal-promo-item{position:relative;background:#f8fafc;border-radius:var(--radius-lg);padding:28px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.deal-promo-item h4{font-size:1.15rem;font-weight:800;text-transform:uppercase;color:#0f172a;margin-bottom:4px}.deal-promo-item p{font-size:.85rem;color:#64748b;margin-bottom:14px}.deal-promo-thumb{width:90px;height:90px;object-fit:contain}@media (max-width: 960px){.flash-deals-grid,.deals-promo-row{grid-template-columns:1fr}}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;margin-bottom:60px}.contact-info-col h3{font-size:1.6rem;font-weight:800;color:#0f172a;margin-bottom:12px}.contact-info-col>p{font-size:.9rem;color:#64748b;line-height:1.6;margin-bottom:32px}.contact-cards-list{display:flex;flex-direction:column;gap:20px}.contact-detail-card{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f8fafc;border-radius:var(--radius-md);border:1px solid var(--color-border)}.contact-icon-box{width:44px;height:44px;border-radius:var(--radius-sm);background:#fff;display:flex;align-items:center;justify-content:center;color:#0f172a;box-shadow:var(--shadow-sm);flex-shrink:0}.contact-detail-text h4{font-size:.9rem;font-weight:800;color:#0f172a;margin-bottom:4px}.contact-detail-text p{font-size:.85rem;color:#64748b;line-height:1.5}.contact-form-col{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow-sm)}.contact-form-col h3{font-size:1.4rem;font-weight:800;color:#0f172a;margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-input,.form-textarea{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;outline:none;font-size:.9rem;transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus{border-color:#0f172a}.form-textarea{resize:vertical;min-height:120px}.btn-send-message{display:inline-flex;align-items:center;gap:8px;background-color:#0f172a;color:#fff;font-size:.82rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:14px 28px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.btn-send-message:hover{background-color:#000}.map-container-card{position:relative;height:280px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);margin-bottom:60px;background:#e8ecf1}.map-svg-bg{width:100%;height:100%;object-fit:cover}.map-pin-overlay{position:absolute;top:40px;left:40px;background:#fff;padding:20px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:320px;z-index:2}.map-pin-overlay h4{font-size:.95rem;font-weight:800;text-transform:uppercase;color:#0f172a;margin-bottom:4px}.map-pin-overlay p{font-size:.82rem;color:#64748b;margin-bottom:12px}@media (max-width: 768px){.contact-grid,.form-row{grid-template-columns:1fr}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.drawer-backdrop.open{opacity:1;visibility:visible}.side-drawer{position:fixed;top:0;right:0;width:420px;max-width:90vw;height:100vh;background:#fff;box-shadow:var(--shadow-xl);z-index:1001;transform:translate(100%);transition:transform var(--transition-smooth);display:flex;flex-direction:column}.drawer-backdrop.open .side-drawer{transform:translate(0)}.drawer-header{padding:20px 24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.drawer-header h3{font-size:1.1rem;font-weight:800;text-transform:uppercase;color:#0f172a}.drawer-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.cart-item{display:flex;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.cart-item-img{width:70px;height:85px;object-fit:cover;border-radius:var(--radius-sm);background:#f1f5f9}.cart-item-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.cart-item-info h4{font-size:.88rem;font-weight:700;color:#0f172a}.cart-item-price{font-size:.88rem;font-weight:800;color:#0f172a}.qty-control{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#475569}.qty-val{width:28px;text-align:center;font-size:.85rem;font-weight:700}.drawer-footer{padding:20px 24px;border-top:1px solid var(--color-border);background:#f8fafc}.cart-subtotal-row{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:800;color:#0f172a;margin-bottom:16px}.btn-checkout{width:100%;background:#0f172a;color:#fff;font-size:.88rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:14px;border-radius:var(--radius-sm);text-align:center;transition:background-color var(--transition-fast)}.btn-checkout:hover{background-color:#000}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:#fff;border-radius:var(--radius-lg);max-width:800px;width:100%;overflow:hidden;box-shadow:var(--shadow-xl);position:relative;display:grid;grid-template-columns:1fr 1.2fr}.modal-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:var(--radius-full);background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#0f172a;z-index:10}.modal-img-wrap{background:#f8fafc;height:100%;min-height:400px}.modal-img-wrap img{width:100%;height:100%;object-fit:cover}.modal-body{padding:36px;display:flex;flex-direction:column;justify-content:center}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{background:#0f172a;color:#fff;padding:14px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.88rem;font-weight:600;display:flex;align-items:center;gap:12px;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-portal-container{display:flex;min-height:100vh;background-color:#f8fafc;color:#1e293b;font-family:var(--font-primary)}.admin-sidebar{width:260px;background-color:#fff;color:#1e293b;display:flex;flex-direction:column;transition:width .25s ease;flex-shrink:0;border-right:1px solid #e2e8f0;position:sticky;top:0;height:100vh;z-index:100}.admin-portal-container.sidebar-collapsed .admin-sidebar{width:76px}.admin-sidebar-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e2e8f0;background-color:#fff}.admin-brand-wrap{display:flex;align-items:center;gap:12px}.brand-dot{width:9px;height:9px;border-radius:var(--radius-full);background-color:#2563eb;box-shadow:0 0 8px #2563eb66}.admin-brand-name{font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:.8px;color:#0f172a}.btn-collapse-sidebar{background:transparent;border:none;color:#64748b;cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-collapse-sidebar:hover{background-color:#f1f5f9;color:#0f172a}.admin-sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.admin-sidebar-nav::-webkit-scrollbar{width:4px}.admin-sidebar-nav::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.admin-sidebar-nav::-webkit-scrollbar-track{background:transparent}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;border:1px solid transparent;background:transparent;color:#64748b;font-size:.88rem;font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-fast);width:100%}.admin-nav-item:hover{background-color:#f8fafc;color:#0f172a}.admin-nav-item.active{background-color:#f1f5f9;border-color:#e2e8f0;color:#0f172a;font-weight:600}.admin-nav-item.active svg{color:#2563eb}.admin-portal-container.sidebar-collapsed .admin-nav-item,.admin-portal-container.sidebar-collapsed .admin-btn-exit,.admin-portal-container.sidebar-collapsed .admin-btn-logout{justify-content:center;padding:10px}.admin-sidebar-footer{padding:16px 12px;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:6px;background-color:#fff}.admin-btn-exit,.admin-btn-logout{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;border:none;background:transparent;color:#64748b;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);width:100%}.admin-btn-exit:hover{background-color:#f1f5f9;color:#0f172a}.admin-btn-logout:hover{background-color:#fef2f2;color:#dc2626}.admin-main-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.admin-topbar{height:70px;background-color:#fff;border-bottom:1px solid #e2e8f0;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90}.current-tab-title{font-size:1.3rem;font-weight:800;letter-spacing:-.3px;color:#0f172a;text-transform:capitalize}.topbar-right{display:flex;align-items:center;gap:20px}.topbar-btn-store{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid #e2e8f0;background:#fff;font-size:.82rem;font-weight:700;color:#0f172a;cursor:pointer;transition:all var(--transition-fast)}.topbar-btn-store:hover{background-color:#f1f5f9}.admin-user-profile-badge{display:flex;align-items:center;gap:12px;padding-left:12px;border-left:1px solid #e2e8f0}.admin-avatar{width:38px;height:38px;border-radius:var(--radius-full);object-fit:cover;border:2px solid #e2e8f0}.admin-user-info strong{display:block;font-size:.88rem;color:#0f172a;line-height:1.1}.admin-user-info small{font-size:.75rem;color:#3b82f6;font-weight:700;text-transform:uppercase}.admin-content-area{padding:32px;flex:1}.admin-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}@media (max-width: 1200px){.admin-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.admin-metrics-grid{grid-template-columns:1fr}}.metric-card{background:#fff;border-radius:var(--radius-md);border:1px solid #e2e8f0;padding:24px;box-shadow:0 1px 3px #0000000a}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.metric-title{font-size:.85rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.metric-icon-wrap{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.metric-icon-wrap.green{background:#ecfdf5;color:#10b981}.metric-icon-wrap.blue{background:#eff6ff;color:#3b82f6}.metric-icon-wrap.purple{background:#f5f3ff;color:#8b5cf6}.metric-icon-wrap.amber{background:#fffbeb;color:#f59e0b}.metric-value{font-size:2.1rem;font-weight:900;letter-spacing:-.5px;color:#0f172a;line-height:1;margin-bottom:8px}.metric-sub{font-size:.8rem;color:#64748b;display:flex;align-items:center;gap:4px}.metric-sub.positive{color:#10b981;font-weight:700}.admin-two-column-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-bottom:28px}@media (max-width: 1024px){.admin-two-column-grid{grid-template-columns:1fr}}.admin-panel-card{background:#fff;border-radius:var(--radius-md);border:1px solid #e2e8f0;padding:24px;box-shadow:0 1px 3px #0000000a}.admin-panel-card.no-padding{padding:0;overflow:hidden}.panel-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.panel-card-header h3{font-size:1.15rem;font-weight:800;color:#0f172a;letter-spacing:-.3px}.panel-card-header p{font-size:.82rem;color:#64748b}.btn-link-action{background:none;border:none;color:#3b82f6;font-size:.82rem;font-weight:700;cursor:pointer}.btn-link-action:hover{text-decoration:underline}.chart-period-tabs{display:flex;gap:6px;background:#f1f5f9;padding:4px;border-radius:var(--radius-sm)}.chart-period-tabs button{background:transparent;border:none;font-size:.78rem;font-weight:700;padding:6px 12px;border-radius:var(--radius-sm);color:#64748b;cursor:pointer}.chart-period-tabs button.active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0000000d}.custom-bar-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:240px;padding-top:24px;border-bottom:1px solid #e2e8f0}.chart-bar-column{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-wrapper{flex:1;width:100%;max-width:44px;display:flex;align-items:flex-end;position:relative}.bar-fill{width:100%;background:linear-gradient(to top,#3b82f6,#60a5fa);border-radius:4px 4px 0 0;transition:height .5s ease;cursor:pointer}.bar-fill:hover{background:linear-gradient(to top,#1d4ed8,#3b82f6)}.bar-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;font-size:.7rem;font-weight:700;padding:3px 6px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.bar-wrapper:hover .bar-tooltip{opacity:1}.bar-label{margin-top:8px;font-size:.75rem;font-weight:700;color:#64748b}.low-stock-list{display:flex;flex-direction:column;gap:12px}.low-stock-item{display:flex;align-items:center;gap:14px;padding:10px;border-radius:var(--radius-sm);background:#f8fafc;border:1px solid #f1f5f9}.low-stock-item img{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover}.stock-info{flex:1;min-width:0}.stock-info h4{font-size:.85rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sku-text{font-size:.75rem;color:#64748b}.stock-badge.danger{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);background:#fee2e2;color:#dc2626;font-size:.75rem;font-weight:800}.top-products-list{display:flex;flex-direction:column;gap:14px}.top-product-item{display:flex;align-items:center;gap:14px}.rank-num{font-size:1rem;font-weight:900;color:#94a3b8;width:24px}.top-product-item img{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover}.prod-meta{flex:1;min-width:0}.prod-meta h4{font-size:.85rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-tag{font-size:.8rem;font-weight:800;color:#10b981}.units-badge{font-size:.8rem;color:#64748b}.admin-table-wrapper{width:100%;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}.admin-table th{background-color:#f8fafc;color:#475569;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;padding:14px 20px;border-bottom:1px solid #e2e8f0}.admin-table td{padding:14px 20px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#334155}.admin-table tr:hover td{background-color:#f8fafc}.order-code-badge{font-family:monospace;font-size:.85rem;font-weight:800;color:#0f172a;background:#f1f5f9;padding:4px 8px;border-radius:4px}.customer-cell strong{display:block;font-size:.88rem;color:#0f172a}.customer-cell small{color:#64748b;font-size:.75rem}.amount-cell{font-weight:800;color:#0f172a}.status-pill{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.status-delivered,.status-paid,.status-active{background:#dcfce7;color:#166534}.status-pending{background:#fef9c3;color:#854d0e}.status-confirmed,.status-processing,.status-published{background:#e0f2fe;color:#0369a1}.status-shipped{background:#f3e8ff;color:#6b21a8}.status-cancelled,.status-rejected,.status-suspended{background:#fee2e2;color:#991b1b}.payment-pill{font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:4px}.payment-pill.paid{background:#dcfce7;color:#166534}.payment-pill.pending{background:#fef9c3;color:#854d0e}.product-table-cell{display:flex;align-items:center;gap:12px}.product-table-cell img{width:40px;height:40px;border-radius:4px;object-fit:cover}.sku-tag{font-family:monospace;font-size:.75rem;background:#f1f5f9;padding:2px 6px;border-radius:4px;color:#475569}.stock-indicator.good{color:#166534;font-weight:700}.stock-indicator.low{color:#dc2626;font-weight:800}.actions-cell{display:flex;align-items:center;gap:8px}.btn-icon-action{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;transition:all var(--transition-fast)}.btn-icon-action:hover{background:#0f172a;color:#fff}.btn-icon-action.delete:hover{background:#ef4444;color:#fff;border-color:#ef4444}.btn-icon-action.success:hover{background:#10b981;color:#fff;border-color:#10b981}.admin-btn-primary{background-color:#0f172a;color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;cursor:pointer;transition:background-color var(--transition-fast);display:inline-flex;align-items:center;gap:8px}.admin-btn-primary:hover{background-color:#1e293b}.admin-btn-primary.sm{padding:6px 14px;font-size:.78rem}.admin-btn-secondary{background-color:#fff;color:#0f172a;border:1px solid #e2e8f0;padding:9px 18px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.admin-btn-secondary:hover{background-color:#f8fafc}.admin-btn-secondary.sm{padding:6px 12px;font-size:.78rem}.admin-filters-bar{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-filter-box{position:relative;flex:1;min-width:240px}.search-filter-box .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-filter-box input{width:100%;padding:10px 14px 10px 42px;border:1px solid #e2e8f0;border-radius:var(--radius-sm);background:#fff;font-size:.88rem;outline:none}.search-filter-box input:focus{border-color:#0f172a}.admin-select{padding:10px 16px;border:1px solid #e2e8f0;border-radius:var(--radius-sm);background:#fff;font-size:.85rem;font-weight:600;outline:none;cursor:pointer}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.admin-modal-box{background:#fff;border-radius:var(--radius-md);width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.admin-modal-box.order-detail-modal{max-width:860px}.modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:1.25rem;font-weight:800;color:#0f172a}.btn-close-modal{background:transparent;border:none;color:#64748b;cursor:pointer}.modal-form-body{padding:24px;display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.flex-1{flex:1}.form-group.flex-2{flex:2}.form-group label{font-size:.82rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid #e2e8f0;border-radius:var(--radius-sm);background:#fff;font-size:.88rem;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0f172a}.image-input-row{display:flex;gap:8px}.image-input-row input{flex:1}.btn-file-upload{padding:10px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer}.checkboxes-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:4px}.custom-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;cursor:pointer}.modal-actions-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:16px;border-top:1px solid #e2e8f0}.order-detail-content{padding:24px;display:flex;flex-direction:column;gap:24px}.order-status-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-sm);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.current-status-display{display:flex;align-items:center;gap:12px}.status-quick-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-status-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:6px 12px;font-size:.75rem;font-weight:700;text-transform:capitalize;cursor:pointer}.btn-status-toggle.active{background:#0f172a;color:#fff;border-color:#0f172a}.order-summary-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.order-card-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-sm);padding:20px}.order-card-box h4{font-size:.95rem;font-weight:800;color:#0f172a;margin-bottom:12px}.order-card-box p{font-size:.85rem;color:#475569;margin-bottom:6px}.cost-breakdown-row{display:flex;justify-content:space-between;font-size:.88rem;padding:6px 0;color:#475569}.cost-breakdown-row.total{border-top:2px solid #0f172a;margin-top:8px;padding-top:10px;font-size:1.1rem;color:#0f172a;font-weight:900}.tracking-form{display:flex;flex-direction:column;gap:8px}.admin-login-wrapper{min-height:100vh;background-color:#0f172a;display:flex;align-items:center;justify-content:center;padding:24px}.admin-login-card{width:100%;max-width:440px;background:#fff;border-radius:var(--radius-lg);padding:40px;box-shadow:0 25px 50px -12px #00000040;position:relative}.admin-exit-btn{position:absolute;top:16px;left:20px;background:transparent;border:none;font-size:.78rem;font-weight:700;color:#64748b;display:flex;align-items:center;gap:4px;cursor:pointer}.admin-login-header{text-align:center;margin-top:12px;margin-bottom:28px}.admin-badge-icon{width:60px;height:60px;border-radius:var(--radius-full);background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.admin-login-header h2{font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.5px}.admin-login-header p{font-size:.85rem;color:#64748b}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.input-with-icon input{width:100%;padding:12px 14px 12px 42px;border:1px solid #e2e8f0;border-radius:var(--radius-sm);font-size:.9rem;outline:none}.input-with-icon input:focus{border-color:#0f172a}.admin-demo-box{margin-top:24px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:var(--radius-sm);padding:12px 16px;font-size:.78rem}.demo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-weight:700;color:#475569}.btn-autofill{background:#0f172a;color:#fff;border:none;padding:3px 8px;border-radius:3px;font-size:.7rem;cursor:pointer}.admin-login-error{background:#fee2e2;color:#991b1b;padding:10px 14px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;margin-bottom:20px}.minimal-auth-page{min-height:100vh;background-color:#fafaf9;display:flex;align-items:center;justify-content:center;padding:40px 20px;font-family:inherit}.minimal-auth-container{width:100%;max-width:440px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:44px 40px;box-shadow:0 4px 20px -2px #0000000d}.minimal-back-link{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:#64748b;margin-bottom:28px;transition:color .2s ease;text-decoration:none}.minimal-back-link:hover{color:#0f172a}.minimal-auth-header{margin-bottom:28px}.minimal-brand{font-size:1.1rem;font-weight:900;letter-spacing:2.5px;color:#0f172a;margin-bottom:14px}.minimal-auth-header h2{font-size:1.6rem;font-weight:800;letter-spacing:-.5px;color:#0f172a;margin-bottom:6px}.minimal-auth-header p{font-size:.88rem;color:#64748b;line-height:1.45}.minimal-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;margin-bottom:20px}.minimal-auth-form{display:flex;flex-direction:column;gap:18px}.minimal-field{display:flex;flex-direction:column;gap:6px}.minimal-field label{font-size:.82rem;font-weight:700;color:#334155}.field-label-row{display:flex;justify-content:space-between;align-items:center}.minimal-text-link{background:none;border:none;font-size:.78rem;font-weight:600;color:#64748b;cursor:pointer;padding:0;transition:color .2s ease}.minimal-text-link:hover{color:#0f172a;text-decoration:underline}.minimal-field input{width:100%;padding:12px 14px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;color:#0f172a;outline:none;transition:all .2s ease}.minimal-field input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a14}.minimal-btn-primary{width:100%;padding:13px;background:#0f172a;color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:700;letter-spacing:.5px;cursor:pointer;margin-top:6px;transition:all .2s ease}.minimal-btn-primary:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 14px #0f172a26}.minimal-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.minimal-demo-banner{margin-top:24px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.demo-info{display:flex;flex-direction:column;gap:2px}.demo-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#64748b}.demo-info code{font-size:.82rem;font-weight:700;color:#0f172a}.btn-demo-autofill{background:#0f172a;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .2s ease}.btn-demo-autofill:hover{background:#334155}.minimal-auth-footer{margin-top:24px;text-align:center;font-size:.84rem;color:#64748b;display:flex;justify-content:center;gap:6px}.minimal-switch-link{font-weight:700;color:#0f172a;text-decoration:none}.minimal-switch-link:hover{text-decoration:underline}.admin-products-container{display:flex;flex-direction:column;gap:24px}.products-header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.products-title-group h2{font-size:1.65rem;font-weight:900;color:#0f172a;letter-spacing:-.025em;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#0f172a,#1e293b 60%,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;width:fit-content;margin-bottom:2px}.products-count-badge{font-size:.75rem;font-weight:800;background:#eff6ff;color:#2563eb;padding:3px 12px;border-radius:9999px;border:1px solid #bfdbfe;-webkit-text-fill-color:#2563eb;box-shadow:0 2px 6px #2563eb14;letter-spacing:.2px}.products-title-group p{font-size:.9rem;color:#64748b;margin-top:4px;line-height:1.5;max-width:680px;font-weight:500}.products-header-actions{display:flex;align-items:center;gap:12px}.btn-add-product{background:#0f172a;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.88rem;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0f172a26}.btn-add-product:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a33}.products-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1100px){.products-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.products-stats-grid{grid-template-columns:1fr}}.product-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #00000008;transition:transform .2s ease,box-shadow .2s ease}.product-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.product-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-stat-icon.blue{background:#eff6ff;color:#2563eb}.product-stat-icon.green{background:#f0fdf4;color:#16a34a}.product-stat-icon.amber{background:#fffbeb;color:#d97706}.product-stat-icon.purple{background:#faf5ff;color:#9333ea}.product-stat-details{display:flex;flex-direction:column}.product-stat-label{font-size:.78rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.product-stat-value{font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1.2;margin-top:2px}.product-stat-sub{font-size:.75rem;color:#94a3b8;margin-top:2px}.products-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;box-shadow:0 1px 3px #00000005}.toolbar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:280px;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:240px}.search-input-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.search-input-wrapper input{width:100%;padding:9px 36px 9px 38px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:.88rem;color:#0f172a;outline:none;transition:all .2s ease}.search-input-wrapper input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.clear-search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center}.clear-search-btn:hover{color:#0f172a}.toolbar-select{padding:9px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.85rem;font-weight:500;color:#334155;outline:none;cursor:pointer;transition:border-color .2s ease}.toolbar-select:focus{border-color:#2563eb}.toolbar-right{display:flex;align-items:center;gap:10px}.view-toggle-group{display:flex;background:#f1f5f9;border-radius:8px;padding:3px;border:1px solid #e2e8f0}.view-toggle-btn{background:transparent;border:none;padding:6px 10px;border-radius:6px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.view-toggle-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #00000014}.btn-refresh-toolbar{background:#fff;border:1px solid #e2e8f0;color:#475569;padding:8px 14px;border-radius:8px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.btn-refresh-toolbar:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.products-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000008}.modern-products-table{width:100%;border-collapse:collapse;text-align:left}.modern-products-table th{background:#f8fafc;color:#475569;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:14px 18px;border-bottom:1px solid #e2e8f0}.modern-products-table td{padding:16px 18px;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:.88rem;color:#334155;transition:background-color .2s ease}.modern-products-table tbody tr:hover td{background-color:#f8fafc}.product-main-cell{display:flex;align-items:center;gap:14px;max-width:320px}.modern-products-table .product-thumb-wrap,.admin-product-thumb{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;flex-shrink:0;background:#f8fafc}.modern-products-table .product-thumb-wrap img,.admin-product-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.modern-products-table tbody tr:hover .product-thumb-wrap img,.modern-products-table tbody tr:hover .admin-product-thumb img{transform:scale(1.08)}.product-meta-text{display:flex;flex-direction:column;gap:3px;min-width:0}.product-name-title{font-weight:700;color:#0f172a;font-size:.9rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-brand-tag{display:inline-flex;align-items:center;align-self:flex-start;font-size:.72rem;font-weight:600;color:#475569;background:#f1f5f9;padding:1px 8px;border-radius:4px;border:1px solid #e2e8f0;margin-top:2px}.product-badges-inline{display:flex;align-items:center;gap:4px;margin-top:2px}.micro-chip{font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.micro-chip.featured{background:#fef3c7;color:#b45309}.micro-chip.sale{background:#fee2e2;color:#b91c1c}.micro-chip.new{background:#dbeafe;color:#1d4ed8}.sku-badge-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;font-weight:600;color:#475569;background:#f8fafc;padding:4px 8px;border-radius:6px;border:1px solid #e2e8f0;display:inline-block}.category-badge-pill{display:inline-block;font-size:.8rem;font-weight:500;color:#334155;background:#f1f5f9;padding:4px 10px;border-radius:6px}.price-display-box{display:flex;flex-direction:column;gap:2px}.price-main{font-size:.95rem;font-weight:800;color:#0f172a}.price-strike-row{display:flex;align-items:center;gap:6px}.price-compare{font-size:.78rem;color:#94a3b8;text-decoration:line-through}.discount-badge-micro{font-size:.68rem;font-weight:700;color:#16a34a;background:#f0fdf4;padding:1px 5px;border-radius:4px}.stock-status-box{display:flex;flex-direction:column;gap:4px;min-width:110px}.stock-pill{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;padding:3px 8px;border-radius:6px;align-self:flex-start}.stock-pill.good{background:#f0fdf4;color:#16a34a}.stock-pill.low{background:#fef2f2;color:#dc2626;animation:pulse-border 2s infinite ease-in-out}.stock-dot{width:6px;height:6px;border-radius:50%}.stock-pill.good .stock-dot{background:#16a34a}.stock-pill.low .stock-dot{background:#dc2626}@keyframes pulse-border{0%,to{box-shadow:0 0 #dc262633}50%{box-shadow:0 0 0 3px #dc262633}}.stock-mini-bar{width:100%;height:4px;background:#f1f5f9;border-radius:2px;overflow:hidden}.stock-mini-bar-fill{height:100%;border-radius:2px}.stock-mini-bar-fill.good{background:#16a34a}.stock-mini-bar-fill.low{background:#dc2626}.modern-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:capitalize}.modern-status-badge.published{background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe}.modern-status-badge.draft{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.modern-status-badge.archived{background:#fef2f2;color:#b91c1c;border:1px solid #fee2e2}.table-actions-group{display:flex;align-items:center;gap:6px}.action-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .15s ease}.action-btn:hover{transform:translateY(-1px)}.action-btn.broadcast{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.action-btn.broadcast:hover{background:#2563eb;color:#fff;border-color:#2563eb}.action-btn.edit:hover{background:#0f172a;color:#fff;border-color:#0f172a}.action-btn.delete:hover{background:#ef4444;color:#fff;border-color:#ef4444}.products-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.product-card-modern{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.product-card-modern:hover{transform:translateY(-3px);box-shadow:0 10px 24px -6px #00000014}.card-image-area{position:relative;height:190px;background:#f8fafc;overflow:hidden}.card-image-area img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card-modern:hover .card-image-area img{transform:scale(1.05)}.card-image-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:4px}.card-status-overlay{position:absolute;top:10px;right:10px}.card-body-content{padding:16px;display:flex;flex-direction:column;flex:1}.card-brand-and-sku{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.card-title{font-size:.95rem;font-weight:700;color:#0f172a;line-height:1.3;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-price-and-stock{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #f1f5f9}.card-actions-bar{padding:12px 16px;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.realtime-toast-notification{position:fixed;bottom:24px;right:24px;background:#0f172a;color:#fff;padding:12px 20px;border-radius:10px;box-shadow:0 10px 25px #0f172a40;display:flex;align-items:center;gap:12px;z-index:1200;font-size:.88rem;font-weight:500}.realtime-toast-notification .toast-icon{color:#38bdf8}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-modal-box{background:#fff;border-radius:16px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.modal-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:1.2rem;font-weight:800;color:#0f172a}.btn-close-modal{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:8px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-close-modal:hover{background:#e2e8f0;color:#0f172a}.category-main-cell{display:flex;align-items:center;gap:14px}.category-thumb-wrap{width:44px;height:44px;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;flex-shrink:0;background:#f8fafc}.category-thumb-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.modern-products-table tbody tr:hover .category-thumb-wrap img{transform:scale(1.08)}.category-meta-text strong{display:block;font-size:.9rem;font-weight:700;color:#0f172a;line-height:1.2}.category-meta-text small{display:block;font-size:.78rem;color:#64748b;margin-top:3px}.parent-category-badge{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:#475569;background:#f1f5f9;padding:3px 10px;border-radius:6px;border:1px solid #e2e8f0}.customer-main-cell{display:flex;align-items:center;gap:12px}.user-initials-avatar{width:38px;height:38px;border-radius:50%;background:#eff6ff;color:#2563eb;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;border:1px solid #dbeafe;flex-shrink:0}.customer-info-box strong{display:block;font-size:.9rem;font-weight:700;color:#0f172a;line-height:1.2}.customer-info-box small{display:block;font-size:.78rem;color:#64748b;margin-top:2px}.role-badge-pill{display:inline-block;font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.4px}.role-badge-pill.customer{background:#f1f5f9;color:#475569}.role-badge-pill.admin{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.btn-toggle-status{padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.btn-toggle-status.suspend{background:#fef2f2;color:#dc2626;border-color:#fecaca}.btn-toggle-status.suspend:hover{background:#dc2626;color:#fff}.btn-toggle-status.activate{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.btn-toggle-status.activate:hover{background:#16a34a;color:#fff}.coupon-code-pill{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.84rem;font-weight:700;color:#0f172a;background:#f8fafc;border:1px dashed #cbd5e1;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease}.coupon-code-pill:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.coupon-discount-tag{display:inline-block;font-size:.82rem;font-weight:800;color:#16a34a;background:#f0fdf4;padding:3px 8px;border-radius:6px}.coupon-progress-wrap{display:flex;flex-direction:column;gap:4px;min-width:100px}.coupon-progress-text{font-size:.78rem;font-weight:600;color:#64748b}.order-code-clickable{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.84rem;font-weight:700;color:#0f172a;background:#f1f5f9;padding:4px 8px;border-radius:6px;border:1px solid #e2e8f0;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease}.order-code-clickable:hover{background:#e2e8f0;color:#2563eb}.order-items-badge{font-size:.8rem;font-weight:600;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;padding:2px 8px;border-radius:6px;display:inline-block}.payment-method-pill{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase}.payment-method-pill.paid{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7}.payment-method-pill.pending{background:#fffbeb;color:#d97706;border:1px solid #fef3c7}.order-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#f8fafc;padding:16px;border-radius:10px;border:1px solid #e2e8f0;margin-bottom:16px}@media (max-width: 768px){.order-detail-grid{grid-template-columns:1fr}}.detail-info-block span{display:block;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase}.detail-info-block strong{display:block;font-size:.95rem;font-weight:700;color:#0f172a;margin-top:2px}.log-action-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.log-action-badge.login{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.log-action-badge.create{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.log-action-badge.update{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.log-action-badge.delete{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.review-comment-card{font-size:.85rem;color:#334155;background:#f8fafc;padding:8px 12px;border-radius:6px;border:1px solid #e2e8f0;font-style:italic;line-height:1.4}.verified-buyer-chip{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;color:#16a34a;background:#f0fdf4;padding:1px 6px;border-radius:4px;border:1px solid #bbf7d0;margin-top:2px}.roles-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.role-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;box-shadow:0 1px 3px #00000008;transition:all .2s ease}.role-card-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.role-icon-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.role-icon-box{width:40px;height:40px;border-radius:10px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center}.role-card-title{font-size:1.05rem;font-weight:800;color:#0f172a;margin-bottom:4px}.role-card-desc{font-size:.8rem;color:#64748b;line-height:1.4;margin-bottom:14px;flex:1}.role-perms-tag{font-size:.75rem;font-weight:700;color:#475569;background:#f1f5f9;padding:3px 8px;border-radius:6px;align-self:flex-start}.reports-rank-badge{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:#475569;background:#f1f5f9}.reports-rank-badge.rank-1{background:#fef3c7;color:#b45309}.reports-rank-badge.rank-2{background:#e2e8f0;color:#334155}.reports-rank-badge.rank-3{background:#ffedd5;color:#9a3412}.status-breakdown-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}.settings-two-col-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 992px){.settings-two-col-grid{grid-template-columns:1fr}}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000008}.settings-card-header{border-bottom:1px solid #f1f5f9;padding-bottom:14px;margin-bottom:18px}.settings-card-header h3{font-size:1.05rem;font-weight:800;color:#0f172a}.settings-card-header p{font-size:.8rem;color:#64748b;margin-top:2px}.live-announcement-preview{background:#0f172a;color:#fff;padding:10px 16px;border-radius:8px;font-size:.8rem;font-weight:600;text-align:center;letter-spacing:.5px;margin-top:10px}.luxury-auth-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:#f8fafc;position:relative;overflow:hidden;padding:32px 20px}.auth-ambient-blob{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.auth-ambient-blob.blob-1{top:-10%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%)}.auth-ambient-blob.blob-2{bottom:-10%;right:-5%;width:550px;height:550px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%)}.luxury-auth-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;max-width:1080px;width:100%;background:#fff;border-radius:20px;box-shadow:0 20px 50px #0f172a14,0 1px 3px #0000000a;border:1px solid #e2e8f0;overflow:hidden}.luxury-auth-visual{position:relative;background:#0f172a;min-height:600px;overflow:hidden;display:flex;flex-direction:column}.auth-visual-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.55;transform:scale(1.02);transition:transform 6s ease}.luxury-auth-layout:hover .auth-visual-img{transform:scale(1.06)}.auth-visual-overlay{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:44px;background:linear-gradient(180deg,#0f172a66,#0f172ad9);color:#fff}.auth-visual-logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.35rem;font-weight:900;letter-spacing:2px;text-decoration:none}.auth-visual-quote{margin:auto 0}.quote-pill{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 12px;border-radius:9999px;border:1px solid rgba(255,255,255,.2);margin-bottom:16px}.auth-visual-quote h2{font-size:1.7rem;font-weight:800;line-height:1.3;margin-bottom:14px;color:#fff;letter-spacing:-.02em}.auth-visual-quote p{font-size:.92rem;color:#cbd5e1;line-height:1.6}.auth-visual-perks{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15)}.perk-tag{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:#f1f5f9}.luxury-auth-form-wrap{padding:44px;display:flex;flex-direction:column;justify-content:space-between;background:#fff}.auth-top-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.auth-back-link{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:#64748b;text-decoration:none;transition:color .2s ease}.auth-back-link:hover{color:#0f172a}.auth-admin-link{font-size:.78rem;font-weight:700;color:#2563eb;text-decoration:none;padding:4px 10px;border-radius:6px;background:#eff6ff;transition:all .2s ease}.auth-admin-link:hover{background:#dbeafe}.luxury-auth-card{width:100%}.auth-card-header{margin-bottom:24px}.auth-badge-pill{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;background:#eff6ff;color:#2563eb;padding:4px 10px;border-radius:9999px;margin-bottom:8px}.auth-badge-pill .pulse-dot{width:6px;height:6px;border-radius:50%;background:#2563eb;animation:pulse 1.8s infinite}.auth-card-header h1{font-size:1.85rem;font-weight:900;color:#0f172a;letter-spacing:-.025em;margin-bottom:6px}.auth-card-header p{font-size:.9rem;color:#64748b;line-height:1.5}.auth-alert-error{display:flex;align-items:center;gap:10px;background:#fef2f2;border:1px solid #fecdd3;color:#b91c1c;padding:10px 14px;border-radius:8px;font-size:.85rem;font-weight:600;margin-bottom:18px}.luxury-form{display:flex;flex-direction:column;gap:16px}.auth-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-input-group{display:flex;flex-direction:column;gap:6px}.auth-input-group label{font-size:.82rem;font-weight:700;color:#334155}.input-label-row{display:flex;justify-content:space-between;align-items:center}.forgot-password-btn{background:none;border:none;color:#2563eb;font-size:.78rem;font-weight:700;cursor:pointer;padding:0}.forgot-password-btn:hover{text-decoration:underline}.input-with-icon{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.input-with-icon input{width:100%;height:46px;padding:0 42px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.92rem;color:#0f172a;background:#fff;transition:all .2s cubic-bezier(.16,1,.3,1)}.input-with-icon input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s}.password-toggle-btn:hover{color:#0f172a}.auth-options-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.checkbox-wrap{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrap input[type=checkbox]{width:16px;height:16px;accent-color:#0f172a;cursor:pointer}.btn-auth-submit{height:48px;background:#0f172a;color:#fff;border:none;border-radius:10px;font-size:.92rem;font-weight:800;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0f172a26;margin-top:6px}.btn-auth-submit:hover:not(:disabled){background:#1e293b;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a40}.btn-auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-demo-banner{margin-top:18px;padding:12px 14px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-credentials{display:flex;flex-direction:column;gap:2px}.demo-title{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:800;color:#2563eb;text-transform:uppercase;letter-spacing:.5px}.demo-credentials code{font-size:.82rem;color:#334155;font-weight:600}.btn-autofill-demo{background:#fff;border:1px solid #cbd5e1;color:#0f172a;font-size:.75rem;font-weight:800;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-autofill-demo:hover{background:#0f172a;color:#fff;border-color:#0f172a}.auth-card-footer{margin-top:22px;padding-top:18px;border-top:1px solid #f1f5f9;text-align:center;font-size:.88rem;color:#64748b;display:flex;align-items:center;justify-content:center;gap:6px}.auth-switch-link{color:#0f172a;font-weight:800;text-decoration:none;transition:color .2s}.auth-switch-link:hover{color:#2563eb}@media (max-width: 900px){.luxury-auth-layout{grid-template-columns:1fr;max-width:480px}.luxury-auth-visual{display:none}.luxury-auth-form-wrap{padding:32px 24px}}.storefront-badge.badge-3d{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:800;display:inline-flex;align-items:center;gap:4px;cursor:pointer;box-shadow:0 2px 8px #2563eb59;transition:transform .2s ease,box-shadow .2s ease}.storefront-badge.badge-3d:hover{transform:scale(1.05);box-shadow:0 4px 12px #2563eb80}.btn-quick-tryon{height:38px;padding:0 12px;border-radius:var(--radius-sm, 6px);background:#fff;color:#2563eb;border:1px solid #dbeafe;display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:800;cursor:pointer;box-shadow:0 2px 6px #00000014;transition:all var(--transition-fast, .2s)}.btn-quick-tryon:hover{background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.modal-tryon-float-btn{position:absolute;top:14px;left:14px;z-index:5;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.2);padding:7px 14px;border-radius:20px;font-size:.76rem;font-weight:800;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 4px 14px #00000040;transition:all .2s ease}.modal-tryon-float-btn:hover{background:#2563eb;border-color:#3b82f6;transform:translateY(-1px) scale(1.03);box-shadow:0 6px 20px #2563eb66}.modal-tryon-float-btn .sparkle-gold{color:#fbbf24}.modal-tryon-cta-banner{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #334155;border-radius:10px;cursor:pointer;margin-bottom:16px;text-align:left;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #0f172a26}.modal-tryon-cta-banner:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f640}.cta-banner-content{display:flex;align-items:center;gap:12px}.cta-icon-badge{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#2563eb,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cta-text-wrap{display:flex;flex-direction:column}.cta-headline{font-size:.88rem;font-weight:800;color:#fff;letter-spacing:.5px}.cta-sub{font-size:.74rem;color:#94a3b8;margin-top:1px}.cta-arrow-tag{font-size:.75rem;font-weight:800;color:#60a5fa;background:#3b82f626;padding:6px 12px;border-radius:6px;white-space:nowrap}.tryon-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172ad1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .25s ease-out forwards}.tryon-modal-container{width:100%;max-width:1180px;height:88vh;max-height:840px;background:#fff;border-radius:16px;box-shadow:0 25px 60px -15px #00000080,0 0 0 1px #ffffff26;display:flex;flex-direction:column;overflow:hidden;position:relative}.tryon-modal-container.fullscreen{max-width:100vw;height:100vh;max-height:100vh;border-radius:0}.tryon-top-header{height:58px;padding:0 24px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;background:#fff;flex-shrink:0}.tryon-branding{display:flex;align-items:center;gap:12px}.tryon-badge-pill{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;padding:5px 12px;border-radius:20px;font-size:.78rem;font-weight:800;letter-spacing:.3px;text-transform:uppercase}.tryon-badge-pill .sparkle-gold{color:#f59e0b}.tryon-product-title-mini{font-size:.95rem;font-weight:700;color:#334155}.tryon-close-btn{width:36px;height:36px;border-radius:50%;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.tryon-close-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5;transform:rotate(90deg)}.tryon-modal-layout{display:grid;grid-template-columns:1.25fr 1fr;flex:1;overflow:hidden;height:calc(100% - 58px)}.tryon-canvas-stage{background:radial-gradient(circle at center,#f8fafc,#e2e8f0);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.tryon-three-canvas{width:100%!important;height:100%!important;touch-action:none;cursor:grab}.tryon-three-canvas:active{cursor:grabbing}.tryon-studio-tag{position:absolute;top:16px;left:18px;z-index:10;font-size:.68rem;font-weight:800;letter-spacing:1.2px;color:#94a3b8;text-transform:uppercase;background:#ffffffb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 10px;border-radius:4px;border:1px solid rgba(226,232,240,.8)}.tryon-controls-overlay{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.tryon-controls-pill{pointer-events:auto;display:flex;align-items:center;gap:4px;background:#0f172ae0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);padding:6px 10px;border-radius:30px;box-shadow:0 10px 30px #00000059}.tryon-ctrl-btn{background:transparent;border:none;color:#cbd5e1;padding:6px 10px;border-radius:20px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700;transition:all .2s}.tryon-ctrl-btn:hover{background:#ffffff26;color:#fff}.tryon-ctrl-btn.active{background:#2563eb;color:#fff}.tryon-ctrl-divider{width:1px;height:18px;background:#ffffff26;margin:0 3px}.tryon-gesture-hint{font-size:.72rem;color:#64748b;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.8)}.spin-slow{animation:spin 6s linear infinite}.tryon-details-panel{display:flex;flex-direction:column;height:100%;background:#fff;border-left:1px solid #f1f5f9;overflow:hidden}.tryon-details-scroll{flex:1;overflow-y:auto;padding:28px 32px}.tryon-cat-brand{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.5px;margin-bottom:8px}.tryon-prod-name{font-size:1.65rem;font-weight:900;color:#0f172a;line-height:1.25;margin-bottom:12px;text-transform:uppercase}.tryon-price-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.tryon-current-price{font-size:1.5rem;font-weight:900;color:#0f172a}.tryon-orig-price{font-size:1.05rem;color:#94a3b8;text-decoration:line-through}.tryon-discount-badge{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:3px 8px;border-radius:4px;font-size:.78rem;font-weight:800}.tryon-description{font-size:.88rem;color:#64748b;line-height:1.6;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.tryon-section{margin-bottom:22px}.tryon-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tryon-section-title{font-size:.82rem;font-weight:800;text-transform:uppercase;color:#0f172a;letter-spacing:.4px}.tryon-section-subval{font-size:.8rem;font-weight:700}.tryon-color-grid{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tryon-color-swatch{width:38px;height:38px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px #00000026}.tryon-color-swatch:hover{transform:scale(1.1)}.tryon-color-swatch.active{border-color:#0f172a;transform:scale(1.12);box-shadow:0 0 0 3px #2563eb66}.tryon-helper-text{display:block;font-size:.74rem;color:#3b82f6;font-weight:600;margin-top:8px}.tryon-size-grid{display:flex;gap:10px;flex-wrap:wrap}.tryon-size-btn{min-width:44px;height:40px;padding:0 14px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#1e293b;font-weight:800;font-size:.85rem;cursor:pointer;transition:all .2s}.tryon-size-btn:hover{border-color:#0f172a;background:#f8fafc}.tryon-size-btn.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 4px 10px #0f172a40}.tryon-guarantee-card{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-top:24px}.tryon-guarantee-card .guarantee-text{display:flex;flex-direction:column}.tryon-guarantee-card strong{font-size:.82rem;color:#166534;font-weight:800}.tryon-guarantee-card span{font-size:.74rem;color:#15803d;line-height:1.4;margin-top:2px}.tryon-action-footer{padding:18px 32px;background:#fff;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:14px;flex-shrink:0}.tryon-qty-row{display:flex;align-items:center;justify-content:space-between}.tryon-btns-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tryon-btn-cart{height:48px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-weight:800;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.tryon-btn-cart:hover{background:#f8fafc;border-color:#0f172a;transform:translateY(-1px)}.tryon-btn-buy{height:48px;border-radius:8px;border:none;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;font-weight:800;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px 14px #0f172a40;transition:all .2s}.tryon-btn-buy:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59}.tryon-loading-overlay,.tryon-error-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f8fafce6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30}.tryon-loading-card,.tryon-error-card{text-align:center;padding:32px;max-width:320px}.tryon-loading-icon-wrap{position:relative;display:inline-block;margin-bottom:16px}.tryon-spinner{color:#3b82f6;animation:spin 1s linear infinite}.tryon-sparkle-icon{position:absolute;top:-8px;right:-10px;color:#f59e0b}.tryon-loading-title{font-size:1.1rem;font-weight:800;color:#0f172a;margin-bottom:6px}.tryon-loading-msg{font-size:.8rem;color:#64748b;margin-bottom:16px}.tryon-loading-bar-track{width:100%;height:4px;background:#e2e8f0;border-radius:4px;overflow:hidden}.tryon-loading-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease}.admin-3d-modal-card{width:100%;max-width:1000px;height:85vh;max-height:800px;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #0006;display:flex;flex-direction:column;overflow:hidden}.admin-3d-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.badge-pill-3d{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800;color:#2563eb;text-transform:uppercase;margin-bottom:4px}.admin-3d-header h3{font-size:1.3rem;font-weight:800;color:#0f172a}.admin-3d-body-grid{display:grid;grid-template-columns:1.1fr 1fr;flex:1;overflow:hidden}.admin-3d-viewport{background:#f1f5f9;display:flex;flex-direction:column;position:relative}.admin-3d-viewport .viewport-header{padding:12px 16px;font-size:.75rem;font-weight:800;color:#475569;display:flex;justify-content:space-between;border-bottom:1px solid #e2e8f0}.admin-3d-viewport .canvas-wrapper{flex:1;position:relative}.admin-3d-viewport .viewport-footer{padding:10px 16px;border-top:1px solid #e2e8f0;background:#fff9;display:flex;gap:12px;font-size:.72rem;font-weight:700;color:#64748b}.admin-3d-controls-panel{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.upload-box{border:2px dashed #cbd5e1;border-radius:10px;padding:18px;text-align:center;background:#f8fafc}.upload-trigger{display:inline-flex;align-items:center;gap:8px;color:#2563eb;font-weight:700;font-size:.85rem;cursor:pointer}.upload-box small{display:block;color:#94a3b8;font-size:.72rem;margin-top:6px}.current-model-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.current-model-row .model-path{flex:1;font-size:.8rem;font-weight:700;color:#1e3a8a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-delete-model{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px}.transform-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.transform-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.transform-header .section-title{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:800;color:#0f172a}.btn-reset-transform{background:none;border:none;color:#64748b;font-size:.74rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.slider-axis-row{display:grid;grid-template-columns:140px 1fr 60px;align-items:center;gap:10px;margin-bottom:10px}.axis-title{font-size:.78rem;font-weight:700;color:#475569}.axis-val{font-size:.78rem;font-weight:800;color:#0f172a;text-align:right}.admin-3d-footer{padding:16px 24px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:flex-end;gap:12px}@media (max-width: 900px){.tryon-modal-container{height:94vh;max-height:94vh}.tryon-modal-layout{grid-template-columns:1fr;grid-template-rows:1fr 1.1fr}.tryon-details-panel{border-left:none;border-top:1px solid #f1f5f9}.tryon-details-scroll{padding:18px 20px}.admin-3d-body-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.admin-design-studio{display:flex;flex-direction:column;gap:20px;animation:fadeIn .3s ease}.design-studio-topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:18px 24px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #00000005;flex-wrap:wrap;gap:16px}.design-topbar-left{display:flex;align-items:center;gap:16px}.design-brand-title{display:flex;align-items:center;gap:12px}.design-icon-accent{color:#7c3aed;background:#7c3aed1a;padding:8px;border-radius:10px}.design-brand-title h2{font-size:1.3rem;font-weight:800;color:#0f172a;margin:0}.design-version-meta{display:flex;align-items:center;gap:12px;margin-top:4px}.status-badge{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:12px;text-transform:uppercase}.badge-draft{background:#fef3c7;color:#d97706}.badge-published{background:#dcfce7;color:#16a34a}.version-info{font-size:.78rem;color:#64748b}.design-topbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.design-feedback-banner{display:flex;align-items:center;gap:6px;background:#ecfdf5;color:#059669;font-size:.82rem;font-weight:700;padding:6px 12px;border-radius:8px;border:1px solid #a7f3d0;animation:fadeIn .2s ease}.viewport-toggle-pill{display:flex;background:#f1f5f9;padding:3px;border-radius:8px;border:1px solid #e2e8f0}.vp-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;color:#64748b;border-radius:6px;transition:all .2s}.vp-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #00000014}.btn-design-secondary{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;font-size:.85rem;font-weight:700;color:#334155;cursor:pointer;transition:all .2s}.btn-design-secondary:hover{background:#f1f5f9;border-color:#94a3b8}.btn-design-publish{display:flex;align-items:center;gap:6px;padding:8px 20px;background:#10b981;border:1px solid #059669;border-radius:8px;font-size:.85rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 2px 6px #10b98140;transition:all .2s}.btn-design-publish:hover{background:#059669}.btn-design-add-section{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#7c3aed;color:#fff;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-design-add-section:hover{background:#6d28d9}.design-tabs-navbar{display:flex;gap:6px;background:#fff;padding:8px 12px;border-radius:12px;border:1px solid #e2e8f0;overflow-x:auto}.design-nav-tab{display:flex;align-items:center;gap:8px;padding:9px 16px;font-size:.83rem;font-weight:700;color:#64748b;border-radius:8px;white-space:nowrap;transition:all .2s}.design-nav-tab:hover{background:#f8fafc;color:#0f172a}.design-nav-tab.active{background:#0f172a;color:#fff}.design-workspace-container{min-height:500px}.design-tab-pane{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px}.pane-intro{margin-bottom:24px}.pane-intro h3{font-size:1.25rem;font-weight:800;color:#0f172a;margin-bottom:4px}.pane-intro p{font-size:.88rem;color:#64748b}.pane-intro-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.format-selector{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.82rem;color:#475569;font-weight:600}.format-selector button{padding:4px 10px;font-size:.75rem;border-radius:4px;background:#f1f5f9;color:#64748b;font-weight:700}.format-selector button.active{background:#7c3aed;color:#fff}.design-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.design-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:18px}.design-card h4{font-size:.95rem;font-weight:800;color:#0f172a;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.design-two-col-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 960px){.design-two-col-layout{grid-template-columns:1fr}}.design-color-field{margin-bottom:14px}.color-field-label{display:flex;justify-content:space-between;font-size:.82rem;font-weight:600;color:#334155;margin-bottom:6px}.color-format-badge{font-size:.72rem;color:#64748b;font-family:monospace}.color-field-input-wrap{display:flex;gap:8px}.color-swatch-input{width:44px;height:38px;padding:0;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;background:none}.color-hex-text-input{flex:1;height:38px;padding:0 12px;border:1px solid #cbd5e1;border-radius:6px;font-family:monospace;font-size:.85rem;background:#fff}.live-typo-preview-card{background:#fff;border:1px dashed #cbd5e1}.typo-preview-box{padding:24px;background:#fafafa;border-radius:10px;border:1px solid #e2e8f0}.layout-select-grid{display:grid;grid-template-columns:1fr;gap:8px}.layout-option-card{padding:12px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-size:.85rem;cursor:pointer;transition:all .2s}.layout-option-card.active{border-color:#7c3aed;background:#7c3aed0d;color:#7c3aed}.footer-columns-manager{display:flex;flex-direction:column;gap:14px}.footer-col-edit-card{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:14px}.footer-col-header{display:flex;gap:8px;margin-bottom:10px}.footer-col-title-input{flex:1;font-weight:700;padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px}.btn-icon-del{padding:6px 10px;color:#ef4444;border-radius:6px;background:#fef2f2}.footer-links-list{display:flex;flex-direction:column;gap:6px}.footer-link-edit-row{display:flex;gap:6px;align-items:center}.btn-add-sublink{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;color:#7c3aed;margin-top:6px;cursor:pointer}.homepage-sections-list{display:flex;flex-direction:column;gap:12px}.section-builder-card{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px;gap:16px;transition:all .2s}.section-builder-card.section-disabled{opacity:.6;background:#f1f5f9}.sec-order-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0f172a;color:#fff;border-radius:50%;font-size:.8rem;font-weight:800}.sec-info{flex:1;display:flex;flex-direction:column;gap:2px}.sec-type-tag{font-size:.7rem;font-weight:800;color:#7c3aed;text-transform:uppercase;letter-spacing:.5px}.sec-sub{font-size:.8rem;color:#64748b}.sec-responsive-badges{display:flex;gap:4px}.device-indicator{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.68rem;font-weight:800}.device-indicator.on{background:#dcfce7;color:#16a34a}.device-indicator.off{background:#f1f5f9;color:#94a3b8}.sec-actions{display:flex;align-items:center;gap:6px}.btn-sec-action{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;background:#fff;border:1px solid #cbd5e1;font-size:.8rem;color:#334155;cursor:pointer;transition:all .2s}.btn-sec-action:hover{background:#f1f5f9}.btn-sec-action.edit{color:#7c3aed;border-color:#ddd6fe;background:#f5f3ff}.btn-sec-action.del{color:#ef4444;border-color:#fecaca;background:#fef2f2}.presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.preset-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:18px;display:flex;flex-direction:column}.preset-color-bar{height:8px;border-radius:4px;margin-bottom:12px}.preset-card h4{font-size:1.1rem;font-weight:800;color:#0f172a;margin-bottom:6px}.preset-card p{font-size:.85rem;color:#64748b;flex:1;margin-bottom:16px}.btn-apply-preset{padding:8px 14px;background:#0f172a;color:#fff;border-radius:6px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-apply-preset:hover{background:#7c3aed}.preview-tab-pane{padding:0;overflow:hidden}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:12px}.preview-toolbar-left{display:flex;flex-direction:column}.preview-toolbar-left strong{font-size:.95rem;color:#0f172a}.preview-toolbar-left span{font-size:.8rem;color:#64748b}.preview-viewport-wrapper{background:#1e293b;padding:30px;display:flex;justify-content:center;min-height:680px;overflow-x:auto}.preview-viewport-wrapper.device-desktop .device-frame{width:100%;max-width:1280px}.preview-viewport-wrapper.device-tablet .device-frame{width:768px}.preview-viewport-wrapper.device-mobile .device-frame{width:375px}.device-frame{height:650px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #0006;transition:width .3s ease}.preview-iframe{width:100%;height:100%;border:none}.design-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.design-modal-box{background:#fff;border-radius:16px;max-width:820px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalScaleIn .25s ease}.design-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.design-modal-header h3{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0}.section-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:24px}.section-picker-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:6px}.section-picker-card:hover{border-color:#7c3aed;background:#f5f3ff;transform:translateY(-2px)}.sec-pick-icon{color:#7c3aed;margin-bottom:4px}.section-picker-card strong{font-size:.92rem;color:#0f172a}.section-picker-card p{font-size:.78rem;color:#64748b;margin:0;line-height:1.4}.section-edit-form{padding:24px}.type-config-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-top:16px}.type-config-box h4{font-size:.9rem;font-weight:800;color:#0f172a;margin-bottom:12px}@media (min-width: 1025px){.hide-desktop{display:none!important}}@media (min-width: 768px) and (max-width: 1024px){.hide-tablet{display:none!important}}@media (max-width: 767px){.hide-mobile{display:none!important}}