@layer reset{*,:after,:before{box-sizing:border-box}:host,html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6,p{margin:0}canvas,img,picture,video{height:auto}canvas,img,picture,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}ol,ul{list-style:none;margin:0;padding:0}button,input,select,textarea{font:inherit;color:inherit;border:none}button{cursor:pointer}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}hr{border:none}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer tokens{:root{--neutral-hue:250;--neutral-chroma:0.003;--palette-neutral-0:oklch(100% 0 0);--palette-neutral-50:oklch(98% var(--neutral-chroma) var(--neutral-hue));--palette-neutral-100:oklch(95% var(--neutral-chroma) var(--neutral-hue));--palette-neutral-200:oklch(90% var(--neutral-chroma) var(--neutral-hue));--palette-neutral-300:oklch(82% var(--neutral-chroma) var(--neutral-hue));--palette-neutral-400:oklch(68% var(--neutral-chroma) var(--neutral-hue));--palette-neutral-500:oklch(53% var(--neutral-chroma) var(--neutral-hue));--palette-neutral-600:oklch(42% var(--neutral-chroma) var(--neutral-hue));--palette-neutral-700:oklch(32% var(--neutral-chroma) var(--neutral-hue));--palette-neutral-800:oklch(22% var(--neutral-chroma) var(--neutral-hue));--palette-neutral-900:oklch(14% var(--neutral-chroma) var(--neutral-hue));--palette-neutral-1000:oklch(7% var(--neutral-chroma) var(--neutral-hue));--palette-brand-primary:oklch(91.4% 0.159 99.2);--palette-brand-secondary:oklch(45% 0.18 260);--palette-brand-accent:oklch(72% 0.19 140);--palette-brand-primary-soft:color-mix(in oklch,var(--palette-brand-primary) 12%,oklch(100% 0 86));--palette-brand-secondary-soft:color-mix(in oklch,var(--palette-brand-secondary) 12%,oklch(100% 0 260));--palette-brand-accent-soft:color-mix(in oklch,var(--palette-brand-accent) 12%,oklch(100% 0 140));--palette-brand-primary-strong:color-mix(in oklch,var(--palette-brand-primary),oklch(8% 0 86) 15%);--palette-brand-secondary-strong:color-mix(in oklch,var(--palette-brand-secondary),oklch(8% 0 260) 15%);--palette-brand-accent-strong:color-mix(in oklch,var(--palette-brand-accent),oklch(8% 0 140) 15%);--palette-success:oklch(65% 0.18 145);--palette-success-soft:oklch(94% 0.05 145);--palette-warning:oklch(78% 0.16 80);--palette-warning-soft:oklch(95% 0.05 80);--palette-danger:oklch(58% 0.22 25);--palette-danger-soft:oklch(94% 0.05 25);--palette-information:oklch(62% 0.16 250);--palette-information-soft:oklch(94% 0.05 250);--font-family-base:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-heading:"Montserrat",system-ui,sans-serif;--font-family-code:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--font-size-display-xl:clamp(3rem,8vw,5.5rem);--font-size-display-lg:clamp(2.5rem,6vw,4.5rem);--font-size-heading-2xl:clamp(2rem,5vw,3.5rem);--font-size-heading-xl:clamp(2rem,4vw,3rem);--font-size-heading-lg:clamp(1.5rem,3vw,2.25rem);--font-size-heading-md:clamp(1.25rem,2vw,1.5rem);--font-size-body-lg:clamp(1.05rem,1.5vw,1.25rem);--font-size-body-md:1rem;--font-size-body-sm:.875rem;--font-size-label:.75rem;--font-size-code:.875rem;--line-height-display:1.05;--line-height-heading:1.2;--line-height-body:1.6;--line-height-ui:1.2;--line-height-relaxed:1.65;--letter-spacing-tight:-0.03em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em;--font-style-normal:normal;--font-style-italic:italic;--text-display-xl:var(--font-size-display-xl) /var(--line-height-display) var(--font-family-heading);--text-display-lg:var(--font-size-display-lg) /var(--line-height-display) var(--font-family-heading);--text-heading-2xl:var(--font-size-heading-2xl) /var(--line-height-heading) var(--font-family-heading);--text-heading-xl:var(--font-size-heading-xl) /var(--line-height-heading) var(--font-family-heading);--text-heading-lg:var(--font-size-heading-lg) /var(--line-height-heading) var(--font-family-heading);--text-heading-md:var(--font-size-heading-md) /var(--line-height-heading) var(--font-family-heading);--text-body-xl:var(--font-size-body-lg) /var(--line-height-relaxed) var(--font-family-base);--text-body-lg:var(--font-size-body-lg) /var(--line-height-body) var(--font-family-base);--text-body-md:var(--font-size-body-md) /var(--line-height-body) var(--font-family-base);--text-body-sm:var(--font-size-body-sm) /var(--line-height-body) var(--font-family-base);--text-body-xs:var(--font-size-label) /var(--line-height-body) var(--font-family-base);--text-label:var(--font-size-label) /var(--line-height-ui) var(--font-family-base);--text-code:var(--font-size-code) /var(--line-height-body) var(--font-family-code);--color-background:var(--palette-neutral-0);--color-surface:var(--palette-neutral-50);--color-surface-raised:var(--palette-neutral-100);--color-surface-sunken:var(--palette-neutral-200);--color-surface-overlay:var(--palette-neutral-0);--color-text:var(--palette-neutral-900);--color-text-secondary:var(--palette-neutral-700);--color-text-muted:var(--palette-neutral-500);--color-text-disabled:var(--palette-neutral-400);--color-text-inverse:var(--palette-neutral-0);--color-border:var(--palette-neutral-200);--color-border-subtle:var(--palette-neutral-100);--color-border-strong:var(--palette-neutral-300);--color-brand:var(--palette-brand-primary);--color-brand-hover:var(--palette-brand-primary-strong);--color-brand-active:var(--palette-brand-secondary-strong);--color-brand-subtle:var(--palette-brand-primary-soft);--color-accent:var(--palette-brand-accent);--color-success-bg-subtle:color-mix(in oklch,var(--color-success),transparent 90%);--color-success:var(--palette-success);--color-success-subtle:var(--palette-success-soft);--color-warning:var(--palette-warning);--color-warning-subtle:var(--palette-warning-soft);--color-danger:var(--palette-danger);--color-danger-subtle:var(--palette-danger-soft);--color-information:var(--palette-information);--color-information-subtle:var(--palette-information-soft);--color-link:var(--palette-brand-primary);--color-link-hover:var(--palette-brand-primary-strong);--color-link-active:var(--palette-brand-primary-strong);--color-focus:var(--palette-brand-primary);--color-selection:color-mix(in oklch,var(--color-brand),transparent 85%);--color-shadow:oklch(0% 0 0);--color-disabled:var(--palette-neutral-400);--color-overlay:oklch(0% 0 0/.5);--color-social-instagram:oklch(0.66 0.24 355);--color-social-instagram-hover:oklch(0.60 0.24 355);--color-social-instagram-soft:oklch(0.94 0.03 355);--color-social-facebook:oklch(0.56 0.19 260);--color-social-facebook-hover:oklch(0.50 0.19 260);--color-social-facebook-soft:oklch(0.94 0.02 260);--color-social-twitter:oklch(0.73 0.16 235);--color-social-twitter-hover:oklch(0.67 0.16 235);--color-social-twitter-soft:oklch(0.95 0.02 235);--color-social-youtube:oklch(0.60 0.24 25);--color-social-youtube-hover:oklch(0.54 0.24 25);--color-social-youtube-soft:oklch(0.94 0.03 25);--color-social-tiktok:oklch(0.18 0 0);--color-social-tiktok-hover:oklch(0.10 0 0);--color-social-tiktok-soft:oklch(0.94 0 0);--color-social-whatsapp:oklch(0.73 0.20 150);--color-social-whatsapp-hover:oklch(0.67 0.20 150);--color-social-whatsapp-soft:oklch(0.95 0.03 150);--space-none:0;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:clamp(1rem,2vw,1.5rem);--space-lg:clamp(1.5rem,3vw,2rem);--space-xl:clamp(2rem,5vw,3rem);--space-2xl:clamp(3rem,7vw,4rem);--space-3xl:clamp(4rem,10vw,6rem);--space-4xl:clamp(6rem,12vw,8rem);--space-5xl:clamp(8rem,15vw,12rem);--layout-content-width:65ch;--layout-max-width:90rem;--layout-sidebar-width:18rem;--layout-header-height:clamp(84px,10vw,124px);--layout-section:clamp(4rem,10vw,8rem);--layout-padding:clamp(1rem,4vw,3rem);--layout-columns:12;--layout-gap:var(--space-lg);--container-xs:30rem;--container-sm:40rem;--container-md:48rem;--container-lg:64rem;--container-xl:80rem;--container-2xl:90rem;--container-full:100%;--container-prose:65ch;--size-icon-xs:.75rem;--size-icon-sm:1rem;--size-icon-md:1.5rem;--size-icon-lg:2rem;--size-icon-xl:3rem;--size-control-sm:2rem;--size-control-md:2.75rem;--size-control-lg:3.25rem;--size-avatar-xs:1.5rem;--size-avatar-sm:2rem;--size-avatar-md:2.75rem;--size-avatar-lg:3.5rem;--size-avatar-xl:5rem;--size-avatar-2xl:7.5rem;--size-touch-target-min:2.75rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--border-width-none:0;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--shadow-none:none;--shadow-sm:0 1px 2px 0 color-mix(in oklch,var(--color-shadow),transparent 96%),0 1px 3px 0 color-mix(in oklch,var(--color-shadow),transparent 94%);--shadow-md:0 2px 4px -1px color-mix(in oklch,var(--color-shadow),transparent 95%),0 6px 12px -2px color-mix(in oklch,var(--color-shadow),transparent 92%);--shadow-lg:0 4px 6px -2px color-mix(in oklch,var(--color-shadow),transparent 96%),0 12px 24px -4px color-mix(in oklch,var(--color-shadow),transparent 90%);--shadow-xl:0 8px 10px -4px color-mix(in oklch,var(--color-shadow),transparent 96%),0 24px 48px -8px color-mix(in oklch,var(--color-shadow),transparent 88%);--shadow-inner:inset 0 2px 4px 0 color-mix(in oklch,var(--color-shadow),transparent 94%);--shadow-focus:0 0 0 3px color-mix(in oklch,var(--color-focus),transparent 75%);--opacity-0:0;--opacity-25:.25;--opacity-50:.5;--opacity-75:.75;--opacity-100:1;--opacity-disabled:.45;--opacity-overlay:.75;--blur-sm:4px;--blur-md:12px;--blur-lg:24px;--blur-xl:40px;--aspect-square:1/1;--aspect-video:16/9;--aspect-wide:21/9;--aspect-photo:4/3;--duration-instant:0ms;--duration-fast:180ms;--duration-normal:300ms;--duration-slow:500ms;--ease-linear:linear;--ease-standard:cubic-bezier(.2,.8,.2,1);--ease-emphasized:cubic-bezier(.05,.7,.1,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--focus-width:2px;--focus-offset:2px;--focus-ring:0 0 0 4px color-mix(in oklch,var(--color-focus),transparent 75%);--cursor-disabled:not-allowed;--state-hover-opacity:0.85;--state-active-opacity:0.95;--state-disabled-opacity:var(--opacity-disabled);--state-focus-opacity:1;--layer-base:0;--layer-dropdown:100;--layer-sticky:200;--layer-fixed:300;--layer-modal:400;--layer-popover:500;--layer-tooltip:600;--layer-toast:700;--motion-fast:transform var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),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);--motion-normal:transform var(--duration-normal) var(--ease-standard),opacity var(--duration-normal) var(--ease-standard),background-color var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard);--motion-slow:transform var(--duration-slow) var(--ease-emphasized),opacity var(--duration-slow) var(--ease-emphasized),background-color var(--duration-slow) var(--ease-emphasized),border-color var(--duration-slow) var(--ease-emphasized),color var(--duration-slow) var(--ease-emphasized),box-shadow var(--duration-slow) var(--ease-emphasized)}@media (prefers-color-scheme:dark){:root{--color-background:var(--palette-neutral-1000);--color-surface:var(--palette-neutral-900);--color-surface-raised:var(--palette-neutral-800);--color-surface-sunken:var(--palette-neutral-900);--color-surface-overlay:var(--palette-neutral-900);--color-text:var(--palette-neutral-50);--color-text-secondary:var(--palette-neutral-300);--color-text-muted:var(--palette-neutral-400);--color-text-disabled:var(--palette-neutral-600);--color-text-inverse:var(--palette-neutral-1000);--color-border:var(--palette-neutral-800);--color-border-subtle:var(--palette-neutral-800);--color-border-strong:var(--palette-neutral-600);--color-brand:var(--palette-brand-primary);--color-brand-hover:var(--palette-brand-primary-strong);--color-brand-active:var(--palette-brand-primary);--color-brand-subtle:color-mix(in oklch,var(--palette-brand-primary) 10%,oklch(8% 0.012 86));--color-accent:var(--palette-brand-accent);--color-success:oklch(72% 0.15 145);--color-warning:oklch(82% 0.14 80);--color-danger:oklch(65% 0.18 25);--color-information:oklch(70% 0.14 250);--color-success-subtle:color-mix(in oklch,oklch(72% 0.15 145) 12%,oklch(8% 0.012 145));--color-warning-subtle:color-mix(in oklch,oklch(82% 0.14 80) 12%,oklch(8% 0.012 80));--color-danger-subtle:color-mix(in oklch,oklch(65% 0.18 25) 12%,oklch(8% 0.012 25));--color-information-subtle:color-mix(in oklch,oklch(70% 0.14 250) 12%,oklch(8% 0.012 250));--color-focus:var(--palette-brand-primary);--color-selection:color-mix(in oklch,var(--color-brand) 30%,oklch(8% 0.012 86));--shadow-sm:0 1px 2px 0 color-mix(in oklch,var(--color-shadow),transparent 85%),0 2px 4px 0 color-mix(in oklch,var(--color-shadow),transparent 80%);--shadow-md:0 2px 4px -1px color-mix(in oklch,var(--color-shadow),transparent 85%),0 8px 16px -2px color-mix(in oklch,var(--color-shadow),transparent 75%);--shadow-lg:0 4px 6px -2px color-mix(in oklch,var(--color-shadow),transparent 85%),0 16px 32px -4px color-mix(in oklch,var(--color-shadow),transparent 70%);--shadow-xl:0 8px 12px -4px color-mix(in oklch,var(--color-shadow),transparent 80%),0 28px 56px -8px color-mix(in oklch,var(--color-shadow),transparent 65%)}html:not([data-theme=light]){.theme-icon--sun{display:block!important}.theme-icon--moon{display:none!important}}}html[data-theme=dark]{--color-background:var(--palette-neutral-1000);--color-surface:var(--palette-neutral-900);--color-surface-raised:var(--palette-neutral-800);--color-surface-sunken:var(--palette-neutral-900);--color-surface-overlay:var(--palette-neutral-900);--color-text:var(--palette-neutral-50);--color-text-secondary:var(--palette-neutral-300);--color-text-muted:var(--palette-neutral-400);--color-text-disabled:var(--palette-neutral-600);--color-text-inverse:var(--palette-neutral-1000);--color-border:var(--palette-neutral-800);--color-border-subtle:var(--palette-neutral-800);--color-border-strong:var(--palette-neutral-600);--color-brand:var(--palette-brand-primary);--color-brand-hover:var(--palette-brand-primary-strong);--color-brand-active:var(--palette-brand-primary);--color-brand-subtle:color-mix(in oklch,var(--palette-brand-primary) 10%,oklch(8% 0.012 86));--color-accent:var(--palette-brand-accent);--color-success:oklch(72% 0.15 145);--color-warning:oklch(82% 0.14 80);--color-danger:oklch(65% 0.18 25);--color-information:oklch(70% 0.14 250);--color-success-subtle:color-mix(in oklch,oklch(72% 0.15 145) 12%,oklch(8% 0.012 145));--color-warning-subtle:color-mix(in oklch,oklch(82% 0.14 80) 12%,oklch(8% 0.012 80));--color-danger-subtle:color-mix(in oklch,oklch(65% 0.18 25) 12%,oklch(8% 0.012 25));--color-information-subtle:color-mix(in oklch,oklch(70% 0.14 250) 12%,oklch(8% 0.012 250));--color-focus:var(--palette-brand-primary);--color-selection:color-mix(in oklch,var(--color-brand) 30%,oklch(8% 0.012 86));--shadow-sm:0 1px 2px 0 color-mix(in oklch,var(--color-shadow),transparent 85%),0 2px 4px 0 color-mix(in oklch,var(--color-shadow),transparent 80%);--shadow-md:0 2px 4px -1px color-mix(in oklch,var(--color-shadow),transparent 85%),0 8px 16px -2px color-mix(in oklch,var(--color-shadow),transparent 75%);--shadow-lg:0 4px 6px -2px color-mix(in oklch,var(--color-shadow),transparent 85%),0 16px 32px -4px color-mix(in oklch,var(--color-shadow),transparent 70%);--shadow-xl:0 8px 12px -4px color-mix(in oklch,var(--color-shadow),transparent 80%),0 28px 56px -8px color-mix(in oklch,var(--color-shadow),transparent 65%);.theme-icon--sun{display:block!important}.theme-icon--moon{display:none!important}}html[data-theme=light]{.theme-icon--sun{display:none!important}.theme-icon--moon{display:block!important}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:1ms;--duration-normal:1ms;--duration-slow:1ms}}}@layer foundation{html{min-height:100%}body{min-height:100dvh;font:var(--text-body-md);font-family:var(--font-family-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);background-color:var(--color-background);color:var(--color-text);transition:var(--motion-normal)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-tight);color:var(--color-text)}h1{font:var(--text-display-lg);font-weight:var(--font-weight-black)}h2{font:var(--text-heading-xl);font-weight:var(--font-weight-bold)}h3{font:var(--text-heading-lg);font-weight:var(--font-weight-bold)}h4{font:var(--text-heading-md);font-weight:var(--font-weight-bold)}h5{font:var(--text-body-lg);font-weight:var(--font-weight-medium)}h6{font:var(--text-body-sm);font-weight:var(--font-weight-medium)}p{color:var(--color-text-secondary);font:var(--text-body-md)}button,input,select,textarea{font-family:var(--font-family-base)}svg{color:currentColor}hr{border-top:var(--border-width-thin) solid var(--color-border);margin-block:var(--space-xl)}::-moz-selection{background:var(--color-selection);color:var(--color-text)}::selection{background:var(--color-selection);color:var(--color-text)}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@layer tokens{:root{--sidebar-width:248px;--topbar-height:56px;--layout-content-width:1160px;--layout-padding:var(--space-lg);--font-family-base:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-heading:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--line-height-tight:1.25;--line-height-normal:1.5;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--color-background:oklch(97.5% 0.002 265);--color-surface:oklch(100% 0 0);--color-surface-raised:oklch(100% 0 0);--color-surface-sunken:oklch(96.4% 0.003 265);--color-surface-overlay:oklch(100% 0 0);--color-text:oklch(24% 0.005 265);--color-text-secondary:oklch(38% 0.005 265);--color-text-muted:oklch(51% 0.006 265);--color-text-disabled:oklch(70% 0.005 265);--color-text-inverse:oklch(100% 0 0);--color-border:oklch(90.5% 0.004 265);--color-border-subtle:oklch(94% 0.003 265);--color-border-strong:oklch(82% 0.005 265);--color-brand:oklch(52% 0.145 52);--color-brand-hover:oklch(46% 0.145 52);--color-brand-active:oklch(41% 0.135 52);--color-brand-subtle:oklch(96.5% 0.028 52);--color-accent:oklch(52% 0.145 52);--color-link:oklch(47% 0.14 52);--color-link-hover:oklch(41% 0.135 52);--color-link-active:oklch(41% 0.135 52);--color-focus:oklch(52% 0.145 52);--color-selection:color-mix(in oklch,var(--color-brand),transparent 88%);--color-success:oklch(52% 0.13 150);--color-success-subtle:oklch(96% 0.03 150);--color-warning:oklch(63% 0.13 70);--color-warning-subtle:oklch(96% 0.035 80);--color-danger:oklch(53% 0.19 25);--color-danger-subtle:oklch(96% 0.03 25);--color-danger-hover:oklch(47% 0.19 25);--color-information:oklch(52% 0.13 245);--color-information-subtle:oklch(96% 0.03 245);--shadow-xs:0 1px 1px 0 color-mix(in oklch,var(--color-shadow),transparent 96%);--shadow-sm:0 1px 2px 0 color-mix(in oklch,var(--color-shadow),transparent 95%),0 1px 3px 0 color-mix(in oklch,var(--color-shadow),transparent 93%)}@media (prefers-color-scheme:dark){:root{--color-background:oklch(15.5% 0.005 265);--color-surface:oklch(20% 0.005 265);--color-surface-raised:oklch(23% 0.006 265);--color-surface-sunken:oklch(17.5% 0.005 265);--color-surface-overlay:oklch(23% 0.006 265);--color-text:oklch(94% 0.003 265);--color-text-secondary:oklch(80% 0.004 265);--color-text-muted:oklch(64% 0.005 265);--color-text-disabled:oklch(45% 0.005 265);--color-text-inverse:oklch(16% 0.005 265);--color-border:oklch(31% 0.006 265);--color-border-subtle:oklch(26% 0.006 265);--color-border-strong:oklch(42% 0.006 265);--color-brand:oklch(74% 0.14 55);--color-brand-hover:oklch(80% 0.13 55);--color-brand-active:oklch(84% 0.12 55);--color-brand-subtle:oklch(29% 0.045 52);--color-accent:oklch(74% 0.14 55);--color-link:oklch(76% 0.13 55);--color-link-hover:oklch(82% 0.12 55);--color-link-active:oklch(82% 0.12 55);--color-focus:oklch(74% 0.14 55);--color-selection:color-mix(in oklch,var(--color-brand),transparent 80%);--color-success:oklch(72% 0.13 150);--color-success-subtle:oklch(26% 0.045 150);--color-warning:oklch(80% 0.12 80);--color-warning-subtle:oklch(28% 0.05 80);--color-danger:oklch(70% 0.16 25);--color-danger-subtle:oklch(28% 0.06 25);--color-danger-hover:oklch(76% 0.15 25);--color-information:oklch(72% 0.12 245);--color-information-subtle:oklch(26% 0.05 245)}}html[data-theme=dark]{--color-background:oklch(15.5% 0.005 265);--color-surface:oklch(20% 0.005 265);--color-surface-raised:oklch(23% 0.006 265);--color-surface-sunken:oklch(17.5% 0.005 265);--color-surface-overlay:oklch(23% 0.006 265);--color-text:oklch(94% 0.003 265);--color-text-secondary:oklch(80% 0.004 265);--color-text-muted:oklch(64% 0.005 265);--color-text-disabled:oklch(45% 0.005 265);--color-text-inverse:oklch(16% 0.005 265);--color-border:oklch(31% 0.006 265);--color-border-subtle:oklch(26% 0.006 265);--color-border-strong:oklch(42% 0.006 265);--color-brand:oklch(74% 0.14 55);--color-brand-hover:oklch(80% 0.13 55);--color-brand-active:oklch(84% 0.12 55);--color-brand-subtle:oklch(29% 0.045 52);--color-accent:oklch(74% 0.14 55);--color-link:oklch(76% 0.13 55);--color-link-hover:oklch(82% 0.12 55);--color-link-active:oklch(82% 0.12 55);--color-focus:oklch(74% 0.14 55);--color-selection:color-mix(in oklch,var(--color-brand),transparent 80%);--color-success:oklch(72% 0.13 150);--color-success-subtle:oklch(26% 0.045 150);--color-warning:oklch(80% 0.12 80);--color-warning-subtle:oklch(28% 0.05 80);--color-danger:oklch(70% 0.16 25);--color-danger-subtle:oklch(28% 0.06 25);--color-danger-hover:oklch(76% 0.15 25);--color-information:oklch(72% 0.12 245);--color-information-subtle:oklch(26% 0.05 245)}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--shadow-xs:0 1px 1px 0 color-mix(in oklch,var(--color-shadow),transparent 90%);--shadow-sm:0 1px 2px 0 color-mix(in oklch,var(--color-shadow),transparent 88%),0 2px 4px 0 color-mix(in oklch,var(--color-shadow),transparent 84%)}}}@layer foundation{html{-webkit-text-size-adjust:100%}body{background:var(--color-background);font-family:var(--font-family-base);font-size:var(--text-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:600;line-height:var(--line-height-tight);letter-spacing:-.01em}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}h5{font-size:var(--text-sm)}h6{font-size:var(--text-xs)}p{margin:0;font-size:var(--text-base);color:var(--color-text-secondary)}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}::-moz-selection{background:var(--color-selection)}::selection{background:var(--color-selection)}button,input,select,textarea{font:inherit;color:inherit}svg{flex-shrink:0}img{max-width:100%}code,kbd,pre,samp{font-family:var(--font-family-code);font-size:var(--text-sm)}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-md) 0}table{border-collapse:collapse}ol,ul{margin:0;padding:0}}@layer layout{.app{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--layer-fixed)}.sidebar-header{height:var(--topbar-height);padding-inline:var(--space-md);border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar-brand,.sidebar-header{display:flex;align-items:center;gap:var(--space-xs)}.sidebar-brand{min-width:0;flex:1 1}.sidebar-brand-mark{width:26px;height:26px;border-radius:var(--radius-md);background:var(--color-brand);color:var(--color-text-inverse);display:grid;place-items:center;flex-shrink:0}.sidebar-logo{display:flex;flex-direction:column;font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;color:var(--color-text);min-width:0}.sidebar-store-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-close{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer}.sidebar-close:hover{background:var(--color-surface-sunken);color:var(--color-text)}.sidebar-store{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar-store .form-field{gap:var(--space-3xs)}.sidebar-store .form-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.sidebar-store .form-select{width:100%}.sidebar-store-meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px;overflow-wrap:anywhere}.sidebar-store-alert{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-3xs)}.sidebar-nav{flex:1 1;padding:var(--space-xs) var(--space-xs) var(--space-sm);overflow-y:auto;gap:var(--space-xs)}.sidebar-nav,.sidebar-section{display:flex;flex-direction:column}.sidebar-section{gap:1px}.sidebar-section-title{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:var(--space-2xs) var(--space-xs) var(--space-3xs)}.sidebar-link,.sidebar-section-title--active{color:var(--color-text-secondary)}.sidebar-link{display:flex;align-items:center;gap:var(--space-xs);padding:7px var(--space-xs);border-radius:var(--radius-md);border-left:2px solid transparent;font-size:var(--text-base);font-weight:500;line-height:1.35;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}button.sidebar-link{background:none;border-top:none;border-right:none;border-bottom:none;width:100%;text-align:left;font-family:inherit}.sidebar-link:hover{background:var(--color-surface-sunken);color:var(--color-text);text-decoration:none}.sidebar-link.active{background:var(--color-brand-subtle);color:var(--color-text);font-weight:600}.sidebar-footer{padding:var(--space-xs);border-top:1px solid var(--color-border);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-3xs);border-radius:var(--radius-md)}.sidebar-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-brand-subtle);color:var(--color-brand-hover);display:grid;place-items:center;font-size:var(--text-sm);font-weight:600;flex-shrink:0}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:var(--text-xs);color:var(--color-text-muted)}.sidebar-user .sidebar-link{padding:6px;border-left-color:transparent;color:var(--color-text-muted)}.topbar{display:none;position:sticky;top:0;height:var(--topbar-height);gap:var(--space-xs);padding-inline:var(--space-sm);border-bottom:1px solid var(--color-border);z-index:90}.topbar,.topbar-menu-btn{align-items:center;background:var(--color-surface)}.topbar-menu-btn{display:inline-flex;justify-content:center;width:34px;height:34px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer}.topbar-menu-btn:hover{background:var(--color-surface-sunken);color:var(--color-text)}.topbar-brand{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-base);font-weight:600;color:var(--color-text);min-width:0}.topbar-store{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%}.mobile-overlay{position:fixed;inset:0;background:var(--color-overlay);z-index:calc(var(--layer-fixed) - 10)}.main-content{flex:1 1;margin-left:var(--sidebar-width)}.main-content,.page{min-width:0;display:flex;flex-direction:column}.page{width:100%;max-width:var(--layout-content-width);margin-inline:auto;padding:var(--space-lg) var(--space-lg) var(--space-2xl);gap:var(--space-md)}.page-header{display:flex;flex-direction:column;gap:var(--space-2xs)}.page-header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-sm)}.page-header-title{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.01em;color:var(--color-text);display:flex;align-items:center;gap:var(--space-xs)}.page-header-description{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:3px;max-width:70ch}.page-header-action{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.page-header-spinner{color:var(--color-text-muted)}.page-breadcrumbs{display:flex;align-items:center;gap:var(--space-3xs);flex-wrap:wrap}.page-breadcrumb-item{display:inline-flex;align-items:center;gap:var(--space-3xs)}.page-breadcrumb-link{font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:none}.page-breadcrumb-link:hover{color:var(--color-link);text-decoration:underline}.page-breadcrumb-current{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.page-breadcrumb-separator{color:var(--color-text-disabled)}.page-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-2xl) var(--space-md);text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.page-state-title{font-size:var(--text-base);font-weight:500;color:var(--color-text)}.page-state--error{color:var(--color-danger)}.page-state--error .page-state-title{color:var(--color-text)}.grid{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:var(--color-background)}.auth-card{width:100%;max-width:400px;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.auth-header{text-align:center;margin-bottom:var(--space-md)}.auth-title{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3xs)}.auth-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.auth-form{display:flex;flex-direction:column;gap:var(--space-sm)}.auth-error{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-danger-subtle);border:1px solid color-mix(in oklch,var(--color-danger),transparent 70%);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm)}.auth-footer{padding-top:var(--space-md);border-top:1px solid var(--color-border);font-size:var(--text-sm);text-align:center}.auth-footer,.auth-legend{margin-top:var(--space-md);color:var(--color-text-muted)}.auth-legend{padding:var(--space-sm);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs)}@media (max-width:1080px){.app{flex-direction:column}.sidebar{transform:translateX(-100%);transition:transform var(--duration-fast) var(--ease-standard);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translateX(0)}.sidebar-close{display:inline-flex}.topbar{display:flex}.main-content{margin-left:0}.page{padding:var(--space-md) var(--space-md) var(--space-xl)}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.page{padding:var(--space-sm) var(--space-sm) var(--space-lg)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.page-header-content{flex-direction:column;align-items:stretch}.page-header-action .btn{flex:1 1}}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--text-base);font-weight:500;line-height:1;white-space:nowrap;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)}.btn,.btn:hover{text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.btn-sm{height:28px;padding-inline:10px;font-size:var(--text-sm)}.btn-md{height:34px;padding-inline:14px}.btn-lg{height:40px;padding-inline:18px;font-size:var(--text-md)}.btn-primary{background:var(--color-brand);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-brand-hover)}.btn-primary:active:not(:disabled){background:var(--color-brand-active)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-sunken)}.btn-secondary:active:not(:disabled){background:var(--color-background)}.btn-danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-text)}.btn-link{background:transparent;color:var(--color-link);padding:0;height:auto;font-weight:500}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-icon-only{padding-inline:0}.btn-sm.btn-icon-only{width:28px}.btn-md.btn-icon-only{width:34px}.btn-lg.btn-icon-only{width:40px}.btn-block{width:100%}.btn-block,.btn-icon{justify-content:center}.btn-icon{display:inline-flex;align-items:center}.spinner{animation:spin 1s linear infinite}.form-field{display:flex;flex-direction:column;gap:var(--space-3xs)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.form-required{color:var(--color-danger);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:0 10px;height:34px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}}@layer components{.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--color-text-disabled)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-disabled)}.form-input:hover:not(:disabled),.form-select:hover:not(:disabled),.form-textarea:hover:not(:disabled){border-color:var(--color-text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-brand),transparent 85%)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--color-surface-sunken);color:var(--color-text-muted);cursor:not-allowed}.form-input-error,.form-input[aria-invalid=true],.form-select[aria-invalid=true],.form-textarea[aria-invalid=true]{border-color:var(--color-danger)}.form-input-error:focus,.form-input[aria-invalid=true]:focus,.form-select[aria-invalid=true]:focus,.form-textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-danger),transparent 85%)}.form-select{padding-right:var(--space-sm)}.form-textarea{height:auto;min-height:92px;padding:8px 10px;line-height:var(--line-height-normal);resize:vertical}.form-error{display:flex;align-items:flex-start;gap:4px;color:var(--color-danger)}.form-error,.form-hint{font-size:var(--text-xs)}.form-hint{color:var(--color-text-muted);margin:1px 0 0}.form-checkbox-label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;font-size:var(--text-base);font-weight:500}.form-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-brand);cursor:pointer}.form-grid,.form-row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.form-grid{align-items:start}.product-form{max-width:760px;gap:0}.form-section,.product-form{display:flex;flex-direction:column}.form-section{gap:var(--space-sm);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border)}.form-section:first-of-type{padding-top:0}.form-section:last-of-type{border-bottom:none}.form-section-header{margin-bottom:var(--space-sm)}.form-section-title{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0 0 2px}.form-section-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.product-form-actions{display:flex;gap:var(--space-xs);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.product-form-warning{display:flex;align-items:flex-start;gap:var(--space-sm)}.product-form-warning p{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.image-selector{display:flex;flex-direction:column;gap:var(--space-3xs)}.image-selector-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xs);min-height:120px;padding:var(--space-md);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.image-selector-dropzone:hover{border-color:var(--color-brand);background:var(--color-brand-subtle)}.image-selector-icon{color:var(--color-text-muted)}.image-selector-text{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.image-selector-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.image-selector-preview{display:flex;flex-direction:column;gap:var(--space-xs)}.image-selector-img{width:100%;max-height:200px;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-background)}.image-selector-actions{display:flex;gap:var(--space-xs)}.shipping-list{display:flex;flex-direction:column;gap:var(--space-sm)}.shipping-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);background:var(--color-surface)}.shipping-item-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.shipping-item-num{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);background:var(--color-surface-sunken);border-radius:var(--radius-sm);padding:2px 6px}.shipping-item-fields{display:flex;flex-direction:column;gap:var(--space-sm)}.empty-options{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-xl) var(--space-md);text-align:center;color:var(--color-text-muted)}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-gap:var(--space-xl);gap:var(--space-xl);align-items:start}.form-layout-main{min-width:0}.form-layout-sidebar{gap:var(--space-md);position:sticky;top:var(--space-md);align-self:start}.form-layout-sidebar,.hours-grid{display:flex;flex-direction:column}.hours-grid{gap:var(--space-sm)}.hours-grid .form-label{display:flex;align-items:center;gap:6px}@media (max-width:1080px){.form-layout{grid-template-columns:minmax(0,1fr)}.form-layout-sidebar{position:static}}@media (max-width:640px){.form-grid,.form-row-2{grid-template-columns:1fr}.form-section{padding:var(--space-md) 0}}}@layer components{.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:0}.card-bordered{border:1px solid var(--color-border)}.card-padding-sm{padding:var(--space-sm)}.card-padding-md{padding:var(--space-md)}.card-padding-lg{padding:var(--space-md) var(--space-md)}.card-header{justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.card-header,.card-title{display:flex;align-items:center}.card-title{gap:var(--space-xs);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);text-align:center}.empty-state-icon{color:var(--color-text-disabled);margin-bottom:var(--space-xs)}.empty-state-title{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-3xs)}.empty-state-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-sm);max-width:46ch}.sidebar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-sm)}.sidebar-card-title{font-size:var(--text-sm);font-weight:600;margin:0 0 2px;color:var(--color-text)}.sidebar-card-desc{margin:0 0 var(--space-sm)}.sidebar-card-desc,.sidebar-card-list{font-size:var(--text-xs);color:var(--color-text-muted)}.sidebar-card-list{padding-left:18px;line-height:1.8}dialog.modal{padding:0;max-width:480px;width:calc(100% - var(--space-md));border:none;border-radius:var(--radius-lg);background:transparent;box-shadow:var(--shadow-lg);color:var(--color-text)}}@layer components{dialog.modal::backdrop{background:var(--color-overlay)}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay);z-index:var(--layer-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-sm)}.modal-overlay .modal{position:static;margin:0;max-width:480px}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--text-lg);font-weight:600;margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer}.modal-close:hover{background:var(--color-surface-sunken);color:var(--color-text)}.modal-body{padding:var(--space-md);font-size:var(--text-base)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);background:var(--color-background)}@media (max-width:640px){.modal-overlay .modal,dialog.modal{max-width:calc(100vw - var(--space-md))}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1 1 auto}}}@layer components{.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);border:1px solid transparent;font-size:var(--text-2xs);font-weight:600;line-height:1.45;white-space:nowrap}.badge-default{background:var(--color-surface-sunken);color:var(--color-text-secondary);border-color:var(--color-border)}.badge-success{background:var(--color-success-subtle);color:var(--color-success);border-color:color-mix(in oklch,var(--color-success),transparent 75%)}.badge-warning{background:var(--color-warning-subtle);color:var(--color-warning);border-color:color-mix(in oklch,var(--color-warning),transparent 75%)}.badge-error{background:var(--color-danger-subtle);color:var(--color-danger);border-color:color-mix(in oklch,var(--color-danger),transparent 75%)}.badge-info{background:var(--color-information-subtle);color:var(--color-information);border-color:color-mix(in oklch,var(--color-information),transparent 75%)}.toast-container{position:fixed;bottom:var(--space-md);right:var(--space-md);z-index:var(--layer-toast);flex-direction:column;pointer-events:none}.toast,.toast-container{display:flex;gap:var(--space-xs)}.toast{align-items:center;padding:10px 14px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);font-size:var(--text-sm);animation:slideIn .2s ease}}@layer components{@media (max-width:640px){.toast-container{left:var(--space-sm);right:var(--space-sm);bottom:var(--space-sm)}.toast{max-width:100%}}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@layer components{.table-container{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-base)}.table-th{text-align:left;padding:8px var(--space-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-background);border-bottom:1px solid var(--color-border);white-space:nowrap}.table-th-right{text-align:right}.table-th-center{text-align:center}.table-th-actions{width:1%}.table-td{padding:10px var(--space-sm);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle;color:var(--color-text)}.table-td-right{text-align:right}.table-td-center{text-align:center}.table-td-actions{text-align:right;white-space:nowrap}.table-tr:last-child .table-td{border-bottom:none}.table-tr:hover .table-td{background:var(--color-background)}.table-empty{padding:var(--space-xl) var(--space-md);text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm)}.product-list-name{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.product-list-thumb{width:38px;height:38px;border-radius:var(--radius-md);background:var(--color-surface-sunken);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.product-list-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-list-status{display:flex;gap:var(--space-3xs);align-items:center;flex-wrap:wrap}@media (max-width:640px){.table-td,.table-th{padding:8px var(--space-xs)}}}