@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-family:"Inter", system-ui, -apple-system, sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-xxl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--transition-normal:all .25s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px 0 #0000000d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--background:#fafafa;--foreground:#09090b;--surface:#fff;--surface-hover:#f4f4f5;--surface-border:#e4e4e7;--muted:#71717a;--muted-background:#f4f4f5;--brand:#2563eb;--brand-hover:#1d4ed8;--brand-text:#fff;--success:#16a34a;--success-bg:#dcfce7;--success-text:#14532d;--error:#dc2626;--error-bg:#fee2e2;--error-text:#7f1d1d;--warning:#ca8a04;--warning-bg:#fef9c3;--warning-text:#713f12;--focus-ring:#2563d359;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d}:root[data-theme=dark],:root:not([data-theme]){--background:#09090b;--foreground:#fafafa;--surface:#121214;--surface-hover:#1a1a1e;--surface-border:#27272a;--muted:#a1a1aa;--muted-background:#18181b;--brand:#3b82f6;--brand-hover:#60a5fa;--brand-text:#09090b;--success:#10b981;--success-bg:#10b9811a;--success-text:#34d399;--error:#ef4444;--error-bg:#ef44441a;--error-text:#f87171;--warning:#f59e0b;--warning-bg:#f59e0b1a;--warning-text:#fbbf24;--focus-ring:#3b82f659;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 32px #000000b3}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);letter-spacing:-.025em;line-height:1.2}h1{font-size:var(--text-4xl);margin-bottom:var(--spacing-md)}h2{font-size:var(--text-3xl);margin-bottom:var(--spacing-sm)}h3{font-size:var(--text-xxl);margin-bottom:var(--spacing-sm)}h4{font-size:var(--text-xl);margin-bottom:var(--spacing-xs)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--muted);font-size:var(--text-base);margin-bottom:var(--spacing-md)}a{color:inherit;transition:var(--transition-fast);text-decoration:none}ul,ol{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}.main-content{min-height:calc(100vh - 160px);padding:var(--spacing-xl) var(--spacing-md);width:100%;max-width:1200px;margin:0 auto}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.grid-responsive{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;user-select:none;text-align:center;padding:.75rem 1.5rem;display:inline-flex}.btn-primary{background-color:var(--brand);color:var(--brand-text)}.btn-primary:hover:not(:disabled){background-color:var(--brand-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--muted-background);color:var(--foreground);border:1px solid var(--surface-border)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-hover)}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-outline{border:1px solid var(--surface-border);color:var(--foreground)}.btn-outline:hover:not(:disabled){background-color:var(--surface-hover)}.btn-ghost{color:var(--foreground)}.btn-ghost:hover:not(:disabled){background-color:var(--surface-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.form-group{margin-bottom:var(--spacing-md)}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--spacing-xs);color:var(--foreground);display:block}.form-input{width:100%;font-size:var(--text-sm);background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);transition:var(--transition-fast);color:var(--foreground);padding:.75rem 1rem}.form-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.form-error{font-size:var(--text-xs);color:var(--error);margin-top:var(--spacing-xs);font-weight:var(--weight-medium)}.badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);align-items:center;padding:.25rem .5rem;line-height:1;display:inline-flex}.badge-success{background-color:var(--success-bg);color:var(--success-text)}.badge-danger{background-color:var(--error-bg);color:var(--error-text)}.badge-warning{background-color:var(--warning-bg);color:var(--warning-text)}.badge-info{background-color:var(--muted-background);color:var(--muted)}.skeleton{background:linear-gradient(90deg, var(--muted-background) 25%, var(--surface-border) 50%, var(--muted-background) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite loading-pulse}@keyframes loading-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.card{background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-md);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);width:100%;max-width:500px;padding:var(--spacing-lg);box-shadow:var(--shadow-lg);position:relative}.spinner-container{padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.spinner{border:2px solid var(--surface-border);border-top-color:var(--brand);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state svg{color:var(--muted);margin-bottom:var(--spacing-md);font-size:3rem}@media (width<=768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xxl)}.grid-responsive{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.navbar-wrapper{background:rgba(var(--background), .8);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--surface-border);z-index:100;width:100%;position:sticky;top:0}.navbar-container{max-width:1200px;height:64px;padding:0 var(--spacing-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-brand{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--foreground);align-items:center;gap:var(--spacing-sm);display:flex}.navbar-links{align-items:center;gap:var(--spacing-lg);display:flex}.navbar-link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted);transition:var(--transition-fast)}.navbar-link:hover,.navbar-link.active{color:var(--foreground)}.navbar-actions{align-items:center;gap:var(--spacing-md);display:flex}.navbar-icon-btn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--foreground);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.navbar-icon-btn:hover{background-color:var(--surface-hover)}.navbar-cart-count{background-color:var(--brand);color:var(--brand-text);font-size:10px;font-weight:var(--weight-bold);border:2px solid var(--background);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:-2px;right:-2px}.navbar-user-menu{position:relative}.navbar-avatar{border-radius:var(--radius-full);background-color:var(--muted-background);border:1px solid var(--surface-border);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.navbar-avatar img{object-fit:cover;width:100%;height:100%}.dropdown-menu{top:calc(100% + var(--spacing-sm));background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;padding:var(--spacing-xs);z-index:101;flex-direction:column;gap:2px;animation:.15s ease-out fadeIn;display:flex;position:absolute;right:0}.dropdown-item{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);padding:.6rem .75rem;display:flex}.dropdown-item:hover{background-color:var(--surface-hover);color:var(--foreground)}.dropdown-divider{background-color:var(--surface-border);height:1px;margin:var(--spacing-xs) 0}.cart-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background-color:#0009;position:fixed;inset:0}.cart-drawer{background-color:var(--surface);border-left:1px solid var(--surface-border);width:100%;max-width:440px;box-shadow:var(--shadow-lg);z-index:201;flex-direction:column;height:100%;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(0)}.cart-drawer-header{padding:var(--spacing-lg);border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;display:flex}.cart-drawer-content{padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.cart-drawer-item{gap:var(--spacing-md);display:flex}.cart-drawer-img{border-radius:var(--radius-sm);object-fit:cover;background-color:var(--muted-background);border:1px solid var(--surface-border);width:64px;height:64px}.cart-drawer-details{flex-direction:column;flex:1;justify-content:space-between;display:flex}.cart-drawer-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--foreground)}.cart-drawer-qty-control{border:1px solid var(--surface-border);border-radius:var(--radius-sm);align-items:center;width:fit-content;display:flex}.cart-drawer-qty-btn{cursor:pointer;width:24px;height:24px;color:var(--muted);transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.cart-drawer-qty-btn:hover{color:var(--foreground);background-color:var(--surface-hover)}.cart-drawer-qty-val{text-align:center;width:28px;font-size:var(--text-xs);font-weight:var(--weight-medium)}.cart-drawer-footer{padding:var(--spacing-lg);border-top:1px solid var(--surface-border);background-color:var(--background)}.cart-drawer-summary{margin-bottom:var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;display:flex}.mobile-menu-btn{font-size:var(--text-xl);color:var(--foreground);cursor:pointer;display:none}@media (width<=768px){.navbar-links{display:none}.mobile-menu-btn{display:block}}.shop-layout{gap:var(--spacing-xl);margin-top:var(--spacing-xl);grid-template-columns:240px 1fr;display:grid}.shop-sidebar{gap:var(--spacing-xl);flex-direction:column;height:fit-content;display:flex;position:sticky;top:84px}.filter-section{gap:var(--spacing-sm);border-bottom:1px solid var(--surface-border);padding-bottom:var(--spacing-lg);flex-direction:column;display:flex}.filter-title{font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--foreground)}.filter-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.filter-item{font-size:var(--text-sm);color:var(--muted);cursor:pointer;padding:var(--spacing-xs) 0;transition:var(--transition-fast);justify-content:space-between;display:flex}.filter-item:hover,.filter-item.active{color:var(--foreground)}.range-slider-container{padding:var(--spacing-xs) 0}.range-slider-values{margin-top:var(--spacing-xs);font-size:var(--text-xs);color:var(--muted);justify-content:space-between;display:flex}.product-card{background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);transition:var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand);transform:translateY(-4px)}.product-card-media{background-color:var(--muted-background);width:100%;padding-top:100%;position:relative;overflow:hidden}.product-card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.product-card:hover .product-card-img{transform:scale(1.03)}.product-card-wishlist{background-color:rgba(var(--background), .5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--surface-border);color:var(--foreground);cursor:pointer;z-index:5;width:32px;height:32px;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.product-card-wishlist:hover{background-color:var(--surface);transform:scale(1.05)}.product-card-content{padding:var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;flex-grow:1;display:flex}.product-card-category{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.product-card-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--foreground);text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-card-footer{padding-top:var(--spacing-xs);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-card-price{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--foreground)}.product-detail-layout{gap:var(--spacing-xxl);margin-top:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.product-gallery{gap:var(--spacing-md);flex-direction:column;display:flex}.product-gallery-main{background-color:var(--muted-background);border:1px solid var(--surface-border);border-radius:var(--radius-lg);width:100%;padding-top:100%;position:relative;overflow:hidden}.product-gallery-main img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.product-gallery-thumbs{gap:var(--spacing-sm);display:flex}.product-gallery-thumb{border-radius:var(--radius-md);border:1px solid var(--surface-border);cursor:pointer;background-color:var(--muted-background);width:64px;height:64px;overflow:hidden}.product-gallery-thumb.active{border-color:var(--brand)}.product-gallery-thumb img{object-fit:cover;width:100%;height:100%}.product-info-details{gap:var(--spacing-md);flex-direction:column;display:flex}.product-meta-header{border-bottom:1px solid var(--surface-border);padding-bottom:var(--spacing-md)}.product-detail-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--spacing-xs)}.product-detail-rating{align-items:center;gap:var(--spacing-xs);color:var(--warning);font-size:var(--text-sm);display:flex}.product-detail-rating span{color:var(--muted)}.product-detail-price{font-size:var(--text-xxl);font-weight:var(--weight-bold);margin-top:var(--spacing-sm)}.product-detail-desc{font-size:var(--text-base);color:var(--muted);line-height:1.6}.product-detail-controls{border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border);padding:var(--spacing-md) 0;gap:var(--spacing-md);flex-direction:column;display:flex}.quantity-selector{align-items:center;gap:var(--spacing-md);display:flex}.quantity-btn-row{border:1px solid var(--surface-border);border-radius:var(--radius-md);align-items:center;display:flex;overflow:hidden}.quantity-btn{cursor:pointer;background-color:var(--muted-background);width:36px;height:36px;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.quantity-btn:hover{background-color:var(--surface-hover)}.quantity-val{text-align:center;width:48px;font-weight:var(--weight-semibold)}.detail-actions-row{gap:var(--spacing-md);display:flex}.detail-actions-row .btn{flex:1}.product-tabs-container{margin-top:var(--spacing-xxl)}.product-tabs-nav{border-bottom:1px solid var(--surface-border);margin-bottom:var(--spacing-lg);display:flex}.product-tab-btn{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted);cursor:pointer;transition:var(--transition-fast);padding:.75rem 1.5rem;position:relative}.product-tab-btn:hover{color:var(--foreground)}.product-tab-btn.active{color:var(--foreground);font-weight:var(--weight-bold)}.product-tab-btn.active:after{content:"";background-color:var(--brand);height:2px;position:absolute;bottom:-1px;left:0;right:0}.product-specs-table{border-collapse:collapse;width:100%}.product-specs-table tr{border-bottom:1px solid var(--surface-border)}.product-specs-table td{font-size:var(--text-sm);padding:.75rem 0}.product-specs-table td:first-child{font-weight:var(--weight-medium);color:var(--muted);width:200px}.reviews-grid{gap:var(--spacing-xl);grid-template-columns:320px 1fr;display:grid}.reviews-summary{gap:var(--spacing-md);flex-direction:column;display:flex}.reviews-summary-score{font-size:3rem;font-weight:var(--weight-bold);line-height:1}.reviews-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.review-card{border-bottom:1px solid var(--surface-border);padding-bottom:var(--spacing-md)}.review-header{margin-bottom:var(--spacing-xs);justify-content:space-between;display:flex}.review-author{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.review-date{font-size:var(--text-xs);color:var(--muted)}.review-text{font-size:var(--text-sm);color:var(--muted);line-height:1.5}.add-review-form{margin-top:var(--spacing-lg);gap:var(--spacing-md);padding:var(--spacing-lg);border:1px solid var(--surface-border);background-color:var(--surface);border-radius:var(--radius-lg);flex-direction:column;display:flex}.hero-section{text-align:center;background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--spacing-xxl) var(--spacing-md);margin-bottom:var(--spacing-xxl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-subtitle{color:var(--brand);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-sm);font-weight:var(--weight-bold);margin-bottom:var(--spacing-xs)}.hero-title{font-size:var(--text-4xl);font-weight:var(--weight-bold);max-width:600px}.hero-desc{font-size:var(--text-base);color:var(--muted);max-width:500px}@media (width<=900px){.shop-layout{grid-template-columns:1fr}.shop-sidebar{height:auto;position:static}.product-detail-layout{gap:var(--spacing-lg);grid-template-columns:1fr}.reviews-grid{grid-template-columns:1fr}}.cart-layout{gap:var(--spacing-xl);grid-template-columns:1fr 380px;align-items:start;display:grid}.cart-items-container{gap:var(--spacing-md);flex-direction:column;display:flex}.cart-item-card{background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-lg);transition:var(--transition-fast);align-items:center;display:flex}.cart-item-card:hover{border-color:var(--brand)}.cart-item-img{border-radius:var(--radius-md);object-fit:cover;background-color:var(--muted-background);border:1px solid var(--surface-border);width:96px;height:96px}.cart-item-details{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.cart-item-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--foreground)}.cart-item-meta{font-size:var(--text-xs);color:var(--muted)}.cart-item-actions{align-items:center;gap:var(--spacing-lg);display:flex}.cart-item-qty{border:1px solid var(--surface-border);border-radius:var(--radius-md);background-color:var(--muted-background);align-items:center;display:flex;overflow:hidden}.cart-item-price{font-size:var(--text-base);font-weight:var(--weight-bold);text-align:right;min-width:80px}.cart-item-remove{color:var(--muted);cursor:pointer;font-size:var(--text-lg);transition:var(--transition-fast)}.cart-item-remove:hover{color:var(--error)}.summary-panel{background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:sticky;top:84px}.summary-title{font-size:var(--text-lg);font-weight:var(--weight-bold);border-bottom:1px solid var(--surface-border);padding-bottom:var(--spacing-sm)}.coupon-field{gap:var(--spacing-xs);display:flex}.coupon-field .form-input{flex:1}.summary-rows{gap:var(--spacing-sm);font-size:var(--text-sm);flex-direction:column;display:flex}.summary-row{color:var(--muted);justify-content:space-between;display:flex}.summary-row.total{border-top:1px solid var(--surface-border);padding-top:var(--spacing-md);font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--foreground)}.checkout-stepper{max-width:600px;margin:0 auto var(--spacing-xl) auto;justify-content:space-between;align-items:center;display:flex;position:relative}.checkout-stepper:before{content:"";background-color:var(--surface-border);z-index:1;height:2px;position:absolute;top:18px;left:30px;right:30px}.checkout-step{align-items:center;gap:var(--spacing-xs);z-index:2;font-size:var(--text-xs);color:var(--muted);flex-direction:column;display:flex;position:relative}.checkout-step-num{background-color:var(--surface);border:2px solid var(--surface-border);width:36px;height:36px;font-weight:var(--weight-bold);color:var(--muted);transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.checkout-step.active .checkout-step-num{border-color:var(--brand);color:var(--foreground);background-color:var(--surface-hover)}.checkout-step.completed .checkout-step-num{border-color:var(--success);color:var(--success-text);background-color:var(--success-bg)}.address-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.address-select-card{border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:var(--transition-fast);background-color:var(--surface)}.address-select-card:hover{background-color:var(--surface-hover)}.address-select-card.selected{border-color:var(--brand);background-color:var(--muted-background)}.address-name{font-weight:var(--weight-bold);font-size:var(--text-sm);margin-bottom:var(--spacing-xs)}.address-details{font-size:var(--text-xs);color:var(--muted);line-height:1.4}.checkout-section-title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);display:flex}.success-card{max-width:600px;margin:var(--spacing-xxl) auto;text-align:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.success-icon{background-color:var(--success-bg);width:64px;height:64px;color:var(--success);margin-bottom:var(--spacing-sm);border-radius:50%;justify-content:center;align-items:center;font-size:2.25rem;display:flex}.success-title{font-size:var(--text-xxl);font-weight:var(--weight-bold)}.success-desc{font-size:var(--text-sm);color:var(--muted);max-width:440px;line-height:1.6}.success-details{border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border);width:100%;padding:var(--spacing-lg) 0;margin:var(--spacing-md) 0;gap:var(--spacing-xs);text-align:left;flex-direction:column;display:flex}.success-detail-row{font-size:var(--text-sm);justify-content:space-between;display:flex}.success-detail-label{color:var(--muted)}.success-detail-val{font-weight:var(--weight-medium)}@media (width<=768px){.cart-layout{grid-template-columns:1fr}.summary-panel{position:static}}.auth-wrapper{min-height:calc(100vh - 160px);padding:var(--spacing-md);background-color:var(--background);justify-content:center;align-items:center;display:flex}.auth-card{background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--spacing-xxl) var(--spacing-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);gap:var(--spacing-lg);flex-direction:column;animation:.4s ease-out fadeIn;display:flex}.auth-header{text-align:center;align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.auth-logo{color:var(--foreground);margin-bottom:var(--spacing-sm);border-radius:var(--radius-md);border:2px solid var(--foreground);width:48px;height:48px;font-size:2.25rem;font-weight:var(--weight-bold);justify-content:center;align-items:center;display:flex}.auth-title{font-size:var(--text-xxl);font-weight:var(--weight-bold);color:var(--foreground)}.auth-subtitle{font-size:var(--text-sm);color:var(--muted)}.auth-form{gap:var(--spacing-md);flex-direction:column;display:flex}.auth-divider{text-align:center;color:var(--muted);font-size:var(--text-xs);margin:var(--spacing-xs) 0;font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em;align-items:center;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--surface-border);flex:1}.auth-divider:before{margin-right:var(--spacing-md)}.auth-divider:after{margin-left:var(--spacing-md)}.btn-google{justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--foreground);border:1px solid var(--surface-border);border-radius:var(--radius-md);font-weight:var(--weight-semibold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast);background-color:#0000;width:100%;padding:.75rem 1rem;display:flex}.btn-google:hover{background-color:var(--surface-hover)}.auth-footer{text-align:center;font-size:var(--text-sm);color:var(--muted);margin-top:var(--spacing-sm)}.auth-link{color:var(--brand);font-weight:var(--weight-semibold);transition:var(--transition-fast)}.auth-link:hover{color:var(--brand-hover);text-decoration:underline}.auth-input-container{position:relative}.auth-input-icon{color:var(--muted);cursor:pointer;align-items:center;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.admin-layout{gap:var(--spacing-xl);grid-template-columns:240px 1fr;min-height:calc(100vh - 160px);display:grid}.admin-sidebar{border-right:1px solid var(--surface-border);padding-right:var(--spacing-md);gap:var(--spacing-lg);flex-direction:column;display:flex}.admin-sidebar-menu{flex-direction:column;gap:2px;display:flex}.admin-menu-item{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);padding:.75rem 1rem;display:flex}.admin-menu-item:hover,.admin-menu-item.active{background-color:var(--surface-hover);color:var(--foreground)}.admin-menu-item.active{font-weight:var(--weight-bold);border:1px solid var(--surface-border)}.admin-content-area{gap:var(--spacing-xl);flex-direction:column;display:flex}.admin-header-row{justify-content:space-between;align-items:center;display:flex}.kpi-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.kpi-card{background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);gap:var(--spacing-xs);flex-direction:column;display:flex}.kpi-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.kpi-val{font-size:var(--text-xxl);font-weight:var(--weight-bold);color:var(--foreground)}.kpi-trend{font-size:var(--text-xs);align-items:center;gap:var(--spacing-xs);font-weight:var(--weight-semibold);display:flex}.kpi-trend.up{color:var(--success)}.kpi-trend.down{color:var(--error)}.admin-card-table{background-color:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.table-header{padding:var(--spacing-lg);border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;display:flex}.table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--surface-border);background-color:var(--muted-background)}.admin-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-sm);border-bottom:1px solid var(--surface-border);color:var(--foreground)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:var(--surface-hover)}.admin-action-btn-row{gap:var(--spacing-sm);display:flex}.upload-dropzone{border:2px dashed var(--surface-border);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-md);text-align:center;cursor:pointer;transition:var(--transition-fast);background-color:var(--surface);align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.upload-dropzone:hover{border-color:var(--brand);background-color:var(--surface-hover)}.upload-dropzone-icon{color:var(--muted);font-size:2rem}.upload-preview{margin-top:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--surface-border);object-fit:cover;width:120px;height:120px}.admin-form-grid{gap:var(--spacing-xl);grid-template-columns:2fr 1fr;align-items:start;display:grid}@media (width<=900px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{border-right:none;border-bottom:1px solid var(--surface-border);padding-right:0;padding-bottom:var(--spacing-md)}.admin-form-grid{grid-template-columns:1fr}}