/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-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}}}@layer theme{:host,:root{--font-sans:"Inter Variable","Noto Sans Thai Variable",sans-serif;--font-mono:"Inter Variable","Noto Sans Thai Variable",sans-serif;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-amber-700:#524480;--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-slate-200:#e2dff0;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--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)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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,pre,samp{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.right-0{right:0}.left-3{left:calc(var(--spacing) * 3)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.z-30{z-index:30}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.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}}.m-auto{margin:auto}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-1{margin-right:var(--spacing)}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.h-1{height:var(--spacing)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-32{height:calc(var(--spacing) * 32)}.h-72{height:calc(var(--spacing) * 72)}.max-h-\[30rem\]{max-height:30rem}.max-h-\[90dvh\]{max-height:90dvh}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-7{width:calc(var(--spacing) * 7)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-\[60px\]{width:60px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-52{max-width:calc(var(--spacing) * 52)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-60{max-width:calc(var(--spacing) * 60)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-72{max-width:calc(var(--spacing) * 72)}.max-w-\[170px\]{max-width:170px}.max-w-\[180px\]{max-width:180px}.max-w-\[220px\]{max-width:220px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.min-w-\[190px\]{min-width:190px}.min-w-\[210px\]{min-width:210px}.min-w-\[530px\]{min-width:530px}.min-w-\[550px\]{min-width:550px}.min-w-\[590px\]{min-width:590px}.min-w-\[600px\]{min-width:600px}.min-w-\[650px\]{min-width:650px}.min-w-\[670px\]{min-width:670px}.min-w-\[860px\]{min-width:860px}.min-w-\[880px\]{min-width:880px}.min-w-\[900px\]{min-width:900px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[60px_minmax\(0\,1fr\)_auto\]{grid-template-columns:60px minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--border\)\]>:not(:last-child)){border-color:var(--border)}.truncate{text-overflow:ellipsis;white-space:nowrap}.overflow-hidden,.truncate{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#b18a50\]{border-color:#b18a50}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--gold\)\]{border-color:var(--gold)}.border-red-100{border-color:var(--color-red-100)}.border-red-200{border-color:var(--color-red-200)}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.bg-\[\#7d9f7d\]{background-color:#7d9f7d}.bg-\[\#7095bd\]{background-color:#7095bd}.bg-\[\#f4f1eb\]{background-color:#f4f1eb}.bg-\[\#f6f2eb\]{background-color:#f6f2eb}.bg-\[\#fbfaf7\]{background-color:#fbfaf7}.bg-\[var\(--background\)\],.bg-\[var\(--background\)\]\/40{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--background\)\]\/40{background-color:color-mix(in oklab,var(--background) 40%,transparent)}}.bg-\[var\(--gold\)\]{background-color:var(--gold)}.bg-\[var\(--gold-soft\)\]{background-color:var(--gold-soft)}.bg-black\/35{background-color:#00000059}@supports (color:color-mix(in lab,red,red)){.bg-black\/35{background-color:color-mix(in oklab,var(--color-black) 35%,transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-white{background-color:var(--color-white)}.stroke-1{stroke-width:1px}.stroke-\[1\.5\]{stroke-width:1.5px}.object-cover{object-fit:cover}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-10{padding:calc(var(--spacing) * 10)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-0{padding-bottom:0}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--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))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#9e7740\]{color:#9e7740}.text-\[\#ad8649\]{color:#ad8649}.text-\[\#b6a17c\]{color:#b6a17c}.text-\[var\(--foreground\)\]{color:var(--foreground)}.text-\[var\(--gold\)\]{color:var(--gold)}.text-amber-700{color:var(--color-amber-700)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-30{opacity:.3}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.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))}.backdrop\:bg-black\/35::backdrop{background-color:#00000059}@supports (color:color-mix(in lab,red,red)){.backdrop\:bg-black\/35::backdrop{background-color:color-mix(in oklab,var(--color-black) 35%,transparent)}}@media (hover:hover){.hover\:bg-\[\#f7f5f0\]:hover{background-color:#f7f5f0}.hover\:bg-\[var\(--background\)\]:hover{background-color:var(--background)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:text-\[var\(--gold\)\]:hover{color:var(--gold)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:underline:hover{text-decoration-line:underline}.hover\:ring-1:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-\[var\(--gold\)\]:hover{--tw-ring-color:var(--gold)}}.disabled\:opacity-45:disabled{opacity:.45}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-pulse{animation:var(--animate-pulse)}}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mt-0{margin-top:0}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}.sm\:grid-cols-\[180px_minmax\(0\,1fr\)_auto\]{grid-template-columns:180px minmax(0,1fr) auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:p-3{padding:calc(var(--spacing) * 3)}.sm\:p-7{padding:calc(var(--spacing) * 7)}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:hidden{display:none}.md\:table-row{display:table-row}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[300px_minmax\(0\,1fr\)\]{grid-template-columns:300px minmax(0,1fr)}}@media (min-width:80rem){.xl\:block{display:block}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:grid-cols-\[280px_minmax\(0\,1fr\)\]{grid-template-columns:280px minmax(0,1fr)}.xl\:grid-cols-\[300px_minmax\(0\,1fr\)\]{grid-template-columns:300px minmax(0,1fr)}.xl\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(300px\,1fr\)\]{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}.xl\:grid-cols-\[minmax\(0\,1\.7fr\)_minmax\(300px\,1fr\)\]{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}.xl\:grid-cols-\[minmax\(0\,1\.65fr\)_minmax\(300px\,1fr\)\]{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr)}.xl\:grid-cols-\[minmax\(0\,1fr\)_330px\]{grid-template-columns:minmax(0,1fr) 330px}}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-cyrillic-ext-wght-normal.460bdf14.woff2)format("woff2-variations");unicode-range:u+460-52f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-cyrillic-wght-normal.491cbc05.woff2)format("woff2-variations");unicode-range:u+301,u+400-45f,u+490-491,u+4b0-4b1,u+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-greek-ext-wght-normal.23aae568.woff2)format("woff2-variations");unicode-range:u+1f??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-greek-wght-normal.4449bf7a.woff2)format("woff2-variations");unicode-range:u+370-377,u+37a-37f,u+384-38a,u+38c,u+38e-3a1,u+3a3-3ff}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-vietnamese-wght-normal.113a630f.woff2)format("woff2-variations");unicode-range:u+102-103,u+110-111,u+128-129,u+168-169,u+1a0-1a1,u+1af-1b0,u+300-301,u+303-304,u+308-309,u+323,u+329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-latin-ext-wght-normal.3835a68e.woff2)format("woff2-variations");unicode-range:u+100-2ba,u+2bd-2c5,u+2c7-2cc,u+2ce-2d7,u+2dd-2ff,u+304,u+308,u+329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-latin-wght-normal.6c596dfc.woff2)format("woff2-variations");unicode-range:u+??,u+131,u+152-153,u+2bb-2bc,u+2c6,u+2da,u+2dc,u+304,u+308,u+329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/noto-sans-thai-thai-wght-normal.c4ec276c.woff2)format("woff2-variations");unicode-range:u+2d7,u+303,u+331,u+e01-e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/noto-sans-thai-latin-ext-wght-normal.161b8e14.woff2)format("woff2-variations");unicode-range:u+100-2ba,u+2bd-2c5,u+2c7-2cc,u+2ce-2d7,u+2dd-2ff,u+304,u+308,u+329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/noto-sans-thai-latin-wght-normal.a489a942.woff2)format("woff2-variations");unicode-range:u+??,u+131,u+152-153,u+2bb-2bc,u+2c6,u+2da,u+2dc,u+304,u+308,u+329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--background);font-family:var(--font-sans);margin:0;font-size:13px;line-height:1.6}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button:not(:disabled),select,summary{cursor:pointer}button:disabled{cursor:not-allowed}a{text-underline-offset:3px}::selection{background:#e9dcc3}:focus-visible{outline-offset:3px;outline:2px solid #a3804d}input:focus,select:focus,textarea:focus{border-color:#b4986b;outline:none;box-shadow:0 0 0 3px #ab8a531a}input[type=checkbox],input[type=radio]{accent-color:var(--gold)}svg{stroke-width:1.65px;flex-shrink:0}td,th{vertical-align:middle}hr{border-color:var(--border)}.text-muted{color:var(--muted)}.eyebrow{color:#a08e71;letter-spacing:.12em;font-weight:600}.section-title{color:#36332e;font-size:14px;font-weight:600}.page-stack{flex-direction:column;gap:16px;min-width:0;display:flex}.page-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:2px;display:flex}.page-header h1{letter-spacing:-.5px;font-size:clamp(18px,2vw,22px);line-height:1.3}.page-subtitle{color:var(--muted);margin-top:2px;font-size:10px}.page-header-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;transition:box-shadow .2s,transform .2s}.ui-card-header{border-bottom:1px solid #ede9f5;padding:12px 16px}.btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 14px;font-weight:550;line-height:1.4;text-decoration:none;transition:all .2s;display:inline-flex}.btn svg{width:16px;height:16px}.btn-primary{color:#fff;background:linear-gradient(135deg,#8b7ab8,#7a69a8);border-color:#0000;box-shadow:0 2px 8px #6b5a9840}.btn-primary:hover{background:linear-gradient(135deg,#7a69a8,#6b5a98);transform:translateY(-1px);box-shadow:0 4px 12px #6b5a9859}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:#5a5470;background:#fff;border-color:#d6d0e4}.btn-danger{color:#b86068;background:#fff;border-color:#f0d0d5}.btn-danger:hover{background:#fdf0f3;border-color:#e0a0a8}.btn-ghost:hover{background:#f0ecf8}.btn-sm{min-height:32px;padding:6px 11px}.btn-lg{min-height:46px;padding:12px 21px;font-size:14px}.btn:disabled{opacity:.5;box-shadow:none}.icon-button{color:#7c7889;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover{color:#6b5a98;background:#f0ecf8}.field{color:#3d3850;background:#fff;border:1.5px solid #d6d0e4;border-radius:10px;width:100%;min-height:42px;padding:10px 14px;font-size:13px;line-height:1.5;transition:all .2s;display:block}.field:focus{border-color:#8b7ab8;outline:none;box-shadow:0 0 0 3px #8b7ab826}.field::placeholder{color:#a49eb5}.field-search{padding-left:40px!important}.field-full,.field-search{width:100%!important}.field:disabled{color:#9b95b0;background:#f5f3fa}.field-group>label{color:#5a5470;margin-bottom:7px;font-size:12px;font-weight:550;display:block}.field-error{border-color:#c68180}.field-error-text{color:#c68180;margin-top:5px;font-size:12px}.form-section{background:linear-gradient(#fff,#fcfbfe);border:1px solid #e4e0ee;border-radius:14px;padding:24px;box-shadow:0 2px 12px #503c780d}.form-section>h2{margin-bottom:20px;font-size:15px;font-weight:600}.detail-grid{grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);align-items:start;gap:22px;display:grid}.badge{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:550;line-height:1.6;display:inline-flex}.badge-default{color:#6b6580;background:linear-gradient(135deg,#f0ecf6,#e8e2f2)}.table-shell{scrollbar-width:none;border-radius:11px;overflow:auto}.table-shell::-webkit-scrollbar{display:none}.table-shell:focus-visible{outline-offset:-2px}.data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:680px;font-size:11px}.data-table th{color:#7c7889;white-space:nowrap;background:#f9f8fc;border-bottom:1px solid #ede9f5;padding:10px 12px;font-size:9px;font-weight:550;line-height:1.5}.data-table td{border-bottom:1px solid #f0ecf6;padding:11px 12px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background .12s}.data-table td a:not(.btn):not(.icon-button):hover{color:var(--gold)}.data-table td:first-child,.data-table th:first-child{padding-left:22px}.data-table td:last-child,.data-table th:last-child{padding-right:22px}.filter-bar{border-radius:var(--radius);background:#fff;border:1px solid #e4e0ee;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.filter-bar .field{width:auto}.filter-bar form{flex-wrap:wrap;flex:1;gap:10px;min-width:0;display:flex}.pagination{border-top:1px solid #ede9f5;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.pagination-current{color:#8b7ab8;background:#f0ecf8;border-radius:6px;place-items:center;min-width:29px;height:29px;font-size:12px;font-weight:600;display:grid}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:52px 24px;display:flex}.empty-icon{color:#8b7ab8;background:linear-gradient(135deg,#f0ecf8,#e8e0f5);border:none;border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:18px;display:grid}.empty-state h3{color:#5a5470;font-size:15px;font-weight:600}.empty-state p{color:#9b95b0;max-width:360px;margin-top:8px;font-size:13px;line-height:1.8}.avatar{color:#8b7ab8;background:#f0ecf8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:12px;font-weight:600;display:inline-flex}.thumbnail{color:#9b95b0;background:#f5f3fa;border:1px solid #e4e0ee;border-radius:8px;flex-shrink:0;place-items:center;width:49px;height:59px;display:grid;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%}.stat-card{background:linear-gradient(135deg,#fff,#faf8ff);border:1px solid #ece8f5;border-radius:12px;flex-direction:column;padding:14px 16px 12px;transition:all .2s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #503c7814}.stat-card-top{align-items:center;gap:10px;display:flex}.icon-tile{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.icon-tile svg{width:15px;height:15px}.tone-blue{color:#5a82a8;background:linear-gradient(135deg,#edf2f9,#e4ecf5)}.tone-green{color:#5a8a5a;background:linear-gradient(135deg,#eff6ed,#e6f0e4)}.tone-orange{color:#b87a58;background:linear-gradient(135deg,#fcf0e8,#f8e8dc)}.tone-red{color:#b86068;background:linear-gradient(135deg,#fdf0f2,#f8e6ea)}.stat-value{letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin-top:8px;font-size:clamp(22px,2.5vw,30px);font-weight:600;line-height:1.2}.stat-note{color:#a0978a;margin-top:2px;font-size:10px}.stat-value{overflow-wrap:anywhere}.currency-card .stat-value{font-size:clamp(20px,2vw,26px)}.stat-link{color:#8b7ab8;border-top:1px solid #ede9f5;justify-content:space-between;align-items:center;margin-top:8px;padding-top:6px;font-size:10px;display:flex}.stat-link:hover{color:#6b5a98}.segmented-control{background:#f0ecf6;border:1px solid #e4e0ee;border-radius:8px;flex-wrap:wrap;align-items:center;gap:3px;padding:4px;display:inline-flex}.segmented-control button{color:#7c7889;border-radius:5px;padding:6px 11px;font-size:12px}.segmented-control .is-active{color:#6b5a98;background:#fff;box-shadow:0 1px 3px #45341a0a}.app-frame{min-height:100dvh}.sidebar{z-index:40;width:var(--sidebar-width);scrollbar-width:none;background:linear-gradient(#4a3a7a,#5a4a8a);border-right:none;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar-brand{align-items:center;gap:10px;min-height:60px;padding:12px 16px;display:flex}.brand-mark{color:#5a4a8a;background:#fffffff2;border:none;border-radius:50% 50% 45% 45%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:40px;font:italic 26px/1 Georgia,serif;display:inline-flex;box-shadow:0 2px 8px #00000026}.brand-name{color:#fff;letter-spacing:.3px;font-family:Georgia,Noto Sans Thai Variable,serif;font-size:16px;font-weight:600;line-height:1.3}.brand-caption{color:#ffffff80;letter-spacing:.05em;margin-top:2px;font-size:8px}.auth-page{background:#f5f3fa;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.auth-container{gap:24px;width:100%;max-width:360px}.auth-brand,.auth-container{flex-direction:column;align-items:center;display:flex}.auth-brand{text-align:center}.auth-brand .brand-mark{width:48px;height:56px;margin-bottom:12px;font-size:36px}.auth-brand .brand-name{font-size:24px}.auth-card{background:#fff;border:1px solid #e4e0ee;border-radius:12px;width:100%;padding:28px 24px;box-shadow:0 2px 8px #00000008}.auth-form{gap:16px}.auth-field,.auth-form{flex-direction:column;display:flex}.auth-field{gap:6px}.auth-label{color:#5a5470;font-size:12px;font-weight:500}.auth-input{color:#2d2a36;background:#fff;border:1px solid #d6d0e4;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .15s}.auth-input:focus{border-color:#8b7ab8;box-shadow:0 0 0 2px #8b7ab81a}.auth-button{color:#fff;cursor:pointer;background:#8b7ab8;border:none;border-radius:8px;width:100%;padding:11px 16px;font-size:13px;font-weight:600;transition:background .15s}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-error{color:#c68180;background:#fdf0f3;border-radius:8px;padding:10px 12px;font-size:12px}.auth-footer{text-align:center;color:#7c7889;margin-top:16px;font-size:12px}.auth-link{color:#8b7ab8;text-underline-offset:2px;text-decoration:underline}.auth-link:hover{color:#6b5a98}.product-form{flex-direction:column;gap:28px;display:flex}.product-form .form-section{flex-direction:column;gap:14px;display:flex}.product-form .form-section+.form-section{border-top:1px solid var(--border);padding-top:20px}.form-section .section-title{font-size:14px;font-weight:600}.form-section .section-desc{color:#a09586;margin-top:2px;font-size:11px}.form-section .section-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid .full-width{grid-column:1/-1}.field-group{flex-direction:column;gap:5px;display:flex}.field-group label{color:#5a5470;font-size:12px;font-weight:500}.field-group.compact{flex:1;min-width:0}.required{color:#e05555}.form-error{color:#c68180;background:#fdf0f3;border-radius:10px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:12px;display:flex}.form-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.form-footer-actions{gap:8px;display:flex}.btn-link{color:#8b7ab8;cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 0;font-size:11px}.btn-link:hover{color:#6b5a98;text-decoration:underline}.btn-sm{gap:4px;padding:6px 10px;font-size:11px}.btn-icon-danger,.btn-sm{align-items:center;display:inline-flex}.btn-icon-danger{color:#c68176;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;width:28px;height:28px}.btn-icon-danger:hover{background:#fdf0ed}.variant-card,.variant-list{flex-direction:column;gap:10px;display:flex}.variant-card{border:1px solid #eee8df;border-radius:10px;padding:14px}.variant-card-header{justify-content:space-between;align-items:center;display:flex}.variant-number{color:#716b60;font-size:12px;font-weight:600}.measurement-grid{border-top:1px dashed #eee8df;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:8px;display:grid}.measurement-grid .full-width{grid-column:1/-1}.variant-header{border-bottom:1px solid #f1ebe1;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.variant-measurements-toggle{color:#8b7ab8;cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 0;font-size:11px}.variant-measurements-toggle:hover{text-decoration:underline}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pricing-card{text-align:center;border:1px solid #eee8df;border-radius:10px;padding:12px}.pricing-label{color:#716b60;margin-bottom:8px;font-size:12px;font-weight:600}.pricing-input-wrapper{align-items:center;display:flex;position:relative}.pricing-unit{color:#a09586;pointer-events:none;font-size:11px;position:absolute;right:10px}.pricing-list{flex-direction:column;gap:8px;display:flex}.pricing-row{align-items:flex-end;gap:8px;display:flex}.pricing-separator{color:#8a7c66;padding-bottom:8px;font-size:12px}.pricing-currency{color:#8a7c66;padding-bottom:8px;font-size:13px;font-weight:600}@media (max-width:640px){.form-grid{grid-template-columns:1fr}.measurement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-row{flex-wrap:wrap}}.image-upload{flex-direction:column;gap:12px;display:flex}.image-upload-zone{text-align:center;cursor:pointer;border:2px dashed #ddd6ca;border-radius:10px;padding:24px;transition:border-color .15s,background .15s}.image-upload-zone:hover{background:#fdfbf7;border-color:#b48d51}.image-upload-zone.is-dragging{background:#f9f5ec;border-color:#b48d51}.image-upload-prompt{color:#8a7c66;flex-direction:column;align-items:center;gap:6px;display:flex}.image-upload-prompt svg{color:#b48d51}.image-upload-loading{color:#8a7c66;flex-direction:column;align-items:center;gap:6px;display:flex}.image-upload-loading svg{color:#b48d51}.image-upload-preview{flex-wrap:wrap;gap:10px;display:flex}.image-preview-item{border:1px solid #e8e0d4;border-radius:8px;width:80px;height:80px;position:relative;overflow:hidden}.image-preview-item img{object-fit:cover;width:100%;height:100%}.image-preview-remove{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:background .15s;display:flex;position:absolute;top:4px;right:4px}.image-preview-remove:hover{background:#c68176}.sidebar-navigation{scrollbar-width:none;flex:1;padding:7px 14px 12px;overflow-y:auto}.sidebar-navigation::-webkit-scrollbar{display:none}.nav-group-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;padding:0 13px 6px;font-weight:600}.nav-link{color:#ffffffa6;border-radius:6px;align-items:center;gap:10px;min-height:34px;margin:1px 0;padding:7px 11px;font-size:11px;display:flex;position:relative}.nav-link svg{color:#ffffff73;width:15px;height:15px}.nav-link:hover svg{color:#ffffffb3}.nav-link.is-active{background:#ffffff26;font-weight:550}.nav-link.is-active svg{color:#fff}.nav-link.is-active:after{content:"";background:#ffffff80;border-radius:50%;width:4px;height:4px;position:absolute;right:10px}.sidebar-bottom{border-top:1px solid #ffffff1a;padding:14px 14px 16px}.sidebar-person{color:#fffc;align-items:center;gap:10px;font-size:11px;display:flex}.sidebar-person .avatar{color:#fff;background:#fff3;width:30px;height:30px;font-size:11px}.sidebar-person small{color:#a29684;margin-top:1px;font-size:9px;display:block}.sidebar-caption{color:#b3aa9a;align-items:center;gap:6px;padding-top:14px;font-size:9px;display:flex}.app-content{margin-left:var(--sidebar-width);min-width:0}.top-bar{z-index:25;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #e4e0ee;justify-content:space-between;gap:12px;min-height:56px;padding:0 20px;position:sticky;top:0}.header-search,.top-bar{align-items:center;display:flex}.header-search{color:#9b95b0;background:#f9f8fc;border:1px solid #e4e0ee;border-radius:7px;gap:8px;width:min(340px,40vw);height:32px;padding:0 10px}.header-search input{color:#3d3850;width:100%;min-width:0;box-shadow:none;background:0 0;border:0;outline:none;padding:6px 0;font-size:10px}.header-search input::placeholder{color:#a49eb5}.header-search kbd{color:#9b95b0;text-align:center;border:1px solid #e4e0ee;border-radius:4px;width:17px;font-family:inherit;font-size:10px}.header-right{align-items:center;gap:18px;margin-left:auto;display:flex}.notification-link{border-right:1px solid #e4e0ee;border-radius:0;width:45px;padding-right:22px;position:relative}.notification-count{color:#fff;background:#c68180;border:2px solid #fff;border-radius:12px;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:7px;line-height:1;display:grid;position:absolute;top:0;right:11px}.shop-menu{position:relative}.shop-menu summary{align-items:center;gap:9px;padding:5px 0;list-style:none;display:flex}.shop-menu summary::-webkit-details-marker{display:none}.shop-menu .shop-name{white-space:nowrap;text-overflow:ellipsis;max-width:168px;font-size:11px;font-weight:550;overflow:hidden}.shop-menu .shop-slug{color:#9c9180;font-size:9px}.shop-menu .avatar{color:#8b7ab8;background:#f0ecf8;border-radius:9px;width:30px;height:30px;font-size:11px}.shop-menu-panel{background:#fff;border:1px solid #e4e0ee;border-radius:10px;width:245px;padding:17px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 8px 28px #3e322015}.shop-menu-panel .btn{justify-content:flex-start;width:100%}.main-content{min-width:0;max-width:1700px;padding:14px 18px 20px}.app-footer{color:#9b95b0;border-top:1px solid #ede9f5;justify-content:space-between;align-items:center;gap:15px;margin-top:32px;padding:18px 1px 0;font-size:10px;display:flex}.sidebar-backdrop,.sidebar-close,.sidebar-toggle{display:none}.skip-link{z-index:100;color:#6b5a98;background:#fff;border:1px solid #8b7ab8;border-radius:8px;padding:12px;position:fixed;top:-80px;left:18px}.skip-link:focus{top:10px}.dashboard-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.dashboard-body{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:12px;display:grid}.dashboard-aside,.dashboard-main{flex-direction:column;gap:10px;min-width:0;display:flex}.dashboard-date{color:#6b6580;background:#fff;border:1px solid #e4e0ee;border-radius:7px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;display:flex}.dashboard-date svg{color:#8b7ab8}.operations-heading{justify-content:space-between;align-items:center;gap:10px;padding:10px 14px 8px;display:flex}.operations-heading h2{font-weight:600}.operations-heading p{color:#9b95b0;font-size:10px}.operations-tabs{scrollbar-width:none;border-bottom:1px solid #ede8de;gap:16px;padding:0 14px;display:flex;overflow:auto}.operations-tabs a,.operations-tabs button{color:#938674;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:4px;margin-bottom:-1px;padding:9px 0 8px;font-size:10px;display:flex}.operations-tabs .is-active{color:#6b5a98;border-color:#8b7ab8;font-weight:600}.operations-tabs span{color:#ada393;font-size:9px}.operations-table{min-width:600px}.operations-table th{color:#7c7889;padding:9px 8px;font-size:9px}.operations-table .operation-time{color:#7e725f;font-variant-numeric:tabular-nums;font-size:11px}.operations-table .operation-phone{color:#a39a8b}.operations-table .operation-number{color:#9d8b70;white-space:nowrap;font-size:9px}.operations-table .operation-product{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:10px;overflow:hidden}.operations-foot{border-top:1px solid #ede9f5;justify-content:space-between;align-items:center;gap:6px;padding:9px 14px;font-size:10px;display:flex}.mini-calendar{background:linear-gradient(#fff,#fcfbfe);border:1px solid #e4e0ee;border-radius:14px;padding:16px}.mini-calendar h2{font-size:13px;font-weight:600}.mini-calendar-toolbar{color:#6b6580;justify-content:space-between;align-items:center;gap:4px;margin-top:12px;font-size:11px;display:flex}.mini-calendar-toolbar .icon-button{width:26px;height:26px}.mini-calendar-grid{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-top:12px;display:grid}.mini-calendar-weekday{color:#9b95b0;padding-bottom:6px;font-size:10px;font-weight:500}.mini-calendar-day{color:#5a5470;border-radius:50%;justify-content:center;align-items:center;height:30px;margin:1px;font-size:11px;transition:all .15s;display:flex;position:relative}.mini-calendar-day.is-today{background:linear-gradient(135deg,#8b7ab8,#7a69a8);font-weight:650;box-shadow:0 2px 8px #6b5a984d}.calendar-dots{gap:2px;display:flex;position:absolute;bottom:1px}.calendar-dot{background:#bca078;border-radius:50%;width:3px;height:3px}.calendar-dot.pickup{background:#8b7ab8}.calendar-dot.return{background:#7aa07a}.is-today .calendar-dot{background:#fff}.calendar-legend{color:#9b95b0;border-top:1px solid #ede9f5;justify-content:center;gap:10px;margin-top:12px;padding-top:8px;font-size:7px;display:flex}.calendar-legend>span{align-items:center;gap:4px;display:inline-flex}.calendar-legend .calendar-dot{width:4px;height:4px;position:static}.quick-actions{background:linear-gradient(#fff,#fcfbfe);border:1px solid #e4e0ee;border-radius:14px;padding:16px}.quick-actions h2{font-size:13px;font-weight:600}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.quick-action{color:#6b6580;background:#fff;border:1.5px solid #ece8f5;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;font-size:10px;transition:all .2s;display:flex}.quick-action .icon-tile{border-radius:10px;width:32px;height:32px}.quick-action:hover{background:#f8f6fc;border-color:#b8a9d6;transform:translateY(-2px);box-shadow:0 4px 12px #503c781a}.upcoming-header{justify-content:space-between;align-items:center;padding:18px 21px;display:flex}.upcoming-header h2{font-size:14px;font-weight:600}.upcoming-list{padding:0 20px}.upcoming-item{border-top:1px solid #ede9f5;align-items:center;gap:12px;padding:15px 0;display:flex}.upcoming-day{text-align:center;color:#8b7ab8;background:#f0ecf8;border-radius:8px;flex-shrink:0;width:42px;min-height:44px;padding-top:5px;font-size:16px;font-weight:600}.upcoming-day small{color:#9b95b0;margin-top:-2px;font-size:8px;font-weight:400;display:block}.upcoming-item h3{font-size:11px;font-weight:500}.upcoming-item p{color:#a39786;margin-top:2px;font-size:9px}.quiet-note{color:#7c7889;background:#f5f3fa;border:1px solid #e4e0ee;border-radius:9px;align-items:flex-start;gap:9px;padding:12px 14px;font-size:10px;line-height:1.9;display:flex}.quiet-note svg{margin-top:2px}@media (min-width:1600px){.main-content{padding:24px 32px 32px}.dashboard-body{grid-template-columns:minmax(0,1fr) 280px;gap:16px}}@media (max-width:1279px){:root{--sidebar-width:180px}.sidebar-brand{padding-inline:14px}.main-content{padding:12px 14px}.top-bar{padding-inline:14px}.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:8px 10px 7px}.stat-link,.stat-value{margin-top:6px}.dashboard-body{grid-template-columns:minmax(0,1fr) 220px;gap:10px}}@media (max-width:1023px){.sidebar{z-index:60;width:245px;transition:transform .2s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{z-index:55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#29231a47;display:block;position:fixed;inset:0}.app-content{margin-left:0}.sidebar-close,.sidebar-toggle{display:inline-flex}.sidebar-close{width:28px;margin-left:auto}.sidebar-brand{padding-inline:19px}.header-search{width:min(400px,47vw)}.top-bar{gap:11px;min-height:65px}.detail-grid{grid-template-columns:minmax(0,1fr) 285px}}@media (max-width:767px){.main-content{padding:14px 12px 20px}.page-stack{gap:14px}.page-header{flex-wrap:wrap;align-items:flex-start;gap:10px}.page-header h1{font-size:20px}.page-subtitle{font-size:10px}.page-header-actions{width:100%}.dashboard-header .page-header-actions{width:auto}.dashboard-body{grid-template-columns:minmax(0,1fr)}.dashboard-aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;display:grid}.detail-grid{grid-template-columns:minmax(0,1fr)}.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat-card{padding:10px 10px 8px}.stat-card-top{flex-direction:column;align-items:flex-start;gap:6px}.stat-value{margin-top:8px;font-size:22px}.stat-note{font-size:8px}.top-bar{gap:8px;padding:0 14px}.header-search{flex:1;width:auto;max-width:280px}.header-search kbd{display:none}.header-right{gap:8px}.shop-menu .shop-name,.shop-menu .shop-slug{display:none}.shop-menu summary{gap:4px}.notification-link{border:none;width:28px;padding:0}.notification-count{right:0}.filter-bar{padding:12px}.filter-bar .field,.filter-bar form{width:100%}.form-section,.ui-card-body{padding:14px}.operations-tabs{gap:16px}.pagination{padding:10px 12px}.app-footer{margin-top:20px;font-size:8px}}@media (max-width:479px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card-top{flex-direction:row;align-items:center;gap:6px}.stat-label{font-size:9px}.icon-tile{border-radius:7px;width:24px;height:24px}.icon-tile svg{width:13px;height:13px}.dashboard-aside{grid-template-columns:minmax(0,1fr)}.quick-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.quick-action{font-size:8px}.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid>*{grid-column:auto!important}.header-search{min-width:0;height:30px;padding-inline:8px}.header-search input{font-size:9px}.notification-link,.shop-menu summary>svg{display:none}.dashboard-date{font-size:9px}.operations-heading{padding:12px}.operations-tabs{padding-inline:12px}.page-header-actions .btn{flex:1}.pagination{align-items:flex-start}.app-footer>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--background:#f5f5f2;--foreground:#18201f;--surface:#fff;--surface-soft:#f8f8f5;--border:#e5e6e1;--muted:#6f7774;--gold:#9b7a46;--gold-soft:#f4eee3;--sidebar-width:244px;--radius:14px;--shadow:0 1px 2px #131e1c0a,0 8px 28px #131e1c0a;--shadow-lg:0 2px 4px #131e1c0d,0 18px 46px #131e1c14}body{color:var(--foreground);background:radial-gradient(circle at 82% 0,#fbfaf5 0,transparent 28rem),var(--background);font-size:14px}::selection{color:#18201f;background:#eadfca}:focus-visible{outline-color:#a9824b}.text-subtle{color:#929995}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700}.section-title{color:#202826;letter-spacing:-.01em;font-size:15px;font-weight:650}.page-stack{gap:20px}.page-header{align-items:flex-end;min-height:64px}.page-header h1{letter-spacing:-.035em;font-size:clamp(24px,2.5vw,32px);font-weight:650}.page-subtitle{margin-top:5px;font-size:12px}.ui-card{border-color:var(--border);box-shadow:var(--shadow)}.ui-card:hover{box-shadow:var(--shadow-lg)}.ui-card-header{border-bottom-color:#ebede8;padding:16px 20px}.ui-card-body{padding:20px}.stat-card{background:linear-gradient(145deg,#fff 20%,#fafaf7);border-color:#e8e9e4;padding:18px}.stat-card-top{gap:12px}.stat-label{color:#626a67;font-size:11px;font-weight:600}.stat-value{color:#17201e;margin-top:12px;font-size:clamp(25px,2.5vw,34px);font-weight:650}.stat-note{color:#8b928f;margin-top:4px}.stat-link{color:#87683a;border-top-color:#ecece7}.icon-tile{border-radius:10px;width:34px;height:34px}.tone-gold{color:#8c6b38;background:#f4eee3}.tone-purple{color:#725f8e;background:#f0edf5}.btn{border-radius:10px;min-height:40px;font-size:12px;font-weight:650}.btn-primary{background:#193c38;box-shadow:0 5px 14px #193c382e}.btn-primary:hover{background:#102f2c;box-shadow:0 8px 18px #193c383d}.btn-secondary{color:#394340;border-color:#dcded8}.btn-secondary:hover{background:#f7f7f4;border-color:#c5c8c1}.btn-ghost{color:#56605d}.btn-ghost:hover,.icon-button:hover{color:#173c38;background:#eef1ed}.auth-input,.field{color:#222b29;border:1px solid #d8dbd5;border-radius:10px;min-height:44px}.auth-input:focus,.field:focus{border-color:#557a74;box-shadow:0 0 0 3px #2b5b541a}.auth-input::placeholder,.field::placeholder{color:#a2a8a4}.badge{border-radius:999px;padding:4px 10px;font-weight:650}.badge-gold,.badge-warning{color:#86662f;background:#f5eedf}.badge-success{color:#2f6b51;background:#e8f3ec}.badge-info{color:#3a6382;background:#eaf1f6}.badge-danger{color:#a3444b;background:#f9eaec}.badge-purple{color:#6e578c;background:#f0ebf5}.data-table{font-size:12px}.data-table th{color:#77807c;text-transform:uppercase;letter-spacing:.04em;background:#fafaf8;padding-block:12px;font-size:10px}.data-table td{border-bottom-color:#eff0ec;padding-block:14px}.data-table tbody tr:hover{background:#fafbf8}.filter-bar{border-color:var(--border);box-shadow:0 1px 2px #131e1c08}.sidebar{background:linear-gradient(#102d2a,#153632 55%,#102b28);border-right:1px solid #ffffff0f}.sidebar-brand{border-bottom:1px solid #ffffff12;min-height:76px;padding:16px 20px}.sidebar .brand-mark{color:#163732;background:#f0e8d8;width:36px;height:42px;box-shadow:0 6px 18px #0000002e}.sidebar .brand-name{font-size:18px;font-weight:500}.sidebar .brand-caption{color:#ffffff6b;font-family:var(--font-sans);letter-spacing:.14em;font-size:8px;font-weight:700}.sidebar-navigation{padding:12px 14px 18px}.nav-group{margin-top:20px}.nav-group-label{color:#ffffff57;letter-spacing:.11em;padding-inline:12px;font-size:9px}.nav-link{color:#ffffffa8;border-radius:10px;min-height:40px;padding:9px 12px;font-size:12px;font-weight:520}.nav-link svg{width:17px;height:17px}.nav-link:hover{color:#fff;background:#ffffff12}.nav-link.is-active{color:#fff;background:#ffffff1c;box-shadow:inset 3px 0 #d8b77c}.sidebar-bottom{border-top-color:#ffffff14}.sidebar-person:hover{background:#ffffff12}.sidebar-caption{color:#ffffff4d}.app-content{background:0 0}.top-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border-bottom:1px solid #e6e7e2;height:64px;padding-inline:28px}.header-search{background:#f8f8f5;border-color:#e0e2dc;width:min(430px,42vw);height:38px}.header-search:focus-within{background:#fff;border-color:#9eb2ad;box-shadow:0 0 0 3px #2b5b5414}.shop-menu summary{border-radius:11px}.shop-menu summary:hover{background:#f3f4f0}.shop-menu-panel{border-color:var(--border);box-shadow:var(--shadow-lg);border-radius:14px}.main-content{max-width:1540px;padding:28px 32px 20px}.app-footer{color:#949b97}.dashboard-kpis{gap:12px}.dashboard-body{gap:16px}.quick-action{border-radius:11px}.quick-action:hover{background:#fafaf7;border-color:#d8d9d3}.auth-page{background:#f4f3ef}.auth-login-page{grid-template-columns:minmax(420px,1.12fr) minmax(400px,.88fr);padding:0;display:grid}.auth-showcase{color:#fff;background:linear-gradient(145deg,#102c29,#173d38 64%,#214941);flex-direction:column;justify-content:space-between;min-height:100dvh;padding:clamp(38px,5vw,72px);display:flex;position:relative;overflow:hidden}.auth-showcase:after{content:"";border:1px solid #ddbe8538;border-radius:50%;width:36rem;height:36rem;position:absolute;bottom:-15rem;right:-12rem;box-shadow:0 0 0 5rem #ffffff05,0 0 0 10rem #ffffff04}.auth-showcase-brand{z-index:1;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:14px;font-size:12px;font-weight:700;display:flex;position:relative}.auth-showcase-brand .brand-mark{color:#173934;background:#efe5d1;width:34px;height:40px}.auth-showcase-copy{z-index:1;max-width:610px;position:relative}.auth-showcase-copy .eyebrow{color:#d6b779}.auth-showcase-copy h1{letter-spacing:-.04em;margin-top:18px;font-family:Georgia,Noto Sans Thai Variable,serif;font-size:clamp(42px,5vw,68px);font-weight:400;line-height:1.08}.auth-showcase-copy>p:last-child{color:#ffffffa8;max-width:520px;margin-top:24px;font-size:15px;line-height:1.9}.auth-benefits{z-index:1;color:#ffffffba;gap:13px;font-size:12px;display:grid;position:relative}.auth-benefits div{align-items:center;gap:12px;display:flex}.auth-benefits svg{color:#d8b77c;width:17px}.auth-showcase-foot{z-index:1;color:#ffffff59;letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;font-size:9px;position:absolute;bottom:28px;right:36px}.auth-login-page .auth-container{max-width:430px;padding:44px}.auth-login-page .auth-brand{text-align:left;align-items:flex-start;width:100%}.auth-login-page .auth-brand .brand-mark{display:none}.auth-login-page .auth-brand .brand-name{color:#18201f;font-size:30px;font-weight:500}.auth-login-page .auth-brand .brand-caption{color:#7a817e;font-family:var(--font-sans);letter-spacing:0;margin-top:5px;font-size:13px}.auth-card{box-shadow:var(--shadow);border-color:#e2e3de;border-radius:16px;padding:30px}.auth-form{gap:18px}.auth-label{color:#4f5956;font-weight:600}.auth-button{background:#193c38;border-radius:10px;min-height:46px;font-weight:650;box-shadow:0 6px 16px #193c382e}.auth-button:hover{background:#102f2c}.auth-link{color:#82643a;font-weight:600;text-decoration:none}@media (max-width:1023px){:root{--sidebar-width:244px}.main-content{padding:22px 18px 18px}.top-bar{padding-inline:16px}.auth-login-page{grid-template-columns:1fr}.auth-showcase{display:none}.auth-login-page .auth-container{justify-content:center;min-height:100dvh}}@media (max-width:640px){.page-header{align-items:flex-start;min-height:0}.page-header h1{font-size:24px}.main-content{padding-inline:12px}.ui-card-body,.ui-card-header{padding-inline:16px}.auth-login-page .auth-container{padding:24px 18px}.auth-card{padding:24px 20px}}.app-frame{width:100%;overflow-x:clip}.app-content{width:auto;max-width:none}.main-content{width:100%;max-width:1480px;margin-inline:auto}.dashboard-overview{display:block}.dashboard-summary-group{border:1px solid var(--border);background:#ffffff94;border-radius:16px;min-width:0;padding:12px 14px 14px}.dashboard-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;min-height:34px;margin-bottom:8px;padding-inline:2px;display:flex}.dashboard-section-heading h2{color:#202826;margin-top:2px;font-size:16px;font-weight:650}.dashboard-section-heading>a{color:#806337;white-space:nowrap;font-size:11px;font-weight:600}.dashboard-kpis-single-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.dashboard-kpis-single-row .stat-card{min-height:132px;padding:12px 13px 10px}.dashboard-kpis-single-row .icon-tile{width:30px;height:30px}.dashboard-kpis-single-row .icon-tile svg{width:15px;height:15px}.dashboard-kpis-single-row .stat-value{margin-top:8px;font-size:clamp(23px,2vw,29px)}.dashboard-kpis-single-row .stat-note{margin-top:1px;font-size:9px}.dashboard-kpis-single-row .stat-link{margin-top:8px;padding-top:7px;font-size:10px}.table-shell{overscroll-behavior-inline:contain}.filter-bar,.form-section,.table-shell,.ui-card{max-width:100%}@media (max-width:1279px){.dashboard-kpis-single-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.dashboard-summary-group{padding:12px}.dashboard-kpis-single-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-section-heading{margin-bottom:8px}.data-table{min-width:680px}.table-shell{border-radius:10px;margin-inline:0}.table-shell:after{color:#8a918d;content:"เลื่อนซ้าย–ขวาเพื่อดูข้อมูลเพิ่มเติม";text-align:right;background:#fafaf8;border-top:1px solid #eceee9;padding:7px 12px;font-size:9px;display:block}}@media (max-width:479px){.dashboard-kpis-single-row{grid-template-columns:1fr 1fr}.dashboard-summary-group .stat-link{display:none}.dashboard-summary-group .stat-card{min-height:132px}}.products-page{gap:9px;margin-top:-8px}.products-page .page-header{align-items:center;min-height:42px}.products-page .page-header h1{font-size:clamp(27px,2vw,30px);line-height:1.12}.products-page .eyebrow{margin-bottom:0;line-height:1.15}.products-page .page-subtitle{margin-top:0;line-height:1.3}.products-page .page-header .btn{min-height:34px;padding-block:5px}.product-page-stats{gap:8px}.product-page-stats .stat-card{min-height:0;padding:8px 11px 7px}.product-page-stats .stat-card-top{gap:7px}.product-page-stats .stat-value{margin-top:4px;font-size:clamp(22px,1.8vw,27px);line-height:1}.product-page-stats .stat-note{margin-top:1px;font-size:9px;line-height:1.2}.product-page-stats .icon-tile{border-radius:8px;width:27px;height:27px}.products-page>.ui-card>.ui-card-header{padding:10px 14px}.products-page>.ui-card>.filter-bar{box-shadow:none;border-width:0 0 1px;border-radius:0;padding:8px 14px}.products-page>.ui-card>.filter-bar form{gap:8px}.products-page>.ui-card>.filter-bar form>div{row-gap:2px}.products-page>.ui-card>.filter-bar label{line-height:1.2}.products-page>.ui-card>.filter-bar .field{min-height:40px;padding-block:7px}.products-page>.ui-card>.filter-bar .btn{min-height:40px}.products-page .filter-bar .product-search-form{flex-direction:column;align-items:stretch}.product-search-main{align-items:flex-end;gap:8px;min-width:0;display:flex}.product-search-input{flex:1;min-width:0}.product-quick-filters{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.product-quick-filters>div{flex-direction:column;gap:4px;min-width:0;display:flex}.product-quick-filters .field{min-width:0}@media (max-width:1199px){.product-quick-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:639px){.product-quick-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.product-search-main{flex-wrap:wrap}.product-search-input{flex-basis:100%}}.product-catalogue-grid{background:#f8f8f5;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:16px;display:grid}.product-catalogue-card{background:#fff;border:1px solid #e2e4de;border-radius:16px;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 2px #14201d0a}.product-catalogue-card:hover{border-color:#cfd4cc;transform:translateY(-3px);box-shadow:0 16px 34px #14201d17}.product-catalogue-media{background:#eeeae2;display:block;position:relative;overflow:hidden}.product-catalogue-image{aspect-ratio:4/3.2!important;background:#eeeae2!important;border:0!important;border-radius:0!important;width:100%!important}.product-catalogue-image img{object-fit:contain;transition:transform .35s}.product-catalogue-card:hover .product-catalogue-image img{transform:scale(1.025)}.product-catalogue-mode{position:absolute;top:12px;left:12px}.product-catalogue-mode .badge{border:1px solid #ffffffad;box-shadow:0 3px 12px #18201f1f}.product-availability,.product-catalogue-mode .badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-availability{color:#fff;background:#232c2ac7;border:1px solid #fff9;border-radius:999px;align-items:center;min-height:28px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 14px #00000029}.product-availability:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px}.product-availability.is-available{color:#effff5;background:#23694bdb}.product-availability.is-sale{color:#fff9e9;background:#8b6527db}.product-availability.is-unavailable{color:#fff2f2;background:#7e3d40d6}.product-catalogue-content{flex-direction:column;gap:8px;padding:10px 12px 11px;display:flex}.product-catalogue-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.product-catalogue-title a{color:#1d2725;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;line-height:1.45;display:block;overflow:hidden}.product-catalogue-title a:hover{color:#7c6035}.product-catalogue-title p:not(.product-code){color:#858c88;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.product-code{color:#9a825f;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:700}.product-stock-summary{background:#f5f7f3;border-radius:12px;grid-template-columns:auto 1fr;gap:12px;min-height:58px;padding:9px 10px;display:grid}.stock-primary{border-right:1px solid #dfe4dc;min-width:62px;padding-right:12px}.product-sale-summary span,.stock-primary span{color:#78817d;font-size:9px;font-weight:600;display:block}.stock-primary strong{color:#236249;margin-top:4px;font-size:23px;line-height:1;display:block}.stock-primary small{color:#8b938f;font-size:11px;font-weight:500}.stock-breakdown{color:#68716d;align-content:center;gap:4px;font-size:9px;display:grid}.stock-breakdown span{white-space:nowrap;align-items:center;display:flex}.dot{background:#9ba39f;border-radius:50%;width:6px;height:6px;margin-right:6px}.dot-reserved{background:#b9944e}.dot-out{background:#5a7fa3}.dot-service{background:#a36b67}.product-sale-summary{background:#faf6ed;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 10px;display:flex}.product-sale-summary strong{color:#72552b;font-size:13px}.product-catalogue-foot{color:#8a918d;border-top:1px solid #eceee9;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;font-size:9px;display:flex}.product-catalogue-foot>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-catalogue-foot a{color:#7f6135;flex-shrink:0;align-items:center;gap:4px;font-weight:650;display:inline-flex}@media (max-width:1399px){.product-catalogue-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1023px){.product-catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.products-page{gap:10px;margin-top:0}.products-page .page-header{align-items:flex-start;min-height:0}.products-page .page-header h1{font-size:24px}.product-page-stats{gap:8px}.product-page-stats .stat-card{padding:9px 10px 8px}.products-page>.ui-card>.filter-bar{padding:10px}.product-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.product-catalogue-image{aspect-ratio:4/4.2!important}.product-catalogue-image img{object-fit:cover}}@media (max-width:479px){.product-catalogue-grid{grid-template-columns:1fr}.product-catalogue-image{aspect-ratio:4/4.2!important}}.dashboard{gap:7px}.dashboard-header .page-header{align-items:center;min-height:40px}.dashboard-header .page-header h1{font-size:clamp(30px,2.2vw,32px);line-height:1.12}.dashboard-header .eyebrow{margin-bottom:1px;line-height:1.2}.dashboard-header .page-subtitle{margin-top:0;line-height:1.45}.dashboard-header .page-header-actions{gap:8px}.dashboard-header .btn{min-height:36px;padding-block:6px}.dashboard-date{border-radius:9px;min-height:34px;padding:5px 9px}.dashboard-summary-group{background:0 0;border:0;padding:0}.dashboard-section-heading{min-height:19px;margin-bottom:3px}.dashboard-section-heading .eyebrow{display:none}.dashboard-section-heading h2{font-size:13px}.dashboard-kpis-single-row{gap:8px}.dashboard-kpis-single-row .stat-card{background:#fff;border-radius:12px;min-height:92px;padding:8px 10px 7px}.dashboard-kpis-single-row .stat-card-top{gap:8px}.dashboard-kpis-single-row .stat-label{font-size:10px}.dashboard-kpis-single-row .icon-tile{border-radius:8px;width:27px;height:27px}.dashboard-kpis-single-row .stat-value{margin-top:5px;font-size:clamp(21px,1.8vw,27px);line-height:1.05}.dashboard-kpis-single-row .stat-note{font-size:8px}.dashboard-kpis-single-row .stat-link{display:none}.dashboard-operations-workspace{grid-template-columns:minmax(0,1.55fr) minmax(380px,.9fr);gap:10px}.dashboard-operations-workspace .dashboard-main{align-content:start;gap:8px;display:grid}.dashboard-operations-workspace .dashboard-aside{grid-template-columns:minmax(0,1.35fr) minmax(150px,.65fr);gap:8px;display:grid}.dashboard-operations-workspace .mini-calendar{padding:10px 12px}.dashboard-operations-workspace .mini-calendar-toolbar{margin-top:5px}.dashboard-operations-workspace .mini-calendar-grid{gap:1px;margin-top:6px}.dashboard-operations-workspace .mini-calendar-day{height:23px;font-size:10px}.dashboard-operations-workspace .calendar-legend{margin-top:6px;padding-top:6px;font-size:8px}.dashboard-operations-workspace .upcoming-header{padding:10px 12px}.dashboard-operations-workspace .upcoming-header p,.dashboard-operations-workspace .upcoming-header>a{display:none}.dashboard-operations-workspace .upcoming-list{padding:0 12px}.dashboard-operations-workspace .upcoming-item{align-items:flex-start;gap:7px;padding:8px 0}.dashboard-operations-workspace .upcoming-day{width:32px;min-height:36px;font-size:13px}.dashboard-operations-workspace .upcoming-item .badge,.dashboard-operations-workspace .upcoming-item>svg{display:none}.operations-heading{padding:10px 14px}.operations-heading h2{font-size:14px}.operations-heading p{margin-top:1px;font-size:9px}.operations-tabs{padding-inline:14px}.operations-table th{padding:7px 9px;font-size:10px}.operations-table td{padding:6px 9px;font-size:12px}.operations-table .operation-time{font-size:12px;font-weight:600}.operations-table .operation-customer{font-size:12px;font-weight:650}.operations-table .operation-phone{margin-top:2px;font-size:9px}.operations-table .operation-number{font-size:10px}.operations-table .operation-product{max-width:170px;font-size:12px;font-weight:650}.operations-table .badge{padding:3px 7px;font-size:9px}.operation-product-cell{align-items:center;gap:10px;min-width:210px;display:flex}.operation-thumbnail{background:#f2eee7!important;border-radius:9px!important;width:60px!important;height:72px!important}.operations-foot{padding-block:6px}.dashboard-operations-workspace .quick-actions{background:#fff;border-radius:13px;padding:9px 12px}.dashboard-operations-workspace .quick-actions h2{font-size:12px}.dashboard-operations-workspace .quick-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:6px}.dashboard-operations-workspace .quick-action{color:#52605c;border-width:1px;flex-direction:row;justify-content:center;gap:7px;min-height:56px;padding:7px}.dashboard-operations-workspace .quick-action .icon-tile{border-radius:8px;width:28px;height:28px}.dashboard-operations-workspace .quick-action .icon-tile svg{width:14px;height:14px}@media (max-width:1399px){.dashboard-operations-workspace{grid-template-columns:minmax(0,1.3fr) minmax(330px,.8fr)}.dashboard-operations-workspace .dashboard-aside{grid-template-columns:1fr}}@media (max-width:1279px){.dashboard-operations-workspace{grid-template-columns:1fr}.dashboard-operations-workspace .dashboard-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.dashboard-header .page-header{align-items:flex-start}.dashboard-header .page-header h1{font-size:24px}.dashboard-header .page-header-actions{gap:6px}.dashboard-date,.dashboard-header .btn{min-height:34px}.dashboard-operations-workspace .dashboard-aside{grid-template-columns:1fr}.dashboard-operations-workspace .quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operation-product-cell{gap:9px;min-width:180px}.operation-thumbnail{width:54px!important;height:66px!important}}.calendar-page{gap:9px;margin-top:-10px}.calendar-page-header .page-header{align-items:center;min-height:42px}.calendar-page-header .page-header h1{font-size:clamp(30px,2.2vw,32px);line-height:1.12}.calendar-page-header .eyebrow{margin-bottom:0;line-height:1.15}.calendar-page-header .page-subtitle{margin-top:0;line-height:1.3}.calendar-page-header .btn{min-height:34px;padding-block:5px}.calendar-kpis{gap:8px}.calendar-kpis .stat-card{min-height:0;padding:8px 11px 7px}.calendar-kpis .stat-card-top{gap:7px}.calendar-kpis .icon-tile{border-radius:8px;width:27px;height:27px}.calendar-kpis .stat-value{margin-top:4px;font-size:clamp(22px,1.8vw,27px);line-height:1}.calendar-kpis .stat-note{margin-top:1px;font-size:9px;line-height:1.2}.calendar-kpis .stat-link{margin-top:4px;padding-top:4px;font-size:9px;line-height:1.2}.calendar-filter .filter-bar{box-shadow:none;border-width:0 0 1px;border-radius:0;padding:7px 11px}.calendar-filter .filter-bar form{gap:8px}.calendar-filter .field{min-height:40px;padding-block:7px}.calendar-filter .btn{min-height:40px}.calendar-tabs{padding-block:5px}.calendar-tabs .btn{min-height:32px;padding-block:4px}.calendar-toolbar{padding-block:8px}.calendar-toolbar .btn{min-height:34px}.calendar-day-cell{height:112px}.calendar-legend-row{padding-block:7px}@media (max-width:1279px){.calendar-page{gap:9px;margin-top:-6px}.calendar-kpis .stat-card{min-height:0;padding:8px 10px 7px}.calendar-day-cell{height:104px}}@media (max-width:767px){.calendar-page{gap:10px;margin-top:0}.calendar-page-header .page-header{align-items:flex-start;min-height:0}.calendar-page-header .page-header h1{font-size:24px}.calendar-page-header .page-header-actions{width:auto}.calendar-kpis{gap:8px}.calendar-kpis .stat-card{min-height:94px;padding:10px}.calendar-filter .filter-bar{padding:10px}.calendar-tabs{padding-inline:10px}.calendar-toolbar{gap:9px;padding:10px}}.top-bar{grid-template-columns:minmax(150px,220px) minmax(280px,440px) 1fr;display:grid}.topbar-page-title{color:#202927;white-space:nowrap;font-size:15px;font-weight:700}.header-search{justify-self:center;width:100%}.header-right{justify-self:end}.top-bar .avatar{color:#87683a;background:#f3ecdf}.notification-count{background:#c95851}.shop-menu .shop-slug{color:#949b97}.mini-calendar{background:#fff}.mini-calendar-toolbar{color:#4d5b57}.mini-calendar-weekday{color:#8d9692;font-weight:650}.mini-calendar-day{color:#44514e;border-radius:7px}.mini-calendar-day:hover{color:#1b4841;background:#edf3ef}.mini-calendar-day.is-outside{color:#c4cbc7}.mini-calendar-day.is-today{color:#fff;background:#c95851;box-shadow:0 3px 9px #b5433d38}.calendar-dots{display:none}.calendar-bars{gap:1px;display:grid;position:absolute;bottom:2px;left:2px;right:2px}.calendar-bar{border-radius:3px;height:2px;display:block}.calendar-bar.pickup{background:#d9b45f}.calendar-bar.return{background:#68ae79}.calendar-legend .calendar-dot.pickup{background:#d9b45f}.calendar-legend .calendar-dot.return{background:#68ae79}.dashboard-operations-workspace .mini-calendar h2{font-size:14px}.dashboard-operations-workspace .mini-calendar-toolbar{font-size:12px;font-weight:600}.dashboard-operations-workspace .mini-calendar-weekday{padding-bottom:4px;font-size:11px}.dashboard-operations-workspace .mini-calendar-day{height:28px;margin:0;font-size:12px;font-weight:550}.dashboard-operations-workspace .mini-calendar-day.is-selected{outline-offset:-1px;color:#174f3e;background:#edf5f0;outline:1px solid #174f3e}.dashboard-operations-workspace .mini-calendar-day.is-today.is-selected{color:#fff;background:#c95851;outline-color:#8e302b}.dashboard-operations-workspace .calendar-bars{gap:2px;bottom:2px;left:3px;right:3px}.dashboard-operations-workspace .calendar-bar{height:3px}.dashboard-operations-workspace .calendar-legend{justify-content:flex-start;gap:12px;margin-top:8px;padding-top:7px;font-size:10px}.dashboard-operations-workspace .calendar-legend>a{margin-left:auto}.dashboard-operations-workspace .calendar-legend .calendar-dot{width:7px;height:7px}.mini-calendar-selection{background:#f8faf7;border:1px solid #e1e8e2;border-radius:9px;margin-top:8px;padding:8px}.mini-calendar-selection-heading{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.mini-calendar-selection-heading>a{color:#27614e;white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.mini-calendar-selection-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px;display:grid}.mini-calendar-selection-counts>span{background:#fff;border-radius:7px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:4px;min-width:0;padding:5px 6px;font-size:10px;display:grid}.mini-calendar-selection-counts>span:first-child svg{color:#b88b25}.mini-calendar-selection-counts>span:last-child svg{color:#3e8d57}.mini-calendar-selection-counts small{color:#66726d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-calendar-selection-counts strong{color:#173f35;font-size:14px}.delivery-settings-form{gap:10px;display:grid}.delivery-settings-form>label{justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.delivery-settings-control{align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.delivery-settings-control .field{text-align:center;width:76px;min-height:38px}.delivery-settings-form>p{color:var(--muted);font-size:12px;line-height:1.6}.delivery-settings-form .delivery-settings-error{color:#a3444c}.delivery-settings-form .delivery-settings-success{color:#287052}.delivery-settings-form .btn{width:fit-content}@media (max-width:479px){.mini-calendar-selection-counts{grid-template-columns:1fr}.delivery-settings-form>label{flex-direction:column;align-items:flex-start}}.upcoming-day{color:#3e6d64;background:#e9f2ed}@media (min-width:1024px){.sidebar{display:flex!important;transform:translate(0)!important}.app-content{margin-left:var(--sidebar-width)!important}.sidebar-toggle{display:none!important}}@media (max-width:1279px){.top-bar{grid-template-columns:auto minmax(240px,1fr) auto}.topbar-page-title{display:none}}@media (max-width:767px){.top-bar{display:flex}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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}@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}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}.app-frame[data-density=compact]{--density-page-pad:16px;--density-section-gap:14px;--density-grid-gap:14px;--density-card-pad:16px;--density-card-heading-pad:12px;--density-field-gap:4px;--density-control:42px;--density-form-control:44px;--density-tab:38px;--density-kpi-pad:10px;--density-kpi-icon:26px;--density-table-pad:10px;--density-operational-table-min:1080px;--density-title:30px;--density-filter-pad:10px}.app-frame[data-density=compact] .main-content{padding-block:var(--density-page-pad)}.app-frame[data-density=compact] .page-stack{gap:var(--density-section-gap);margin-top:0}.app-frame[data-density=compact] .page-header{min-height:0;gap:10px;margin-block:0;padding-block:0;align-items:center}.app-frame[data-density=compact] .page-header h1{font-size:var(--density-title);line-height:1.15;overflow-wrap:anywhere}.app-frame[data-density=compact] .page-header .eyebrow{margin-bottom:2px;line-height:1.4}.app-frame[data-density=compact] .page-subtitle{margin-top:2px;font-size:13px;line-height:1.5}.app-frame[data-density=compact] .page-header-actions{gap:8px;max-width:100%}.app-frame[data-density=compact] .page-header-actions .btn{min-height:var(--density-control);padding-block:7px}.app-frame[data-density=compact] .page-stack>.btn-ghost:first-child{min-height:32px;padding-block:4px;margin-bottom:-8px}.app-frame[data-density=compact] .ui-card-header{padding:var(--density-card-heading-pad) var(--density-card-pad)}.app-frame[data-density=compact] .ui-card-body{padding:var(--density-card-pad)}.app-frame[data-density=compact] .ui-card-header .btn-ghost{min-height:32px;padding-block:4px}.app-frame[data-density=compact] .content-grid{gap:var(--density-grid-gap)}.app-frame[data-density=compact] .content-stack>:not(:last-child){margin-block-end:var(--density-section-gap)}.app-frame[data-density=compact] .form-grid{gap:12px}.app-frame[data-density=compact] .field-group{gap:var(--density-field-gap)}.app-frame[data-density=compact] .field-group label{margin-bottom:0}.app-frame[data-density=compact] .field{min-height:var(--density-form-control);padding-block:8px}.app-frame[data-density=compact] textarea.field{min-height:80px;resize:vertical}.app-frame[data-density=compact] .btn{min-height:var(--density-control);padding-block:7px}.app-frame[data-density=compact] .btn-sm{min-height:34px;padding-block:5px}.app-frame[data-density=compact] .btn-lg{min-height:var(--density-form-control)}.app-frame[data-density=compact] .product-form{gap:var(--density-section-gap)}.app-frame[data-density=compact] .form-section{padding:var(--density-card-pad)}.app-frame[data-density=compact] .product-form .form-section{padding:0;gap:12px}.app-frame[data-density=compact] .product-form .form-section+.form-section{padding-top:var(--density-section-gap)}.app-frame[data-density=compact] .form-section h2{margin-bottom:0}.app-frame[data-density=compact] .form-footer{padding-top:var(--density-section-gap);gap:10px;flex-wrap:wrap}.app-frame[data-density=compact] .variant-card{padding:12px}.app-frame[data-density=compact] .density-dialog{padding:var(--density-card-pad);max-height:calc(100dvh - 32px);overflow-y:auto}.app-frame[data-density=compact] .density-dialog form{margin-top:12px}.app-frame[data-density=compact] .density-dialog form>label{display:block}.app-frame[data-density=compact] .stat-card{min-height:0;padding:var(--density-kpi-pad) 12px}.app-frame[data-density=compact] .stat-card-top{gap:8px;flex-direction:row;align-items:center}.app-frame[data-density=compact] .stat-card .icon-tile{width:var(--density-kpi-icon);height:var(--density-kpi-icon)}.app-frame[data-density=compact] .stat-label{font-size:11px;line-height:1.4}.app-frame[data-density=compact] .stat-value{margin-top:4px;font-size:28px;line-height:1.1}.app-frame[data-density=compact] .stat-note{margin-top:2px;font-size:11px;line-height:1.3}.app-frame[data-density=compact] .stat-link{margin-top:4px;padding-top:4px;min-height:24px;font-size:11px;line-height:1.4}.app-frame[data-density=compact] :is(.calendar-kpis,.product-page-stats,.dashboard-kpis){gap:10px}.app-frame[data-density=compact] .page-stack>.grid:has(>.stat-card){gap:10px}.app-frame[data-density=compact] .filter-bar{padding:var(--density-filter-pad) var(--density-card-pad);gap:8px}.app-frame[data-density=compact] .filter-bar form{gap:8px}.app-frame[data-density=compact] .filter-bar form.grid{display:grid}.app-frame[data-density=compact] .filter-bar :is(input.field,select.field,.btn){min-height:var(--density-control);padding-block:7px}.app-frame[data-density=compact] .filter-bar :is(select.field,input.field){min-width:0;max-width:100%}.app-frame[data-density=compact] .filter-bar form.grid .field{width:100%}.app-frame[data-density=compact] .ui-card>.filter-bar,.app-frame[data-density=compact] .ui-card>form>.filter-bar{border-width:0 0 1px;border-radius:0}.app-frame[data-density=compact] .ui-card>.filter-bar:first-child{border-start-start-radius:var(--radius);border-start-end-radius:var(--radius)}.app-frame[data-density=compact] .content-toolbar{padding:10px var(--density-card-pad)}.app-frame[data-density=compact] .content-tabs{padding-block:2px 0;gap:8px}.app-frame[data-density=compact] .content-tabs>:is(a,button){display:inline-flex;align-items:center;min-height:var(--density-tab);padding-block:6px}.app-frame[data-density=compact] .ui-card-header:has(>.content-tabs){padding-block:4px 0}.app-frame[data-density=compact] .segmented-control{padding:3px}.app-frame[data-density=compact] .segmented-control button{min-height:30px;padding-block:4px}.app-frame[data-density=compact] .pagination{padding:9px var(--density-card-pad)}.app-frame[data-density=compact] .data-table th{padding-block:8px;font-size:11px}.app-frame[data-density=compact] .data-table td{padding-block:var(--density-table-pad)}.app-frame[data-density=compact] .operational-data-table{min-width:var(--density-operational-table-min)}.app-frame[data-density=compact] .table-shell{max-width:100%;contain:inline-size layout;scrollbar-width:thin}.app-frame[data-density=compact] .table-shell::-webkit-scrollbar{display:block;height:6px}.app-frame[data-density=compact] .table-shell::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.app-frame[data-density=compact] .empty-state{padding:32px var(--density-card-pad)}.app-frame[data-density=compact] .empty-icon{width:48px;height:48px;margin-bottom:12px}.app-frame[data-density=compact] .product-catalogue-grid{gap:12px;padding:12px}.app-frame[data-density=compact] .product-catalogue-content{gap:9px;padding:12px}.app-frame[data-density=compact] .product-catalogue-foot{padding-top:8px}.app-frame[data-density=compact] .product-search-form{row-gap:6px}.app-frame[data-density=compact] .product-quick-filters{gap:8px}.app-frame[data-density=compact] .calendar-tabs{padding:4px var(--density-card-pad);gap:6px}.app-frame[data-density=compact] .calendar-tabs .btn{min-height:var(--density-tab);padding-block:5px}.app-frame[data-density=compact] .calendar-toolbar{padding:8px var(--density-card-pad);gap:8px}.app-frame[data-density=compact] .calendar-toolbar .btn{min-height:36px}.app-frame[data-density=compact] .page-stack:is(.dashboard,.calendar-page,.products-page){--density-section-gap:8px;--density-kpi-pad:6px;--density-card-heading-pad:8px;--density-filter-pad:5px}@media (min-width:768px){.app-frame[data-density=compact] .main-content:has(>.products-page){padding-block:12px}.app-frame[data-density=compact] .products-page{--density-section-gap:6px;--density-kpi-pad:5px;--density-card-heading-pad:6px;--density-filter-pad:4px;--density-control:38px;--density-kpi-icon:24px;--density-title:28px}.app-frame[data-density=compact] .products-page .page-header{gap:8px}.app-frame[data-density=compact] .products-page .page-header .eyebrow{margin-bottom:0;line-height:1.25}.app-frame[data-density=compact] .products-page .page-subtitle{margin-top:0;line-height:1.35}.app-frame[data-density=compact] .products-page .product-page-stats .stat-card-top{gap:6px}.app-frame[data-density=compact] .products-page .product-page-stats .stat-value{margin-top:2px;font-size:26px}.app-frame[data-density=compact] .products-page .product-page-stats .stat-note{margin-top:0;font-size:10px}.app-frame[data-density=compact] .products-page>.ui-card>.filter-bar :is(input.field,select.field,.btn){min-height:38px;padding-block:6px}}.app-frame[data-density=compact] .calendar-kpis .stat-link{min-height:20px;margin-top:2px;padding-top:2px}.app-frame[data-density=compact] .dashboard-date{min-height:var(--density-control)}.app-frame[data-density=compact] .operations-heading{padding:10px var(--density-card-pad)}.app-frame[data-density=compact] .operations-tabs{padding-inline:var(--density-card-pad);gap:14px}.app-frame[data-density=compact] .operations-tabs button{min-height:var(--density-tab);padding-block:6px}.app-frame[data-density=compact] .operations-table td{padding-block:6px}.app-frame[data-density=compact] .operations-table{min-width:850px}.app-frame[data-density=compact] .operations-table .operation-customer{display:block;min-width:130px;max-width:180px}.app-frame[data-density=compact] .operations-table .operation-number{white-space:nowrap}.app-frame[data-density=compact] .sidebar{height:100dvh;overflow:hidden}.app-frame[data-density=compact] .sidebar-navigation{min-height:0;overflow-y:auto;padding-block:8px 12px}.app-frame[data-density=compact] .sidebar-bottom,.app-frame[data-density=compact] .sidebar-brand{flex-shrink:0}.app-frame[data-density=compact] .sidebar-group{margin-top:16px}.app-frame[data-density=compact] .sidebar-bottom{padding-block:10px}.app-frame[data-density=compact] .top-bar{height:auto;min-height:60px;padding-block:8px}.app-frame[data-density=compact] .header-search{height:38px}.app-frame[data-density=compact] .app-footer{margin-top:20px}@media (min-width:1600px){.app-frame[data-density=compact] .product-search-form{display:grid;grid-template-columns:minmax(310px,1.1fr) minmax(0,2fr);align-items:end}.app-frame[data-density=compact] .product-quick-filters{grid-column:2;grid-row:1}.app-frame[data-density=compact] .product-search-form>p{grid-column:1/-1}}@media (max-width:1023px){.app-frame[data-density=compact]{--density-page-pad:14px}}@media (max-width:767px){.app-frame[data-density=compact]{--density-title:24px;--density-card-pad:14px;--density-control:44px;--density-tab:44px}.app-frame[data-density=compact] .page-header{align-items:flex-start}.app-frame[data-density=compact] .page-header-actions .product-action-panel{left:0;right:auto}.app-frame[data-density=compact] .stat-value{font-size:26px}.app-frame[data-density=compact] .btn-sm{min-height:40px}.app-frame[data-density=compact] .density-dialog{max-height:calc(100dvh - 24px)}.app-frame[data-density=compact] .top-bar{min-height:60px}.app-frame[data-density=compact] .header-search{min-width:0}}