[data-theme=light]{--color-bg:#eae6de;--color-surface:#fdfcfa;--color-surface-elevated:#fff;--color-surface-sunken:#ede9e2;--color-border:#ddd9d2;--color-border-strong:#b8b2a9;--color-border-subtle:#0000000d;--color-primary:#1a5c52;--color-primary-hover:#154940;--color-primary-active:#103b34;--color-primary-surface:#ebf5f3;--color-primary-border:#aecdc9;--color-accent:#a6521a;--color-accent-surface:#fbf0e8;--color-accent-border:#d4956a;--color-success:#156a42;--color-success-surface:#edf7f2;--color-success-border:#a3d5be;--color-warning:#7c4a0f;--color-warning-surface:#fef6ec;--color-warning-border:#d4a46a;--color-error:#9b2a2a;--color-error-surface:#fdf2f2;--color-error-border:#d49a9a;--color-info:#1a4e8c;--color-info-surface:#edf3fb;--color-info-border:#a3bce0;--color-text-primary:#1c1916;--color-text-secondary:#5c5248;--color-text-muted:#7a7068;--color-text-on-primary:#fff;--color-navbar-bg:#f4f1ecd1;--color-navbar-border:#ddd9d2e6;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-raised:0 4px 16px #00000014, 0 1px 4px #0000000d;--shadow-overlay:0 8px 32px #0000001f, 0 2px 8px #0000000f;--focus-ring:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-primary);--scrollbar-track:#ede9e2;--scrollbar-thumb:#b8b2a9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--color-bg:#1e1b18;--color-surface:#2a261f;--color-surface-elevated:#342e26;--color-surface-sunken:#141210;--color-border:#fff8f014;--color-border-strong:#fff8f029;--color-border-subtle:#fff8f00a;--color-primary:#4db8a8;--color-primary-hover:#62c8b9;--color-primary-active:#39a898;--color-primary-surface:#4db8a81f;--color-primary-border:#4db8a840;--color-accent:#d4884a;--color-accent-surface:#d4884a1f;--color-accent-border:#d4884a40;--color-success:#4cc48a;--color-success-surface:#4cc48a1a;--color-success-border:#4cc48a40;--color-warning:#d4944a;--color-warning-surface:#d4944a1a;--color-warning-border:#d4944a40;--color-error:#d46b6b;--color-error-surface:#d46b6b1a;--color-error-border:#d46b6b40;--color-info:#6a9ecc;--color-info-surface:#6a9ecc1a;--color-info-border:#6a9ecc40;--color-text-primary:#f2ede6;--color-text-secondary:#a8a09a;--color-text-muted:#6a6259;--color-text-on-primary:#fff;--color-navbar-bg:#1d1b18d9;--color-navbar-border:#fff8f012;--shadow-card:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-raised:0 4px 16px #0006, 0 1px 4px #0000004d;--shadow-overlay:0 8px 32px #00000080, 0 2px 8px #0006;--focus-ring:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-primary);--scrollbar-track:#0f0e0c;--scrollbar-thumb:#fff8f029;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}: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{width:100%;max-width:1140px;margin:0 auto;padding:0 clamp(1rem,5vw,2rem)}.navbar{background:var(--color-navbar-bg);-webkit-backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid var(--color-navbar-border);z-index:100;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.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,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::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:hover,textarea:hover,select:hover{border-color:var(--color-border-strong)}input: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:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{box-shadow:0 0 0 3px #4db8a81f}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 #d46b6b1f}.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:160px;display:flex;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.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)}}