:root{color-scheme:light;--app-font-family: "Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;font-family:var(--app-font-family),sans-serif;line-height:1.5;font-weight:400;--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #0f172a;--color-muted: #475569;--color-accent: #0f172a;--color-accent-contrast: #f8fafc;--color-border: #e2e8f0;--color-bg-grad-1: #e2e8f0;--color-bg-grad-2: #f8fafc;--color-bg-grad-3: #ffffff;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.25rem;--shadow-sm: 0 12px 24px rgba(15, 23, 42, .08);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--container-sm: 40rem;--container-md: 56.25rem;--container-lg: 68.75rem;--bp-sm: 40rem;--bp-md: 56.25rem;--bp-lg: 75rem}[data-theme=dark]{color-scheme:dark;--color-bg: #172033;--color-surface: #243044;--color-text: #f8fafc;--color-muted: #cbd5e1;--color-accent: #38bdf8;--color-accent-contrast: #0f172a;--color-border: #334155;--color-bg-grad-1: #111c2e;--color-bg-grad-2: #172033;--color-bg-grad-3: #243044;--shadow-sm: 0 12px 24px rgba(2, 6, 23, .45)}*{box-sizing:border-box;margin:0;padding:0}html{background:radial-gradient(circle at top,var(--color-bg-grad-1) 0%,var(--color-bg-grad-2) 45%,var(--color-bg-grad-3) 100%);color:var(--color-text)}body{min-height:100vh;background:var(--color-bg);color:inherit}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app{min-height:100vh;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4)}.container{width:100%;margin:0 auto;max-width:var(--container-md)}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:1rem;font-weight:600}.nav-links{display:flex;gap:var(--space-4)}.home-page{display:grid;gap:var(--space-4);max-width:var(--container-sm)}@media(min-width:640px){.app{padding:var(--space-7)}}@media(min-width:900px){.app{padding:calc(var(--space-7) + var(--space-2))}.home-page{max-width:var(--container-md)}}@media(min-width:1200px){.app{padding:calc(var(--space-7) + var(--space-4))}}.ui-stack{display:flex;flex-direction:column;gap:var(--space-3)}.text{color:var(--color-text)}.ts-xs{font-size:.7rem}.ts-sm{font-size:.95rem}.ts-md{font-size:1.1rem}.tw-regular{font-weight:400}.tw-medium{font-weight:500}.tw-semibold{font-weight:600}.tw-bold{font-weight:700}.t-muted{color:var(--color-muted)}.tt-up{text-transform:uppercase}.tr-wide{letter-spacing:.08em}.home-page__header{gap:var(--space-2)}.home-page__title{font-size:clamp(1.75rem,2vw + 1rem,2.5rem);font-weight:700;letter-spacing:-.02em}.inline-alert{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid #f87171;background:#fee2e2}.inline-alert__text{font-size:.9rem;font-weight:500;color:#7f1d1d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-accent);color:var(--color-accent-contrast);font-size:.95rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px);filter:brightness(.98)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.icon-btn{--icon-btn-size: 2.4rem;--icon-btn-icon-size: 1.1rem;--icon-btn-glyph-size: 1.1rem;width:var(--icon-btn-size);height:var(--icon-btn-size);padding:0;border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-bg);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease,filter .16s ease}.icon-btn--xs{--icon-btn-size: 1.75rem;--icon-btn-icon-size: .85rem;--icon-btn-glyph-size: .85rem}.icon-btn--sm{--icon-btn-size: 2.1rem;--icon-btn-icon-size: 1rem;--icon-btn-glyph-size: 1rem}.icon-btn--lg{--icon-btn-size: 2.8rem;--icon-btn-icon-size: 1.3rem;--icon-btn-glyph-size: 1.3rem}.icon-btn--round{border-radius:999px}.icon-btn--soft{border-radius:var(--radius-md)}.icon-btn--square{border-radius:var(--radius-sm)}.icon-btn--solid{background:var(--color-accent);color:var(--color-accent-contrast);border-color:transparent}.icon-btn--outline{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.icon-btn--ghost{background:transparent;color:var(--color-text);border-color:transparent}.icon-btn--surface{background:color-mix(in srgb,var(--color-bg) 85%,transparent);color:var(--color-text);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.icon-btn:hover{transform:translateY(-1px)}.icon-btn--outline:hover,.icon-btn--surface:hover{border-color:var(--color-accent)}.icon-btn--ghost:hover{background:color-mix(in srgb,var(--color-text) 8%,transparent)}.icon-btn--solid:hover{filter:brightness(.98);box-shadow:var(--shadow-sm)}.icon-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.icon-btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.icon-btn__icon{width:var(--icon-btn-icon-size);height:var(--icon-btn-icon-size);display:inline-flex;align-items:center;justify-content:center}.icon-btn__icon :is(svg,img){width:100%;height:100%;display:block}.icon-btn__glyph{font-size:var(--icon-btn-glyph-size);font-weight:600;line-height:1}.theme-toggle{padding:var(--space-1);width:2.25rem;height:2.25rem;border-radius:999px;gap:0}.theme-toggle__icon{width:1.2rem;height:1.2rem}.product-form{display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.product-form--dialog{padding:0;border:none;border-radius:0;box-shadow:none;background:transparent}.dialog{width:min(32rem,100%);max-height:min(80vh,44rem);overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);display:grid;gap:var(--space-3);margin:auto}.dialog:not([open]){display:none}.dialog::backdrop{background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.dialog__title{font-size:1.25rem;font-weight:700}.product-form__toggle{align-self:flex-start;padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-text);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.product-form__toggle:hover{border-color:var(--color-accent)}.product-form__toggle-icon{width:2.2rem;height:2.2rem;border-radius:999px;background:var(--color-accent);color:var(--color-accent-contrast);display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1}.product-form__toggle-label{font-weight:600}.product-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.product-form__label{font-size:.85rem;font-weight:600;color:var(--color-muted);letter-spacing:.02em;text-transform:uppercase}.product-form__input{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.95rem;transition:border-color .16s ease,box-shadow .16s ease}.product-form__input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 35%,transparent)}.product-form__buttons{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.product-form__capture{align-self:flex-start}.product-form__file-input{display:none}.product-form__preview{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px dashed var(--color-border);background:var(--color-bg)}.product-form__preview-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.product-form__preview-image{width:100%;max-height:12rem;border-radius:var(--radius-md);border:1px solid var(--color-border);object-fit:cover;background:var(--color-surface);display:block}.product-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-4)}.product-card{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.product-card__delete{position:absolute;top:var(--space-2);right:var(--space-2)}.product-card__image{width:clamp(4.5rem,10vw,5.5rem);height:clamp(4.5rem,10vw,5.5rem);border-radius:var(--radius-md);border:1px solid var(--color-border);object-fit:cover;background:var(--color-bg);display:block}.product-card__body{display:flex;flex-direction:column;gap:var(--space-1)}