@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";:root{--color-bg:#0d1b2a;--color-surface:#1a2d42;--color-surface-alt:#213550;--color-border:#2a4060;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-accent:#60a5fa;--color-text:#e8edf2;--color-text-muted:#8da4be;--color-text-faint:#4d6a85;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--font-sans:"Inter", sans-serif;--font-display:"Poppins", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--navbar-height:110px;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text);font-weight:600;line-height:1.3}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--color-text-muted);line-height:1.7}a{color:var(--color-accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-primary)}#root{flex-direction:column;min-height:100vh;display:flex}.page{padding-top:var(--navbar-height);padding-left:var(--space-4);padding-right:var(--space-4);padding-bottom:var(--space-8);width:100%;max-width:480px;margin:0 auto}@media (width>=768px){.page{max-width:960px;padding-left:var(--space-8);padding-right:var(--space-8)}}@media (width>=1200px){.page{max-width:1200px}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition), transform var(--transition);border:none;width:100%;font-weight:500;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-border)}.btn-danger{color:var(--color-error);border:1px solid var(--color-error);background-color:#0000}.btn-danger:hover{background-color:var(--color-error);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);transition:border-color var(--transition);outline:none}.input:focus{border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-faint)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;font-weight:500;display:inline-flex}.badge-success{color:var(--color-success);background-color:#22c55e26}.badge-warning{color:var(--color-warning);background-color:#f59e0b26}.badge-error{color:var(--color-error);background-color:#ef444426}.badge-info{color:var(--color-accent);background-color:#3b82f626}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-center{text-align:center}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.w-full{width:100%}@media (width>=768px){:root{--navbar-height:65px}}.navbar{z-index:100;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0}.navbar-top{justify-content:space-between;align-items:center;display:flex}.navbar-logo{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);letter-spacing:.05em;font-weight:700;text-decoration:none}.navbar-actions{align-items:center;gap:var(--space-3);display:flex}.navbar-icon-btn{font-size:var(--text-lg);color:var(--color-text-muted);transition:color var(--transition);padding:var(--space-1);text-decoration:none;position:relative}.navbar-icon-btn:hover{color:var(--color-text)}.navbar-badge{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);min-width:18px;height:18px;padding:0 var(--space-1);justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px}.navbar-admin-btn{font-size:var(--text-xs);background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);color:var(--color-accent);font-weight:600}.navbar-search{gap:var(--space-2);display:flex}.navbar-search-input{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);flex:1}.navbar-search-btn{background-color:var(--color-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-base);transition:background-color var(--transition);border:none}.navbar-search-btn:hover{background-color:var(--color-primary-hover)}.navbar-admin{background-color:var(--color-bg);border-bottom-color:var(--color-primary)}.navbar-admin-label{font-size:var(--text-sm);color:var(--color-accent);font-weight:400}.navbar-back-btn{width:auto;font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}@media (width>=768px){.navbar{align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-8);flex-direction:row}.navbar-search{flex:1;max-width:480px}.navbar-top{flex-shrink:0}}.navbar-search-wrapper{gap:var(--space-2);flex-direction:column;display:flex;position:relative}.navbar-suggestions{top:calc(100% + var(--space-1));background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:101;position:absolute;left:0;right:0;overflow:hidden}.navbar-suggestion-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);cursor:pointer;text-align:left;transition:background-color var(--transition);background:0 0;display:flex}.navbar-suggestion-item:last-child{border-bottom:none}.navbar-suggestion-item:hover{background-color:var(--color-surface-alt)}.navbar-suggestion-icon{font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0}.navbar-suggestion-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.navbar-suggestion-price{font-size:var(--text-xs);color:var(--color-accent);flex-shrink:0;font-weight:600}@media (width>=768px){.navbar-search-wrapper{flex:1;max-width:480px}}.cart-drawer-overlay{z-index:150;opacity:0;pointer-events:none;transition:opacity var(--transition);background-color:#00000080;position:fixed;inset:0}.cart-drawer-overlay-visible{opacity:1;pointer-events:all}.cart-drawer{background-color:var(--color-surface);border-left:1px solid var(--color-border);z-index:151;width:100%;max-width:420px;box-shadow:var(--shadow-lg);flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.cart-drawer-open{transform:translate(0)}.cart-drawer-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.cart-drawer-header h2{align-items:center;gap:var(--space-3);font-size:var(--text-lg);display:flex}.cart-drawer-count{background-color:var(--color-primary);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);min-width:22px;height:22px;padding:0 var(--space-1);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.cart-drawer-close{color:var(--color-text-muted);font-size:var(--text-lg);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition);background:0 0;border:none;line-height:1}.cart-drawer-close:hover{color:var(--color-text)}.cart-drawer-content{padding:var(--space-4) var(--space-5);flex:1;overflow-y:auto}.cart-drawer-empty{justify-content:center;align-items:center;gap:var(--space-4);height:100%;padding:var(--space-8);text-align:center;flex-direction:column;display:flex}.cart-drawer-empty-icon{font-size:3rem}.cart-drawer-items{gap:var(--space-4);flex-direction:column;display:flex}.cart-drawer-item{gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.cart-drawer-item:last-child{border-bottom:none}.cart-drawer-item-image{border-radius:var(--radius-md);background-color:var(--color-surface-alt);width:72px;height:72px;font-size:var(--text-2xl);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.cart-drawer-item-image img{object-fit:cover;width:100%;height:100%}.cart-drawer-item-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.cart-drawer-item-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.cart-drawer-item-meta{gap:var(--space-1);flex-wrap:wrap;display:flex}.cart-drawer-item-price{font-size:var(--text-sm);color:var(--color-accent);margin-top:auto;font-weight:600}.cart-drawer-item-actions{align-items:center;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.cart-drawer-quantity{align-items:center;gap:var(--space-2);background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1);display:flex}.cart-drawer-quantity span{font-size:var(--text-sm);text-align:center;min-width:20px;font-weight:600}.cart-drawer-remove{cursor:pointer;font-size:var(--text-base);opacity:.5;transition:opacity var(--transition);padding:var(--space-1);background:0 0;border:none}.cart-drawer-remove:hover{opacity:1}.cart-drawer-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);gap:var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.cart-drawer-total{font-weight:600;font-size:var(--text-base);justify-content:space-between;align-items:center;display:flex}.cart-drawer-total-price{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-accent)}.product-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);transition:border-color var(--transition), transform var(--transition);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.product-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.product-card-out{opacity:.6}.product-card-image{aspect-ratio:1;background-color:var(--color-surface-alt);width:100%;position:relative;overflow:hidden}.product-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.product-card:hover .product-card-image img{transform:scale(1.04)}.product-card-no-image{width:100%;height:100%;font-size:var(--text-3xl);justify-content:center;align-items:center;display:flex}.product-card-overlay{color:#fff;font-size:var(--text-sm);background-color:#00000080;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.product-card-info{gap:var(--space-2);padding:var(--space-3);flex-direction:column;flex:1;display:flex}.product-card-name{font-weight:600;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.product-card-description{font-size:var(--text-xs);color:var(--color-text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-card-price{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--color-accent)}.product-card-variants{gap:var(--space-1);display:flex}.product-card-variant-dot{border-radius:var(--radius-full);border:1px solid #fff3;width:14px;height:14px;display:inline-block}.hero{min-height:380px;padding:var(--space-12) var(--space-6);padding-top:calc(var(--navbar-height) + var(--space-10));background:linear-gradient(135deg, var(--color-bg) 0%, var(--color-surface) 50%, var(--color-surface-alt) 100%);align-items:center;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;gap:var(--space-4);flex-direction:column;max-width:480px;display:flex;position:relative}.hero-tag{padding:var(--space-1) var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:.05em;text-transform:uppercase;background-color:#3b82f626;align-items:center;width:fit-content;font-weight:600;display:inline-flex}.hero-title{font-size:var(--text-3xl);color:var(--color-text);line-height:1.2}.hero-title-accent{color:var(--color-primary)}.hero-description{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.7}.hero-btn{width:fit-content;padding:var(--space-3) var(--space-8)}.hero-decoration{border-radius:var(--radius-full);pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#0000 70%);width:320px;height:320px;position:absolute;top:-80px;right:-80px}.home-section{margin-bottom:var(--space-10)}.home-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:baseline;display:flex}.home-section-sub{font-size:var(--text-sm)}.home-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.product-card-skeleton{aspect-ratio:3/4;border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-alt) 50%, var(--color-surface) 75%);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.home-error{border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);background-color:#ef44441a}.home-empty{padding:var(--space-10)}@media (width>=768px){.hero{min-height:480px;padding:var(--space-12) var(--space-12)}.hero-title{font-size:3rem}.home-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.home-grid{grid-template-columns:repeat(4,1fr)}}.search-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.search-header h1{font-size:var(--text-xl)}.search-query{color:var(--color-primary)}.search-count{font-size:var(--text-sm);flex-shrink:0}.search-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.search-empty{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);text-align:center;flex-direction:column;display:flex}.search-empty-icon{font-size:3rem}.search-empty p{font-size:var(--text-base);color:var(--color-text);font-weight:500}@media (width>=768px){.search-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.search-grid{grid-template-columns:repeat(4,1fr)}}.variant-selector{gap:var(--space-4);flex-direction:column;display:flex}.variant-group{gap:var(--space-2);flex-direction:column;display:flex}.variant-group-header{justify-content:space-between;align-items:center;display:flex}.variant-label{font-size:var(--text-sm);color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:var(--text-xs)}.variant-selected-value{font-size:var(--text-sm);color:var(--color-accent);font-weight:500}.variant-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.variant-btn{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-alt);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition);font-weight:500;display:inline-flex}.variant-size-btn{min-width:44px;height:44px;padding:0 var(--space-3);justify-content:center}.variant-color-btn{padding:var(--space-2) var(--space-3);height:44px}.variant-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.variant-btn-selected{border-color:var(--color-primary);color:var(--color-primary);background-color:#3b82f626}.variant-btn-unavailable{opacity:.35;cursor:not-allowed;text-decoration:line-through}.variant-color-dot{border-radius:var(--radius-full);background-color:var(--dot-color,#6b7280);border:1px solid #fff3;flex-shrink:0;width:16px;height:16px}.variant-stock{font-size:var(--text-sm);color:var(--color-success);font-weight:500}.variant-stock-low{color:var(--color-warning)}.toast-container{bottom:var(--space-6);z-index:200;gap:var(--space-2);pointer-events:none;width:calc(100% - var(--space-8));flex-direction:column;max-width:400px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);box-shadow:var(--shadow-lg);pointer-events:all;cursor:pointer;font-weight:500;animation:.2s toast-in;display:flex}.toast-success{border:1px solid var(--color-success);color:var(--color-success);background-color:#22c55e26}.toast-error{border:1px solid var(--color-error);color:var(--color-error);background-color:#ef444426}.toast-info{border:1px solid var(--color-accent);color:var(--color-accent);background-color:#3b82f626}.toast-icon{flex-shrink:0;font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-detail-back{color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;margin-bottom:var(--space-4);transition:color var(--transition);background:0 0;border:none;padding:0}.product-detail-back:hover{color:var(--color-text)}.product-detail-image{aspect-ratio:1;border-radius:var(--radius-lg);background-color:var(--color-surface);width:100%;margin-bottom:var(--space-6);overflow:hidden}.product-detail-image img{object-fit:cover;width:100%;height:100%}.product-detail-no-image{justify-content:center;align-items:center;width:100%;height:100%;font-size:5rem;display:flex}.product-detail-info{gap:var(--space-5);flex-direction:column;display:flex}.product-detail-name{font-size:var(--text-2xl);line-height:1.2}.product-detail-price{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-accent);font-weight:700}.product-detail-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.product-detail-quantity{justify-content:space-between;align-items:center;display:flex}.quantity-controls{align-items:center;gap:var(--space-3);background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1);display:flex}.quantity-btn{width:36px;height:36px;color:var(--color-text);font-size:var(--text-lg);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.quantity-btn:hover:not(:disabled){background-color:var(--color-border)}.quantity-btn:disabled{opacity:.3;cursor:not-allowed}.quantity-value{text-align:center;min-width:24px;font-weight:600}.product-detail-add-btn{padding:var(--space-4);font-size:var(--text-base)}.product-detail-login-hint{font-size:var(--text-sm);text-align:center}.product-detail-login-link{color:var(--color-accent);cursor:pointer;font-size:var(--text-sm);background:0 0;border:none;padding:0;text-decoration:underline}.product-detail-loading{gap:var(--space-6);flex-direction:column;display:flex}.product-detail-skeleton-image{aspect-ratio:1;border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-alt) 50%, var(--color-surface) 75%);background-size:200% 100%;width:100%;animation:1.5s infinite skeleton-shimmer}.product-detail-skeleton-content{gap:var(--space-3);flex-direction:column;display:flex}.product-detail-skeleton-line{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-alt) 50%, var(--color-surface) 75%);background-size:200% 100%;height:20px;animation:1.5s infinite skeleton-shimmer}.product-detail-skeleton-line:nth-child(2){width:60%}.product-detail-skeleton-line:nth-child(3){width:80%}.product-detail-skeleton-line:nth-child(4){width:40%}.product-detail-error{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:60vh;display:flex}@media (width>=768px){.product-detail{gap:var(--space-10);grid-template-columns:1fr 1fr;align-items:start;display:grid}.product-detail-back{grid-column:1/-1}.product-detail-image{top:calc(var(--navbar-height) + var(--space-4));margin-bottom:0;position:sticky}}.cart-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:baseline;display:flex}.cart-empty{align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-4);text-align:center;flex-direction:column;display:flex}.cart-empty-icon{font-size:4rem}.cart-empty-btn{width:auto;padding:var(--space-3) var(--space-8)}.cart-layout{gap:var(--space-6);flex-direction:column;display:flex}.cart-items{gap:var(--space-3);flex-direction:column;display:flex}.cart-item{gap:var(--space-3);align-items:center;display:flex}.cart-item-image{border-radius:var(--radius-md);background-color:var(--color-surface-alt);width:80px;height:80px;font-size:var(--text-2xl);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.cart-item-image img{object-fit:cover;width:100%;height:100%}.cart-item-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.cart-item-name{font-weight:600;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cart-item-meta{gap:var(--space-1);flex-wrap:wrap;display:flex}.cart-item-unit-price{font-size:var(--text-xs)}.cart-item-right{align-items:flex-end;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.cart-item-total{color:var(--color-accent);font-weight:700;font-size:var(--text-sm)}.cart-item-quantity{align-items:center;gap:var(--space-2);background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1);display:flex}.cart-item-quantity span{font-size:var(--text-sm);text-align:center;min-width:20px;font-weight:600}.cart-item-remove{color:var(--color-error);font-size:var(--text-xs);cursor:pointer;transition:opacity var(--transition);background:0 0;border:none;padding:0}.cart-item-remove:hover{opacity:.7}.cart-summary{gap:var(--space-4);flex-direction:column;display:flex}.cart-summary h2{font-size:var(--text-lg)}.cart-summary-lines{gap:var(--space-3);flex-direction:column;display:flex}.cart-summary-line{font-size:var(--text-sm);justify-content:space-between;display:flex}.cart-summary-divider{background-color:var(--color-border);height:1px}.cart-summary-total{font-weight:700;font-size:var(--text-base)}.cart-summary-total span:last-child{color:var(--color-accent)}.cart-login-prompt{gap:var(--space-3);flex-direction:column;display:flex}@media (width>=768px){.cart-layout{flex-direction:row;align-items:flex-start}.cart-items{flex:1}.cart-summary{width:320px;top:calc(var(--navbar-height) + var(--space-4));flex-shrink:0;position:sticky}}.checkout-page h1{margin-bottom:var(--space-6)}.checkout-steps{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.checkout-step{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500;display:flex}.checkout-step-active{color:var(--color-text)}.checkout-step-done{color:var(--color-success)}.checkout-step-number{border-radius:var(--radius-full);width:24px;height:24px;font-size:var(--text-xs);border:1px solid;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.checkout-step-active .checkout-step-number{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.checkout-step-done .checkout-step-number{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.checkout-step-divider{background-color:var(--color-border);flex:1;height:1px}.checkout-error{border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;margin-bottom:var(--space-4);background-color:#ef44441a}.checkout-section{gap:var(--space-4);flex-direction:column;display:flex}.checkout-section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:600;display:block}.checkout-addresses{gap:var(--space-3);flex-direction:column;display:flex}.checkout-address-card{align-items:flex-start;gap:var(--space-3);text-align:left;cursor:pointer;border:1px solid var(--color-border);width:100%;transition:border-color var(--transition);color:var(--color-text);background:0 0;display:flex}.checkout-address-card:hover{border-color:var(--color-primary)}.checkout-address-selected{border-color:var(--color-primary);background-color:#3b82f60d}.checkout-address-radio{padding-top:var(--space-1);flex-shrink:0}.radio-dot{border-radius:var(--radius-full);border:2px solid var(--color-border);width:18px;height:18px;transition:all var(--transition)}.radio-dot-active{border-color:var(--color-primary);background-color:var(--color-primary)}.checkout-address-info{gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;flex:1;display:flex}.checkout-address-name{color:var(--color-text);font-weight:600}.checkout-address-default{flex-shrink:0}.checkout-add-address-btn{align-self:flex-start;width:auto}.checkout-address-form{gap:var(--space-4);flex-direction:column;display:flex}.checkout-address-form h3{font-size:var(--text-base);color:var(--color-text-muted)}.checkout-form-fields{gap:var(--space-3);flex-direction:column;display:flex}.checkout-form-row{gap:var(--space-3);grid-template-columns:1fr 2fr;display:grid}.checkout-next-btn{margin-top:var(--space-2)}.checkout-back-step{color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition);text-align:left;background:0 0;border:none;padding:0}.checkout-back-step:hover{color:var(--color-text)}.checkout-selected-address{gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;display:flex}.checkout-items{gap:var(--space-3);flex-direction:column;display:flex}.checkout-item{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.checkout-item:last-child{border-bottom:none;padding-bottom:0}.checkout-item-info{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.checkout-item-name{font-size:var(--text-sm);font-weight:500}.checkout-item-meta{gap:var(--space-1);display:flex}.checkout-item-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.checkout-item-price{color:var(--color-accent);font-weight:600;font-size:var(--text-sm)}.checkout-total{gap:var(--space-3);flex-direction:column;display:flex}.checkout-total-line{font-size:var(--text-sm);justify-content:space-between;display:flex}.checkout-total-divider{background-color:var(--color-border);height:1px}.checkout-total-final{font-weight:700;font-size:var(--text-base)}.checkout-total-final span:last-child{color:var(--color-accent)}.checkout-confirm-btn{padding:var(--space-4);font-size:var(--text-base)}.checkout-payment-note{font-size:var(--text-xs)}.checkout-loading{min-height:60vh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}@media (width>=768px){.checkout-layout{max-width:560px;margin:0 auto}}.orders-client-title{margin-bottom:var(--space-6)}.orders-client-error{border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);background-color:#ef44441a}.orders-client-empty{align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-4);text-align:center;flex-direction:column;display:flex}.orders-client-empty-icon{font-size:4rem}.orders-client-shop-btn{width:auto;padding:var(--space-3) var(--space-8)}.orders-client-list,.orders-client-card{gap:var(--space-4);flex-direction:column;display:flex}.orders-client-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.orders-client-id{font-family:monospace;font-size:var(--text-xs);color:var(--color-text-faint);margin-bottom:var(--space-1);display:block}.orders-client-date{font-size:var(--text-sm)}.orders-client-items{gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.orders-client-item{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.orders-client-item-info{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.orders-client-item-name{font-size:var(--text-sm);font-weight:500}.orders-client-item-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.orders-client-item-qty{font-size:var(--text-xs)}.orders-client-item-price{font-size:var(--text-sm);color:var(--color-accent);flex-shrink:0;font-weight:600}.orders-client-card-footer{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.orders-client-total{gap:var(--space-1);flex-direction:column;display:flex}.orders-client-total-price{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-accent);font-weight:700}.orders-client-actions{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.orders-client-pay-btn{width:auto;padding:var(--space-2) var(--space-5);opacity:.5;cursor:not-allowed}.orders-client-cancel-btn{width:auto;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.orders-client-shipped{font-size:var(--text-sm);color:var(--color-accent);font-weight:500}.orders-client-delivered{font-size:var(--text-sm);color:var(--color-success);font-weight:500}.orders-client-loading{min-height:60vh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.profile-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.profile-avatar{border-radius:var(--radius-full);background-color:var(--color-primary);color:#fff;width:56px;height:56px;font-family:var(--font-display);font-size:var(--text-xl);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.profile-header h1{font-size:var(--text-xl);margin-bottom:var(--space-1)}.profile-error{border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;margin-bottom:var(--space-4);background-color:#ef44441a}.profile-success{border:1px solid var(--color-success);color:var(--color-success);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);background-color:#22c55e1a}.profile-tabs{gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);scrollbar-width:none;display:flex;overflow-x:auto}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{padding:var(--space-3) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500}.profile-tab:hover{color:var(--color-text)}.profile-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.profile-section{gap:var(--space-4);flex-direction:column;display:flex}.profile-section h2{font-size:var(--text-lg)}.profile-save-btn{width:auto;padding:var(--space-3) var(--space-6);align-self:flex-start}.profile-addresses{gap:var(--space-3);flex-direction:column;display:flex}.profile-address-card{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.profile-address-info{gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;flex:1;display:flex}.profile-address-name{color:var(--color-text);font-weight:600}.profile-default-badge{width:fit-content}.profile-address-actions{gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.profile-addr-btn{width:auto;font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.profile-add-addr-btn{align-self:flex-start;width:auto}.profile-address-form{gap:var(--space-4);flex-direction:column;display:flex}.profile-address-form h3{font-size:var(--text-base);color:var(--color-text-muted)}.profile-form-actions{gap:var(--space-3);display:flex}.profile-form-actions .btn{width:auto}.profile-empty{padding:var(--space-6)}.profile-danger-zone{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border);gap:var(--space-4);flex-direction:column;display:flex}.profile-danger-zone h3{font-size:var(--text-base);color:var(--color-error)}.profile-logout-btn{align-self:flex-start;width:auto}.profile-loading{min-height:60vh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{gap:var(--space-4);flex-direction:column;width:100%;max-width:400px;display:flex}.login-card h1{font-size:var(--text-2xl)}.login-form{gap:var(--space-3);flex-direction:column;display:flex}.login-error{border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;background-color:#ef44441a}.dashboard-header{margin-bottom:var(--space-6)}.dashboard-header h1{margin-bottom:var(--space-1)}.dashboard-stats{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.stat-card{gap:var(--space-2);flex-direction:column;display:flex}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);font-weight:700}.dashboard-shortcuts{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.dashboard-section{margin-bottom:var(--space-8)}.dashboard-section h2{margin-bottom:var(--space-4);font-size:var(--text-lg)}.dashboard-orders{gap:var(--space-2);flex-direction:column;display:flex}.dashboard-order-row{color:var(--color-text);transition:border-color var(--transition);cursor:pointer;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.dashboard-order-row:hover{border-color:var(--color-primary)}.dashboard-order-id{font-size:var(--text-xs);margin-right:var(--space-2)}.dashboard-order-name{font-size:var(--text-sm);font-weight:500}.dashboard-order-right{align-items:center;gap:var(--space-3);font-size:var(--text-sm);display:flex}.dashboard-loading{min-height:60vh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}@media (width>=768px){.dashboard-stats{grid-template-columns:repeat(4,1fr)}.dashboard-shortcuts{flex-direction:row}.dashboard-shortcuts .btn{width:auto}}.products-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.products-add-btn{width:auto;padding:var(--space-2) var(--space-5)}.products-error{border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;margin-bottom:var(--space-4);background-color:#ef44441a}.products-empty{align-items:center;gap:var(--space-4);padding:var(--space-10);flex-direction:column;display:flex}.products-list{gap:var(--space-3);flex-direction:column;display:flex}.product-row{align-items:center;gap:var(--space-4);display:flex}.product-row-image{border-radius:var(--radius-md);background-color:var(--color-surface-alt);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.product-row-image img{object-fit:cover;width:100%;height:100%}.product-row-no-image{font-size:var(--text-2xl)}.product-row-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.product-row-name{font-weight:600;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.product-row-price{font-size:var(--text-sm);color:var(--color-accent);font-weight:500}.product-row-variants{font-size:var(--text-xs);color:var(--color-text-muted)}.product-row-actions{gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.product-row-actions .btn{width:auto;font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.products-loading{min-height:60vh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}@media (width>=768px){.product-row-actions{flex-direction:row}}.form-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.form-back-btn{width:auto;font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.form-error{border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;margin-bottom:var(--space-4);background-color:#ef44441a}.product-form,.form-section{gap:var(--space-4);flex-direction:column;display:flex}.form-section h2{font-size:var(--text-base);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs)}.form-section-header{justify-content:space-between;align-items:center;display:flex}.form-add-variant-btn{width:auto;font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.form-textarea{resize:vertical;min-height:80px}.form-toggle{flex-direction:row;justify-content:space-between;align-items:center}.toggle-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition);border:none;font-weight:600}.toggle-on{color:var(--color-success);background-color:#22c55e33}.toggle-off{color:var(--color-error);background-color:#ef444426}.form-image-preview{object-fit:contain;border-radius:var(--radius-md);background-color:var(--color-surface-alt);width:100%;max-height:200px}.form-file-input{font-size:var(--text-sm);color:var(--color-text-muted)}.variant-row{background-color:var(--color-surface-alt);gap:var(--space-3);flex-direction:column;display:flex}.variant-fields{gap:var(--space-3);grid-template-columns:1fr 1fr 1fr;display:grid}.variant-delete-btn{width:auto;font-size:var(--text-xs);padding:var(--space-2) var(--space-3);align-self:flex-end}.form-loading{min-height:60vh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}@media (width>=768px){.variant-fields{grid-template-columns:2fr 2fr 1fr}}.orders-title{margin-bottom:var(--space-6)}.orders-error{border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;margin-bottom:var(--space-4);background-color:#ef44441a}.orders-filters{gap:var(--space-2);padding-bottom:var(--space-2);margin-bottom:var(--space-4);scrollbar-width:none;display:flex;overflow-x:auto}.orders-filters::-webkit-scrollbar{display:none}.filter-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;transition:all var(--transition);font-weight:500;display:flex}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.filter-btn-active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-count{border-radius:var(--radius-full);padding:0 var(--space-2);background-color:#fff3;font-size:.65rem}.orders-list{gap:var(--space-3);flex-direction:column;display:flex}.order-row{color:var(--color-text);transition:border-color var(--transition);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.order-row:hover{border-color:var(--color-primary)}.order-row-left{gap:var(--space-1);flex-direction:column;display:flex}.order-row-id{font-size:var(--text-xs);color:var(--color-text-faint);font-family:monospace}.order-row-name{font-weight:500;font-size:var(--text-sm)}.order-row-date{font-size:var(--text-xs)}.order-row-right{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.order-row-total{font-weight:600;font-size:var(--text-sm);color:var(--color-accent)}.orders-empty{padding:var(--space-10)}.orders-loading{min-height:60vh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.order-detail-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.order-detail-id{color:var(--color-text-muted);font-family:monospace;font-size:var(--text-xl)}.order-detail-date{font-size:var(--text-sm);margin-top:var(--space-1);display:block}.order-detail-back{width:auto;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);flex-shrink:0}.order-detail-error{border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;margin-bottom:var(--space-4);background-color:#ef44441a}.order-detail-section{gap:var(--space-4);margin-bottom:var(--space-4);flex-direction:column;display:flex}.order-detail-section h2{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.order-detail-status-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.order-detail-status-btn{width:auto;font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.order-detail-final{font-size:var(--text-xs);font-style:italic}.order-detail-address{gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;display:flex}.order-detail-address-name{color:var(--color-text);font-weight:600}.order-detail-items{gap:var(--space-3);flex-direction:column;display:flex}.order-detail-item{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.order-detail-item:last-child{border-bottom:none;padding-bottom:0}.order-detail-item-info{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.order-detail-item-name{font-weight:500;font-size:var(--text-sm)}.order-detail-item-meta{gap:var(--space-2);display:flex}.order-detail-item-right{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.order-detail-item-price{color:var(--color-accent);font-weight:600;font-size:var(--text-sm)}.order-detail-total{padding-top:var(--space-4);border-top:1px solid var(--color-border);font-weight:700;font-size:var(--text-lg);justify-content:space-between;align-items:center;display:flex}.order-detail-total span:last-child{color:var(--color-accent)}.order-detail-loading{min-height:60vh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}