[data-theme=light]{--color-bg:#f8fafc;--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-sunken:#f1f5f9;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-border-subtle:#0000000a;--color-primary:#0f766e;--color-primary-hover:#115e59;--color-primary-active:#134e4a;--color-primary-surface:#f0fdfa;--color-primary-border:#ccfbf1;--color-accent:#d97706;--color-accent-surface:#fffbeb;--color-accent-border:#fde68a;--color-success:#059669;--color-success-surface:#ecfdf5;--color-success-border:#a7f3d0;--color-warning:#d97706;--color-warning-surface:#fffbeb;--color-warning-border:#fde68a;--color-error:#dc2626;--color-error-surface:#fef2f2;--color-error-border:#fecaca;--color-info:#0284c7;--color-info-surface:#f0f9ff;--color-info-border:#bae6fd;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-on-primary:#fff;--color-navbar-bg:#ffffffe0;--color-navbar-border:#e2e8f0d9;--shadow-card:0 1px 3px #00000008, 0 4px 16px -2px #0000000d;--shadow-raised:0 10px 25px -3px #00000012, 0 4px 10px -2px #00000008;--shadow-overlay:0 20px 40px -4px #0000001f, 0 8px 16px -4px #0000000a;--focus-ring:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-primary);--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--color-bg:#0b0f13;--color-surface:#131a22;--color-surface-elevated:#1b242f;--color-surface-sunken:#070a0d;--color-border:#ffffff17;--color-border-strong:#fff3;--color-border-subtle:#ffffff0d;--color-primary:#10b981;--color-primary-hover:#34d399;--color-primary-active:#059669;--color-primary-surface:#10b98126;--color-primary-border:#10b98159;--color-accent:#f59e0b;--color-accent-surface:#f59e0b26;--color-accent-border:#f59e0b59;--color-success:#10b981;--color-success-surface:#10b98124;--color-success-border:#10b98159;--color-warning:#f59e0b;--color-warning-surface:#f59e0b24;--color-warning-border:#f59e0b59;--color-error:#ef4444;--color-error-surface:#ef444424;--color-error-border:#ef444459;--color-info:#38bdf8;--color-info-surface:#38bdf824;--color-info-border:#38bdf859;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-on-primary:#022c22;--color-navbar-bg:#0b0f13e0;--color-navbar-border:#ffffff14;--shadow-card:0 2px 12px #00000073, 0 0 0 1px #ffffff0f;--shadow-raised:0 8px 28px #0000008c, 0 0 0 1px #ffffff1a;--shadow-overlay:0 16px 48px #000000bf, 0 0 0 1px #ffffff24;--focus-ring:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-primary);--scrollbar-track:#070a0d;--scrollbar-thumb:#ffffff2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .btn-primary{background:var(--color-primary);color:#022c22;font-weight:700;box-shadow:0 2px 10px #10b9814d}[data-theme=dark] .btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 18px #10b98173}[data-theme=dark] .hero-storefront{background:radial-gradient(circle at 10% 20%, #10b98112 0%, var(--color-surface) 60%);border-color:#ffffff1f;box-shadow:0 12px 36px #0009,0 0 0 1px #ffffff0d}[data-theme=dark] .product-card:hover{border-color:#10b98173;box-shadow:0 10px 28px #00000080,0 0 14px #10b98126}[data-theme=dark] .category-card:hover{border-color:var(--color-primary);box-shadow:0 6px 20px #10b9812e}:root{--duration-instant:80ms;--duration-fast:.15s;--duration-base:.22s;--duration-medium:.3s;--duration-slow:.42s;--duration-skeleton:1.6s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-enter:cubic-bezier(0, 0, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:6px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--font-display:"Fraunces", Georgia, serif;--font:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Consolas, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;transition:background-color var(--duration-slow) var(--ease-standard), color var(--duration-slow) var(--ease-standard)}body{font-family:var(--font);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--duration-slow) var(--ease-standard), color var(--duration-slow) var(--ease-standard);line-height:1.6}*,:before,:after{transition:background-color var(--duration-slow) var(--ease-standard), border-color var(--duration-slow) var(--ease-standard), color var(--duration-slow) var(--ease-standard), box-shadow var(--duration-slow) var(--ease-standard)}a,button,input,select,textarea,.btn,.nav-link,.product-card,.feature-card,.stat-card{transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-instant) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}:focus-visible{box-shadow:var(--focus-ring);outline:none}.page-wrapper{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.container{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem)}.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:1000;position:sticky;top:0;box-shadow:0 2px 10px #1c19160a}.navbar-inner{justify-content:space-between;align-items:center;height:64px;display:flex;position:relative}.navbar-brand{align-items:center;gap:var(--space-3);border-radius:var(--radius);outline:none;flex-shrink:0;text-decoration:none;display:flex}.navbar-brand:focus-visible{box-shadow:var(--focus-ring)}.navbar-logo{background:var(--color-primary);width:32px;height:32px;color:var(--color-text-on-primary);border-radius:var(--radius);font-size:15px;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar-title{font-family:var(--font);color:var(--color-text-primary);letter-spacing:-.01em;font-size:15px;font-weight:700}.navbar-right{align-items:center;gap:var(--space-2);display:flex}.navbar-nav{gap:var(--space-1);margin-right:var(--space-3);list-style:none;display:flex}.nav-link{align-items:center;gap:var(--space-2);padding:6px var(--space-4);border-radius:var(--radius);color:var(--color-text-secondary);font-size:14px;font-weight:400;text-decoration:none;display:flex;position:relative}.nav-link:hover{color:var(--color-text-primary);background:var(--color-surface-sunken)}.nav-link.active{color:var(--color-primary);background:var(--color-primary-surface);font-weight:600}.nav-link.active:after{content:"";bottom:-1px;left:var(--space-4);right:var(--space-4);background:var(--color-primary);border-radius:var(--radius-full);height:2px;position:absolute}.theme-toggle{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.theme-toggle:hover{background:var(--color-surface-sunken);border-color:var(--color-border-strong);color:var(--color-text-primary)}.theme-toggle:active{transition-duration:var(--duration-instant);transform:scale(.94)}.theme-toggle svg{transition:transform var(--duration-slow) var(--ease-standard)}[data-theme=dark] .theme-toggle svg{transform:rotate(180deg)}.hero{padding:140px 0 var(--space-16);text-align:center;position:relative}.hero-badge{align-items:center;gap:var(--space-2);padding:5px var(--space-4);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-8);font-size:11px;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--color-success);border-radius:50%;flex-shrink:0;width:6px;height:6px}.hero-title{font-family:var(--font-display);margin-bottom:var(--space-6);color:var(--color-text-primary);letter-spacing:-.025em;font-size:clamp(3rem,6vw,4.5rem);font-weight:600;line-height:1.15}.hero-title-accent{color:var(--color-primary);display:block}.hero-subtitle{color:var(--color-text-secondary);max-width:440px;margin:0 auto var(--space-10);font-size:16px;font-weight:400;line-height:1.65}.hero-actions{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-actions .btn{height:48px;padding:13px var(--space-6);min-width:152px;font-size:15px}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-5);border-radius:var(--radius);height:40px;font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;text-decoration:none;display:inline-flex;position:relative}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn:active:not(:disabled){transition-duration:var(--duration-instant);transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-secondary{color:var(--color-text-primary);border-color:var(--color-border-strong);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-surface-sunken);border-color:var(--color-border-strong)}.btn-ghost{color:var(--color-primary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-primary-surface)}.btn-danger{background:var(--color-error-surface);color:var(--color-error);border-color:var(--color-error-border)}.btn-danger:hover:not(:disabled){background:var(--color-error);color:var(--color-text-on-primary);border-color:var(--color-error)}.btn-sm{height:32px;padding:6px 14px;font-size:13px}.btn-lg{height:48px;padding:12px var(--space-6);font-size:15px}.btn-loading{color:#0000;pointer-events:none}.btn-loading:after{content:"";width:16px;height:16px;animation:spin var(--duration-skeleton) linear infinite;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;position:absolute}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}.card-interactive{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.card-interactive:hover{border-color:var(--color-border-strong);background:var(--color-surface-elevated);box-shadow:var(--shadow-card)}.card-interactive:active{transform:scale(.995)}.health-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);align-items:center;gap:var(--space-5);max-width:540px;margin:0 auto var(--space-12);display:flex}.health-indicator{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.health-indicator.ok{background:var(--color-success-surface);border:1px solid var(--color-success-border);color:var(--color-success)}.health-indicator.error{background:var(--color-error-surface);border:1px solid var(--color-error-border);color:var(--color-error)}.health-indicator.loading{background:var(--color-surface-sunken);border:1px solid var(--color-border);color:var(--color-text-muted)}.health-info{flex:1;min-width:0}.health-label{color:var(--color-text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.health-status-ok{color:var(--color-success);font-size:13px;font-weight:600}.health-status-error{color:var(--color-error);font-size:13px;font-weight:600}.health-meta{color:var(--color-text-muted);font-size:12px;font-family:var(--font-mono);margin-top:2px}.feature-grid{gap:var(--space-5);margin-bottom:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}.feature-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-elevated)}.feature-icon{border-radius:var(--radius);background:var(--color-surface-sunken);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-secondary);margin-bottom:var(--space-4);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.feature-title{font-family:var(--font);color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:14px;font-weight:600;line-height:1.4}.feature-desc{color:var(--color-text-secondary);font-size:13px;line-height:1.55}.page-header{padding:var(--space-10) 0 var(--space-6);justify-content:space-between;align-items:flex-end;gap:var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-header-left h1{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.015em;font-size:28px;font-weight:600;line-height:1.2}.page-header-left p{color:var(--color-text-secondary);margin-top:var(--space-1);font-size:14px;font-weight:400}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6)}.stat-card:hover{border-color:var(--color-border-strong)}.stat-icon{width:28px;height:28px;margin-bottom:var(--space-3);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.stat-value{font-family:var(--font-mono);color:var(--color-text-primary);letter-spacing:-.01em;font-size:26px;font-weight:600;line-height:1.1}.stat-label{color:var(--color-text-muted);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.filter-bar{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filter-bar .filter-search{flex:1;min-width:200px}.filter-bar .filter-select{min-width:160px}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-8);margin-bottom:var(--space-6)}.form-section-title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-6);letter-spacing:-.01em;align-items:center;gap:var(--space-2);font-size:17px;font-weight:600;display:flex}.form-section-title-icon{border-radius:var(--radius-sm);background:var(--color-primary-surface);border:1px solid var(--color-primary-border);width:28px;height:28px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.form-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field.full-width{grid-column:1/-1}label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600;display:block}input:not([type=radio]):not([type=checkbox]):not([type=color]):not([type=range]),textarea,select{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-primary);font-family:var(--font);width:100%;height:40px;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);outline:none;padding:10px 14px;font-size:14px;line-height:1.5}input[type=radio],input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary);vertical-align:middle;flex-shrink:0;display:inline-block;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;padding:0!important}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:not([type=radio]):not([type=checkbox]):hover,textarea:hover,select:hover{border-color:var(--color-border-strong)}input:not([type=radio]):not([type=checkbox]):focus,textarea:focus,select:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #1a5c521f}[data-theme=dark] input:not([type=radio]):not([type=checkbox]):focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{box-shadow:0 0 0 3px #10b98140}textarea{resize:vertical;height:auto;min-height:96px}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239B918A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}input.input-error,textarea.input-error,select.input-error{border-color:var(--color-error);box-shadow:0 0 0 3px #9b2a2a1a}[data-theme=dark] input.input-error,[data-theme=dark] textarea.input-error,[data-theme=dark] select.input-error{box-shadow:0 0 0 3px #ef444440}.error-text{color:var(--color-error);align-items:center;gap:var(--space-1);margin-top:2px;font-size:12px;font-weight:500;display:flex}.form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border);display:flex}.form-reveal{animation:formReveal .2s var(--ease-enter) both}@keyframes formReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.products-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:340px;transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-elevated);box-shadow:var(--shadow-card)}.product-image{background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.product-image img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-standard)}.product-card:hover .product-image img{transform:scale(1.04)}.product-body{padding:var(--space-5);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.product-category{padding:3px var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--color-border);align-items:center;width:fit-content;font-size:11px;font-weight:600;display:inline-flex}.product-name{font-family:var(--font);color:var(--color-text-primary);margin-top:var(--space-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.product-desc{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.product-footer{margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.product-price{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:-.015em;font-size:18px;font-weight:700}.product-stock{padding:3px var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;border:1px solid;font-size:11px;font-weight:600}.product-stock.in-stock{color:var(--color-success);background:var(--color-success-surface);border-color:var(--color-success-border)}.product-stock.low-stock{color:var(--color-warning);background:var(--color-warning-surface);border-color:var(--color-warning-border)}.product-stock.out-stock{color:var(--color-error);background:var(--color-error-surface);border-color:var(--color-error-border)}.product-actions{gap:var(--space-2);padding:0 var(--space-5) var(--space-5);display:flex}.product-actions .btn{flex:1}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius);margin-bottom:var(--space-5);align-items:center;gap:var(--space-3);border-left:3px solid;font-size:14px;font-weight:500;display:flex}.alert-error{background:var(--color-error-surface);border-color:var(--color-error);color:var(--color-error)}.alert-success{background:var(--color-success-surface);border-color:var(--color-success);color:var(--color-success)}.empty-state{text-align:center;padding:var(--space-20) var(--space-8);max-width:400px;margin:var(--space-8) auto}.empty-icon{color:var(--color-text-muted);margin-bottom:var(--space-5);justify-content:center;display:flex}.empty-state h3{font-family:var(--font);color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:17px;font-weight:600}.empty-state p{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.empty-state-actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.loading-wrapper{padding:var(--space-20);color:var(--color-text-secondary);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);width:24px;height:24px;animation:spin var(--duration-skeleton) linear infinite;border-radius:50%;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--color-surface-sunken) 25%, var(--color-surface) 50%, var(--color-surface-sunken) 75%);animation:shimmer var(--duration-skeleton) ease-in-out infinite;background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.skeleton-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.skeleton-image{border-bottom:1px solid var(--color-border);height:160px}.skeleton-body{padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.skeleton-line{border-radius:var(--radius-sm);height:12px}.skeleton-line-xs{width:36%;height:10px}.skeleton-line-sm{width:55%}.skeleton-line-md{width:75%}.skeleton-line-lg{width:92%}.skeleton-line-price{width:42%;height:16px}.skeleton-footer{margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.skeleton-badge{border-radius:var(--radius-sm);width:72px;height:22px}.skeleton-actions{padding:0 var(--space-5) var(--space-5)}.skeleton-btn{border-radius:var(--radius);width:100%;height:32px}.footer{border-top:1px solid var(--color-border);padding:var(--space-6) 0;text-align:center;color:var(--color-text-muted);margin-top:auto;font-size:13px}.footer strong{color:var(--color-primary);font-weight:600}@media (max-width:768px){.navbar-inner{height:56px}.hero{padding:var(--space-16) 0 var(--space-12)}.hero-title{font-size:clamp(1.75rem,7vw,2.5rem)}.page-header{padding:var(--space-6) 0 var(--space-4);flex-direction:column;align-items:flex-start}.page-header-left h1{font-size:22px}.hero-actions{flex-direction:column;width:100%;max-width:280px;margin:0 auto}.hero-actions .btn,.form-actions .btn{width:100%}.filter-bar{flex-direction:column}.filter-bar .filter-search,.filter-bar .filter-select{width:100%}.stats-grid{grid-template-columns:1fr 1fr}.form-actions{flex-direction:column-reverse}}@media (max-width:640px){.products-grid{grid-template-columns:1fr}}@media (max-width:560px){.form-grid{grid-template-columns:1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border-strong)}}.navbar-nav-center{align-items:center;gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.navbar-nav-right{align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.nav-icon-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-text-secondary);cursor:pointer;font:inherit;background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,background .15s;display:flex;position:relative}.nav-icon-btn:hover{color:var(--color-primary);background:var(--color-primary-surface)}.nav-icon-btn.active{color:var(--color-primary)}.nav-badge{background:var(--color-error);color:#fff;min-width:16px;height:16px;font-size:.6rem;font-weight:700;line-height:1;font-family:var(--font-mono);border-radius:99px;justify-content:center;align-items:center;padding:0 4px;display:flex;position:absolute;top:2px;right:2px}.nav-icon-btn[href=\/cart] .nav-badge{background:var(--color-primary)}.nav-link-name{white-space:nowrap;font-weight:600}.nav-link-register{padding:var(--space-1) var(--space-3);border:1.5px solid var(--color-primary);border-radius:var(--radius-md);font-weight:600;color:var(--color-primary)!important}.nav-link-register:hover{background:var(--color-primary-surface)}.nav-logout-btn{color:var(--color-error)}.nav-logout-btn:hover{background:var(--color-error-surface);color:var(--color-error)}.navbar-mobile-toggle{border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;color:var(--color-text-primary);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s;display:none}.navbar-mobile-toggle:hover{background:var(--color-surface-sunken)}.navbar-mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;background:#00000073;animation:.2s fadeInOverlay;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.navbar-mobile-drawer{background:var(--color-surface);border-left:1px solid var(--color-border);z-index:100;flex-direction:column;width:min(320px,85vw);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 32px #0000001f}.navbar-mobile-drawer.open{transform:translate(0)}.navbar-mobile-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.navbar-mobile-close{border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--color-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.navbar-mobile-nav{padding:var(--space-3) 0;flex-direction:column;display:flex}.mobile-nav-link{padding:var(--space-3) var(--space-5);color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;width:100%;font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:block}.mobile-nav-link:hover{background:var(--color-primary-surface);color:var(--color-primary);border-left-color:var(--color-primary)}.mobile-nav-link.active{background:var(--color-primary-surface);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}.mobile-logout-btn{color:var(--color-error);margin-top:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.mobile-logout-btn:hover{background:var(--color-error-surface);color:var(--color-error);border-left-color:var(--color-error)}@media (max-width:768px){.navbar-nav-center,.navbar-nav-right{display:none}.navbar-mobile-toggle{display:flex}}.footer{background:var(--color-surface-sunken);border-top:1px solid var(--color-border);padding:var(--space-12) 0 var(--space-4);margin-top:auto}.footer-grid{gap:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border);grid-template-columns:1.4fr 1fr 1fr;display:grid}.footer-brand-link{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);text-decoration:none;display:flex}.footer-logo{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);width:32px;height:32px;font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.footer-brand-name{font-family:var(--font-display);color:var(--color-text-primary);font-size:1.2rem;font-weight:700}.footer-tagline{color:var(--color-text-muted);max-width:280px;font-size:.875rem;line-height:1.6}.footer-col-heading{letter-spacing:.1em;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--space-4);font-size:.7rem;font-weight:700}.footer-nav{gap:var(--space-2);flex-direction:column;display:flex}.footer-link{color:var(--color-text-secondary);font-size:.9rem;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--color-primary)}.footer-bottom{padding-top:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer-copy{color:var(--color-text-muted);margin:0;font-size:.8rem}@media (max-width:768px){.footer-grid{gap:var(--space-6);grid-template-columns:1fr 1fr}.footer-brand-col{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}.hero-storefront{background:var(--color-surface);border-radius:var(--radius-xl);min-height:440px;margin-bottom:var(--space-8);box-shadow:var(--shadow-card);border:1px solid var(--color-border);grid-template-columns:1.15fr .85fr;display:grid;position:relative;overflow:hidden}[data-theme=light] .hero-storefront{background:linear-gradient(135deg,#fff 0%,#f8fafc 50%,#f1f5f9 100%)}.hero-storefront-content{padding:var(--space-10) var(--space-10);justify-content:center;gap:var(--space-4);z-index:2;flex-direction:column;display:flex}.hero-badge{background:var(--color-primary-surface);color:var(--color-primary);border:1px solid var(--color-primary-border);border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;width:fit-content;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.hero-storefront-title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;margin:0;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:700;line-height:1.08}.hero-storefront-subtitle{color:var(--color-text-secondary);max-width:480px;margin:0;font-size:1.05rem;line-height:1.6}.hero-search-form{background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-full);max-width:460px;margin-top:var(--space-1);align-items:center;padding:4px 6px 4px 16px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0000000a}.hero-search-form:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-surface)}.hero-search-input{flex:1;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:8px 4px!important;font-size:.95rem!important}.hero-search-btn{border-radius:var(--radius-full)!important;padding:8px 18px!important;font-size:.875rem!important}.hero-quick-chips{margin-top:var(--space-1);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hero-chip-label{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.hero-chip{border-radius:var(--radius-full);background:var(--color-surface-sunken);color:var(--color-text-secondary);border:1px solid var(--color-border);padding:4px 12px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s}.hero-chip:hover{background:var(--color-primary-surface);color:var(--color-primary);border-color:var(--color-primary-border)}.hero-storefront-image-wrap{background:var(--color-surface-sunken);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-storefront-image-wrap img{object-fit:cover;width:100%;height:100%}.hero-floating-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:#ffffffeb;border:1px solid #fff6;align-items:center;gap:12px;padding:12px 18px;display:flex;position:absolute;bottom:24px;left:24px;box-shadow:0 12px 28px #0000001f}[data-theme=dark] .hero-floating-card{background:#131a22eb;border-color:#ffffff1a;box-shadow:0 12px 28px #00000080}.category-tiles-grid{gap:var(--space-4);margin-bottom:var(--space-10);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.category-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-4);text-align:center;box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:10px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.category-tile:hover{box-shadow:var(--shadow-raised);border-color:var(--color-primary-border);transform:translateY(-4px)}.category-tile-icon{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s;display:flex}.category-tile:hover .category-tile-icon{transform:scale(1.08)}.category-tile-name{color:var(--color-text-primary);font-size:.9rem;font-weight:700}.category-tile-sub{color:var(--color-text-muted);font-size:.75rem}.filter-tabs-strip{margin-bottom:var(--space-6);align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-tab-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;padding:8px 18px;font-size:.875rem;font-weight:600;transition:all .15s}.filter-tab-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.filter-tab-btn.active{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary);box-shadow:0 2px 8px #0f766e40}.bento-showcase-grid{gap:var(--space-5);margin-bottom:var(--space-12);grid-template-columns:1.2fr .8fr;display:grid}.bento-card{border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-card);padding:var(--space-8);flex-direction:column;justify-content:flex-end;min-height:320px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.bento-card:hover{box-shadow:var(--shadow-raised);transform:translateY(-3px)}.bento-card-bg{z-index:1;position:absolute;inset:0}.bento-card-bg img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.bento-card:hover .bento-card-bg img{transform:scale(1.05)}.bento-card-overlay{z-index:2;background:linear-gradient(#0000001a 0%,#000000c7 100%);position:absolute;inset:0}.bento-card-content{z-index:3;color:#fff;position:relative}.bento-tag{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;text-transform:uppercase;background:#fff3;margin-bottom:8px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-block}.bento-title{font-family:var(--font-display);margin:0 0 6px;font-size:1.6rem;font-weight:700;line-height:1.2}.bento-desc{color:#ffffffd9;max-width:360px;margin:0 0 14px;font-size:.9rem}.bento-link-text{color:#fe9659;align-items:center;gap:4px;font-size:.875rem;font-weight:700;display:inline-flex}.bento-side-stack{gap:var(--space-5);flex-direction:column;display:flex}.bento-side-card{min-height:195px;padding:var(--space-6)}.trust-strip{gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-4);margin-bottom:var(--space-12);box-shadow:var(--shadow-card);grid-template-columns:repeat(4,1fr);display:grid}.trust-strip-item{padding:0 var(--space-2);align-items:center;gap:14px;display:flex}.trust-strip-item:not(:last-child){border-right:1px solid var(--color-border)}.trust-strip-icon{background:var(--color-primary-surface);width:44px;height:44px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.trust-strip-title{color:var(--color-text-primary);margin-bottom:2px;font-size:.95rem;font-weight:700}.trust-strip-sub{color:var(--color-text-muted);font-size:.8rem}.newsletter-section{background:linear-gradient(135deg, var(--color-primary-surface) 0%, var(--color-surface) 100%);border:1px solid var(--color-primary-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);margin-bottom:var(--space-12);justify-content:space-between;align-items:center;gap:var(--space-6);box-shadow:var(--shadow-card);flex-wrap:wrap;display:flex}.newsletter-content h3{font-family:var(--font-display);color:var(--color-text-primary);margin:0 0 6px;font-size:1.75rem;font-weight:700}.newsletter-content p{color:var(--color-text-secondary);margin:0;font-size:.95rem}.newsletter-form{gap:8px;width:100%;max-width:420px;display:flex}.newsletter-input{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);flex:1;padding:10px 16px;font-size:.9rem}@media (min-width:1024px){.nav-location-pill{display:flex!important}.nav-orders-link{display:block!important}.nav-cart-label{display:inline!important}}@media (max-width:768px){.navbar-mobile-toggle{display:block!important}.nav-action-text{display:none!important}}@media (max-width:900px){.hero-storefront{grid-template-columns:1fr}.hero-storefront-image-wrap{min-height:260px}.bento-showcase-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-strip-item:nth-child(2){border-right:none}}@media (max-width:1024px){.amazon-product-grid{grid-template-columns:1fr 1fr!important}.product-gallery-sticky{position:static!important}}@media (max-width:768px){.amazon-product-grid{grid-template-columns:1fr!important}}.category-bubble-item:hover{transform:translateY(-2px)}.category-bubble-item:hover span{color:var(--color-primary)!important}.amazon-quads-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.amazon-quad-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;min-width:0;padding:16px;display:flex;box-shadow:0 4px 16px #0000000d}.amazon-quad-item{min-width:0;color:inherit;flex-direction:column;text-decoration:none;display:flex}.amazon-quad-item:hover h5{color:var(--color-primary)}@media (max-width:1140px){.amazon-quads-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:580px){.amazon-quads-grid{grid-template-columns:minmax(0,1fr)!important}}@media (max-width:600px){.trust-strip{gap:var(--space-5);grid-template-columns:1fr}.trust-strip-item{border-right:none!important}}.health-pill{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;font-family:var(--font-mono);display:inline-flex}.health-pill.ok{background:var(--color-success-surface);color:var(--color-success);border:1px solid var(--color-success-border)}.health-pill.error{background:var(--color-error-surface);color:var(--color-error);border:1px solid var(--color-error-border)}.health-pill.loading{background:var(--color-surface-sunken);color:var(--color-text-muted);border:1px solid var(--color-border)}.health-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.why-grid{gap:var(--space-4);margin-bottom:var(--space-10);grid-template-columns:repeat(4,1fr);display:grid}.why-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);flex-direction:column;transition:box-shadow .2s;display:flex}.why-card:hover{box-shadow:var(--shadow-raised)}.why-card-icon{border-radius:var(--radius-md);background:var(--color-accent-surface);width:44px;height:44px;color:var(--color-accent);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.why-card-title{color:var(--color-text-primary);font-size:.95rem;font-weight:700}.why-card-desc{color:var(--color-text-secondary);font-size:.85rem;line-height:1.6}.featured-section{margin-bottom:var(--space-10)}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted)}.empty-state-icon{margin-bottom:var(--space-4);opacity:.4;font-size:3rem}.empty-state-title{font-family:var(--font-display);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:1.2rem;font-weight:600}@media (max-width:1024px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-storefront{grid-template-columns:1fr;min-height:auto}.hero-storefront-image{order:-1;min-height:220px}.hero-storefront-content{padding:var(--space-6)}.trust-bar,.why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.trust-bar,.why-grid{grid-template-columns:1fr}.hero-storefront-actions{flex-direction:column}.hero-storefront-actions .btn{text-align:center;width:100%}}.profile-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);top:calc(var(--navbar-height,64px) + var(--space-4));position:sticky;overflow:hidden}.profile-sidebar-user{padding:var(--space-6);text-align:center;border-bottom:1px solid var(--color-border)}.profile-avatar{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;width:60px;height:60px;font-family:var(--font-display);margin:0 auto var(--space-3);justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.profile-user-name{color:var(--color-text-primary);margin-bottom:var(--space-1);font-size:1rem;font-weight:700}.profile-user-email{color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:.8rem}.profile-role-badge{padding:2px var(--space-2);background:var(--color-primary-surface);color:var(--color-primary);border:1px solid var(--color-primary-border);border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;font-weight:700;display:inline-block}.profile-sidebar-nav{padding:var(--space-2) 0}.profile-nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;width:100%;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.profile-nav-link:hover{color:var(--color-primary);background:var(--color-primary-surface);border-left-color:var(--color-primary)}.profile-nav-link.active{color:var(--color-primary);background:var(--color-primary-surface);border-left-color:var(--color-primary);font-weight:600}.profile-nav-link-danger:hover{color:var(--color-error);background:var(--color-error-surface);border-left-color:var(--color-error)}.profile-nav-badge-count{background:var(--color-surface-sunken);color:var(--color-text-muted);border-radius:var(--radius-full);font-size:.7rem;font-weight:700;font-family:var(--font-mono);margin-left:auto;padding:2px 7px}.profile-stats-row{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.profile-stat-value{font-family:var(--font-display);color:var(--color-text-primary);font-size:1.4rem;font-weight:700;line-height:1}@media (max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-stats-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.profile-stats-row{grid-template-columns:1fr}}.dashboard-layout{min-height:calc(100vh - var(--navbar-height,64px));grid-template-columns:240px 1fr;gap:0;display:grid}.dashboard-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-4) 0;top:var(--navbar-height,64px);height:calc(100vh - var(--navbar-height,64px));flex-direction:column;display:flex;position:sticky;overflow-y:auto}.dashboard-sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2);display:flex}.dashboard-sidebar-brand .navbar-logo{width:36px;height:36px;font-size:1.1rem}.dashboard-sidebar-role{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.dashboard-nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);border-radius:0;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .12s;display:flex;position:relative}.dashboard-nav-link:before{content:"";background:0 0;width:3px;transition:background .12s;position:absolute;top:0;bottom:0;left:0}.dashboard-nav-link:hover{color:var(--color-primary);background:var(--color-primary-surface)}.dashboard-nav-link:hover:before{background:var(--color-primary)}.dashboard-nav-link.active{color:var(--color-primary);background:var(--color-primary-surface);font-weight:600}.dashboard-nav-link.active:before{background:var(--color-primary)}.dashboard-nav-count{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;font-family:var(--font-mono);margin-left:auto;padding:2px 7px}.dashboard-nav-divider{background:var(--color-border);height:1px;margin:var(--space-2) 0}.dashboard-content{padding:var(--space-6);background:var(--color-bg);overflow-y:auto}.kpi-card-value{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-1);font-size:1.6rem;font-weight:700}.kpi-card-change{color:var(--color-success);align-items:center;gap:4px;font-size:.75rem;display:flex}.kpi-card-change.down{color:var(--color-error)}.kpi-card-alert{border-color:var(--color-warning-border)}.kpi-card-alert .kpi-card-label{color:var(--color-warning)}.kpi-card-alert .kpi-card-icon{background:var(--color-warning-surface);color:var(--color-warning)}@media (max-width:1024px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;height:auto;padding:0;position:static;overflow-x:auto}.dashboard-sidebar-brand{display:none}}.order-status-badge{border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:700;font-family:var(--font-mono);align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.order-status-badge.PENDING{background:var(--color-warning-surface);color:var(--color-warning);border:1px solid var(--color-warning-border)}.order-status-badge.CONFIRMED{background:var(--color-info-surface);color:var(--color-info);border:1px solid var(--color-info-border)}.order-status-badge.PROCESSING{background:var(--color-accent-surface);color:var(--color-accent);border:1px solid var(--color-accent-border)}.order-status-badge.SHIPPED{background:var(--color-primary-surface);color:var(--color-primary);border:1px solid var(--color-primary-border)}.order-status-badge.DELIVERED{background:var(--color-success-surface);color:var(--color-success);border:1px solid var(--color-success-border)}.order-status-badge.CANCELLED{background:var(--color-error-surface);color:var(--color-error);border:1px solid var(--color-error-border)}.order-status-badge.REFUNDED{background:var(--color-surface-sunken);color:var(--color-text-muted);border:1px solid var(--color-border)}.order-status-badge.PAYMENT_PENDING{background:var(--color-warning-surface);color:var(--color-warning);border:1px solid var(--color-warning-border)}.checkout-stepper{margin-bottom:var(--space-8);padding:var(--space-4) 0;justify-content:center;align-items:center;gap:0;display:flex}.checkout-step{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.85rem;font-weight:500;display:flex}.checkout-step.active{color:var(--color-primary);font-weight:600}.checkout-step.done{color:var(--color-success)}.checkout-step-num{background:var(--color-surface-sunken);border:2px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.checkout-step.active .checkout-step-num{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.checkout-step.done .checkout-step-num{background:var(--color-success);border-color:var(--color-success);color:#fff}.checkout-step-connector{background:var(--color-border);width:60px;height:2px;margin:0 var(--space-2);flex-shrink:0}.checkout-step-connector.done{background:var(--color-success)}.order-success-wrapper{min-height:60vh;padding:var(--space-8) var(--space-4);justify-content:center;align-items:center;display:flex}.profile-layout{gap:var(--space-6);grid-template-columns:260px 1fr;align-items:start;display:grid}.profile-sidebar{gap:var(--space-2);flex-direction:column;display:flex;position:sticky;top:80px}.profile-sidebar-user{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.profile-avatar{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;width:64px;height:64px;font-family:var(--font-display);justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.profile-user-name{color:var(--color-text-primary);font-size:1rem;font-weight:700}.profile-user-email{color:var(--color-text-muted);word-break:break-all;font-size:.78rem}.profile-role-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-surface);border:1px solid var(--color-primary-border,var(--color-primary-surface));border-radius:var(--radius-full);padding:2px 10px;font-size:.65rem;font-weight:700}.profile-sidebar-nav{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.profile-nav-link{align-items:center;gap:var(--space-3);padding:10px var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.profile-nav-link:hover{background:var(--color-surface-sunken);color:var(--color-text-primary)}.profile-nav-link.active{background:var(--color-primary-surface);color:var(--color-primary);font-weight:600}.profile-nav-link-danger{color:var(--color-error)!important}.profile-nav-link-danger:hover{background:var(--color-error-surface)!important}.profile-content{gap:var(--space-4);flex-direction:column;display:flex}.profile-stats-row{gap:var(--space-4);margin-bottom:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.profile-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);align-items:center;gap:var(--space-3);display:flex}.profile-stat-icon{border-radius:var(--radius-md);background:var(--color-primary-surface);width:40px;height:40px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-stat-value{font-size:1.4rem;font-weight:800;font-family:var(--font-mono);color:var(--color-text-primary)}.profile-stat-label{color:var(--color-text-muted);margin-top:2px;font-size:.75rem}.profile-section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.profile-section-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.profile-section-title{font-family:var(--font);color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:700}.profile-section-body{padding:var(--space-5)}@media (max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-stats-row{grid-template-columns:1fr}}.dashboard-layout{background:var(--color-bg);min-height:calc(100vh - 64px);display:flex}.dashboard-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);width:240px;padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex-shrink:0;height:calc(100vh - 64px);display:flex;position:sticky;top:64px;overflow-y:auto}.dashboard-sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.dashboard-sidebar-brand-info{flex-direction:column;display:flex}.dashboard-sidebar-name{color:var(--color-text-primary);font-size:.9rem;font-weight:700}.dashboard-sidebar-role{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.7rem;font-weight:600}.dashboard-nav-link{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.dashboard-nav-link:hover{background:var(--color-surface-sunken);color:var(--color-text-primary)}.dashboard-nav-link.active{background:var(--color-primary);color:#fff;font-weight:600}.dashboard-content{padding:var(--space-6);flex:1;overflow-y:auto}.dashboard-page-header{margin-bottom:var(--space-5)}.dashboard-page-title{font-family:var(--font-display);color:var(--color-text-primary);margin:0 0 var(--space-1);font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700}.dashboard-page-subtitle{color:var(--color-text-muted);margin:0;font-size:.875rem}.dashboard-kpi-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.kpi-card-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:.75rem;font-weight:600}.kpi-card-value{font-family:var(--font-mono);color:var(--color-text-primary);font-size:1.6rem;font-weight:800;line-height:1.1}.kpi-card-change{color:var(--color-success);margin-top:var(--space-1);font-size:.75rem;font-weight:600}.kpi-card-change.neutral{color:var(--color-text-muted)}.kpi-card-icon{border-radius:var(--radius-md);background:var(--color-primary-surface);width:44px;height:44px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (max-width:1100px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-sidebar{display:none}.dashboard-kpi-grid{grid-template-columns:1fr}}.profile-nav-badge-count{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:20px;margin-left:auto;padding:2px 7px;font-size:.65rem;font-weight:700}.order-success-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);text-align:center;width:100%;max-width:560px;box-shadow:var(--shadow-overlay)}.order-success-icon{background:var(--color-primary);color:#fff;width:64px;height:64px;margin:0 auto var(--space-5);border-radius:50%;justify-content:center;align-items:center;display:flex}.order-success-title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:1.8rem;font-weight:700}.order-success-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-6);font-size:.95rem;line-height:1.6}.order-details-panel{background:var(--color-accent-surface);border:1px solid var(--color-accent-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:left;margin-bottom:var(--space-6)}.order-detail-row{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.order-detail-row:last-child{margin-bottom:0}.order-detail-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px;font-size:.7rem;font-weight:700}.order-detail-value{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.order-detail-value.mono{font-family:var(--font-mono);font-size:.875rem}.order-tracking-bar{margin-bottom:var(--space-6);padding:var(--space-4) 0;justify-content:space-between;align-items:center;display:flex;position:relative}.order-track-step{align-items:center;gap:var(--space-1);z-index:1;flex-direction:column;display:flex}.order-track-dot{background:var(--color-border);border:2px solid var(--color-border-strong);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.order-track-dot.active{background:var(--color-primary);border-color:var(--color-primary)}.order-track-label{color:var(--color-text-muted);font-size:.72rem;font-weight:500}.order-track-dot.active+.order-track-label{color:var(--color-primary);font-weight:600}.order-track-line{background:var(--color-border);height:2px;margin:0 var(--space-1);margin-bottom:var(--space-5);flex:1}.wishlist-grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.wishlist-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;transition:box-shadow .2s;display:flex;position:relative;overflow:hidden}.wishlist-card:hover{box-shadow:var(--shadow-raised)}.wishlist-card-image{aspect-ratio:4/3;background:var(--color-surface-sunken);position:relative;overflow:hidden}.wishlist-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.wishlist-card:hover .wishlist-card-image img{transform:scale(1.03)}.wishlist-card-remove{top:var(--space-2);right:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;width:32px;height:32px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute}.wishlist-card-remove:hover{background:var(--color-error-surface);color:var(--color-error);border-color:var(--color-error-border)}.wishlist-card-body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.wishlist-card-category{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-size:.65rem;font-weight:700;font-family:var(--font-mono)}.wishlist-card-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600;line-height:1.3}.wishlist-card-price{font-family:var(--font-display);color:var(--color-primary);font-size:1.1rem;font-weight:700}.wishlist-card-stock{color:var(--color-success);align-items:center;gap:4px;font-size:.75rem;display:flex}.wishlist-card-stock.low{color:var(--color-warning)}.wishlist-card-stock.out{color:var(--color-error)}.wishlist-card-actions{gap:var(--space-2);padding:0 var(--space-4) var(--space-4);margin-top:auto;display:flex}@media (max-width:900px){.wishlist-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.wishlist-grid{grid-template-columns:1fr}}.address-cards-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.address-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);flex-direction:column;transition:border-color .15s;display:flex}.address-card:hover{border-color:var(--color-primary-border)}.address-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.address-card-type{color:var(--color-primary);align-items:center;gap:var(--space-2);font-size:.9rem;font-weight:700;display:flex}.address-default-badge{letter-spacing:.08em;text-transform:uppercase;background:var(--color-primary-surface);color:var(--color-primary);border:1px solid var(--color-primary-border);border-radius:var(--radius-full);padding:2px 8px;font-size:.65rem;font-weight:700}.address-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.address-phone{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:.82rem;display:flex}.address-line{color:var(--color-text-secondary);font-size:.85rem;line-height:1.5}.address-card-divider{background:var(--color-border);height:1px}.address-card-actions{align-items:center;gap:var(--space-3);display:flex}.address-action-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .12s}.address-action-link:hover{text-decoration:underline}.address-action-link.danger{color:var(--color-error)}.address-action-link.set-default{color:var(--color-text-muted);margin-left:auto;font-size:.78rem}@media (max-width:640px){.address-cards-grid{grid-template-columns:1fr}}.auth-page-wrapper{min-height:calc(100vh - 120px);padding:var(--space-8) var(--space-4);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;width:100%;max-width:440px;box-shadow:var(--shadow-card)}.auth-card-wide{max-width:520px}.auth-brand-mark{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;width:44px;height:44px;font-family:var(--font-display);margin:0 auto var(--space-4);justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex}.auth-title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:1.6rem;font-weight:700}.auth-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-5);font-size:.9rem;line-height:1.6}.auth-form{gap:var(--space-4);text-align:left;margin-bottom:var(--space-4);flex-direction:column;display:flex}.auth-submit-btn{height:44px;margin-top:var(--space-2);font-size:.95rem;font-weight:600}.auth-footer-text{color:var(--color-text-secondary);text-align:center;margin:0;font-size:.85rem}.auth-footer-link{color:var(--color-primary);font-weight:600;text-decoration:none}.auth-footer-link:hover{text-decoration:underline}.auth-legal-text{color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-3);font-size:.78rem;line-height:1.6}.form-error-banner{background:var(--color-error-surface);border:1px solid var(--color-error-border);color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-3);text-align:left;font-size:.875rem}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-input-with-icon{width:100%;padding-right:44px!important}.form-input-icon-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;right:12px}.form-input-icon-btn:hover{color:var(--color-text-primary)}.pw-requirements{gap:var(--space-1) var(--space-4);margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.pw-req{color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-mono);align-items:center;gap:5px;transition:color .15s;display:flex}.pw-req.met{color:var(--color-success)}.form-required{color:var(--color-error);font-weight:700}.form-label-opt{color:var(--color-text-muted);text-transform:none;letter-spacing:0;font-weight:400}.form-phone-row{gap:0;display:flex}.form-phone-code{padding:0 var(--space-3);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--color-text-secondary);white-space:nowrap;height:44px;font-size:.875rem;font-weight:600;font-family:var(--font-mono);border-right:none;justify-content:center;align-items:center;display:flex}.form-input-phone{flex:1;border-radius:0 var(--radius-md) var(--radius-md) 0!important}.auth-page-flex{min-height:calc(100vh - 144px);padding:var(--space-8) var(--space-4);justify-content:center;align-items:center;display:flex}