@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&family=DM+Sans:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.19.0/dist/tabler-icons.min.css";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-md:28rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:var(--background);--color-foreground:var(--foreground);--color-border:var(--border)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground)}}@layer utilities{.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.min-h-screen{min-height:100vh}.max-w-md{max-width:var(--container-md)}.grow{flex-grow:1}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-input{border-color:var(--input)}.bg-background{background-color:var(--background)}.bg-primary{background-color:var(--primary)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-all{word-break:break-all}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.running{animation-play-state:running}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:var(--muted)}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--primary)}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:var(--muted-foreground)}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:var(--primary-foreground)}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:var(--border)}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:var(--background)}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:var(--foreground)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(12.9% .042 264.695);--card:oklch(100% 0 0);--card-foreground:oklch(12.9% .042 264.695);--popover:oklch(100% 0 0);--popover-foreground:oklch(12.9% .042 264.695);--primary:oklch(20.8% .042 265.755);--primary-foreground:oklch(98.4% .003 247.858);--secondary:oklch(96.8% .007 247.896);--secondary-foreground:oklch(20.8% .042 265.755);--muted:oklch(96.8% .007 247.896);--muted-foreground:oklch(55.4% .046 257.417);--accent:oklch(96.8% .007 247.896);--accent-foreground:oklch(20.8% .042 265.755);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.4% .003 247.858);--border:oklch(92.9% .013 255.508);--input:oklch(92.9% .013 255.508);--ring:oklch(70.4% .04 256.788);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.4% .003 247.858);--sidebar-foreground:oklch(12.9% .042 264.695);--sidebar-primary:oklch(20.8% .042 265.755);--sidebar-primary-foreground:oklch(98.4% .003 247.858);--sidebar-accent:oklch(96.8% .007 247.896);--sidebar-accent-foreground:oklch(20.8% .042 265.755);--sidebar-border:oklch(92.9% .013 255.508);--sidebar-ring:oklch(70.4% .04 256.788)}.dark{--background:oklch(12.9% .042 264.695);--foreground:oklch(98.4% .003 247.858);--card:oklch(20.8% .042 265.755);--card-foreground:oklch(98.4% .003 247.858);--popover:oklch(20.8% .042 265.755);--popover-foreground:oklch(98.4% .003 247.858);--primary:oklch(92.9% .013 255.508);--primary-foreground:oklch(20.8% .042 265.755);--secondary:oklch(27.9% .041 260.031);--secondary-foreground:oklch(98.4% .003 247.858);--muted:oklch(27.9% .041 260.031);--muted-foreground:oklch(70.4% .04 256.788);--accent:oklch(27.9% .041 260.031);--accent-foreground:oklch(98.4% .003 247.858);--destructive:oklch(70.4% .191 22.216);--destructive-foreground:oklch(98.4% .003 247.858);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.1% .027 264.364);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.8% .042 265.755);--sidebar-foreground:oklch(98.4% .003 247.858);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.4% .003 247.858);--sidebar-accent:oklch(27.9% .041 260.031);--sidebar-accent-foreground:oklch(98.4% .003 247.858);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.1% .027 264.364)}[data-app=customer]{--brand:#7c1e2e;--brand-light:#9b2335;--brand-dim:#7c1e2e14;--gold:#c8a96e;--bg:#f7f3ef;--surface:#fff;--surface2:#f2ede8;--border:#e5ddd5;--text:#1a1108;--text2:#5c4f42;--text3:#9c8c7e;--green:#2d6a4f;--green-dim:#2d6a4f1a;--amber:#b45309;--amber-dim:#b453091a;--red:#b91c1c;--red-dim:#b91c1c1a;--blue:#1d4ed8;--blue-dim:#1d4ed814;--purple:#7c3aed;--purple-dim:#7c3aed14;--radius:12px;--topbar-h:72px;--shadow:0 1px 3px #1a110814,0 4px 16px #1a11080a;--shadow-lift:0 4px 12px #1a11081a,0 12px 32px #1a110814;background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif}[data-app=customer] .topbar{background:var(--brand);min-height:var(--topbar-h);z-index:50;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #1a11082e}[data-app=customer] .topbar-brand{align-items:center;gap:14px;display:flex}[data-app=customer] .topbar-logo{background:var(--gold);width:48px;height:48px;color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex;overflow:hidden;box-shadow:0 0 0 2px #ffffff59,0 2px 8px #00000040}[data-app=customer] .topbar-logo img{object-fit:cover;width:100%;height:100%}[data-app=customer] .topbar-name{color:#fff;font-family:Playfair Display,serif;font-size:19px;font-weight:600;line-height:1.2}[data-app=customer] .topbar-sub{color:#fff9;text-transform:uppercase;letter-spacing:.09em;margin-top:2px;font-size:11px}[data-app=customer] .topbar-right{align-items:center;gap:10px;display:flex}[data-app=customer] .cart-btn{background:var(--gold);color:var(--brand);cursor:pointer;border:none;border-radius:24px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0003}[data-app=customer] .cart-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000047}[data-app=customer] .icon-btn-white{cursor:pointer;color:#fff;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}[data-app=customer] .layout{min-height:calc(100vh - var(--topbar-h));flex:1;display:flex}[data-app=customer] .sidebar{background:var(--surface);border-right:1px solid var(--border);width:220px;min-width:220px;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));padding:16px 0;position:sticky;overflow-y:auto}[data-app=customer] .main{flex:1;padding:28px 32px;overflow:auto}[data-app=customer] .main-inner{max-width:1200px;margin:0 auto}[data-app=customer] .sidebar-section{color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-top:8px;padding:4px 18px 6px;font-size:10px;font-weight:600}[data-app=customer] .sidebar-item{color:var(--text2);cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:9px 18px;font-family:inherit;font-size:13.5px;text-decoration:none;transition:all .15s;display:flex}[data-app=customer] .sidebar-item:hover{background:var(--surface2);color:var(--text)}[data-app=customer] .sidebar-item.active{background:var(--brand-dim);color:var(--brand);border-left-color:var(--brand);font-weight:500}[data-app=customer] .sidebar-count{color:var(--text3);font-size:11px}[data-app=customer] .banner{background:linear-gradient(115deg,var(--brand) 0%,var(--brand-light) 100%);color:#fff;border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:24px;padding:26px 28px;display:flex}[data-app=customer] .banner-tag{text-transform:uppercase;letter-spacing:.09em;color:#fff9;margin-bottom:6px;font-size:11px}[data-app=customer] .banner-title{color:#fff;text-shadow:0 1px 3px #0003;font-family:Playfair Display,serif;font-size:24px;font-weight:600}[data-app=customer] .banner-sub{color:#ffffffc7;max-width:60ch;margin-top:5px;font-size:13.5px}[data-app=customer] .banner-icon{color:var(--gold);opacity:.75;font-size:48px}[data-app=customer] .banner-carousel{margin-bottom:24px;position:relative}[data-app=customer] .banner-track{scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;overflow-x:auto}[data-app=customer] .banner-track::-webkit-scrollbar{display:none}[data-app=customer] .banner-slide{scroll-snap-align:start;background-position:50%;background-size:cover;flex:0 0 100%;min-height:150px;margin-bottom:0}[data-app=customer] .banner-slide.has-img{position:relative;overflow:hidden}[data-app=customer] .banner-slide.has-img:before{content:"";background:linear-gradient(90deg,#0000009e,#00000047 60%,#00000014);position:absolute;inset:0}[data-app=customer] .banner-slide-content{z-index:1;position:relative}[data-app=customer] .banner-dots{justify-content:center;gap:6px;display:flex;position:absolute;bottom:8px;left:0;right:0}[data-app=customer] .banner-dot{cursor:pointer;background:#ffffff73;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background .15s}[data-app=customer] .banner-dot.active{background:#fff}[data-app=customer] .search-bar{margin-bottom:18px;position:relative}[data-app=customer] .search-bar>.ti-search{color:var(--text3);pointer-events:none;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}[data-app=customer] .search-input{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:var(--surface);outline:none;padding:13px 42px;font-family:inherit;font-size:14.5px;transition:border-color .15s,box-shadow .15s}[data-app=customer] .search-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-dim)}[data-app=customer] .search-input::placeholder{color:var(--text3)}[data-app=customer] .search-clear{width:26px;height:26px;color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}[data-app=customer] .search-clear:hover{background:var(--surface2);color:var(--text)}[data-app=customer] .search-group{margin-bottom:22px}[data-app=customer] .search-group-title{color:var(--text2);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}[data-app=customer] .search-group-count{color:var(--text3);background:var(--surface2);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:500}[data-app=customer] .search-empty{text-align:center;color:var(--text3);flex-direction:column;align-items:center;gap:10px;padding:48px 20px;display:flex}[data-app=customer] .search-empty i{font-size:32px}[data-app=customer] .sec-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-app=customer] .sec-title{color:var(--text);font-family:Playfair Display,serif;font-size:22px;font-weight:600}[data-app=customer] .sec-sub{color:var(--text3);margin-top:2px;font-size:12.5px}[data-app=customer] .products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}[data-app=customer] .pcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;flex-direction:column;padding:0;font-family:inherit;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;overflow:hidden}[data-app=customer] .pcard:hover{box-shadow:var(--shadow-lift);border-color:#c8a96e8c;transform:translateY(-3px)}[data-app=customer] .pcard-img{aspect-ratio:4/3;background:linear-gradient(160deg,var(--surface2) 0%,#e9e1d8 100%);color:var(--text3);justify-content:center;align-items:center;font-size:44px;display:flex;position:relative;overflow:hidden}[data-app=customer] .pcard-img img{object-fit:cover;width:100%;height:100%;transition:transform .35s}[data-app=customer] .pcard:hover .pcard-img img{transform:scale(1.06)}[data-app=customer] .pcard-unavail-overlay{-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale();color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#1a110880;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:absolute;inset:0}[data-app=customer] .pcard-body{flex-direction:column;flex:1;padding:13px 15px 14px;display:flex}[data-app=customer] .pcard-family{text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin-bottom:4px;font-size:10px;font-weight:600}[data-app=customer] .pcard-name{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:14.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}[data-app=customer] .pcard-desc{color:var(--text3);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:10px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}[data-app=customer] .pcard-desc:empty{margin:0;display:none}[data-app=customer] .pcard-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:4px;display:flex}[data-app=customer] .pcard-price{color:var(--brand);font-size:16.5px;font-weight:700}[data-app=customer] .pcard-unit{color:var(--text3);margin-top:1px;font-size:11px}[data-app=customer] .add-btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:background .15s,transform .15s;display:flex;box-shadow:0 2px 8px #1a11082e}[data-app=customer] .pcard:hover .add-btn{background:var(--brand-light);transform:scale(1.08)}[data-app=customer] .primary-btn{background:var(--brand);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}[data-app=customer] .primary-btn:hover{background:var(--brand-light)}[data-app=customer] .primary-btn:disabled{opacity:.5;cursor:not-allowed}[data-app=customer] .secondary-btn{background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}[data-app=customer] .wa-btn{color:#fff;border-radius:var(--radius);cursor:pointer;background:#25d366;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;padding:13px;font-family:inherit;font-size:14.5px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 10px #25d36659}[data-app=customer] .wa-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #25d36673}[data-app=customer] .wa-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}[data-app=customer] .modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#1a110880;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}[data-app=customer] .modal{background:var(--surface);border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #1a110840}[data-app=customer] .modal-head{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}[data-app=customer] .modal-title{font-family:Playfair Display,serif;font-size:18px}[data-app=customer] .modal-close{cursor:pointer;color:var(--text3);background:0 0;border:none;padding:4px 8px;font-size:22px}[data-app=customer] .modal-body{padding:20px}[data-app=customer] .pd-img{background:linear-gradient(160deg,var(--surface2) 0%,#e9e1d8 100%);border-radius:var(--radius);width:100%;height:240px;color:var(--text3);justify-content:center;align-items:center;margin-bottom:16px;font-size:64px;display:flex;overflow:hidden}[data-app=customer] .pd-img img{object-fit:cover;width:100%;height:100%}[data-app=customer] .pd-family-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--gold);background:#c8a96e1f;border:1px solid #c8a96e4d;border-radius:20px;margin-bottom:10px;padding:3px 9px;font-size:10px;display:inline-block}[data-app=customer] .pd-title{color:var(--text);margin-bottom:6px;font-family:Playfair Display,serif;font-size:22px}[data-app=customer] .pd-desc{color:var(--text2);margin-bottom:16px;font-size:13px;line-height:1.6}[data-app=customer] .pd-section{text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-top:14px;margin-bottom:8px;font-size:11px;font-weight:600}[data-app=customer] .checkout-greeting{color:var(--text1);background:var(--brand);padding:10px 12px;font-size:15px;font-weight:600}@supports (color:color-mix(in lab,red,red)){[data-app=customer] .checkout-greeting{background:color-mix(in oklab,var(--brand) 10%,var(--surface))}}[data-app=customer] .checkout-greeting{border:1px solid var(--border);border-radius:10px;margin-bottom:4px}[data-app=customer] .treat-chips{flex-wrap:wrap;gap:8px;display:flex}[data-app=customer] .treat-chip{border:1.5px solid var(--border);color:var(--text2);cursor:pointer;background:var(--surface);border-radius:20px;padding:6px 14px;font-family:inherit;font-size:13px;transition:all .15s}[data-app=customer] .treat-chip:hover{border-color:var(--brand);color:var(--brand)}[data-app=customer] .treat-chip.active{border-color:var(--brand);background:var(--brand-dim);color:var(--brand);font-weight:500}[data-app=customer] .qty-row{align-items:center;gap:12px;display:flex}[data-app=customer] .qty-btn{border:1.5px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:18px;display:flex}[data-app=customer] .qty-btn:hover{border-color:var(--brand);color:var(--brand)}[data-app=customer] .qty-val{text-align:center;min-width:48px;font-size:18px;font-weight:600}[data-app=customer] .qty-unit{color:var(--text3);font-size:13px}[data-app=customer] .qty-input{text-align:center;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);width:64px;color:var(--text);-moz-appearance:textfield;padding:4px 2px;font-family:inherit;font-size:18px;font-weight:600}[data-app=customer] .qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}[data-app=customer] .qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}[data-app=customer] .obs-area{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:var(--surface2);resize:none;outline:none;height:72px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}[data-app=customer] .obs-area:focus{border-color:var(--brand)}[data-app=customer] .field-input{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:var(--surface2);outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}[data-app=customer] .field-input:focus{border-color:var(--brand)}[data-app=customer] .pd-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}[data-app=customer] .pd-total-label{color:var(--text3);font-size:12px}[data-app=customer] .pd-total{color:var(--brand);font-family:Playfair Display,serif;font-size:26px;font-weight:600}[data-app=customer] .drawer-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#1a110880;position:fixed;inset:0}[data-app=customer] .drawer{background:var(--surface);z-index:201;border-radius:16px 0 0 16px;flex-direction:column;width:100%;max-width:440px;height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 32px #1a11082e}[data-app=customer] .drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}[data-app=customer] .drawer-body{flex:1;padding:16px 20px;overflow-y:auto}[data-app=customer] .drawer-foot{border-top:1px solid var(--border);background:var(--surface);padding:16px 20px}[data-app=customer] .cart-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:14px 0;display:flex}[data-app=customer] .cart-item:last-child{border-bottom:none}[data-app=customer] .cart-img{background:var(--surface2);width:52px;height:52px;color:var(--text3);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex;overflow:hidden}[data-app=customer] .cart-img img{object-fit:cover;width:100%;height:100%}[data-app=customer] .cart-info{flex:1;min-width:0}[data-app=customer] .cart-name{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:500}[data-app=customer] .cart-detail{color:var(--text3);margin-bottom:2px;font-size:12px}[data-app=customer] .cart-obs{color:var(--text3);font-size:11px;font-style:italic}[data-app=customer] .cart-price{color:var(--brand);margin-bottom:6px;font-size:15px;font-weight:700}[data-app=customer] .cart-right{flex-shrink:0;justify-content:flex-end;align-items:flex-start;display:flex}[data-app=customer] .cart-del{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:6px;font-size:18px;transition:all .15s;display:flex}[data-app=customer] .cart-del:hover{color:var(--red);background:var(--red-dim)}[data-app=customer] .cart-clear-btn{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}[data-app=customer] .cart-clear-btn:hover{color:var(--red);border-color:var(--red);background:var(--red-dim)}[data-app=customer] .summary-row{color:var(--text2);justify-content:space-between;padding:4px 0;font-size:13px;display:flex}[data-app=customer] .summary-row.total{color:var(--text);border-top:1px solid var(--border);margin-top:6px;padding-top:10px;font-size:16px;font-weight:600}[data-app=customer] .summary-row.total span:last-child{color:var(--brand);font-size:18px;font-weight:700}[data-app=customer] .summary-row.free{color:var(--green)}[data-app=customer] .zone-opts{flex-direction:column;gap:6px;display:flex}[data-app=customer] .zone-opt{border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--surface);text-align:left;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-family:inherit;transition:all .15s;display:flex}[data-app=customer] .zone-opt:hover{border-color:var(--brand)}[data-app=customer] .zone-opt.sel{border-color:var(--brand);background:var(--brand-dim)}[data-app=customer] .zone-name{color:var(--text);font-size:13px;font-weight:500}[data-app=customer] .zone-opt.sel .zone-name{color:var(--brand)}[data-app=customer] .zone-fee{color:var(--text);font-size:13px;font-weight:500}[data-app=customer] .zone-fee.free{color:var(--green)}[data-app=customer] .zone-select{cursor:pointer;width:100%}[data-app=customer] .pay-opts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}[data-app=customer] .pay-opt{border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;background:var(--surface);padding:10px 8px;font-family:inherit;transition:all .15s}[data-app=customer] .pay-opt:hover{border-color:var(--brand)}[data-app=customer] .pay-opt.sel{border-color:var(--brand);background:var(--brand-dim);box-shadow:0 0 0 3px var(--brand-dim)}[data-app=customer] .pay-icon{color:var(--text3);margin-bottom:4px;font-size:20px}[data-app=customer] .pay-opt.sel .pay-icon{color:var(--brand)}[data-app=customer] .pay-label{color:var(--text);font-size:12px;font-weight:500}[data-app=customer] .pay-opt.sel .pay-label{color:var(--brand)}[data-app=customer] .badge{white-space:nowrap;border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}[data-app=customer] .b-green{background:var(--green-dim);color:var(--green)}[data-app=customer] .b-amber{background:var(--amber-dim);color:var(--amber)}[data-app=customer] .b-red{background:var(--red-dim);color:var(--red)}[data-app=customer] .status-page{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;max-width:520px;margin:40px auto;padding:32px}[data-app=customer] .status-wrap{flex-direction:column;gap:14px;max-width:640px;margin:24px auto 40px;padding:0 16px;display:flex}[data-app=customer] .status-hero{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;padding:28px 24px}[data-app=customer] .status-icon-wrap{background:var(--brand-dim);width:64px;height:64px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-size:30px;display:flex}[data-app=customer] .status-icon-wrap[data-tone=success]{background:var(--green-dim);color:var(--green)}[data-app=customer] .status-icon-wrap[data-tone=danger]{background:var(--red-dim);color:var(--red)}[data-app=customer] .status-icon-wrap[data-tone=muted]{background:var(--surface2);color:var(--text3)}[data-app=customer] .status-desc{color:var(--text2);margin-top:6px;font-size:14px;line-height:1.45}[data-app=customer] .status-eta{background:var(--amber-dim);color:var(--amber);border-radius:20px;align-items:center;gap:6px;margin-top:14px;padding:7px 14px;font-size:13px;display:inline-flex}[data-app=customer] .status-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}[data-app=customer] .status-card-title{color:var(--text);align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}[data-app=customer] .status-card-title i{color:var(--brand);font-size:16px}[data-app=customer] .status-line{color:var(--text);font-size:14px;line-height:1.45}[data-app=customer] .status-sub{color:var(--text2);margin-top:2px;font-size:12px}[data-app=customer] .timeline{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex;position:relative}[data-app=customer] .tl-step{align-items:flex-start;gap:12px;display:flex;position:relative}[data-app=customer] .tl-step:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:24px;bottom:-14px;left:11px}[data-app=customer] .tl-step.done:not(:last-child):before{background:var(--green)}[data-app=customer] .tl-dot{background:var(--surface2);border:2px solid var(--border);width:24px;height:24px;color:var(--text3);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}[data-app=customer] .tl-step.done .tl-dot{background:var(--green);border-color:var(--green);color:#fff}[data-app=customer] .tl-step.current .tl-dot{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 0 4px var(--brand-dim)}[data-app=customer] .tl-body{padding-top:1px}[data-app=customer] .tl-label{color:var(--text);font-size:14px;font-weight:500}[data-app=customer] .tl-step.done .tl-label{color:var(--text)}[data-app=customer] .tl-step:not(.done):not(.current) .tl-label{color:var(--text3)}[data-app=customer] .tl-step.current .tl-label{color:var(--brand);font-weight:600}[data-app=customer] .tl-time{color:var(--text2);margin-top:2px;font-size:12px}[data-app=customer] .status-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}[data-app=customer] .status-actions .wa-btn{margin-top:0}[data-app=customer] .status-actions .secondary-btn,[data-app=customer] .status-actions .btn-ghost-danger{justify-content:center;width:100%;text-decoration:none}[data-app=customer] .btn-ghost-danger{color:var(--red);border:1.5px solid var(--red);border-radius:var(--radius);cursor:pointer;background:0 0;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:500}[data-app=customer] .btn-ghost-danger:hover{background:var(--red-dim)}[data-app=customer] .closed-banner{background:var(--amber-dim);color:var(--amber);border-bottom:1px solid #b4530933;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}[data-app=customer] .closed-banner i{font-size:16px}[data-app=customer] .min-warn{background:var(--amber-dim);color:var(--amber);border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:12px}[data-app=customer] .min-warn-row{justify-content:space-between;margin-bottom:6px;display:flex}[data-app=customer] .min-bar{background:#b4530933;border-radius:2px;height:4px;overflow:hidden}[data-app=customer] .min-bar-fill{background:var(--amber);height:100%;transition:width .25s}[data-app=customer] .cart-stepper{background:var(--surface2);border-radius:18px;align-items:center;gap:8px;margin-top:6px;padding:2px 4px;display:inline-flex}[data-app=customer] .cart-step-btn{background:var(--surface);width:24px;height:24px;color:var(--text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:14px;display:flex}[data-app=customer] .cart-step-btn:hover{background:var(--brand);color:#fff}[data-app=customer] .cart-step-val{text-align:center;min-width:48px;color:var(--text);font-size:12px;font-weight:600}[data-app=customer] .cart-controls-row{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}[data-app=customer] .saved-addr{border:1.5px solid var(--brand);background:var(--brand-dim);border-radius:var(--radius);gap:12px;padding:12px 14px;display:flex}[data-app=customer] .saved-addr-check{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}[data-app=customer] .saved-addr-body{flex:1;min-width:0}[data-app=customer] .saved-addr-line1{color:var(--text);font-size:13px;font-weight:500;line-height:1.4}[data-app=customer] .saved-addr-line2{color:var(--text2);margin-top:2px;font-size:12px}[data-app=customer] .saved-addr-actions{align-items:center;gap:10px;margin-top:8px;display:flex}[data-app=customer] .saved-addr-tag{color:var(--brand);background:#fff9;border-radius:12px;padding:3px 9px;font-size:11px;font-weight:500}[data-app=customer] .link-btn{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:3px 6px;font-family:inherit;font-size:12px;font-weight:500;text-decoration:underline}[data-app=customer] .link-btn:hover{color:var(--brand-light)}[data-app=customer] .addr-form{display:block}[data-app=customer] .cat-chips{scrollbar-width:none;gap:6px;margin:-4px -4px 4px;padding:4px 0 12px;display:none;overflow-x:auto}[data-app=customer] .cat-chips::-webkit-scrollbar{display:none}[data-app=customer] .cat-chip{border:1.5px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:13px;display:inline-flex}[data-app=customer] .cat-chip.active{border-color:var(--brand);background:var(--brand-dim);color:var(--brand);font-weight:500}[data-app=customer] .cat-chip-count{color:var(--text3);background:var(--surface2);border-radius:10px;padding:1px 6px;font-size:11px}[data-app=customer] .cat-chip.active .cat-chip-count{color:var(--brand);background:#7c1e2e26}@media(max-width:760px){[data-app=customer]{--topbar-h:64px}[data-app=customer] .sidebar{display:none}[data-app=customer] .cat-chips{display:flex}[data-app=customer] .main{padding:16px}[data-app=customer] .drawer{max-width:100%}[data-app=customer] .products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}[data-app=customer] .banner{padding:18px 20px}[data-app=customer] .banner-title{font-size:19px}[data-app=customer] .banner-slide{min-height:110px}[data-app=customer] .topbar{min-height:64px;padding:10px 16px}[data-app=customer] .topbar-logo{width:42px;height:42px}[data-app=customer] .topbar-name{font-size:16px}[data-app=customer] .cart-btn{padding:9px 14px;font-size:13px}}[data-app=admin]{--bg:#0d1117;--surface:#161b27;--surface2:#1e2535;--surface3:#252f42;--border:#2a3347;--border2:#374159;--text:#e2e8f0;--text2:#94a3b8;--text3:#4a5568;--brand:#14b8a6;--brand-dim:#14b8a61f;--gold:#f59e0b;--gold-dim:#f59e0b1f;--blue:#3b82f6;--blue-dim:#3b82f61f;--green:#22c55e;--green-dim:#22c55e1f;--red:#ef4444;--red-dim:#ef44441f;--purple:#8b5cf6;--purple-dim:#8b5cf61f;--nav-w:220px;--radius:8px;background:var(--bg);color:var(--text);color-scheme:dark;min-height:100vh;font-family:Space Grotesk,sans-serif;display:flex}[data-app=admin] .nav{width:var(--nav-w);min-width:var(--nav-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}[data-app=admin] .nav-brand{border-bottom:1px solid var(--border);padding:16px}[data-app=admin] .nav-logo{align-items:center;gap:10px;margin-bottom:4px;display:flex}[data-app=admin] .nav-logo-icon{background:var(--brand-dim);width:32px;height:32px;color:var(--brand);border:1px solid #14b8a64d;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}[data-app=admin] .nav-logo-name{color:var(--text);font-size:14px;font-weight:600}[data-app=admin] .nav-est{color:var(--text3);margin-top:2px;font-size:11px}[data-app=admin] .nav-status{margin-top:8px}[data-app=admin] .status-pill{border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}[data-app=admin] .status-pill .status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}[data-app=admin] .status-pill.open{background:var(--green-dim);color:var(--green)}[data-app=admin] .status-pill.closed{background:var(--red-dim);color:var(--red)}[data-app=admin] .nav-section{color:var(--text3);text-transform:uppercase;letter-spacing:.08em;padding:12px 16px 4px;font-size:10px;font-weight:600}[data-app=admin] .nav-item{color:var(--text2);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:9px;width:100%;padding:8px 16px;font-family:inherit;font-size:13px;text-decoration:none;transition:all .15s;display:flex}[data-app=admin] .nav-item:hover{background:var(--surface2);color:var(--text)}[data-app=admin] .nav-item.active{background:var(--brand-dim);color:var(--brand);border-left-color:var(--brand)}[data-app=admin] .nav-item i{flex-shrink:0;font-size:16px}[data-app=admin] .nav-badge{background:var(--red);color:#fff;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600}[data-app=admin] .nav-ind{align-items:center;gap:6px;margin-left:auto;display:inline-flex}[data-app=admin] .nav-count{background:var(--brand);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:1px 6px;font-size:10px;font-weight:700}[data-app=admin] .nav-new-dot{background:var(--red);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.6s ease-out infinite pdj-pulse}[data-app=admin] .chip-new-dot{background:var(--red);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:6px;animation:1.6s ease-out infinite pdj-pulse;display:inline-block}@keyframes pdj-pulse{0%{box-shadow:0 0 #e11d218c}70%{box-shadow:0 0 0 6px #e11d2100}to{box-shadow:0 0 #e11d2100}}[data-app=admin] .main-wrap{flex-direction:column;flex:1;min-height:100vh;display:flex;overflow:auto}[data-app=admin] .page-content{flex:1;padding:24px}[data-app=admin] .page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}[data-app=admin] .page-title{color:var(--text);font-size:22px;font-weight:700}[data-app=admin] .page-sub{color:var(--text3);margin-top:3px;font-size:13px}[data-app=admin] .header-actions{align-items:center;gap:8px;display:flex}[data-app=admin] .btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}[data-app=admin] .btn:disabled{opacity:.5;cursor:not-allowed}[data-app=admin] .btn-primary{background:var(--brand);color:#fff}[data-app=admin] .btn-primary:hover{opacity:.9}[data-app=admin] .btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}[data-app=admin] .btn-ghost:hover{border-color:var(--border2)}[data-app=admin] .btn-danger{background:var(--red-dim);color:var(--red);border:1px solid #ef444440}[data-app=admin] .btn-sm{padding:5px 10px;font-size:12px}[data-app=admin] .badge{white-space:nowrap;border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}[data-app=admin] .b-green{background:var(--green-dim);color:var(--green)}[data-app=admin] .b-amber{background:var(--gold-dim);color:var(--gold)}[data-app=admin] .b-blue{background:var(--blue-dim);color:var(--blue)}[data-app=admin] .b-red{background:var(--red-dim);color:var(--red)}[data-app=admin] .b-brand{background:var(--brand-dim);color:var(--brand)}[data-app=admin] .b-purple{background:var(--purple-dim);color:var(--purple)}[data-app=admin] .b-gray{background:var(--surface2);color:var(--text2);border:1px solid var(--border)}[data-app=admin] .stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px;display:grid}[data-app=admin] .stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}[data-app=admin] .stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px}[data-app=admin] .stat-val{color:var(--text);font-size:24px;font-weight:700}[data-app=admin] .stat-val.brand{color:var(--brand)}[data-app=admin] .stat-val.amber{color:var(--gold)}[data-app=admin] .stat-val.blue{color:var(--blue)}[data-app=admin] .stat-val.purple{color:var(--purple)}[data-app=admin] .stat-val.red{color:var(--red)}[data-app=admin] .stat-sub{color:var(--text3);margin-top:4px;font-size:11px}[data-app=admin] .table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}[data-app=admin] .table-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}[data-app=admin] .table-title{color:var(--text);font-size:14px;font-weight:600}[data-app=admin] table{border-collapse:collapse;width:100%;font-size:13px}[data-app=admin] th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);border-bottom:1px solid var(--border);padding:10px 14px;font-size:10px;font-weight:600}[data-app=admin] td{border-bottom:1px solid var(--border);color:var(--text2);vertical-align:middle;padding:11px 14px}[data-app=admin] tr:last-child td{border-bottom:none}[data-app=admin] tbody tr{cursor:pointer}[data-app=admin] tbody tr:hover td{background:var(--surface2)}[data-app=admin] td.primary{color:var(--text);font-weight:500}[data-app=admin] td.mono{font-family:JetBrains Mono,monospace;font-size:12px}[data-app=admin] .filter-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}[data-app=admin] .filter-chip{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:var(--surface);border-radius:20px;padding:5px 12px;font-family:inherit;font-size:12px;transition:all .15s}[data-app=admin] .filter-chip:hover{border-color:var(--border2);color:var(--text)}[data-app=admin] .filter-chip.active{border-color:var(--brand);background:var(--brand-dim);color:var(--brand)}[data-app=admin] .day-divider td{background:var(--surface2);color:var(--text3);text-transform:uppercase;letter-spacing:.05em;cursor:default;padding:6px 14px;font-size:11px;font-weight:600}[data-app=admin] .day-divider-inner{align-items:center;gap:8px;display:flex}[data-app=admin] .day-divider-warn td{background:var(--red-dim);color:var(--red)}[data-app=admin] .modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}[data-app=admin] .modal{background:var(--surface);border:1px solid var(--border2);border-radius:12px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0006}[data-app=admin] .modal-head{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}[data-app=admin] .modal-title{color:var(--text);font-size:16px;font-weight:600}[data-app=admin] .modal-close{cursor:pointer;color:var(--text3);background:0 0;border:none;padding:4px 8px;font-size:22px}[data-app=admin] .modal-body{padding:18px}[data-app=admin] .detail-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}[data-app=admin] .detail-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}[data-app=admin] .detail-card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text3);margin-bottom:10px;font-size:11px;font-weight:600}[data-app=admin] .detail-row{color:var(--text2);justify-content:space-between;gap:8px;padding:3px 0;font-size:13px;display:flex}[data-app=admin] .detail-row strong{color:var(--text)}[data-app=admin] .status-flow{flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0;display:flex}[data-app=admin] .sf-step{border:1px solid var(--border);color:var(--text3);white-space:nowrap;border-radius:20px;padding:5px 12px;font-size:12px}[data-app=admin] .sf-step.done{background:var(--green-dim);color:var(--green);border-color:#22c55e4d}[data-app=admin] .sf-step.current{background:var(--gold-dim);color:var(--gold);border-color:#f59e0b4d;font-weight:600}[data-app=admin] .sf-arrow{color:var(--text3);font-size:14px}[data-app=admin] .wa-suggestion{background:var(--green-dim);border-radius:var(--radius);color:var(--green);border:1px solid #22c55e33;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;font-size:12px;display:flex}[data-app=admin] .wa-suggestion i{flex-shrink:0;margin-top:1px;font-size:16px}[data-app=admin] .empty-state{text-align:center;color:var(--text3);padding:48px 24px}[data-app=admin] .empty-state i{margin-bottom:12px;font-size:36px;display:block}[data-app] .skel{background:var(--surface2);border-radius:6px;animation:1.3s ease-in-out infinite skel-pulse;display:block}[data-app] .skel-td{padding:11px 14px}@keyframes skel-pulse{0%,to{opacity:1}50%{opacity:.4}}@media(prefers-reduced-motion:reduce){[data-app] .skel{opacity:.7;animation:none}}[data-app=admin] .form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}[data-app=admin] .form-grid .full{grid-column:1/-1}[data-app=admin] .field{flex-direction:column;gap:5px;display:flex}[data-app=admin] .field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text3);font-size:11px;font-weight:600}[data-app=admin] .field-in,[data-app=admin] .field-sel,[data-app=admin] .field-area{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:var(--surface2);outline:none;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}[data-app=admin] .field-in:focus,[data-app=admin] .field-sel:focus,[data-app=admin] .field-area:focus{border-color:var(--brand)}[data-app=admin] .field-area{resize:vertical;min-height:64px}[data-app=admin] .check-row{color:var(--text2);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}[data-app=admin] .check-row input{accent-color:var(--brand)}[data-app=admin] .modal-foot{border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex;position:sticky;bottom:0}[data-app=admin] .tab-row{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex}[data-app=admin] .tab-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}[data-app=admin] .tab-btn:hover{color:var(--text2)}[data-app=admin] .tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}[data-app=admin] .opt-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}[data-app=admin] .opt-row .field-in{flex:1}[data-app=admin] .icon-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text2);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:inline-flex}[data-app=admin] .icon-btn:hover{color:var(--red);border-color:#ef44444d}[data-app=admin] .chip{background:var(--surface2);border:1px solid var(--border);color:var(--text2);border-radius:14px;align-items:center;gap:4px;margin-bottom:4px;margin-right:4px;padding:3px 9px;font-size:11px;display:inline-flex}[data-app=admin] .chip.def{background:var(--brand-dim);color:var(--brand);border-color:#14b8a64d}[data-app=admin] .dash-grid{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media(max-width:960px){[data-app=admin] .dash-grid{grid-template-columns:1fr}}[data-app=admin] .panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}[data-app=admin] .panel-stack{flex-direction:column;gap:16px;display:flex}[data-app=admin] .panel-title{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:600}[data-app=admin] .panel-sub{color:var(--text3);margin-bottom:14px;font-size:11px}[data-app=admin] .bars{align-items:flex-end;gap:10px;height:180px;padding:8px 0 0;display:flex}[data-app=admin] .bar-col{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}[data-app=admin] .bar{background:linear-gradient(to top,var(--brand),var(--brand));width:100%}@supports (color:color-mix(in lab,red,red)){[data-app=admin] .bar{background:linear-gradient(to top,var(--brand),color-mix(in oklab,var(--brand) 60%,transparent))}}[data-app=admin] .bar{border-radius:6px 6px 0 0;min-height:2px;transition:opacity .15s;position:relative}[data-app=admin] .bar:hover{opacity:.8}[data-app=admin] .bar-label{color:var(--text3);text-transform:uppercase;font-size:10px}[data-app=admin] .bar-val{color:var(--text2);font-family:JetBrains Mono,monospace;font-size:10px}[data-app=admin] .top-row{border-bottom:1px solid var(--border);color:var(--text2);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}[data-app=admin] .top-row:last-child{border-bottom:none}[data-app=admin] .top-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}[data-app=admin] .pay-bar{background:var(--surface2);border-radius:4px;height:8px;margin-top:8px;display:flex;overflow:hidden}[data-app=admin] .pay-seg{height:100%}[data-app=admin] .pay-legend{color:var(--text2);flex-wrap:wrap;gap:10px;margin-top:10px;font-size:12px;display:flex}[data-app=admin] .pay-dot{vertical-align:middle;border-radius:2px;width:9px;height:9px;margin-right:5px;display:inline-block}[data-app=admin] .trend-up{color:var(--green)}[data-app=admin] .trend-down{color:var(--red)}[data-app=admin] .settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}[data-app=admin] .switch-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}[data-app=admin] .switch-row:last-child{border-bottom:none}[data-app=admin] .switch-label{color:var(--text);font-size:13px;font-weight:500}[data-app=admin] .switch-help{color:var(--text3);margin-top:2px;font-size:11px}[data-app=admin] .toggle{background:var(--surface2);border:1px solid var(--border);cursor:pointer;border-radius:14px;flex-shrink:0;width:38px;height:22px;transition:all .15s;position:relative}[data-app=admin] .toggle:after{content:"";background:var(--text2);border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:2px;left:2px}[data-app=admin] .toggle.on{background:var(--brand-dim);border-color:var(--brand)}[data-app=admin] .toggle.on:after{background:var(--brand);left:18px}[data-app=admin] .hours-row{border-bottom:1px solid var(--border);grid-template-columns:80px 1fr 1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}[data-app=admin] .hours-row:last-child{border-bottom:none}[data-app=admin] .hours-day{color:var(--text);font-size:13px;font-weight:500}[data-app=admin] .hours-row.closed .field-in{opacity:.4}[data-app=admin] .holiday-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}[data-app=admin] .holiday-row:last-child{border-bottom:none}[data-app=admin] .holiday-row .field-in[type=date]{min-width:150px}[data-app=admin] .holiday-row .field-in[type=time]{min-width:110px}[data-app=customer] .history-card{padding:16px;transition:box-shadow .2s,transform .2s}[data-app=customer] .history-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}[data-app=customer] .history-head{align-items:flex-start;gap:12px;display:flex}[data-app=customer] .history-icon{background:var(--surface2);width:48px;height:48px;color:var(--text2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex;overflow:hidden}[data-app=customer] .history-icon img{object-fit:cover;width:100%;height:100%}[data-app=customer] .history-head-info{flex:1;min-width:0}[data-app=customer] .history-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}[data-app=customer] .history-number{color:var(--text1,var(--text));font-size:15px;font-weight:600}[data-app=customer] .history-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}[data-app=customer] .history-badge.tone-success{color:#16a34a;background:#16a34a24}[data-app=customer] .history-badge.tone-danger{color:var(--red);background:var(--red-dim)}[data-app=customer] .history-badge.tone-amber{color:#d97706;background:#d9770624}[data-app=customer] .history-badge.tone-blue{color:#2563eb;background:#2563eb24}[data-app=customer] .history-badge.tone-purple{color:#7c3aed;background:#7c3aed24}[data-app=customer] .history-meta{color:var(--text3);margin-top:2px;font-size:12.5px}[data-app=customer] .history-items{color:var(--text2);margin:10px 0 12px;font-size:13px;line-height:1.4}[data-app=customer] .history-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}[data-app=customer] .history-total{color:var(--brand);font-size:18px;font-weight:700}[data-app=customer] .pulse-dot{vertical-align:middle;background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:5px;animation:1.5s ease-in-out infinite pd-pulse;display:inline-block}@keyframes pd-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}[data-app=customer] .track-btn{border:1.5px solid var(--brand);color:var(--brand);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}[data-app=customer] .track-btn:hover{background:var(--brand);color:#fff}[data-app=customer] .register-page{background:var(--surface);grid-template-columns:420px 1fr;min-height:100vh;display:grid}[data-app=customer] .register-left{background:var(--brand);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:relative;overflow:hidden}[data-app=customer] .register-left:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}[data-app=customer] .register-left-inner{z-index:1;flex-direction:column;align-items:center;max-width:300px;display:flex;position:relative}[data-app=customer] .register-est-logo{background:var(--gold);width:88px;height:88px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;font-family:Playfair Display,serif;font-size:38px;font-weight:700;display:flex}[data-app=customer] .register-est-name{margin-bottom:8px;font-family:Playfair Display,serif;font-size:28px;font-weight:700;line-height:1.15}[data-app=customer] .register-est-slogan{color:#ffffffc7;margin-bottom:22px;font-size:14px;line-height:1.5}[data-app=customer] .register-est-divider{background:var(--gold);border-radius:2px;width:42px;height:2px;margin:0 0 22px}[data-app=customer] .register-est-atmos{color:#ffffffdb;font-family:Playfair Display,serif;font-size:15px;font-style:italic;line-height:1.5}[data-app=customer] .register-left-brand{text-align:center;z-index:1;color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase;font-size:11px;position:absolute;bottom:24px;left:0;right:0}[data-app=customer] .register-left-brand strong{color:var(--gold);letter-spacing:.04em;font-weight:600}[data-app=customer] .register-right{justify-content:center;align-items:center;min-height:100vh;padding:48px 24px;display:flex}[data-app=customer] .register-card{width:100%;max-width:400px}[data-app=customer] .register-topbar{display:none}[data-app=customer] .register-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:10px;font-size:11px;font-weight:600}[data-app=customer] .register-title{color:var(--text);margin:0 0 10px;font-family:Playfair Display,serif;font-size:28px;font-weight:700;line-height:1.2}[data-app=customer] .register-help{color:var(--text2);margin:0 0 22px;font-size:14px;line-height:1.55}[data-app=customer] .register-help.muted{color:var(--text3);font-size:13px}[data-app=customer] .register-field-error{color:var(--red);margin-top:6px;font-size:12px}[data-app=customer] .field-input.has-error{border-color:var(--red)}[data-app=customer] .register-submit{background:var(--brand);color:#fff;justify-content:center;width:100%;margin-top:22px;padding:13px 20px;font-size:15px;font-weight:600}[data-app=customer] .register-submit:hover:not(:disabled){background:var(--brand-light)}[data-app=customer] .register-submit[aria-busy=true]{opacity:.75}[data-app=customer] .register-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite auth-spin;display:inline-block}[data-app=customer] .register-callout{background:var(--surface2);border-left:3px solid var(--gold);border-radius:8px;align-items:flex-start;gap:12px;margin-top:18px;padding:14px;display:flex}[data-app=customer] .register-callout-icon{color:#25d366;background:#25d3661f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}[data-app=customer] .register-callout-text{color:var(--text2);font-size:13px;line-height:1.5}[data-app=customer] .register-altlink{text-align:center;color:var(--brand);cursor:pointer;background:0 0;border:none;width:100%;margin-top:18px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;display:block}[data-app=customer] .register-altlink:hover{text-decoration:underline}[data-app=customer] .register-server-error{background:var(--red-dim);border:1px solid var(--red);margin-top:14px;padding:12px 14px}@supports (color:color-mix(in lab,red,red)){[data-app=customer] .register-server-error{border:1px solid color-mix(in oklab,var(--red) 25%,transparent)}}[data-app=customer] .register-server-error{color:var(--red);border-radius:8px;font-size:13px;line-height:1.5}[data-app=customer] .register-state{text-align:center}[data-app=customer] .register-state-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:36px;display:flex}[data-app=customer] .register-state-icon.wa{color:#25d366;background:#25d36624}[data-app=customer] .register-state-icon.amber{background:var(--amber-dim);color:var(--amber)}[data-app=customer] .register-state-icon.red{background:var(--red-dim);color:var(--red)}[data-app=customer] .register-state-body{color:var(--text2);margin:0 0 22px;font-size:14px;line-height:1.55}[data-app=customer] .register-info-box{background:var(--blue-dim);text-align:left;color:var(--blue);border-radius:8px;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}[data-app=customer] .register-info-box i{flex-shrink:0;margin-top:1px;font-size:16px}[data-app=customer] .register-action-stack{text-align:left;flex-direction:column;gap:10px;display:flex}[data-app=customer] .register-action-stack .register-action{cursor:pointer;text-align:left;border:none;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;font-family:inherit;text-decoration:none;display:flex}[data-app=customer] .register-action.primary{background:var(--brand);color:#fff}[data-app=customer] .register-action.primary:hover{background:var(--brand-light)}[data-app=customer] .register-action.outline{background:var(--surface);color:var(--text);border:1.5px solid var(--border)}[data-app=customer] .register-action.outline:hover{border-color:var(--brand);color:var(--brand)}[data-app=customer] .register-action-title{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}[data-app=customer] .register-action-sub{opacity:.85;font-size:12px;line-height:1.45}[data-app=customer] .register-state-sent{text-align:center}@media(max-width:767px){[data-app=customer] .register-page{grid-template-columns:1fr}[data-app=customer] .register-left{display:none}[data-app=customer] .register-topbar{background:var(--brand);color:#fff;align-items:center;gap:12px;min-height:72px;padding:14px 18px;display:flex}[data-app=customer] .register-topbar-logo{background:var(--gold);width:40px;height:40px;color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Playfair Display,serif;font-size:18px;font-weight:700;display:flex}[data-app=customer] .register-topbar-name{font-family:Playfair Display,serif;font-size:16px;font-weight:600;line-height:1.2}[data-app=customer] .register-topbar-sub{color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em;font-size:10px}[data-app=customer] .register-right{min-height:calc(100vh - 72px);padding:32px 20px}}[data-app=customer] .auth-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}[data-app=customer] .auth-loading-card{color:var(--text3);flex-direction:column;align-items:center;gap:12px;font-size:14px;display:flex}[data-app=customer] .auth-loading-spin{color:var(--brand);font-size:32px;animation:1s linear infinite auth-spin}[data-app=customer] .main-loading{justify-content:center;align-items:center;min-height:50vh;display:flex}[data-app=customer] .main-loading i{color:var(--brand);font-size:32px;animation:1s linear infinite auth-spin}[data-app=admin] .admin-login-wrap{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}[data-app=admin] .admin-login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;padding:28px}[data-app=admin] .admin-login-logo{background:var(--brand-dim);width:40px;height:40px;color:var(--brand);border:1px solid #14b8a64d;border-radius:8px;justify-content:center;align-items:center;margin-bottom:16px;font-size:18px;display:flex}[data-app=admin] .admin-login-title{color:var(--text);margin-bottom:4px;font-size:20px;font-weight:700}[data-app=admin] .admin-login-sub{color:var(--text3);margin-bottom:20px;font-size:13px}[data-app=admin] .admin-login-error{background:var(--red-dim);color:var(--red);border-radius:8px;margin-top:14px;padding:10px 12px;font-size:13px}[data-app=admin] .admin-login-submit{justify-content:center;width:100%;margin-top:18px;padding:10px 14px}[data-app=admin] .logo-preview{background:var(--surface2);border:1px solid var(--border);width:72px;height:72px;color:var(--text3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex;overflow:hidden}[data-app=admin] .logo-preview img{object-fit:cover;width:100%;height:100%}[data-app=admin] .media-row{align-items:center;gap:16px;margin-top:12px;display:flex}[data-app=admin] .color-field{align-items:center;gap:10px;display:flex}[data-app=admin] .color-field input[type=color]{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;width:42px;height:34px;padding:2px}[data-app=admin] .theme-preview{border:1px solid var(--border);border-radius:10px;max-width:420px;margin-top:14px;overflow:hidden}[data-app=admin] .theme-preview-topbar{align-items:center;gap:10px;padding:10px 14px;display:flex}[data-app=admin] .theme-preview-logo{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex;overflow:hidden}[data-app=admin] .theme-preview-logo img{object-fit:cover;width:100%;height:100%}[data-app=admin] .theme-preview-name{color:#fff;font-size:13px;font-weight:600}[data-app=admin] .theme-preview-body{background:var(--surface);align-items:center;gap:8px;padding:12px 14px;display:flex}[data-app=admin] .banner-thumb{background:var(--surface2);border:1px solid var(--border);object-fit:cover;width:96px;height:48px;color:var(--text3);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex;overflow:hidden}[data-app=admin] .banner-thumb img{object-fit:cover;width:100%;height:100%}[data-app=admin] .product-thumb{object-fit:cover;border:1px solid var(--border);vertical-align:middle;border-radius:8px;width:36px;height:36px}[data-app=admin] .upload-preview{border:1px dashed var(--border);background:var(--surface2);width:100%;max-width:280px;height:120px;color:var(--text3);border-radius:10px;justify-content:center;align-items:center;font-size:13px;display:flex;overflow:hidden}[data-app=admin] .upload-preview img{object-fit:cover;width:100%;height:100%}@keyframes auth-spin{to{transform:rotate(360deg)}}.receipt-page{background:var(--surface2);flex-direction:column;align-items:center;min-height:100vh;padding:24px 12px;font-family:JetBrains Mono,monospace;display:flex}.receipt-toolbar{margin-bottom:16px}.receipt-58{color:#000;background:#fff;width:58mm;max-width:100%;padding:8px 6px;font-size:11px;line-height:1.45;box-shadow:0 1px 6px #00000026}.rc-center{text-align:center}.rc-bold{font-weight:700}.rc-lg{font-size:13px}.rc-sm{color:#333;font-size:10px}.rc-hr{border-top:1px dashed #000;margin:6px 0}.rc-item{margin-bottom:4px}.rc-item-row{justify-content:space-between;gap:8px;display:flex}.rc-obs{padding-left:6px}@media print{body *{visibility:hidden}.receipt-58,.receipt-58 *{visibility:visible}.receipt-58{width:58mm;box-shadow:none;position:absolute;top:0;left:0}.no-print{display:none!important}@page{margin:0}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
