:root{--base-white:#fff;--base-gray-50:#f5f5f7;--base-gray-100:#e8e8ed;--base-gray-200:#d2d2d7;--base-gray-400:#aeaeb2;--base-gray-500:#6e6e73;--base-gray-900:#1d1d1f;--base-blue-300:#59a7ff;--base-blue-400:#0077ed;--base-blue-500:#0071e3;--base-blue-600:#005bb5;--base-navy-50:#e6ebf2;--base-navy-300:#8b9bb0;--base-navy-600:#1a2f4a;--base-navy-700:#1c2b3d;--base-navy-800:#15202e;--base-green-100:#d1fae5;--base-green-600:#059669;--base-green-900:#064e3b;--base-amber-50:#fff8e1;--base-amber-500:#f59e0b;--base-amber-800:#92400e;--base-red-100:#fee2e2;--base-red-500:#dc2626;--base-red-900:#7f1d1d;--base-sky-100:#e0f2fe;--base-sky-600:#0284c7;--base-sky-900:#0c4a6e;--base-violet-100:#ede9fe;--base-violet-600:#7c3aed;--base-violet-900:#4c1d95;--base-teal-100:#ccfbf1;--base-teal-600:#0d9488;--base-teal-900:#134e4a;--base-order-amber-100:#fff3cd;--base-order-amber-900:#856404;--base-order-blue-100:#cfe2ff;--base-order-blue-900:#084298;--base-order-cyan-100:#d1ecf1;--base-order-cyan-900:#0c5460;--base-order-green-100:#d4edda;--base-order-green-900:#155724;--base-order-red-100:#f8d7da;--base-order-red-900:#842029;--base-order-gray-100:#e2e3e5;--base-order-gray-900:#383d41;--base-brand-whatsapp:#25d366}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:var(--base-blue-500);--color-primary-hover:var(--base-blue-400);--color-primary-active:var(--base-blue-600);--color-primary-tint-04:#0071e30a;--color-primary-tint-05:#0071e30d;--color-primary-tint-06:#0071e30f;--color-primary-tint-07:#0071e312;--color-primary-tint-08:#0071e314;--color-primary-tint-10:#0071e31a;--color-primary-tint-12:#0071e31f;--color-primary-tint-15:#0071e326;--color-primary-tint-18:#0071e32e;--color-primary-tint-20:#0071e333;--color-primary-tint-25:#0071e340;--color-primary-tint-35:#0071e359;--color-text-primary:var(--base-gray-900);--color-text-secondary:var(--base-gray-500);--color-text-disabled:var(--base-gray-400);--color-text-placeholder:#1d1d1f66;--color-bg-primary:var(--base-white);--color-bg-secondary:var(--base-gray-50);--color-border:var(--base-gray-200);--color-border-light:var(--base-gray-100);--color-success:var(--base-green-600);--color-success-bg:var(--base-green-100);--color-success-fg:var(--base-green-900);--color-warning:var(--base-amber-500);--color-warning-bg:var(--base-amber-50);--color-warning-fg:var(--base-amber-800);--color-danger:var(--base-red-500);--color-danger-bg:var(--base-red-100);--color-danger-fg:var(--base-red-900);--color-info:var(--base-sky-600);--color-info-bg:var(--base-sky-100);--color-info-fg:var(--base-sky-900);--color-neutral:var(--base-gray-200);--color-neutral-bg:var(--base-gray-50);--color-neutral-fg:var(--base-gray-900);--color-accent-red:var(--color-danger);--color-shipped:var(--base-violet-600);--color-shipped-bg:var(--base-violet-100);--color-shipped-fg:var(--base-violet-900);--color-pickup:var(--base-teal-600);--color-pickup-bg:var(--base-teal-100);--color-pickup-fg:var(--base-teal-900);--color-order-waiting-bg:var(--base-order-amber-100);--color-order-waiting-fg:var(--base-order-amber-900);--color-order-verifying-bg:var(--base-order-cyan-100);--color-order-verifying-fg:var(--base-order-cyan-900);--color-order-processing-bg:var(--base-order-cyan-100);--color-order-processing-fg:var(--base-order-cyan-900);--color-order-shipped-bg:var(--base-order-blue-100);--color-order-shipped-fg:var(--base-order-blue-900);--color-order-pickup-bg:var(--base-teal-100);--color-order-pickup-fg:var(--base-teal-900);--color-order-completed-bg:var(--base-order-green-100);--color-order-completed-fg:var(--base-order-green-900);--color-order-rejected-bg:var(--base-order-red-100);--color-order-rejected-fg:var(--base-order-red-900);--color-order-cancelled-bg:var(--base-order-gray-100);--color-order-cancelled-fg:var(--base-order-gray-900);--sf-font:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sf-focus-ring:0 0 0 3px #0071e359;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--text-4xl:40px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--color-dark-surface:var(--base-navy-800);--color-scrim:#15202e80;--space-2xs:6px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-card:0 4px 16px #00000014;--z-raised:1;--z-sticky:100;--z-header:150;--z-dropdown:300;--z-overlay:400;--z-modal:500;--z-toast:900;--admin-sidebar-bg:var(--color-dark-surface);--admin-sidebar-bg-elev:var(--base-navy-700);--admin-sidebar-fg:var(--base-navy-50);--admin-sidebar-fg-muted:var(--base-navy-300);--admin-sidebar-border:#ffffff14;--admin-sidebar-active-bg:#0071e338;--admin-sidebar-active-fg:var(--base-blue-300);--admin-topbar-h:60px}
*{box-sizing:border-box}body{font-family:var(--sf-font);background:var(--color-bg-secondary);color:var(--color-text-primary);margin:0}main{max-width:960px;margin:0 auto;padding:2rem 1rem}a{color:var(--color-primary)}button,input,textarea,select{font-family:var(--sf-font)}button{border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:var(--radius-md);padding:8px 12px}input,textarea,select{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px}.badge{--badge-bg:var(--color-neutral-bg);--badge-fg:var(--color-neutral-fg);--badge-border:var(--color-neutral);border:1px solid var(--badge-border);background:var(--badge-bg);color:var(--badge-fg);font-family:var(--sf-font);font-size:var(--text-xs);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:999px;padding:4px 8px;line-height:1.3;display:inline-block}.badge--success{--badge-bg:var(--color-success-bg);--badge-fg:var(--color-success-fg);--badge-border:var(--color-success)}.badge--warning{--badge-bg:var(--color-warning-bg);--badge-fg:var(--color-warning-fg);--badge-border:var(--color-warning)}.badge--danger{--badge-bg:var(--color-danger-bg);--badge-fg:var(--color-danger-fg);--badge-border:var(--color-danger)}.badge--info{--badge-bg:var(--color-info-bg);--badge-fg:var(--color-info-fg);--badge-border:var(--color-info)}.btn{--btn-bg:transparent;--btn-fg:var(--color-text-primary);--btn-border:transparent;--btn-bg-hover:transparent;--btn-min-height:36px;--btn-padding-x:12px;--btn-padding-y:8px;--btn-font-size:var(--text-md);--btn-spinner:#ffffffe6;--btn-spinner-track:#ffffff4d;justify-content:center;align-items:center;gap:var(--space-2xs);box-sizing:border-box;min-height:var(--btn-min-height);padding:var(--btn-padding-y) var(--btn-padding-x);border:1px solid var(--btn-border);border-radius:var(--radius-md);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--sf-font);font-size:var(--btn-font-size);font-weight:var(--font-weight-medium);cursor:pointer;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--btn-bg-hover)}.btn:focus-visible{box-shadow:var(--sf-focus-ring);outline:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{--btn-bg:var(--color-primary);--btn-bg-hover:var(--color-primary-hover);--btn-fg:var(--color-bg-primary);--btn-border:var(--color-primary)}.btn--primary:active:not(:disabled){background:var(--color-primary-active)}.btn--secondary{--btn-bg:var(--color-bg-primary);--btn-bg-hover:var(--color-bg-secondary);--btn-fg:var(--color-text-primary);--btn-border:var(--color-border);--btn-spinner:var(--color-text-primary);--btn-spinner-track:#1d1d1f2e}.btn--ghost{--btn-bg:transparent;--btn-bg-hover:var(--color-bg-secondary);--btn-fg:var(--color-primary);--btn-border:transparent;--btn-spinner:var(--color-primary);--btn-spinner-track:var(--color-primary-tint-20)}.btn--danger{--btn-bg:var(--color-bg-primary);--btn-bg-hover:var(--color-danger-bg);--btn-fg:var(--color-danger);--btn-border:var(--color-danger);--btn-spinner:var(--color-danger);--btn-spinner-track:#dc262633}.btn--sm{--btn-min-height:28px;--btn-padding-x:8px;--btn-padding-y:4px;--btn-font-size:var(--text-xs)}.btn--md{--btn-min-height:36px;--btn-padding-x:12px;--btn-padding-y:8px;--btn-font-size:var(--text-md)}.btn--lg{--btn-min-height:38px;--btn-padding-x:16px;--btn-padding-y:8px;--btn-font-size:var(--text-md)}.btn--xl{--btn-min-height:44px;--btn-padding-x:16px;--btn-padding-y:12px;--btn-font-size:var(--text-md);font-weight:var(--font-weight-semibold)}.btn--block{width:100%}.btn[data-pending]{color:#0000;pointer-events:none;position:relative}.btn[data-pending]:after{content:"";border:2px solid var(--btn-spinner-track);border-top-color:var(--btn-spinner);border-radius:50%;width:16px;height:16px;margin:auto;animation:.65s cubic-bezier(.4,0,.2,1) infinite btn-spinner;position:absolute;inset:0}@keyframes btn-spinner{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.btn[data-pending]:after{animation-duration:1.8s}}.badge-waiting{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning-fg)}.badge-processing{background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-info-fg)}.badge-shipped{background:var(--color-shipped-bg);border-color:var(--color-shipped);color:var(--color-shipped-fg)}.badge-pickup{background:var(--color-pickup-bg);border-color:var(--color-pickup);color:var(--color-pickup-fg)}.badge-completed{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success-fg)}.badge-cancelled{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger-fg)}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-text-secondary)}.empty-state__icon{margin-bottom:var(--space-md);color:var(--color-text-disabled);display:inline-flex}.empty-state__title{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.empty-state__desc{margin:var(--space-2xs) 0 0;font-size:var(--text-md);color:var(--color-text-secondary)}.empty-state__body{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);flex-direction:column;display:flex}.field{margin-bottom:var(--space-md)}.field__label{margin-bottom:var(--space-xs);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);display:block}.field__required{color:var(--color-danger);margin-left:2px}.field input:not([type=checkbox]):not([type=radio]):not([type=file]),.field select,.field textarea{width:100%;font-size:var(--text-md)}.field__hint{margin:var(--space-xs) 0 0;font-size:var(--text-xs);color:var(--color-text-secondary)}.field__error{margin:var(--space-xs) 0 0;font-size:var(--text-xs);color:var(--color-danger)}.field__required-note{margin:0 0 var(--space-md);font-size:var(--text-xs);color:var(--color-text-secondary)}.check-field{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.check-field__input{flex-shrink:0;margin-top:3px}.check-field__label{font-size:var(--text-md);font-weight:var(--font-weight-medium)}:root{--skeleton-delay:.2s}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeletonReveal{0%{opacity:0}to{opacity:1}}.skeleton{width:var(--skeleton-w,100%);height:var(--skeleton-h,1em);border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-bg-secondary) 25%, var(--color-border-light) 50%, var(--color-bg-secondary) 75%);animation:skeletonShimmer 1.2s ease var(--skeleton-delay) infinite, skeletonReveal .12s ease var(--skeleton-delay) 1 backwards;pointer-events:none;background-size:200% 100%;flex-shrink:0}.skeleton--r-md{border-radius:var(--radius-md)}.skeleton--r-lg{border-radius:var(--radius-lg)}.skeleton--r-full{border-radius:999px}.admin-skeleton-table{gap:var(--space-sm);flex-direction:column;display:flex}.sf-loading-shell{min-height:60vh}.sf-loading-shell__header{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);display:flex}.sf-loading-shell__header>:nth-child(2){margin-left:auto;margin-right:auto}.sf-loading-shell__body{max-width:1280px;padding:var(--space-lg);gap:var(--space-md);margin:0 auto;display:grid}@media (prefers-reduced-motion:reduce){.skeleton{animation:skeletonReveal 1ms linear var(--skeleton-delay) 1 backwards}}.nav-progress{z-index:9999;pointer-events:none;opacity:0;height:2px;transition:opacity .16s;position:fixed;top:0;left:0;right:0}.nav-progress--active{opacity:1}.nav-progress__fill{background:var(--color-primary);transform-origin:0;height:100%;transition:transform 80ms linear;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.nav-progress,.nav-progress__fill{transition:none}}.confirm-dialog{width:min(420px, calc(100vw - var(--space-xl)));padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--sf-font);box-shadow:var(--shadow-card);border:none}.confirm-dialog::backdrop{background:var(--color-scrim)}.confirm-dialog__title{margin:0 0 var(--space-sm);font-size:var(--text-xl);font-weight:var(--font-weight-semibold)}.confirm-dialog__body{margin:0 0 var(--space-sm);font-size:var(--text-md);color:var(--color-text-secondary);line-height:1.5}.confirm-dialog__consequence{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-warning-bg);color:var(--color-warning-fg);font-size:var(--text-sm)}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.error-page{min-height:60vh;padding:var(--space-xl) var(--space-lg);justify-content:center;align-items:center;display:flex}.error-page__inner{text-align:center;max-width:420px}.error-page__title{margin:0 0 var(--space-sm);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.error-page__desc{margin:0 0 var(--space-lg);font-size:var(--text-md);color:var(--color-text-secondary);line-height:1.5}.error-page__digest{margin:0 0 var(--space-lg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);color:var(--color-text-secondary)}.toast-region{left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:var(--z-toast);pointer-events:none;justify-content:center;display:flex;position:fixed;transform:translate(-50%)}.toast{max-width:min(320px, calc(100vw - var(--space-xl)));padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-dark-surface);color:var(--color-bg-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-align:center;box-shadow:var(--shadow-card);animation:.16s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.dev-db-banner{z-index:999;justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-md);background:var(--color-warning);color:var(--base-gray-900);font-size:var(--text-2xs);text-align:center;flex-wrap:wrap;line-height:1.4;display:flex;position:sticky;top:0}.dev-db-banner strong{font-weight:var(--font-weight-bold);letter-spacing:.04em}