@import"https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&family=Sarabun:wght@400;500;600;700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%}}}@layer theme{:root,:host{--font-sans:"Prompt", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-6xl:72rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--radius-md:.375rem;--radius-lg:.5rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\@container,.\@container-\[inline-size\]{container-type:inline-size}.\@container-size{container-type:size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.\!absolute{position:absolute!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.z-0{z-index:0}.order-0,.order-none{order:0}.float-end{float:inline-end}.float-left{float:left}.float-none{float:none}.float-right{float:right}.float-start{float:inline-start}.clear-both{clear:both}.clear-end{clear:inline-end}.clear-left{clear:left}.clear-none{clear:none}.clear-right{clear:right}.clear-start{clear:inline-start}.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}}.container\!{width:100%!important}@media(min-width:40rem){.container\!{max-width:40rem!important}}@media(min-width:48rem){.container\!{max-width:48rem!important}}@media(min-width:64rem){.container\!{max-width:64rem!important}}@media(min-width:80rem){.container\!{max-width:80rem!important}}@media(min-width:96rem){.container\!{max-width:96rem!important}}.m-2{margin:calc(var(--spacing) * 2)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.-mt-px{margin-top:-1px}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-\[16px\]{margin-top:16px}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.-ml-px{margin-left:-1px}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-12{margin-left:calc(var(--spacing) * 12)}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.block{display:block}.contents{display:contents}.contents\!{display:contents!important}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.field-sizing-content{field-sizing:content}.field-sizing-fixed{field-sizing:fixed}.size-auto{width:auto;height:auto}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-16{height:calc(var(--spacing) * 16)}.h-auto{height:auto}.h-lh{height:1lh}.h-screen{height:100vh}.max-h-lh{max-height:1lh}.max-h-none{max-height:none}.max-h-screen{max-height:100vh}.min-h-auto{min-height:auto}.min-h-lh{min-height:1lh}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-3\/4{width:75%}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-auto{width:auto}.w-screen{width:100vw}.max-w-6xl{max-width:var(--container-6xl)}.max-w-none{max-width:none}.max-w-screen{max-width:100vw}.max-w-xl{max-width:var(--container-xl)}.min-w-auto{min-width:auto}.min-w-screen{min-width:100vw}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.basis-auto{flex-basis:auto}.basis-full{flex-basis:100%}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.caption-bottom{caption-side:bottom}.caption-top{caption-side:top}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.-translate-full{--tw-translate-x:-100%;--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-full{--tw-translate-x:100%;--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-3d{translate:var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z)}.translate-none{translate:none}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.scale-none{scale:none}.rotate-none{rotate:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.transform-cpu{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-none{transform:none}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.snap-none{scroll-snap-type:none}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-proximity{--tw-scroll-snap-strictness:proximity}.snap-align-none{scroll-snap-align:none}.snap-center{scroll-snap-align:center}.snap-end{scroll-snap-align:end}.snap-start{scroll-snap-align:start}.snap-always{scroll-snap-stop:always}.snap-normal{scroll-snap-stop:normal}.scrollbar-auto{scrollbar-width:auto}.scrollbar-none{scrollbar-width:none}.scrollbar-thin{scrollbar-width:thin}.scrollbar-gutter-auto{scrollbar-gutter:auto}.scrollbar-gutter-both{scrollbar-gutter:stable both-edges}.scrollbar-gutter-stable{scrollbar-gutter:stable}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.appearance-auto{appearance:auto}.appearance-none{appearance:none}.columns-2{columns:2}.columns-3{columns:3}.columns-4{columns:4}.grid-flow-col{grid-auto-flow:column}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row{grid-auto-flow:row}.grid-flow-row-dense{grid-auto-flow:dense}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.place-content-around{place-content:space-around}.place-content-baseline{place-content:baseline start}.place-content-between{place-content:space-between}.place-content-center{place-content:center}.place-content-center-safe{place-content:safe center}.place-content-end{place-content:end}.place-content-end-safe{place-content:safe end}.place-content-evenly{place-content:space-evenly}.place-content-start{place-content:start}.place-content-stretch{place-content:stretch}.place-items-baseline{place-items:baseline}.place-items-center{place-items:center}.place-items-center-safe{place-items:safe center}.place-items-end{place-items:end}.place-items-end-safe{place-items:safe end}.place-items-start{place-items:start}.place-items-stretch{place-items:stretch stretch}.content-around{align-content:space-around}.content-baseline{align-content:baseline}.content-between{align-content:space-between}.content-center{align-content:center}.content-center-safe{align-content:safe center}.content-end{align-content:flex-end}.content-end-safe{align-content:safe flex-end}.content-evenly{align-content:space-evenly}.content-normal{align-content:normal}.content-start{align-content:flex-start}.content-stretch{align-content:stretch}.items-baseline{align-items:baseline}.items-baseline-last{align-items:last baseline}.items-center{align-items:center}.items-center-safe{align-items:safe center}.items-end{align-items:flex-end}.items-end-safe{align-items:safe flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-baseline{justify-content:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-center-safe{justify-content:safe center}.justify-end{justify-content:flex-end}.justify-end-safe{justify-content:safe flex-end}.justify-evenly{justify-content:space-evenly}.justify-normal{justify-content:normal}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.justify-items-center{justify-items:center}.justify-items-center-safe{justify-items:safe center}.justify-items-end{justify-items:end}.justify-items-end-safe{justify-items:safe end}.justify-items-normal{justify-items:normal}.justify-items-start{justify-items:start}.justify-items-stretch{justify-items:stretch}:where(.space-y-reverse>:not(:last-child)){--tw-space-y-reverse:1}:where(.space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}: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-y-reverse>:not(:last-child)){--tw-divide-y-reverse:1}:where(.divide-gray-300>:not(:last-child)){border-color:var(--color-gray-300)}.place-self-auto{place-self:auto}.place-self-center{place-self:center}.place-self-center-safe{place-self:safe center}.place-self-end{place-self:end}.place-self-end-safe{place-self:safe end}.place-self-start{place-self:start}.place-self-stretch{place-self:stretch stretch}.self-auto{align-self:auto}.self-baseline{align-self:baseline}.self-baseline-last{align-self:last baseline}.self-center{align-self:center}.self-center-safe{align-self:safe center}.self-end{align-self:flex-end}.self-end-safe{align-self:safe flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-auto{justify-self:auto}.justify-self-center{justify-self:center}.justify-self-center-safe{justify-self:safe center}.justify-self-end{justify-self:flex-end}.justify-self-end-safe{justify-self:safe flex-end}.justify-self-start{justify-self:flex-start}.justify-self-stretch{justify-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.scroll-auto{scroll-behavior:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-bs{border-block-start-style:var(--tw-border-style);border-block-start-width:1px}.border-be{border-block-end-style:var(--tw-border-style);border-block-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-double{--tw-border-style:double;border-style:double}.border-hidden{--tw-border-style:hidden;border-style:hidden}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.bg-\(--my_variable\){background-color:var(--my_variable)}.bg-\(color\:--my-color\){background-color:var(--my-color)}.bg-\[\#0088cc\]{background-color:#08c}.bg-\[color\:var\(--my-color\)\]{background-color:var(--my-color)}.bg-\[var\(--my_variable\)\]{background-color:var(--my_variable)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/50{background-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/50{background-color:color-mix(in oklab,var(--color-red-500) 50%,transparent)}}.bg-red-500\/\[50\%\]{background-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/\[50\%\]{background-color:color-mix(in oklab,var(--color-red-500) 50%,transparent)}}.bg-white{background-color:var(--color-white)}.-bg-conic,.bg-conic{--tw-gradient-position:in oklab;background-image:conic-gradient(var(--tw-gradient-stops))}.bg-radial{--tw-gradient-position:in oklab;background-image:radial-gradient(var(--tw-gradient-stops))}.bg-none{background-image:none}.via-none{--tw-gradient-via-stops:initial}.mask-none{-webkit-mask-image:none;mask-image:none}.mask-circle{--tw-mask-radial-shape:circle}.mask-ellipse{--tw-mask-radial-shape:ellipse}.mask-radial-closest-corner{--tw-mask-radial-size:closest-corner}.mask-radial-closest-side{--tw-mask-radial-size:closest-side}.mask-radial-farthest-corner{--tw-mask-radial-size:farthest-corner}.mask-radial-farthest-side{--tw-mask-radial-size:farthest-side}.mask-radial-at-bottom{--tw-mask-radial-position:bottom}.mask-radial-at-bottom-left{--tw-mask-radial-position:bottom left}.mask-radial-at-bottom-right{--tw-mask-radial-position:bottom right}.mask-radial-at-center{--tw-mask-radial-position:center}.mask-radial-at-left{--tw-mask-radial-position:left}.mask-radial-at-right{--tw-mask-radial-position:right}.mask-radial-at-top{--tw-mask-radial-position:top}.mask-radial-at-top-left{--tw-mask-radial-position:top left}.mask-radial-at-top-right{--tw-mask-radial-position:top right}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.box-decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.bg-auto{background-size:auto}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-fixed{background-attachment:fixed}.bg-local{background-attachment:local}.bg-scroll{background-attachment:scroll}.bg-clip-border{background-clip:border-box}.bg-clip-content{background-clip:content-box}.bg-clip-padding{background-clip:padding-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-bottom{background-position:bottom}.bg-bottom-left{background-position:0 100%}.bg-bottom-right{background-position:100% 100%}.bg-center{background-position:50%}.bg-left{background-position:0}.bg-left-bottom{background-position:0 100%}.bg-left-top{background-position:0 0}.bg-right{background-position:100%}.bg-right-bottom{background-position:100% 100%}.bg-right-top{background-position:100% 0}.bg-top{background-position:top}.bg-top-left{background-position:0 0}.bg-top-right{background-position:100% 0}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat{background-repeat:repeat}.bg-repeat-round{background-repeat:round}.bg-repeat-space{background-repeat:space}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.bg-origin-border{background-origin:border-box}.bg-origin-content{background-origin:content-box}.bg-origin-padding{background-origin:padding-box}.mask-add{-webkit-mask-composite:source-over;mask-composite:add}.mask-exclude{-webkit-mask-composite:xor;mask-composite:exclude}.mask-intersect{-webkit-mask-composite:source-in;mask-composite:intersect}.mask-subtract{-webkit-mask-composite:source-out;mask-composite:subtract}.mask-alpha{-webkit-mask-source-type:alpha;mask-mode:alpha}.mask-luminance{-webkit-mask-source-type:luminance;mask-mode:luminance}.mask-match{-webkit-mask-source-type:auto;mask-mode:match-source}.mask-type-alpha{mask-type:alpha}.mask-type-luminance{mask-type:luminance}.mask-auto{-webkit-mask-size:auto;mask-size:auto}.mask-contain{-webkit-mask-size:contain;mask-size:contain}.mask-cover{-webkit-mask-size:cover;mask-size:cover}.mask-clip-border{-webkit-mask-clip:border-box;mask-clip:border-box}.mask-clip-content{-webkit-mask-clip:content-box;mask-clip:content-box}.mask-clip-fill{-webkit-mask-clip:fill-box;mask-clip:fill-box}.mask-clip-padding{-webkit-mask-clip:padding-box;mask-clip:padding-box}.mask-clip-stroke{-webkit-mask-clip:stroke-box;mask-clip:stroke-box}.mask-clip-view{-webkit-mask-clip:view-box;mask-clip:view-box}.mask-no-clip{-webkit-mask-clip:no-clip;mask-clip:no-clip}.mask-bottom{-webkit-mask-position:bottom;mask-position:bottom}.mask-bottom-left{-webkit-mask-position:0 100%;mask-position:0 100%}.mask-bottom-right{-webkit-mask-position:100% 100%;mask-position:100% 100%}.mask-center{-webkit-mask-position:50%;mask-position:50%}.mask-left{-webkit-mask-position:0;mask-position:0}.mask-right{-webkit-mask-position:100%;mask-position:100%}.mask-top{-webkit-mask-position:top;mask-position:top}.mask-top-left{-webkit-mask-position:0 0;mask-position:0 0}.mask-top-right{-webkit-mask-position:100% 0;mask-position:100% 0}.mask-no-repeat{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.mask-repeat-round{-webkit-mask-repeat:round;mask-repeat:round}.mask-repeat-space{-webkit-mask-repeat:space;mask-repeat:space}.mask-repeat-x{-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.mask-repeat-y{-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y}.mask-origin-border{-webkit-mask-origin:border-box;mask-origin:border-box}.mask-origin-content{-webkit-mask-origin:content-box;mask-origin:content-box}.mask-origin-fill{-webkit-mask-origin:fill-box;mask-origin:fill-box}.mask-origin-padding{-webkit-mask-origin:padding-box;mask-origin:padding-box}.mask-origin-stroke{-webkit-mask-origin:stroke-box;mask-origin:stroke-box}.mask-origin-view{-webkit-mask-origin:view-box;mask-origin:view-box}.fill-none{fill:none}.stroke-none{stroke:none}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.object-left-bottom{object-position:left bottom}.object-left-top{object-position:left top}.object-right-bottom{object-position:right bottom}.object-right-top{object-position:right top}.p-3{padding:calc(var(--spacing) * 3)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-end{text-align:end}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-baseline{vertical-align:baseline}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-sub{vertical-align:sub}.align-super{vertical-align:super}.align-text-bottom{vertical-align:text-bottom}.align-text-top{vertical-align:text-top}.align-top{vertical-align:top}.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))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.wrap-anywhere{overflow-wrap:anywhere}.wrap-break-word{overflow-wrap:break-word}.wrap-normal{overflow-wrap:normal}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.overflow-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto}.hyphens-manual{-webkit-hyphens:manual;hyphens:manual}.hyphens-none{-webkit-hyphens:none;hyphens:none}.whitespace-break-spaces{white-space:break-spaces}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.\[color\:red\]{color:red}.\[color\:red\]\/50{color:#ff000080}.\[color\:red\]\/50\!{color:#ff000080!important}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.font-stretch-condensed{font-stretch:75%}.font-stretch-expanded{font-stretch:125%}.font-stretch-extra-condensed{font-stretch:62.5%}.font-stretch-extra-expanded{font-stretch:150%}.font-stretch-normal{font-stretch:100%}.font-stretch-semi-condensed{font-stretch:87.5%}.font-stretch-semi-expanded{font-stretch:112.5%}.font-stretch-ultra-condensed{font-stretch:50%}.font-stretch-ultra-expanded{font-stretch:200%}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.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,)}.normal-nums{font-variant-numeric:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.decoration-dashed{text-decoration-style:dashed}.decoration-dotted{text-decoration-style:dotted}.decoration-double{text-decoration-style:double}.decoration-solid{text-decoration-style:solid}.decoration-wavy{text-decoration-style:wavy}.decoration-auto{text-decoration-thickness:auto}.decoration-from-font{text-decoration-thickness:from-font}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.accent-auto{accent-color:auto}.scheme-dark{color-scheme:dark}.scheme-light{color-scheme:light}.scheme-light-dark{color-scheme:light dark}.scheme-normal{color-scheme:normal}.scheme-only-dark{color-scheme:dark only}.scheme-only-light{color-scheme:light only}.mix-blend-plus-darker{mix-blend-mode:plus-darker}.mix-blend-plus-lighter{mix-blend-mode:plus-lighter}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--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)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-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)}.shadow-initial{--tw-shadow-color:initial}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.ring-gray-900{--tw-ring-color:var(--color-gray-900)}.ring-gray-900\/5{--tw-ring-color:#1018280d}@supports (color:color-mix(in lab,red,red)){.ring-gray-900\/5{--tw-ring-color:color-mix(in oklab, var(--color-gray-900) 5%, transparent)}}.inset-shadow-initial{--tw-inset-shadow-color:initial}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.drop-shadow-none{--tw-drop-shadow: ;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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.sepia{--tw-sepia:sepia(100%);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,)}.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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-invert{--tw-backdrop-invert:invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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-discrete{transition-behavior:allow-discrete}.transition-normal{transition-behavior:normal}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-auto{will-change:auto}.will-change-contents{will-change:contents}.will-change-scroll{will-change:scroll-position}.will-change-transform{will-change:transform}.contain-inline-size{--tw-contain-size:inline-size;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-paint{--tw-contain-paint:paint;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-size{--tw-contain-size:size;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-style{--tw-contain-style:style;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-content{contain:content}.contain-none{contain:none}.contain-strict{contain:strict}.content-none{--tw-content:none;content:none}.forced-color-adjust-auto{forced-color-adjust:auto}.forced-color-adjust-none{forced-color-adjust:none}.outline-dashed{--tw-outline-style:dashed;outline-style:dashed}.outline-dotted{--tw-outline-style:dotted;outline-style:dotted}.outline-double{--tw-outline-style:double;outline-style:double}.outline-none{--tw-outline-style:none;outline-style:none}.outline-solid{--tw-outline-style:solid;outline-style:solid}.select-all{-webkit-user-select:all;user-select:all}.\[k\:K\]{k:K}.\[vite\:html\]{vite:html}.backface-hidden{backface-visibility:hidden}.backface-visible{backface-visibility:visible}.block-auto{block-size:auto}.block-lh{block-size:1lh}.block-screen{block-size:100vh}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse:1}.duration-initial{--tw-duration:initial}.inline-auto{inline-size:auto}.inline-screen{inline-size:100vw}.max-block-lh{max-block-size:1lh}.max-block-none{max-block-size:none}.max-block-screen{max-block-size:100vh}.max-inline-none{max-inline-size:none}.max-inline-screen{max-inline-size:100vw}.min-block-auto{min-block-size:auto}.min-block-lh{min-block-size:1lh}.min-block-screen{min-block-size:100vh}.min-inline-auto{min-inline-size:auto}.min-inline-screen{min-inline-size:100vw}.ring-inset{--tw-ring-inset:inset}.text-shadow-initial{--tw-text-shadow-color:initial}.transform-3d{transform-style:preserve-3d}.transform-border{transform-box:border-box}.transform-content{transform-box:content-box}.transform-fill{transform-box:fill-box}.transform-flat{transform-style:flat}.transform-stroke{transform-box:stroke-box}.transform-view{transform-box:view-box}@media(hover:hover){.hover\:text-red-600:hover{color:var(--color-red-600)}}@media(min-width:40rem){.sm\:mx-auto{margin-inline:auto}.sm\:max-w-xl{max-width:var(--container-xl)}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}}@media(prefers-color-scheme:dark){:where(.dark\:divide-gray-700>:not(:last-child)){border-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:text-gray-100{color:var(--color-gray-100)}.dark\:text-gray-400{color:var(--color-gray-400)}}}.app-shell>.app-main{min-width:0;margin-left:0}.app-top-navigation{z-index:80;border-bottom:1px solid var(--color-border-default);background:var(--color-surface-panel);position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.app-top-navigation{background:color-mix(in srgb,var(--color-surface-panel) 96%,transparent)}}.app-top-navigation{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px #0f172a08}.top-navigation-primary{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 20px;width:100%;min-height:68px;margin:0 auto;padding-inline:clamp(12px,1.5vw,24px);display:grid}.top-navigation-brand{color:var(--color-text-primary);flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.top-navigation-brand-mark{color:#fff;background:linear-gradient(145deg,#2563eb,#4f46e5);border-radius:11px;place-items:center;width:38px;height:38px;display:inline-grid;box-shadow:0 7px 18px #3b82f638}.top-navigation-brand>span:last-child{line-height:1.05;display:grid}.top-navigation-brand strong{letter-spacing:.06em}.top-navigation-brand small{color:var(--color-text-muted);margin-top:4px;font-size:13px}.top-navigation-main-actions,.top-navigation-global-actions,.top-navigation-context-cluster{align-items:center;display:flex}.top-navigation-main-actions{border-top:1px solid var(--color-border-default);grid-area:2/1/auto/-1;min-width:0;min-height:52px}.top-navigation-global-actions{flex:none;grid-area:1/3;gap:4px;min-height:68px}.top-navigation-category-trigger,.top-navigation-mobile-trigger,.top-navigation-agent{min-height:44px;font:inherit;border-radius:9px;font-weight:600}.top-navigation-category-list{gap:6px;width:100%;min-width:0;display:flex}.top-navigation-category-trigger,.top-navigation-mobile-trigger{min-height:44px;color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:5px;font-weight:600;display:inline-flex;position:relative}.top-navigation-category-trigger{white-space:nowrap;border-radius:8px;padding:0 5px;font-size:13px}.top-navigation-mobile-trigger{border-radius:9px;width:44px;padding:0;display:none}.top-navigation-category-trigger:hover,.top-navigation-category-trigger.is-active,.top-navigation-category-trigger[aria-expanded=true],.top-navigation-mobile-trigger:hover,.top-navigation-mobile-trigger[aria-expanded=true]{border-color:var(--color-action-primary);background:var(--color-surface-brand-soft);color:var(--color-action-primary-hover)}.top-navigation-chevron{transition:transform .16s}.top-navigation-category-trigger[aria-expanded=true] .top-navigation-chevron{transform:rotate(180deg)}.navigation-trigger-badge,.navigation-badge{background:var(--color-status-danger);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding-inline:6px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}.top-navigation-agent{border:1px solid var(--color-status-success);justify-content:center;align-items:center;gap:0;width:42px;padding:0;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.top-navigation-agent{border:1px solid color-mix(in srgb,var(--color-status-success) 36%,var(--color-border-default))}}.top-navigation-agent{background:var(--color-status-success-soft);color:var(--color-status-success);text-decoration:none}.top-navigation-agent.is-offline{border-color:var(--color-status-danger)}@supports (color:color-mix(in lab,red,red)){.top-navigation-agent.is-offline{border-color:color-mix(in srgb,var(--color-status-danger) 36%,var(--color-border-default))}}.top-navigation-agent.is-offline{background:var(--color-status-danger-soft);color:var(--color-status-danger)}.top-navigation-agent-copy,.top-navigation-user-name,.user-menu>.lucide-chevron-down{display:none}.top-navigation-context-cluster{border:1px solid var(--color-border-default);background:var(--color-surface-subtle);border-radius:10px;flex:none;grid-area:1/2;justify-self:end;height:42px;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.top-navigation-context-cluster{background:color-mix(in srgb,var(--color-surface-subtle) 62%,transparent)}}.top-navigation-context-segment{border:0;border-right:1px solid var(--color-border-default);min-width:0;height:100%;color:var(--color-text-secondary);font:inherit;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 8px;text-decoration:none;display:inline-flex}button.top-navigation-context-segment{cursor:pointer}.top-navigation-context-segment:hover{background:var(--color-surface-subtle)}.context-segment-copy{min-width:0;line-height:1.05;display:grid}.context-mobile-label,.context-outlet-copy{display:none}.context-segment-copy small{color:var(--color-text-muted);font-size:10px}.context-segment-copy strong{max-width:88px;color:var(--color-text-primary);text-overflow:ellipsis;font-size:12px;overflow:hidden}.context-online{color:var(--color-status-success);border-right:0;font-size:12px;font-weight:700}.top-navigation-document-hint{align-items:center;min-width:0;display:inline-flex}.context-machine-status-dot{background:var(--color-text-muted);border-radius:50%;flex:none;width:7px;height:7px}.context-machine-status-dot[data-tone=success]{background:var(--color-status-success)}.context-machine-status-dot[data-tone=warning]{background:var(--color-status-warning)}.context-machine-status-dot[data-tone=danger]{background:var(--color-status-danger)}.mega-menu-layer{z-index:70;background:#0f172a3d;padding:10px 24px 24px;position:fixed;inset:121px 0 0}.mega-menu{border:1px solid var(--color-border-default);background:var(--color-surface-panel);border-radius:14px;width:min(100%,1332px);max-height:calc(100dvh - 145px);margin:0 auto;overflow:auto;box-shadow:0 24px 70px #0f172a38}.mega-menu.is-category-dropdown{width:min(480px,100vw - 48px);max-height:calc(100dvh - 145px);margin-left:0}.mega-menu:focus-visible{outline:3px solid var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.mega-menu:focus-visible{outline:3px solid color-mix(in srgb,var(--color-action-primary) 42%,transparent)}}.mega-menu:focus-visible{outline-offset:2px}.mega-menu .navigation-groups{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.mega-menu.is-category-dropdown .navigation-groups{grid-template-columns:minmax(0,1fr)}.mega-menu.is-category-dropdown .navigation-group{border-right:0;padding:18px}.mega-menu.is-category-dropdown .navigation-group-items{grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.mega-menu.is-category-dropdown .navigation-group.is-featured{grid-column:auto}.mega-menu.is-category-dropdown .navigation-group.is-featured .navigation-group-items{grid-template-columns:minmax(0,1fr)}.mega-menu .navigation-group{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);min-width:0;padding:20px 16px 18px}.mega-menu .navigation-group:nth-child(5n){border-right:0}.mega-menu .navigation-group.is-featured{background:linear-gradient(90deg,var(--color-surface-brand-soft),transparent 72%);border-right:0;grid-column:1/-1;padding:15px 16px}.mega-menu .navigation-group.is-featured .navigation-group-items{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.navigation-group h2,.mobile-system-context h2{color:var(--color-text-muted);letter-spacing:.04em;margin:0 8px 10px;font-size:11px;font-weight:700}.navigation-group-items{gap:3px;display:grid}.navigation-item-section.has-heading+.navigation-item-section.has-heading{border-top:1px solid var(--color-border-default);margin-top:12px;padding-top:12px}.navigation-item-section h3{color:var(--color-text-secondary);margin:0 8px 4px;font-size:12px;font-weight:700}.navigation-link{min-height:52px;color:var(--color-text-primary);border-radius:9px;grid-template-columns:30px minmax(0,1fr) auto;align-items:start;gap:8px;padding:8px;text-decoration:none;display:grid;position:relative}.navigation-link:hover{background:var(--color-surface-subtle)}.navigation-link.is-active{background:var(--color-surface-brand-soft);color:var(--color-action-primary-hover)}.navigation-link.is-danger:not(.is-active) .navigation-link-icon{color:var(--color-status-danger)}.navigation-link-icon{background:var(--color-surface-subtle);width:30px;height:30px;color:var(--color-text-secondary);border-radius:8px;place-items:center;display:inline-grid}.navigation-link.is-active .navigation-link-icon{background:var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.navigation-link.is-active .navigation-link-icon{background:color-mix(in srgb,var(--color-action-primary) 14%,transparent)}}.navigation-link.is-active .navigation-link-icon{color:var(--color-action-primary)}.navigation-link-copy{min-width:0;display:grid}.navigation-link-copy strong{font-size:14px;font-weight:600;line-height:1.35}.navigation-link-copy small{color:var(--color-text-muted);margin-top:2px;font-size:13px;line-height:1.5}.navigation-badge{margin-top:4px}.mega-menu-footer{min-height:48px;color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:8px 16px;font-size:11px;display:flex}.mega-menu-footer a{color:var(--color-action-primary);font-weight:600;text-decoration:none}.mega-menu-footer span{align-items:center;gap:7px;display:inline-flex}.mega-menu-footer i{background:var(--color-status-success);width:7px;height:7px;box-shadow:0 0 0 4px var(--color-status-success);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.mega-menu-footer i{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-status-success) 15%,transparent)}}.mobile-navigation-layer{z-index:100;background:#0f172a7a;justify-content:flex-start;display:flex;position:fixed;inset:0}.mobile-navigation-drawer{overscroll-behavior:contain;background:var(--color-surface-panel);width:min(90vw,420px);height:100%;overflow-y:auto;box-shadow:18px 0 48px #0f172a3d}.mobile-navigation-header{z-index:2;border-bottom:1px solid var(--color-border-default);background:var(--color-surface-panel);justify-content:space-between;align-items:center;min-height:60px;padding:10px 16px;display:flex;position:sticky;top:0}.mobile-navigation-header button,.navigation-group-toggle{min-width:44px;min-height:44px;color:var(--color-text-primary);font:inherit;cursor:pointer;background:0 0;border:0}.mobile-navigation-header button{border-radius:9px;place-items:center;display:inline-grid}.mobile-navigation-drawer .navigation-group{border-bottom:1px solid var(--color-border-default)}.navigation-group-toggle{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 42px 10px 16px;font-weight:600;text-decoration:none;display:flex;position:relative}.navigation-group-chevron{flex:none;transition:transform .16s}.navigation-group-toggle[aria-expanded=true] .navigation-group-chevron{transform:rotate(180deg)}.mobile-navigation-drawer .navigation-group-items{padding:0 10px 12px}.mobile-navigation-drawer .navigation-group-toggle{min-height:48px;padding:12px 16px;font-size:14px}.mobile-navigation-drawer .navigation-link{align-items:center;min-height:52px}.mobile-navigation-drawer .navigation-link-copy strong{font-size:14px;line-height:1.5}.mobile-navigation-drawer .navigation-link-copy small{font-size:13px;line-height:1.5}.mobile-navigation-drawer .navigation-group-toggle[aria-expanded=true]{color:var(--color-action-primary-hover);background:var(--color-surface-brand-soft)}@media(prefers-reduced-motion:reduce){.navigation-group-chevron,.top-navigation-chevron{transition:none}}.mobile-system-context{background:var(--color-surface-subtle);gap:8px;padding:18px 16px 28px;display:grid}.mobile-system-context h2{margin-inline:0}.mobile-system-action,.mobile-system-row{border:1px solid var(--color-border-default);background:var(--color-surface-panel);min-height:44px;color:var(--color-text-primary);font:inherit;border-radius:9px;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.mobile-system-action{cursor:pointer;gap:12px;text-decoration:none}.mobile-system-action strong{overflow-wrap:anywhere;text-align:right;min-width:0}.mobile-system-row .is-online{color:var(--color-status-success)}body.navigation-locked{overflow:hidden}body.navigation-locked>agri-agent-widget{visibility:hidden}.top-navigation-category-list{flex:0 auto;position:relative}.top-navigation-category-trigger{flex:none;text-decoration:none}.top-navigation-more-label{display:none}@media(min-width:1280px){.top-navigation-document-hint{display:none}.top-navigation-category-trigger{min-height:44px;padding-inline:12px;font-size:14px}.branch-context .context-segment-copy strong{max-width:130px}}.top-navigation-category-trigger:focus-visible,.top-navigation-mobile-trigger:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:-2px}@media(max-width:1279.98px){.top-navigation-primary{flex-wrap:wrap;gap:0 12px;min-height:60px;padding-inline:16px;display:flex}.top-navigation-category-list{display:none}.top-navigation-context-cluster{flex:0 0 100%;order:1;grid-template-columns:minmax(0,1fr) 72px;width:100%;height:auto;min-height:60px;margin-bottom:8px;display:grid;overflow:visible}.top-navigation-context-cluster .branch-context{white-space:normal;border-radius:10px 0 0 10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 10px;display:grid}.branch-context>svg,.context-desktop-label,.context-desktop-outlet,.top-navigation-context-cluster .context-fiscal,.top-navigation-context-cluster .context-online,.top-navigation-document-hint{display:none}.context-mobile-label{display:inline}.context-outlet-copy{display:grid}.top-navigation-context-cluster .context-segment-copy{gap:3px;line-height:1.4}.top-navigation-context-cluster .context-segment-copy small{font-size:12px}.top-navigation-context-cluster .context-segment-copy strong{overflow-wrap:anywhere;max-width:none;font-size:13px;overflow:visible}.top-navigation-context-cluster .context-machine{border-right:0;border-radius:0 10px 10px 0;justify-content:center;gap:4px;min-height:60px}.context-machine>svg{display:none}.top-navigation-context-segment:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:-2px}.top-navigation-main-actions{border-top:0;flex:none;order:-1;min-height:44px}.top-navigation-brand{margin-right:auto}.top-navigation-global-actions{min-height:60px}.top-navigation-mobile-trigger{display:inline-flex}.navigation-trigger-badge{position:absolute;transform:translate(15px,-15px)}}.navigation-group-toggle:focus-visible,.navigation-link:focus-visible,.mobile-navigation-header button:focus-visible,.mobile-system-action:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:-2px}@media(max-width:640px){.top-navigation-primary{gap:0 10px;padding-inline:10px}.top-navigation-brand{margin-right:auto}.top-navigation-global-actions{margin-left:0}.top-navigation-global-actions>.top-navigation-agent,.top-navigation-global-actions>.icon-button{display:none}}@media print{.app-top-navigation,.mega-menu-layer,.mobile-navigation-layer{display:none!important}.app-shell>.app-main{margin:0!important}}:root{--color-action-primary:#3b82f6;--color-action-primary-hover:#2563eb;--color-nav-active:#4f46e5;--color-accent:#06b6d4;--color-surface-page:#f8fafc;--color-surface-panel:#fff;--color-surface-subtle:#f1f5f9;--color-surface-brand-soft:#eff6ff;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-on-primary:#fff;--color-border-default:#e2e8f0;--color-border-strong:#cbd5e1;--color-status-success:#16a34a;--color-status-success-soft:#f0fdf4;--color-status-warning:#d97706;--color-status-warning-soft:#fffbeb;--color-status-danger:#dc2626;--color-status-danger-soft:#fef2f2;--color-status-info:#0284c7;--color-status-info-soft:#f0f9ff;--radius-control:8px;--radius-panel:12px;--sidebar-width-expanded:254px;--sidebar-width-collapsed:72px;color-scheme:light}.dark{--color-action-primary:#60a5fa;--color-action-primary-hover:#3b82f6;--color-nav-active:#818cf8;--color-accent:#22d3ee;--color-surface-page:#0b0f19;--color-surface-panel:#1e293b;--color-surface-subtle:#253348;--color-surface-brand-soft:#172554;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-on-primary:#fff;--color-border-default:#334155;--color-border-strong:#475569;--color-status-success:#4ade80;--color-status-success-soft:#123322;--color-status-warning:#fbbf24;--color-status-warning-soft:#3a2b0c;--color-status-danger:#f87171;--color-status-danger-soft:#3b1720;--color-status-info:#22d3ee;--color-status-info-soft:#123341;color-scheme:dark}*{box-sizing:border-box}body{background:var(--color-surface-page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:Prompt,ui-sans-serif,system-ui,sans-serif;font-size:14px}button,a{font:inherit}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #3b82f659}.numeric,.document-no{font-variant-numeric:tabular-nums}.app-shell{min-height:100vh}.flash-toast{z-index:90;border:1px solid var(--color-border-default);background:var(--color-surface-panel);width:min(440px,100vw - 36px);min-height:54px;color:var(--color-text-primary);border-left-width:5px;border-radius:8px;grid-template-columns:28px minmax(0,1fr) 30px;align-items:center;gap:10px;padding:10px 10px 10px 12px;display:grid;position:fixed;top:18px;right:18px;box-shadow:0 20px 60px #0f172a29}.flash-toast[data-tone=success]{border-left-color:var(--color-status-success)}.flash-toast[data-tone=warning]{border-left-color:var(--color-status-warning)}.flash-toast[data-tone=error]{border-left-color:var(--color-status-danger)}.flash-toast .flash-icon{border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.flash-toast[data-tone=success] .flash-icon{background:var(--color-status-success-soft);color:var(--color-status-success)}.flash-toast[data-tone=warning] .flash-icon{background:var(--color-status-warning-soft);color:var(--color-status-warning)}.flash-toast[data-tone=error] .flash-icon{background:var(--color-status-danger-soft);color:var(--color-status-danger)}.flash-toast strong{overflow-wrap:anywhere;font-size:13px;line-height:1.45}.flash-toast button{background:var(--color-surface-subtle);border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:inline-grid}@supports (color:color-mix(in lab,red,red)){.flash-toast button{background:color-mix(in srgb,var(--color-surface-subtle) 82%,transparent)}}.flash-toast button{color:var(--color-text-secondary);cursor:pointer}.sidebar{z-index:30;width:var(--sidebar-width-expanded,254px);border-right:1px solid var(--color-border-default);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}@supports (color:color-mix(in lab,red,red)){.sidebar{border-right:1px solid color-mix(in srgb,var(--color-border-default) 80%,transparent)}}.sidebar{background:linear-gradient(180deg,var(--color-surface-panel),var(--color-surface-panel) 42%),var(--color-surface-panel)}@supports (color:color-mix(in lab,red,red)){.sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-panel) 97%,var(--color-nav-active)),var(--color-surface-panel) 42%),var(--color-surface-panel)}}.sidebar{transition:width .22s ease-out,transform .18s ease-out;box-shadow:18px 0 60px #0f172a0d}.sidebar.is-collapsed{width:var(--sidebar-width-collapsed,72px)}.sidebar-rail-toggle{z-index:2;border:1px solid var(--color-border-default);place-items:center;width:28px;height:28px;display:grid;position:absolute;top:50%;right:-14px}@supports (color:color-mix(in lab,red,red)){.sidebar-rail-toggle{border:1px solid color-mix(in srgb,var(--color-border-default) 84%,transparent)}}.sidebar-rail-toggle{background:var(--color-surface-panel);color:var(--color-text-muted);cursor:pointer;border-radius:999px;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out,transform .16s ease-out;transform:translateY(-50%);box-shadow:0 8px 24px #0f172a1a}.sidebar-rail-toggle:hover{border-color:var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.sidebar-rail-toggle:hover{border-color:color-mix(in srgb,var(--color-action-primary) 28%,var(--color-border-default))}}.sidebar-rail-toggle:hover{background:var(--color-surface-brand-soft);color:var(--color-action-primary)}.sidebar-rail-toggle:focus-visible{outline:2px solid var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.sidebar-rail-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--color-action-primary) 42%,transparent)}}.sidebar-rail-toggle:focus-visible{outline-offset:2px}.sidebar.is-collapsed .brand{justify-content:center;padding:0}.sidebar.is-collapsed .brand>div:last-child,.sidebar.is-collapsed .nav-section-heading,.sidebar.is-collapsed .nav-copy,.sidebar.is-collapsed .sidebar-version span:first-child{display:none}.sidebar.is-collapsed .nav-section.is-collapsed .nav-section-items{display:grid!important}.sidebar.is-collapsed .nav-item{justify-content:center;min-height:46px;padding:6px}.sidebar.is-collapsed .nav-icon{flex-basis:34px;width:34px;height:34px}.sidebar.is-collapsed .sidebar-version{justify-content:center;padding:0}.sidebar.is-collapsed .sidebar-version strong{letter-spacing:.04em;font-size:8px}.brand{border-bottom:1px solid var(--color-border-default);align-items:center;gap:12px;min-height:78px;display:flex}@supports (color:color-mix(in lab,red,red)){.brand{border-bottom:1px solid color-mix(in srgb,var(--color-border-default) 78%,transparent)}}.brand{padding:0 20px}.brand-mark{border:1px solid var(--color-nav-active);place-items:center;width:42px;height:42px;display:grid}@supports (color:color-mix(in lab,red,red)){.brand-mark{border:1px solid color-mix(in srgb,var(--color-nav-active) 28%,transparent)}}.brand-mark{background:linear-gradient(145deg,var(--color-nav-active),var(--color-nav-active)),var(--color-nav-active);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.brand-mark{background:linear-gradient(145deg,color-mix(in srgb,var(--color-nav-active) 92%,white),var(--color-nav-active)),var(--color-nav-active)}}.brand-mark{box-shadow:0 14px 34px var(--color-nav-active)}@supports (color:color-mix(in lab,red,red)){.brand-mark{box-shadow:0 14px 34px color-mix(in srgb,var(--color-nav-active) 24%,transparent)}}.brand-mark{color:#f8fafc}.brand strong,.brand span{display:block}.brand strong{color:var(--color-text-primary);letter-spacing:.04em;font-size:19px}.brand span{color:var(--color-text-muted);letter-spacing:.04em;margin-top:1px;font-size:10px}.sidebar-nav{scrollbar-width:none;flex:1;padding:18px 12px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:0;height:0}.nav-section+.nav-section{margin-top:16px}.nav-section-heading{width:calc(100% - 20px);color:var(--color-text-muted);cursor:pointer;letter-spacing:.06em;text-align:left;background:0 0;border:0;align-items:center;gap:8px;margin:0 10px 8px;padding:0;font-size:10px;font-weight:600;transition:color .16s ease-out;display:flex}.nav-section-heading:hover{color:var(--color-text-secondary)}.nav-section-heading:after{content:"";background:var(--color-border-default);flex:1;height:1px}@supports (color:color-mix(in lab,red,red)){.nav-section-heading:after{background:color-mix(in srgb,var(--color-border-default) 72%,transparent)}}.nav-section-heading small{border:1px solid var(--color-border-default);place-items:center;min-width:18px;height:18px;display:grid}@supports (color:color-mix(in lab,red,red)){.nav-section-heading small{border:1px solid color-mix(in srgb,var(--color-border-default) 78%,transparent)}}.nav-section-heading small{color:var(--color-text-muted);letter-spacing:0;border-radius:999px;font-size:9px}.nav-section-chevron{color:var(--color-text-muted);flex:none;transition:transform .16s ease-out,color .16s ease-out}.nav-section-heading:hover .nav-section-chevron{color:var(--color-action-primary)}.nav-section.is-collapsed .nav-section-chevron{transform:rotate(-90deg)}.nav-section.has-active-item .nav-section-heading{color:var(--color-text-secondary)}.nav-section-items{gap:0;display:grid}.nav-item{min-height:50px;color:var(--color-text-secondary);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;text-decoration:none;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out,transform .16s ease-out;display:flex;position:relative}.nav-item:hover{border-color:var(--color-border-default)}@supports (color:color-mix(in lab,red,red)){.nav-item:hover{border-color:color-mix(in srgb,var(--color-border-default) 78%,transparent)}}.nav-item:hover{background:var(--color-surface-subtle)}@supports (color:color-mix(in lab,red,red)){.nav-item:hover{background:color-mix(in srgb,var(--color-surface-subtle) 72%,transparent)}}.nav-item:hover{color:var(--color-text-primary)}.nav-item:active{transform:translateY(1px)}.nav-item.is-active{border-color:var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.nav-item.is-active{border-color:color-mix(in srgb,var(--color-action-primary) 22%,var(--color-border-default))}}.nav-item.is-active{background:linear-gradient(90deg,var(--color-action-primary),transparent 86%),var(--color-surface-brand-soft)}@supports (color:color-mix(in lab,red,red)){.nav-item.is-active{background:linear-gradient(90deg,color-mix(in srgb,var(--color-action-primary) 13%,transparent),transparent 86%),var(--color-surface-brand-soft)}}.nav-item.is-active{color:var(--color-nav-active);box-shadow:inset 3px 0 0 var(--color-action-primary);font-weight:600}.nav-item.is-disabled{opacity:.62}.nav-icon{background:var(--color-surface-subtle);border-radius:9px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}@supports (color:color-mix(in lab,red,red)){.nav-icon{background:color-mix(in srgb,var(--color-surface-subtle) 74%,transparent)}}.nav-icon{color:var(--color-text-muted)}.nav-item:hover .nav-icon,.nav-item.is-active .nav-icon{background:var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.nav-item:hover .nav-icon,.nav-item.is-active .nav-icon{background:color-mix(in srgb,var(--color-action-primary) 14%,var(--color-surface-panel))}}.nav-item:hover .nav-icon,.nav-item.is-active .nav-icon{color:var(--color-action-primary)}.nav-copy{flex:auto;gap:1px;min-width:0;display:grid}.nav-badge{border:2px solid var(--color-surface-panel);background:var(--color-status-danger);min-width:22px;height:22px;color:var(--color-text-on-primary);border-radius:999px;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0 6px;font-size:10px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 3px 10px #7f1d1d2e}.dark .nav-badge{background:#b91c1c}.sidebar.is-collapsed .nav-badge{border-width:1px;min-width:18px;height:18px;padding:0 4px;font-size:9px;position:absolute;top:3px;right:4px}.nav-label,.nav-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-label{color:inherit;font-size:12px;line-height:1.25}.nav-copy small{color:var(--color-text-muted);font-size:9px;font-weight:500;line-height:1.25}.sidebar-footer{border-top:1px solid var(--color-border-default);gap:10px;display:grid}@supports (color:color-mix(in lab,red,red)){.sidebar-footer{border-top:1px solid color-mix(in srgb,var(--color-border-default) 78%,transparent)}}.sidebar-footer{padding:12px}.sidebar-version{border:1px solid var(--color-border-default);justify-content:space-between;align-items:center;min-height:36px;display:flex}@supports (color:color-mix(in lab,red,red)){.sidebar-version{border:1px solid color-mix(in srgb,var(--color-border-default) 78%,transparent)}}.sidebar-version{background:var(--color-surface-subtle);border-radius:10px}@supports (color:color-mix(in lab,red,red)){.sidebar-version{background:color-mix(in srgb,var(--color-surface-subtle) 64%,transparent)}}.sidebar-version{color:var(--color-text-muted);padding:0 10px;font-size:9px;font-weight:600}.sidebar-version strong{color:var(--color-status-success);font-size:9px}.app-main{min-width:0;min-height:100vh;margin-left:var(--sidebar-width-expanded,254px);transition:margin-left .22s ease-out}.app-shell.sidebar-collapsed .app-main{margin-left:var(--sidebar-width-collapsed,72px)}.topbar{z-index:20;border-bottom:1px solid var(--color-border-default);background:var(--color-surface-panel);justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:0 24px;display:flex;position:sticky;top:0}.context-strip,.topbar-actions,.context-item,.online-state,.user-menu,.user-menu-wrap,.user-dropdown-item{align-items:center;display:flex}.context-strip{flex:auto;gap:4px;min-width:0;overflow:hidden}.context-item{border-radius:var(--radius-control);min-width:0;min-height:44px;color:var(--color-text-secondary);background:0 0;border:0;gap:9px;padding:4px 10px}.context-item>svg,.online-state>svg,.user-menu>svg,.topbar-actions .status-pill>svg{flex:none}.context-item>span,.online-state span,.user-menu span,.status-pill-text{min-width:0}.branch-context{cursor:pointer;max-width:min(26vw,300px)}.context-machine{max-width:148px}.branch-context:hover,.context-machine:hover{background:var(--color-surface-brand-soft)}.context-item small,.context-item strong{line-height:1.25;display:block}.context-item small{color:var(--color-text-muted);font-size:10px}.context-item strong{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;font-weight:600;overflow:hidden}.context-plain{border-left:1px solid var(--color-border-default);border-radius:0}.context-machine{border-left:1px solid var(--color-border-default);cursor:pointer;border-radius:0}.online-state{color:var(--color-status-success);gap:6px;padding:0 8px;font-size:12px;font-weight:600}.topbar-actions{flex:0 auto;justify-content:flex-end;gap:6px;min-width:0}.icon-button,.user-menu{border-radius:var(--radius-control);min-width:44px;min-height:44px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center}.icon-button:hover,.user-menu:hover{background:var(--color-surface-subtle)}.icon-button{position:relative}.icon-button.danger{color:var(--color-status-danger)}.icon-button:disabled{cursor:not-allowed;opacity:.42}.icon-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.notification-dot{border:2px solid var(--color-surface-panel);background:var(--color-status-danger);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:9px}.user-menu{gap:8px;max-width:156px;padding:0 8px}.user-menu span,.status-pill-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-wrap{position:relative}.user-dropdown{z-index:40;border:1px solid var(--color-border-default);background:var(--color-surface-panel);width:min(240px,100vw - 28px);box-shadow:var(--shadow-lg);border-radius:14px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.user-dropdown-header{border-bottom:1px solid var(--color-border-default);gap:2px;display:grid}@supports (color:color-mix(in lab,red,red)){.user-dropdown-header{border-bottom:1px solid color-mix(in srgb,var(--color-border-default) 80%,transparent)}}.user-dropdown-header{padding:8px 9px 10px}.user-dropdown-header small{color:var(--color-text-muted);font-size:10px;font-weight:700}.user-dropdown-header strong{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.user-dropdown-item{min-height:42px;color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:flex-start;gap:9px;padding:0 10px;font-size:12px;font-weight:800}.user-dropdown-item:hover{background:var(--color-surface-subtle);color:var(--color-text-primary)}.user-dropdown-item.is-danger{color:var(--color-status-danger)}.user-dropdown-item.is-danger:hover{background:var(--color-status-danger)}@supports (color:color-mix(in lab,red,red)){.user-dropdown-item.is-danger:hover{background:color-mix(in srgb,var(--color-status-danger) 10%,var(--color-surface-panel))}}.modal-scrim{z-index:80;background:#0f172a75;place-items:start center;padding:92px 18px 18px;display:grid;position:fixed;inset:0}.pos-machine-modal{border:1px solid var(--color-border-default);background:var(--color-surface-panel);border-radius:14px;width:min(520px,100%);max-height:calc(100vh - 120px);display:grid;overflow:hidden;box-shadow:0 28px 80px #0f172a47}.modal-heading{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:flex-start;gap:14px;padding:16px;display:flex}.modal-eyebrow,.modal-heading h2,.modal-heading span{margin:0}.modal-eyebrow{color:var(--color-action-primary);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.modal-heading h2{color:var(--color-text-primary);margin-top:3px;font-size:18px;line-height:1.25}.modal-heading span{color:var(--color-text-muted);margin-top:4px;font-size:12px;display:block}.pos-machine-options{gap:8px;padding:12px;display:grid;overflow-y:auto}.pos-machine-option{border:1px solid var(--color-border-default);background:var(--color-surface-panel);min-height:68px;color:var(--color-text-primary);cursor:pointer;text-align:left;border-radius:10px;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:10px;display:grid}.pos-machine-option:hover{border-color:var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.pos-machine-option:hover{border-color:color-mix(in srgb,var(--color-action-primary) 42%,var(--color-border-default))}}.pos-machine-option:hover{background:var(--color-surface-brand-soft)}@supports (color:color-mix(in lab,red,red)){.pos-machine-option:hover{background:color-mix(in srgb,var(--color-surface-brand-soft) 55%,var(--color-surface-panel))}}.pos-machine-option.is-current{border-color:var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.pos-machine-option.is-current{border-color:color-mix(in srgb,var(--color-action-primary) 58%,var(--color-border-default))}}.pos-machine-option.is-current{background:var(--color-surface-brand-soft)}.pos-machine-number{background:var(--color-action-primary);border-radius:9px;place-items:center;width:44px;height:44px;display:grid}@supports (color:color-mix(in lab,red,red)){.pos-machine-number{background:color-mix(in srgb,var(--color-action-primary) 12%,var(--color-surface-panel))}}.pos-machine-number{color:var(--color-action-primary);font-variant-numeric:tabular-nums;font-weight:900}.pos-machine-copy{gap:2px;min-width:0;display:grid}.pos-machine-copy strong,.pos-machine-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pos-machine-copy strong{font-size:13px}.pos-machine-copy small{color:var(--color-text-muted);font-size:11px}.pos-machine-option>svg{color:var(--color-action-primary)}.pos-machine-empty{gap:8px;padding:18px;display:grid}.pos-machine-empty strong{color:var(--color-text-primary)}.pos-machine-empty span{color:var(--color-text-muted);font-size:12px;line-height:1.5}.tablet-menu,.sidebar-scrim{display:none}.page-content{width:100%;min-width:0;max-width:none;margin:0;padding:clamp(12px,1.15vw,20px);overflow-x:clip}.page-content>*{width:100%!important;max-width:none!important;margin-inline:0!important}.page-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.eyeline{color:var(--color-nav-active);margin:0 0 4px;font-size:11px;font-weight:600}.page-heading h1{letter-spacing:-.02em;margin:0;font-size:27px;line-height:1.25}.page-heading p:not(.eyeline),.panel-heading p{color:var(--color-text-muted);margin:5px 0 0;font-size:12px}.button{border-radius:var(--radius-control);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.button-primary{background:var(--color-action-primary);color:#f8fafc}.button-primary:hover{background:var(--color-action-primary-hover)}.button-secondary{border-color:var(--color-border-default);background:var(--color-surface-panel);color:var(--color-text-secondary)}.button-ghost{color:var(--color-action-primary);background:0 0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-panel{border:1px solid var(--color-border-default);border-radius:var(--radius-panel);background:var(--color-surface-panel);align-items:flex-start;gap:12px;min-width:0;padding:16px;display:flex}.metric-icon,.task-icon{border-radius:var(--radius-control);flex:none;place-items:center;display:grid}.metric-icon{width:40px;height:40px}[data-tone=primary]{background:var(--color-surface-brand-soft);color:var(--color-action-primary)}[data-tone=secondary]{background:var(--color-surface-brand-soft);color:var(--color-nav-active)}[data-tone=accent],[data-tone=info]{background:var(--color-status-info-soft);color:var(--color-status-info)}[data-tone=warning]{background:var(--color-status-warning-soft);color:var(--color-status-warning)}[data-tone=danger]{background:var(--color-status-danger-soft);color:var(--color-status-danger)}[data-tone=success]{background:var(--color-status-success-soft);color:var(--color-status-success)}[data-tone=neutral]{background:var(--color-surface-subtle);color:var(--color-text-secondary)}.metric-panel p{color:var(--color-text-muted);margin:0 0 4px;font-size:11px}.metric-panel strong,.metric-panel span{display:block}.metric-panel strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.3;overflow:hidden}.metric-panel span{color:var(--color-text-secondary);margin-top:5px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:18px;margin-bottom:18px;display:grid}.panel{border:1px solid var(--color-border-default);border-radius:var(--radius-panel);background:var(--color-surface-panel)}.panel-heading{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:14px 18px;display:flex}.panel-heading h2{margin:0;font-size:15px;line-height:1.3}.task-list{padding:4px 0}.task-row{border-bottom:1px solid var(--color-border-default);min-height:66px;color:var(--color-text-primary);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 18px;text-decoration:none;display:grid}.task-row:last-child{border-bottom:0}.task-row:hover{background:var(--color-surface-subtle)}.task-icon{width:36px;height:36px}.task-copy strong,.task-copy span{display:block}.task-copy strong{font-size:12px}.task-copy span{color:var(--color-text-muted);margin-top:3px;font-size:10px}.task-row b{font-variant-numeric:tabular-nums;text-align:right;min-width:28px;font-size:16px}.task-row>svg{color:var(--color-text-muted)}.attention-panel{align-self:start}.attention-item{border-bottom:1px solid var(--color-border-default);gap:11px;padding:15px 18px;display:flex}.attention-item:last-child{border-bottom:0}.attention-item strong{font-size:11px}.attention-item p{color:var(--color-text-muted);margin:4px 0 0;font-size:10px;line-height:1.5}.status-dot{border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.status-danger{background:var(--color-status-danger)}.status-warning{background:var(--color-status-warning)}.status-info{background:var(--color-status-info)}.table-panel{overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:800px}th,td{border-bottom:1px solid var(--color-border-default);text-align:left;white-space:nowrap;padding:11px 18px}th{background:var(--color-surface-page);color:var(--color-text-muted);font-size:10px;font-weight:600}td{color:var(--color-text-secondary);font-size:11px}tbody tr:hover{background:var(--color-surface-subtle)}tbody tr:last-child td{border-bottom:0}.align-right{text-align:right}.document-no{color:var(--color-nav-active);font-weight:600}.muted{color:var(--color-text-muted)}.status-label{border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:9px;font-weight:600;display:inline-flex}.access-shell{background:linear-gradient(135deg,#3b82f614,transparent 42%),var(--color-surface-page);place-items:center;min-height:100vh;padding:32px;display:grid;position:relative}.access-card{border:1px solid var(--color-border-default);background:var(--color-surface-panel);border-radius:16px;width:min(100%,520px);padding:28px;box-shadow:0 20px 55px #0f172a14}.readiness-card,.branch-card{width:min(100%,680px)}.installation-card{width:min(100%,940px)}.access-brand{border-bottom:1px solid var(--color-border-default);align-items:center;gap:12px;padding-bottom:20px;display:flex}.access-brand strong,.access-brand span{display:block}.access-brand strong{color:var(--color-text-primary);font-size:18px}.access-brand span{color:var(--color-text-muted);font-size:10px}.access-heading{padding:28px 0 22px}.access-heading h1{margin:0;font-size:25px}.access-heading p:not(.eyeline){color:var(--color-text-muted);margin:7px 0 0;font-family:Sarabun,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.6}.access-form,.access-form label{gap:8px;display:grid}.access-form{gap:16px}.access-form label>span{color:var(--color-text-secondary);font-size:12px;font-weight:600}.field-control{border:1px solid var(--color-border-default);border-radius:var(--radius-control);min-height:46px;color:var(--color-text-muted);align-items:center;gap:10px;padding:0 13px;display:flex}.field-control:focus-within{border-color:var(--color-action-primary);box-shadow:0 0 0 3px #3b82f61f}.field-control input{min-width:0;color:var(--color-text-primary);background:0 0;border:0;outline:0;flex:1}.field-error{color:var(--color-status-danger);margin:-5px 0 0;font-family:Sarabun,ui-sans-serif,system-ui,sans-serif;font-size:12px}.access-status{border:1px solid var(--color-status-success);margin:-4px 0 16px}@supports (color:color-mix(in lab,red,red)){.access-status{border:1px solid color-mix(in srgb,var(--color-status-success) 26%,var(--color-border-default))}}.access-status{background:var(--color-status-success-soft);color:var(--color-status-success);border-radius:10px;padding:10px 12px;font-family:Sarabun,ui-sans-serif,system-ui,sans-serif;font-size:13px}.access-link{color:var(--color-action-primary);justify-content:center;margin-top:6px;font-weight:800;text-decoration:none;display:inline-flex}.access-link:hover{text-decoration:underline}.access-submit{width:100%;min-height:46px;margin-top:4px}.access-submit:disabled,.branch-option:disabled{cursor:wait;opacity:.65}.access-footer{border-top:1px solid var(--color-border-default);color:var(--color-text-muted);text-align:center;margin:22px 0 0;padding-top:18px;font-family:Sarabun,ui-sans-serif,system-ui,sans-serif;font-size:11px}.readiness-list,.branch-list{gap:10px;display:grid}.branch-group{gap:8px;min-width:0;display:grid}.branch-group-heading{color:var(--color-text-secondary);align-items:center;gap:8px;padding:4px 2px 0;display:flex}.branch-group-heading span,.branch-group-heading strong,.branch-group-heading small{min-width:0;display:block}.branch-group-heading strong{color:var(--color-text-primary);font-size:12px}.branch-group-heading small{color:var(--color-text-muted);font-family:Sarabun,ui-sans-serif,system-ui,sans-serif;font-size:11px}.readiness-row,.branch-option{border:1px solid var(--color-border-default);background:var(--color-surface-panel);border-radius:10px;align-items:center;gap:13px;padding:14px;display:grid}.readiness-row{color:var(--color-nav-active);grid-template-columns:auto minmax(0,1fr) auto}.readiness-row strong,.readiness-row span,.branch-option-copy strong,.branch-option-copy small{display:block}.readiness-row strong,.branch-option-copy strong{color:var(--color-text-primary);font-size:12px}.readiness-row span,.branch-option-copy small{color:var(--color-text-muted);margin-top:3px;font-family:Sarabun,ui-sans-serif,system-ui,sans-serif;font-size:11px}.check-success{color:var(--color-status-success)}.check-danger{color:var(--color-status-danger)}.access-note{border-left:3px solid var(--color-accent);background:var(--color-status-info-soft);gap:3px;margin-top:18px;padding:13px 15px;display:grid}.access-note strong{color:var(--color-status-info);font-size:12px}.access-note span{color:var(--color-text-secondary);font-family:Sarabun,ui-sans-serif,system-ui,sans-serif;font-size:11px}.access-empty-state{border:1px solid var(--color-border-default);background:var(--color-surface-muted);border-radius:10px;gap:9px;padding:16px;display:grid}.access-empty-state strong{color:var(--color-text-primary);font-size:13px}.access-empty-state span{color:var(--color-text-secondary);font-family:Sarabun,ui-sans-serif,system-ui,sans-serif;font-size:12px;line-height:1.55}.access-empty-logout{border:1px solid var(--color-border-default);border-radius:var(--radius-control);background:var(--color-surface-panel);width:fit-content;min-height:44px;color:var(--color-text-primary);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:800;display:inline-flex}.access-empty-logout:hover{border-color:var(--color-action-primary);color:var(--color-action-primary)}.branch-option{color:var(--color-text-muted);cursor:pointer;text-align:left;grid-template-columns:auto minmax(0,1fr) auto}.branch-option:hover{border-color:var(--color-action-primary);background:var(--color-surface-brand-soft);color:var(--color-action-primary)}.branch-option-icon{border-radius:var(--radius-control);background:var(--color-surface-brand-soft);width:40px;height:40px;color:var(--color-nav-active);place-items:center;display:grid}.installation-form{gap:18px;margin-top:22px;display:grid}.installation-form fieldset{border:1px solid var(--color-border-default);border-radius:10px;gap:14px;margin:0;padding:18px;display:grid}.installation-form legend{color:var(--color-nav-active);padding:0 7px;font-size:12px;font-weight:600}.installation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.installation-grid label{gap:7px;display:grid}.installation-grid label>span{color:var(--color-text-secondary);font-size:11px;font-weight:600}.installation-grid input{border:1px solid var(--color-border-default);border-radius:var(--radius-control);background:var(--color-surface-panel);min-width:0;min-height:42px;color:var(--color-text-primary);outline:0;padding:0 12px}.installation-grid input:focus{border-color:var(--color-action-primary);box-shadow:0 0 0 3px #3b82f61f}.installation-error{border-radius:var(--radius-control);background:var(--color-status-danger-soft);border:1px solid #fecaca;padding:11px 13px}.product-list-panel{overflow:hidden}.master-tabs{border:1px solid var(--color-border-default);border-radius:var(--radius-panel);background:var(--color-surface-panel);flex-wrap:wrap;gap:4px;margin-bottom:18px;padding:5px;display:flex}.code-generation-panel{overflow:hidden}.code-generation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px;display:grid}.code-generation-group{gap:14px;display:grid}.code-generation-group label{color:var(--color-text-primary);gap:6px;font-size:13px;font-weight:600;display:grid}.code-generation-group input{border:1px solid var(--color-border-default);background:var(--color-surface-panel);width:100%;min-height:42px;color:var(--color-text-primary);font:inherit;border-radius:9px;outline:none;padding:9px 11px}.code-generation-group input:focus{border-color:var(--color-action-primary);box-shadow:0 0 0 3px var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.code-generation-group input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-action-primary) 14%,transparent)}}.code-generation-group label small{color:var(--color-status-danger);font-size:12px;font-weight:500}.master-tabs button{border-radius:var(--radius-control);min-height:42px;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;flex:0 auto;align-items:center;gap:8px;padding:0 16px;font-weight:600;transition:background-color .16s ease-out,color .16s ease-out;display:inline-flex}.master-tabs button span{background:var(--color-surface-subtle);border-radius:999px;padding:1px 7px;font-size:12px}.master-tabs button.is-active{background:var(--color-surface-brand-soft);color:var(--color-action-primary)}.master-tab-surface{align-items:start;gap:18px;display:grid}.master-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.master-list{overflow:hidden}.master-list .panel-heading{border-bottom:1px solid var(--color-border-default);padding:20px}.master-list .panel-heading .button,.master-form-title,.master-form-actions{align-items:center;gap:8px;display:flex}.master-form{gap:16px;padding:20px;display:grid;position:sticky;top:84px}.master-form-title{border-bottom:1px solid var(--color-border-default);padding-bottom:14px}.master-form h2{margin:0;font-size:16px}.master-form p{color:var(--color-text-muted);margin:3px 0 0;font-size:12px}.master-form label{color:var(--color-text-primary);gap:6px;font-size:13px;font-weight:600;display:grid}.master-form input,.master-form select{border:1px solid var(--color-border-default);background:var(--color-surface-panel);width:100%;min-height:42px;color:var(--color-text-primary);font:inherit;border-radius:9px;outline:none;padding:0 11px}.master-form input:focus,.master-form select:focus{border-color:var(--color-action-primary);box-shadow:0 0 0 3px var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.master-form input:focus,.master-form select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-action-primary) 14%,transparent)}}.master-form label small,.form-error{color:var(--color-status-danger);font-size:12px;font-weight:500}.master-form .toggle-field{align-items:center;gap:9px;display:flex}.master-form .toggle-field input{width:17px;height:17px;min-height:auto}.master-form-actions{justify-content:flex-end}.button-danger{background:var(--color-status-danger);color:#fff}.button-danger:hover:not(:disabled){filter:brightness(.95)}.master-dialog-backdrop{z-index:1000;background:#0f172a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.master-dialog{border:1px solid var(--color-border-default);border-radius:var(--radius-panel);background:var(--color-surface-panel);width:min(460px,100%);box-shadow:0 24px 70px #0f172a38}.master-dialog header{border-bottom:1px solid var(--color-border-default);gap:12px;padding:20px;display:flex}.master-dialog-icon{background:var(--color-surface-subtle);width:42px;height:42px;color:var(--color-text-muted);border-radius:999px;flex:0 0 42px;justify-content:center;align-items:center;display:inline-flex}.master-dialog-icon[data-tone=danger]{background:var(--color-status-danger)}@supports (color:color-mix(in lab,red,red)){.master-dialog-icon[data-tone=danger]{background:color-mix(in srgb,var(--color-status-danger) 12%,transparent)}}.master-dialog-icon[data-tone=danger]{color:var(--color-status-danger)}.master-dialog h2{margin:0;font-size:17px}.master-dialog p{color:var(--color-text-muted);margin:5px 0 0;font-size:13px;line-height:1.55}.master-dialog-actions{justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.product-form-heading .button,.barcode-heading .button,.product-save,.heading-actions,.product-row-actions{align-items:center;gap:8px;display:inline-flex}.product-form-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.product-form-main,.product-form-side{gap:18px;display:grid}.product-form-side{position:sticky;top:84px}.form-section{padding:20px}.form-section-heading{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:14px;display:flex}.form-section-heading h2{margin:0;font-size:16px}.form-section-heading p{color:var(--color-text-muted);margin:3px 0 0;font-size:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.price-section-grid{gap:22px;display:grid}.price-field-group{gap:14px;display:grid}.price-field-group+.price-field-group{border-top:1px solid var(--color-border-default);padding-top:18px}.price-field-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.price-field-heading h3{color:var(--color-text-primary);margin:0;font-size:14px;line-height:1.35}.price-field-heading span{color:var(--color-text-muted);text-align:right;font-size:11px}.attachment-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.file-input-card{border:1px dashed var(--color-border-strong);background:var(--color-surface-subtle);border-radius:10px;align-content:start;min-height:118px;padding:14px}.file-input-card>span{align-items:center;gap:8px;display:inline-flex}.file-input-card em{color:var(--color-text-muted);font-size:12px;font-style:normal;font-weight:500}.attachment-list{gap:10px;margin-top:16px;display:grid}.attachment-row{border:1px solid var(--color-border-default);background:var(--color-surface-panel);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:10px 12px;display:grid}.attachment-row[data-deleted=true]{border-color:var(--color-status-danger)}@supports (color:color-mix(in lab,red,red)){.attachment-row[data-deleted=true]{border-color:color-mix(in srgb,var(--color-status-danger) 34%,var(--color-border-default))}}.attachment-row[data-deleted=true]{background:var(--color-status-danger)}@supports (color:color-mix(in lab,red,red)){.attachment-row[data-deleted=true]{background:color-mix(in srgb,var(--color-status-danger) 8%,var(--color-surface-panel))}}.attachment-row-new{border-color:var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.attachment-row-new{border-color:color-mix(in srgb,var(--color-action-primary) 36%,var(--color-border-default))}}.attachment-row strong,.attachment-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.attachment-row strong{font-size:13px}.attachment-row span{color:var(--color-text-muted);margin-top:2px;font-size:12px}.delete-file-toggle{white-space:nowrap;align-items:center;color:var(--color-status-danger)!important;grid-template-columns:none!important;gap:7px!important;font-size:12px!important;display:inline-flex!important}.delete-file-toggle input{width:16px;height:16px;min-height:auto}.form-section label{color:var(--color-text-primary);gap:6px;font-size:13px;font-weight:600;display:grid}.form-section input,.form-section select,.form-section textarea{border:1px solid var(--color-border-default);background:var(--color-surface-panel);width:100%;min-height:42px;color:var(--color-text-primary);font:inherit;border-radius:9px;outline:none;padding:9px 11px}.form-section input[readonly]{background:var(--color-surface-subtle);color:var(--color-text-secondary)}.form-section textarea{resize:vertical}.form-section input:focus,.form-section select:focus,.form-section textarea:focus{border-color:var(--color-action-primary);box-shadow:0 0 0 3px var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.form-section input:focus,.form-section select:focus,.form-section textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-action-primary) 14%,transparent)}}.form-section label small{color:var(--color-status-danger);font-size:12px;font-weight:500}.check-list{gap:12px;display:grid}.check-list label,.primary-radio,.form-section .toggle-field{align-items:center;gap:9px;display:flex}.check-list input,.primary-radio input,.form-section .toggle-field input{width:17px;height:17px;min-height:auto}.auto-code-toggle{align-content:center;min-height:42px}.auto-code-toggle small{color:var(--color-text-muted);font-size:11px;font-weight:500}.auto-barcode-toggle{margin-bottom:14px}.barcode-list{gap:10px;display:grid}.barcode-row{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.inline-empty{color:var(--color-text-muted);align-items:center;gap:9px;font-size:13px;display:flex}.product-tag-options{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.product-tag-options label{border:1px solid var(--color-border-default);background:var(--color-surface-subtle);cursor:pointer;border-radius:999px;grid-template-columns:auto 1fr;align-items:center;gap:7px;padding:7px 10px;display:inline-flex}.product-tag-options input{width:15px;height:15px;min-height:auto}.branch-location-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.product-save{justify-content:center;width:100%;min-height:46px}.product-history-panel{gap:18px;padding:18px;display:grid}.history-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.history-summary>div{border:1px solid var(--color-border-default);background:var(--color-surface-subtle);border-radius:10px;min-height:72px;padding:14px}.history-summary span,.history-summary strong{display:block}.history-summary span{color:var(--color-text-muted);font-size:12px}.history-summary strong{color:var(--color-text-primary);margin-top:7px;font-size:18px}.history-tabs{margin:0}.history-empty{border:1px dashed var(--color-border-default);min-height:180px;color:var(--color-text-muted);border-radius:10px;place-items:center;font-size:13px;display:grid}.product-toolbar,.product-search,.pagination-bar,.pagination-bar>div{align-items:center;display:flex}.product-toolbar{border-bottom:1px solid var(--color-border-default);justify-content:space-between;gap:16px;padding:14px 18px}.product-search{width:min(100%,620px);color:var(--color-text-muted);gap:9px}.product-search input{border:1px solid var(--color-border-default);border-radius:var(--radius-control);outline:0;flex:1;min-width:0;min-height:40px;padding:0 12px}.product-search input:focus{border-color:var(--color-action-primary);box-shadow:0 0 0 3px #3b82f61f}.read-only-label{background:var(--color-surface-brand-soft);color:var(--color-nav-active);border-radius:999px;flex:none;padding:6px 10px;font-size:10px;font-weight:600}.product-table{min-width:1050px}.product-table td strong,.product-table td small{display:block}.product-table td strong{color:var(--color-text-primary);font-size:11px}.product-table td small{color:var(--color-text-muted);margin-top:3px;font-family:Sarabun,ui-sans-serif,system-ui,sans-serif;font-size:10px}.product-code{color:var(--color-nav-active)!important}.stock-quantity{color:var(--color-text-primary);font-weight:600}.stock-quantity[data-negative=true]{color:var(--color-status-danger)}.empty-products{min-height:280px;color:var(--color-text-muted);text-align:center;align-content:center;place-items:center;gap:7px;display:grid}.empty-products strong{color:var(--color-text-primary)}.empty-products span{font-family:Sarabun,ui-sans-serif,system-ui,sans-serif;font-size:12px}.pagination-bar{border-top:1px solid var(--color-border-default);color:var(--color-text-muted);justify-content:space-between;gap:12px;padding:12px 18px;font-size:11px}.pagination-bar>div{gap:8px}.pagination-bar button:disabled{cursor:not-allowed;opacity:.45}.product-master-shell{gap:18px;display:grid}.product-master-tabs{border:1px solid var(--color-border-default);border-radius:var(--radius-panel);background:var(--color-surface-panel);flex-wrap:wrap;gap:4px;padding:5px;display:flex}.tab-button{border-radius:var(--radius-control);min-height:40px;color:var(--color-text-muted);font:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.tab-button.is-active{background:var(--color-surface-brand-soft);color:var(--color-action-primary)}.product-master-card{border:1px solid var(--color-border-default);border-radius:var(--radius-panel);background:var(--color-surface-panel);overflow:hidden}.report-launcher{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.report-choice{border:1px solid var(--color-border-default);border-radius:var(--radius-panel);background:var(--color-surface-panel);min-height:104px;color:var(--color-text-primary);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.report-choice:hover,.report-choice:focus-visible{border-color:var(--color-action-primary);box-shadow:var(--shadow-card);transform:translateY(-1px)}.report-choice.is-disabled{cursor:not-allowed;opacity:.6}.choice-icon{border-radius:var(--radius-control);background:var(--color-surface-brand-soft);width:42px;height:42px;color:var(--color-action-primary);place-items:center;display:grid}.choice-copy{gap:4px;min-width:0;display:grid}.choice-copy small{color:var(--color-text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.choice-copy strong{overflow-wrap:anywhere;color:var(--color-text-primary);font-size:15px}.choice-copy span,.choice-arrow{color:var(--color-text-muted)}.product-report-filter-panel{gap:16px;padding:18px;display:grid}.product-report-filter-count{border:1px solid var(--color-border-default);border-radius:var(--radius-control);background:var(--color-surface-muted);color:var(--color-text-muted);margin-left:auto;padding:6px 10px;font-size:12px;font-weight:700}.product-report-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.product-report-filter-grid label{gap:6px;display:grid}.product-report-filter-grid span{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.product-report-filter-grid input,.product-report-filter-grid select{border:1px solid var(--color-border-default);border-radius:var(--radius-control);background:var(--color-surface-panel);width:100%;min-height:40px;color:var(--color-text-primary);font:inherit;padding:0 11px}.product-report-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media(max-width:1100px){.product-report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.product-report-filter-grid{grid-template-columns:1fr}.product-report-filter-count{margin-left:0}.product-report-filter-actions{justify-content:stretch}.product-report-filter-actions .button{flex:150px;justify-content:center}}.import-export-stack{gap:18px;padding:18px;display:grid}.import-export-section{border-top:1px solid var(--color-border-default);padding-top:18px}.import-box,.export-box,.label-controls,.report-actions{gap:14px;display:grid}.import-box input,.label-controls select,.label-controls input,.report-actions select,.quantity-stepper input{border:1px solid var(--color-border-default);border-radius:var(--radius-control);background:var(--color-surface-panel);min-height:40px;color:var(--color-text-primary);font:inherit;padding:0 11px}.section-title{align-items:flex-start;gap:11px;display:flex}.section-title h2,.section-title p{margin:0}.section-title h2{font-size:15px;line-height:1.35}.section-title p{color:var(--color-text-muted);margin-top:3px;font-size:12px}.export-actions,.report-actions{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.row-error-count[data-has-error=true]{color:var(--color-status-danger);font-weight:700}.label-workspace{gap:18px;display:grid}.label-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;margin:18px 0}.label-controls label,.report-actions label{color:var(--color-text-primary);gap:6px;font-size:12px;font-weight:600;display:grid}.quantity-stepper{grid-template-columns:38px 64px 38px;align-items:center;gap:4px;display:inline-grid}.quantity-stepper .icon-button{border:1px solid var(--color-border-default);min-width:38px;min-height:38px}.quantity-stepper input{text-align:center;width:64px}.label-sheet{border:1px dashed var(--color-border-default);border-radius:var(--radius-panel);background:var(--color-surface-panel);grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px;min-height:260px;padding:12px;display:grid}.print-label{border:1px solid var(--color-border-default);color:#111827;page-break-inside:avoid;background:#fff;border-radius:6px;align-content:center;min-height:112px;padding:8px;display:grid}.print-label strong,.print-label span,.print-label small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.print-label strong{font-size:12px}.print-label span{color:#4b5563;font-size:10px}.barcode-graphic{gap:2px;margin:4px 0 3px;display:grid}.barcode-graphic svg{shape-rendering:crispedges;width:100%;height:34px;display:block}.barcode-graphic rect{fill:#111827}.barcode-graphic em,.barcode-missing{color:#111827;letter-spacing:.08em;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;font-style:normal;line-height:1;display:block;overflow:hidden}.barcode-missing{color:#ef4444;letter-spacing:0;margin:8px 0 7px}.empty-labels,.empty-table{color:var(--color-text-muted);text-align:center;font-size:12px}.report-tabs .tab-button.is-disabled{cursor:not-allowed;opacity:.48}.report-toolbar{justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.access-shell>.theme-switcher{z-index:10;border:1px solid var(--color-border-default);background:var(--color-surface-panel);position:fixed;top:18px;right:18px}@media print{body{background:#fff}.no-print,.sidebar,.topbar{display:none!important}.app-main,.page-content{width:100%;margin:0;padding:0}.label-sheet{border:0;grid-template-columns:repeat(4,1fr);gap:0;min-height:0;padding:0;display:grid}.print-label{border-color:#d1d5db;border-radius:0;min-height:30mm}.barcode-graphic svg{height:13mm}}@media(max-width:820px){.installation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-toolbar{flex-direction:column;align-items:stretch}.master-tabs button{flex:calc(50% - 4px);justify-content:center}.read-only-label{align-self:flex-start}}@media(max-width:1180px){.topbar{flex-wrap:wrap;align-items:stretch;gap:10px 12px;min-height:auto;padding:10px 20px}.context-strip{flex-wrap:wrap;flex:min(100%,620px);gap:6px;overflow:visible}.context-item{border:1px solid var(--color-border-default);flex:168px}@supports (color:color-mix(in lab,red,red)){.context-item{border:1px solid color-mix(in srgb,var(--color-border-default) 72%,transparent)}}.context-item{border-radius:var(--radius-control);background:var(--color-surface-subtle)}@supports (color:color-mix(in lab,red,red)){.context-item{background:color-mix(in srgb,var(--color-surface-subtle) 62%,transparent)}}.branch-context,.context-machine{max-width:none}.context-plain,.context-machine{border-left:1px solid var(--color-border-default)}@supports (color:color-mix(in lab,red,red)){.context-plain,.context-machine{border-left:1px solid color-mix(in srgb,var(--color-border-default) 72%,transparent)}}.online-state{border:1px solid var(--color-status-success);min-height:44px}@supports (color:color-mix(in lab,red,red)){.online-state{border:1px solid color-mix(in srgb,var(--color-status-success) 22%,var(--color-border-default))}}.online-state{border-radius:var(--radius-control);background:var(--color-status-success-soft)}@supports (color:color-mix(in lab,red,red)){.online-state{background:color-mix(in srgb,var(--color-status-success-soft) 62%,transparent)}}.topbar-actions{margin-left:auto}.master-grid,.code-generation-grid{grid-template-columns:1fr}.master-form{position:static}.product-form-layout{grid-template-columns:1fr}.product-form-side{position:static}.history-summary,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1041px)and (max-width:1180px){.topbar{flex-wrap:nowrap;align-items:center;gap:12px;min-height:68px;padding:0 18px}.context-strip{flex-wrap:nowrap;flex:auto;gap:4px;overflow:hidden}.context-item{border-radius:var(--radius-control);background:0 0;border:0;flex:0 auto}.branch-context{flex-basis:240px;max-width:240px}.context-machine{flex-basis:136px;max-width:136px}.context-plain{flex-basis:112px;max-width:112px}.context-machine,.context-plain{border-left:1px solid var(--color-border-default);border-radius:0}.online-state{background:0 0;border:0;flex:none;min-height:44px}.topbar-actions{flex:0 auto;margin-left:0}.topbar-actions .status-pill{max-width:128px}.user-menu{max-width:136px}}@media(max-width:820px){.sidebar{width:var(--sidebar-width-expanded,254px);transition:transform .18s ease-out;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar.is-collapsed{width:var(--sidebar-width-expanded,254px)}.sidebar-rail-toggle{display:none}.sidebar .brand{justify-content:flex-start;padding:0 20px}.sidebar .brand>div:last-child,.sidebar .nav-section-heading,.sidebar .nav-copy,.sidebar .sidebar-version span:first-child{display:flex}.sidebar .nav-section.is-collapsed .nav-section-items{display:none!important}.sidebar .brand>div:last-child,.sidebar .nav-copy{display:grid}.sidebar .nav-item{justify-content:flex-start;min-height:50px;padding:6px 10px}.sidebar.is-collapsed .nav-copy{display:grid}.sidebar.is-collapsed .nav-badge{border-width:2px;min-width:22px;height:22px;padding:0 6px;font-size:10px;position:static;top:auto;right:auto}.sidebar-scrim{z-index:25;background:#0f172a73;border:0;position:fixed;inset:0}.sidebar-scrim.is-open{display:block}.tablet-menu{display:inline-flex}.app-main,.app-shell.sidebar-collapsed .app-main{margin-left:0}.topbar{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px 10px;padding:10px 14px;display:grid}.tablet-menu{grid-column:1}.context-strip{grid-area:2/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.context-item,.online-state{width:100%;min-width:0}.context-plain,.context-machine{border-left:1px solid var(--color-border-default)}@supports (color:color-mix(in lab,red,red)){.context-plain,.context-machine{border-left:1px solid color-mix(in srgb,var(--color-border-default) 72%,transparent)}}.context-plain,.context-machine{border-radius:var(--radius-control)}.topbar-actions{grid-column:3;justify-self:end;margin-left:0}.user-menu span,.user-menu>svg:last-child{display:none}.page-content{padding:22px 18px 32px}.dashboard-grid,.form-grid,.form-grid-three,.attachment-upload-grid,.branch-location-list{grid-template-columns:1fr}}@media(max-width:620px){.topbar{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;padding:8px 10px}.context-item,.online-state{min-height:42px;padding:5px 9px}.topbar-actions{gap:4px}.status-pill-text{display:none}.user-menu{max-width:44px;padding:0}.access-shell{place-items:start center;padding:18px}.access-card{padding:22px}.installation-grid{grid-template-columns:1fr}.product-search{flex-wrap:wrap;align-items:stretch}.product-search input{flex-basis:calc(100% - 30px)}.page-heading{flex-direction:column;align-items:stretch}.page-heading .button{align-self:flex-start}.heading-actions{flex-wrap:wrap}.metric-grid,.history-summary{grid-template-columns:1fr}.attachment-row{grid-template-columns:auto minmax(0,1fr)}.delete-file-toggle{grid-column:2;justify-self:start}}.pf-workspace{background:linear-gradient(180deg,var(--color-action-primary),transparent 220px),var(--color-surface-page);grid-template-columns:minmax(360px,.9fr) minmax(420px,1.15fr) minmax(310px,.62fr);gap:14px;min-height:calc(100dvh - 88px);padding:14px;display:grid}@supports (color:color-mix(in lab,red,red)){.pf-workspace{background:linear-gradient(180deg,color-mix(in srgb,var(--color-action-primary) 8%,transparent),transparent 220px),var(--color-surface-page)}}.pf-header,.pf-result-banner,.pf-panel{border:1px solid var(--color-border-default)}@supports (color:color-mix(in lab,red,red)){.pf-header,.pf-result-banner,.pf-panel{border:1px solid color-mix(in srgb,var(--color-border-default) 88%,transparent)}}.pf-header,.pf-result-banner,.pf-panel{background:var(--color-surface-panel);color:var(--color-text-primary);border-radius:8px}.pf-header{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.pf-header-copy{min-width:0}.pf-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pf-header-meta{justify-items:end;gap:8px;min-width:220px;display:grid}.pf-header-meta span,.pf-header-meta strong{align-items:center;gap:7px;max-width:100%;display:inline-flex}.pf-header-meta span{color:var(--color-text-secondary);font-size:13px;font-weight:800}.pf-header-meta svg{color:var(--color-action-primary)}.pf-header-meta strong{border:1px solid var(--color-status-success)}@supports (color:color-mix(in lab,red,red)){.pf-header-meta strong{border:1px solid color-mix(in srgb,var(--color-status-success) 24%,var(--color-border-default))}}.pf-header-meta strong{background:var(--color-status-success-soft);color:var(--color-status-success);border-radius:999px;padding:6px 10px;font-size:12px}.pf-eyebrow,.pf-header h1,.pf-section-heading h2,.pf-panel h2,.pf-header p{margin:0}.pf-eyebrow{color:var(--color-action-primary);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:900}.pf-header h1{color:var(--color-text-primary);font-size:clamp(24px,2.8vw,34px);line-height:1.15}.pf-section-heading h2,.pf-panel h2{color:var(--color-text-primary);font-size:18px;line-height:1.3}.pf-header p:not(.pf-eyebrow),.pf-muted,.pf-empty-state small,.pf-doc-readout span,.pf-summary span,.pf-mini-card small,.pf-mini-card span{color:var(--color-text-muted)}.pf-panel{min-width:0;padding:12px}.pf-result-banner{border-color:var(--color-status-success);grid-column:1/-1;align-items:center;gap:10px;min-height:60px;padding:10px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.pf-result-banner{border-color:color-mix(in srgb,var(--color-status-success) 28%,var(--color-border-default))}}.pf-result-banner{background:var(--color-status-success-soft);color:var(--color-status-success)}.pf-result-banner span{min-width:0;display:grid}.pf-print-link,.pf-action-button,.pf-confirm-button,.pf-secondary-button,.pf-source-tile,.pf-stepper button,.pf-icon-button{transition:background .16s,border-color .16s,color .16s,opacity .16s,transform .16s}.pf-print-link,.pf-action-button,.pf-confirm-button,.pf-secondary-button,.pf-stepper button,.pf-icon-button{min-height:44px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-weight:900;text-decoration:none;display:inline-flex}.pf-print-link{border:1px solid var(--color-status-success);min-height:40px;margin-left:auto}@supports (color:color-mix(in lab,red,red)){.pf-print-link{border:1px solid color-mix(in srgb,var(--color-status-success) 32%,var(--color-border-default))}}.pf-print-link{background:var(--color-surface-panel);color:var(--color-status-success);white-space:nowrap;padding:0 12px}.pf-action-button{padding:0 12px}.pf-action-button.primary,.pf-confirm-button{border:1px solid var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.pf-action-button.primary,.pf-confirm-button{border:1px solid color-mix(in srgb,var(--color-action-primary) 72%,var(--color-border-default))}}.pf-action-button.primary,.pf-confirm-button{background:var(--color-action-primary);color:var(--color-text-on-primary)}.pf-action-button.secondary,.pf-secondary-button,.pf-stepper button,.pf-icon-button{border:1px solid var(--color-border-strong);background:var(--color-surface-panel);color:var(--color-text-secondary)}.pf-toolbar{grid-column:1/-1;align-items:end;gap:12px;display:grid}.pf-toolbar-fields{gap:10px;display:grid}.pf-toolbar-fields.three{grid-template-columns:minmax(150px,.22fr) minmax(220px,.42fr) minmax(220px,.36fr)}.pf-toolbar-fields.four{grid-template-columns:minmax(140px,.18fr) minmax(140px,.18fr) minmax(180px,.32fr) minmax(180px,.32fr)}.pf-toolbar-fields.five{grid-template-columns:minmax(140px,.16fr) minmax(140px,.16fr) minmax(180px,.26fr) minmax(180px,.21fr) minmax(180px,.21fr)}.pf-toolbar-fields.six{grid-template-columns:minmax(130px,.14fr) minmax(130px,.14fr) minmax(160px,.18fr) minmax(132px,.15fr) minmax(220px,.23fr) minmax(180px,.16fr)}.pf-toolbar-fields.two{grid-template-columns:minmax(150px,.25fr) minmax(220px,.75fr)}.pf-field span,.pf-category-summary span,.pf-search-field span,.pf-line-label span{color:var(--color-text-secondary);align-items:center;gap:6px;margin-bottom:5px;font-size:12px;font-weight:900;display:flex}.pf-field input,.pf-field select,.pf-search-field input,.pf-line-label input,.pf-line-label select,.pf-reason-input{border:1px solid var(--color-border-strong);background:var(--color-surface-panel);width:100%;min-height:44px;color:var(--color-text-primary);font:inherit;border-radius:8px;padding:0 10px}.pf-field input:read-only{background:var(--color-surface-subtle)}@supports (color:color-mix(in lab,red,red)){.pf-field input:read-only{background:color-mix(in srgb,var(--color-surface-subtle) 56%,var(--color-surface-panel))}}.pf-field input:focus,.pf-field select:focus,.pf-search-field input:focus,.pf-line-label input:focus,.pf-line-label select:focus,.pf-reason-input:focus,.pf-source-tile:focus-visible,.pf-index-row-main:focus-visible,.pf-print-link:focus-visible,.pf-action-button:focus-visible,.pf-confirm-button:focus-visible,.pf-secondary-button:focus-visible,.pf-stepper button:focus-visible,.pf-icon-button:focus-visible{border-color:var(--color-action-primary);box-shadow:0 0 0 3px var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.pf-field input:focus,.pf-field select:focus,.pf-search-field input:focus,.pf-line-label input:focus,.pf-line-label select:focus,.pf-reason-input:focus,.pf-source-tile:focus-visible,.pf-index-row-main:focus-visible,.pf-print-link:focus-visible,.pf-action-button:focus-visible,.pf-confirm-button:focus-visible,.pf-secondary-button:focus-visible,.pf-stepper button:focus-visible,.pf-icon-button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-action-primary) 22%,transparent)}}.pf-field input:focus,.pf-field select:focus,.pf-search-field input:focus,.pf-line-label input:focus,.pf-line-label select:focus,.pf-reason-input:focus,.pf-source-tile:focus-visible,.pf-index-row-main:focus-visible,.pf-print-link:focus-visible,.pf-action-button:focus-visible,.pf-confirm-button:focus-visible,.pf-secondary-button:focus-visible,.pf-stepper button:focus-visible,.pf-icon-button:focus-visible{outline:none}.pf-source-panel,.pf-cart-panel,.pf-side-panel{align-content:start;gap:12px;display:grid}.pf-side-panel{grid-column:3}.pf-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.pf-count-pill{border:1px solid var(--color-action-primary);align-items:center;min-height:30px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.pf-count-pill{border:1px solid color-mix(in srgb,var(--color-action-primary) 26%,var(--color-border-default))}}.pf-count-pill{background:var(--color-surface-brand-soft);color:var(--color-action-primary);white-space:nowrap;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900}.pf-category-summary{border:1px solid var(--color-action-primary);gap:5px;max-width:560px;display:grid}@supports (color:color-mix(in lab,red,red)){.pf-category-summary{border:1px solid color-mix(in srgb,var(--color-action-primary) 18%,var(--color-border-default))}}.pf-category-summary{background:var(--color-surface-brand-soft);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.pf-category-summary{background:color-mix(in srgb,var(--color-surface-brand-soft) 55%,var(--color-surface-panel))}}.pf-category-summary{padding:10px}.pf-category-summary strong{color:var(--color-text-primary);line-height:1.35}.pf-search-field input{background:var(--color-surface-subtle)}@supports (color:color-mix(in lab,red,red)){.pf-search-field input{background:color-mix(in srgb,var(--color-surface-subtle) 58%,var(--color-surface-panel))}}.pf-search-field{max-width:560px}.pf-source-grid,.pf-line-list,.pf-mini-list,.pf-action-stack,.pf-summary,.pf-doc-readout{gap:8px;display:grid}.pf-source-grid{grid-template-columns:repeat(auto-fill,minmax(184px,220px));justify-content:start;gap:10px}.pf-source-list{gap:10px;display:grid}.pf-source-tile{border:1px solid var(--color-border-default);background:var(--color-surface-panel);min-height:140px;color:var(--color-text-primary);text-align:left;border-radius:8px;gap:8px;padding:12px;display:grid;position:relative}.pf-source-list .pf-source-tile{min-height:104px}.pf-source-tile:hover{border-color:var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.pf-source-tile:hover{border-color:color-mix(in srgb,var(--color-action-primary) 62%,var(--color-border-default))}}.pf-source-tile:hover{background:var(--color-surface-brand-soft)}@supports (color:color-mix(in lab,red,red)){.pf-source-tile:hover{background:color-mix(in srgb,var(--color-surface-brand-soft) 42%,var(--color-surface-panel))}}.pf-source-tile:active{transform:translateY(1px)}.pf-code{color:var(--color-action-primary);font-size:12px;font-weight:900}.pf-source-tile strong,.pf-line-main strong,.pf-mini-card strong{color:var(--color-text-primary);overflow-wrap:anywhere;line-height:1.35}.pf-source-tile em{background:var(--color-status-warning-soft);color:var(--color-status-warning);border-radius:8px;padding:7px 8px;font-size:12px;font-style:normal;font-weight:800}.pf-empty-state{border:1px dashed var(--color-border-strong);background:var(--color-surface-subtle);border-radius:8px;place-items:center;gap:8px;min-height:168px;display:grid}@supports (color:color-mix(in lab,red,red)){.pf-empty-state{background:color-mix(in srgb,var(--color-surface-subtle) 42%,var(--color-surface-panel))}}.pf-empty-state{color:var(--color-text-muted);text-align:center;padding:18px}.pf-empty-state strong{color:var(--color-text-primary)}.pf-line-card,.pf-mini-card{border:1px solid var(--color-border-default);background:var(--color-surface-panel);border-radius:8px;gap:10px;min-width:0;padding:10px;display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.pf-line-card,.pf-mini-card{background:color-mix(in srgb,var(--color-surface-panel) 92%,var(--color-surface-subtle))}}.pf-line-title{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.pf-line-main{gap:3px;min-width:0;max-width:420px;display:grid}.pf-line-grid{grid-template-columns:minmax(154px,180px) minmax(126px,150px);justify-content:start;align-items:end;gap:8px;display:grid}.pf-cart-table-wrap{border:1px solid var(--color-border-default);background:var(--color-surface-panel);border-radius:8px;overflow-x:auto}.pf-cart-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:820px}.pf-cart-table th,.pf-cart-table td{border:1px solid var(--color-border-default);vertical-align:middle;padding:6px 8px}.pf-cart-table th{background:var(--color-surface-subtle)}@supports (color:color-mix(in lab,red,red)){.pf-cart-table th{background:color-mix(in srgb,var(--color-surface-subtle) 68%,var(--color-surface-panel))}}.pf-cart-table th{color:var(--color-text-secondary);text-align:left;white-space:nowrap;font-size:12px;font-weight:900}.pf-cart-table th:first-child{width:30%}.pf-cart-table th:nth-child(2){width:168px}.pf-cart-table th:nth-child(3),.pf-cart-table th:nth-child(5),.pf-cart-table th:nth-child(6){width:126px}.pf-cart-table th:nth-child(4){width:112px}.pf-cart-table th:nth-child(7){width:50px}.pf-cart-table.pf-cart-table--indexed{table-layout:fixed;min-width:1180px}.pf-cart-table.pf-cart-table--indexed th:first-child{text-align:center;width:52px}.pf-cart-table.pf-cart-table--indexed td:first-child{text-align:center;font-variant-numeric:tabular-nums}.pf-cart-table.pf-cart-table--indexed th:nth-child(2){width:110px}.pf-cart-table.pf-cart-table--indexed th:nth-child(3){width:130px}.pf-cart-table.pf-cart-table--indexed :is(th,td):nth-child(4){white-space:normal;width:auto;min-width:100px}.pf-cart-table.pf-cart-table--indexed :is(th,td):nth-child(5),.pf-cart-table.pf-cart-table--indexed :is(th,td):nth-child(6){width:100px}.pf-cart-table.pf-cart-table--indexed th:nth-child(7){width:126px}.pf-cart-table.pf-cart-table--indexed th:nth-child(8){width:96px}.pf-cart-table.pf-cart-table--indexed th:nth-child(9){width:120px}.pf-cart-table.pf-cart-table--indexed th:nth-child(10){width:64px}.pf-cart-table.pf-cart-table--indexed :is(th,td):nth-child(5),.pf-cart-table.pf-cart-table--indexed :is(th,td):nth-child(6),.pf-cart-table.pf-cart-table--indexed :is(th,td):nth-child(7),.pf-cart-table.pf-cart-table--indexed :is(th,td):nth-child(8){white-space:nowrap}.pf-cart-table.pf-cart-table--indexed :is(td:nth-child(5),td:nth-child(6),td:nth-child(8)) input[type=number]{field-sizing:content;width:auto;min-width:6ch;max-width:14ch}.pf-cart-table.pf-cart-table--indexed td:nth-child(5) input[type=number],.pf-cart-table.pf-cart-table--indexed td:nth-child(6) input[type=number]{min-width:60px}.pf-cart-table.pf-cart-table--indexed td:nth-child(7) select{field-sizing:content;width:auto;min-width:10ch;max-width:16ch}.pf-cart-product-cell strong,.pf-cart-product-cell small{overflow-wrap:anywhere;min-width:0;display:block}.pf-cart-product-cell small{color:var(--color-text-muted);font-size:12px;font-weight:800}.pf-cart-table input,.pf-cart-table select{border:1px solid var(--color-border-strong);background:var(--color-surface-panel);width:100%;min-height:36px;color:var(--color-text-primary);font:inherit;border-radius:6px;padding:0 8px}.pf-cart-table input[type=number]{font-variant-numeric:tabular-nums;text-align:right}.pf-cart-table input:disabled{cursor:not-allowed;opacity:.56}.pf-cart-table .pf-stepper{grid-template-columns:34px minmax(58px,1fr) 34px}.pf-cart-table .pf-stepper button{min-height:36px}.pf-cart-total-cell{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.pf-cart-total-cell small{color:var(--color-text-muted);margin-top:2px;font-size:11px;font-weight:800;display:block}.pf-cart-action-cell{text-align:center}.pf-cart-note-row td{background:var(--color-status-warning-soft)}@supports (color:color-mix(in lab,red,red)){.pf-cart-note-row td{background:color-mix(in srgb,var(--color-status-warning-soft) 26%,var(--color-surface-panel))}}.pf-stepper{grid-template-columns:42px minmax(58px,1fr) 42px;gap:6px;display:grid}.pf-stepper button,.pf-icon-button{width:42px;padding:0}.pf-stepper input{text-align:center;min-width:0}.pf-line-label input[type=number]{font-variant-numeric:tabular-nums;text-align:right}.pf-line-label select{min-width:0}.pf-line-label input:disabled{cursor:not-allowed;opacity:.56}.pf-line-grid+.pf-muted{margin-top:-2px;display:block}.pf-icon-button.danger{border-color:var(--color-status-danger)}@supports (color:color-mix(in lab,red,red)){.pf-icon-button.danger{border-color:color-mix(in srgb,var(--color-status-danger) 32%,var(--color-border-default))}}.pf-icon-button.danger{background:var(--color-status-danger-soft);color:var(--color-status-danger)}.pf-check-row{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.pf-check-row input{width:18px;min-height:18px}.pf-doc-readout,.pf-summary{border:1px solid var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.pf-doc-readout,.pf-summary{border:1px solid color-mix(in srgb,var(--color-action-primary) 16%,var(--color-border-default))}}.pf-doc-readout,.pf-summary{background:var(--color-surface-panel);border-radius:8px;padding:10px}.pf-doc-readout{background:var(--color-surface-subtle)}@supports (color:color-mix(in lab,red,red)){.pf-doc-readout{background:color-mix(in srgb,var(--color-surface-subtle) 50%,var(--color-surface-panel))}}.pf-doc-readout div,.pf-summary div{justify-content:space-between;align-items:center;gap:10px;display:flex}.pf-summary .net-summary{border-top:1px solid var(--color-border-default);margin-top:2px;padding-top:10px}.pf-summary .bill-discount-row{border-top:1px dashed var(--color-border-default);grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:10px;padding-top:8px;display:grid}.pf-summary .bill-discount-row span{color:var(--color-text-secondary);font-size:13px;font-weight:900}.pf-summary .bill-discount-row input{border:1px solid var(--color-border-default);background:var(--color-surface-panel);width:100%;min-height:34px;color:var(--color-text-primary);text-align:right;border-radius:8px;padding:0 9px;font-weight:900}.pf-summary .bill-discount-row input:focus{border-color:var(--color-action-primary);outline:3px solid var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.pf-summary .bill-discount-row input:focus{outline:3px solid color-mix(in srgb,var(--color-action-primary) 16%,transparent)}}.pf-summary strong{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:15px}.pf-summary .net-summary strong{color:var(--color-action-primary);font-size:28px;line-height:1}.pf-confirm-button,.pf-secondary-button{width:100%}.pf-confirm-button:disabled,.pf-secondary-button:disabled{cursor:not-allowed;opacity:.45}.pf-form-error{border:1px solid var(--color-status-danger)}@supports (color:color-mix(in lab,red,red)){.pf-form-error{border:1px solid color-mix(in srgb,var(--color-status-danger) 28%,var(--color-border-default))}}.pf-form-error{background:var(--color-status-danger-soft);color:var(--color-status-danger);border-radius:8px;padding:10px;font-size:13px;font-weight:800}.pf-mini-card{color:var(--color-text-primary);grid-template-columns:minmax(0,1fr) auto;align-items:center;text-decoration:none}.pf-mini-card span{min-width:0;display:grid}.pf-mini-amount{white-space:nowrap;justify-items:end}.pf-mini-amount strong{color:var(--color-action-primary)}.pf-empty-mini{color:var(--color-text-muted);margin:0;font-size:13px}.pf-index-main,.pf-index-side{align-content:start;gap:12px;display:grid}.pf-index-main{grid-column:1/3}.pf-index-side{grid-column:3}.pf-index-tools{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.pf-index-create{min-width:148px}.pf-index-list{gap:8px;display:grid}.pf-index-row{border:1px solid var(--color-border-default);background:var(--color-surface-panel);border-radius:8px;grid-template-columns:minmax(0,1fr) auto minmax(96px,auto) auto;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}@supports (color:color-mix(in lab,red,red)){.pf-index-row{background:color-mix(in srgb,var(--color-surface-panel) 94%,var(--color-surface-subtle))}}.pf-index-row-main{min-width:0;color:var(--color-text-primary);gap:3px;text-decoration:none;display:grid}.pf-index-row-main strong,.pf-index-amount{color:var(--color-text-primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.pf-index-amount{white-space:nowrap;justify-self:end}.pf-row-actions{justify-content:flex-end;gap:6px;display:flex}.pf-status-chip{border:1px solid var(--color-border-default);background:var(--color-surface-subtle);min-height:30px;color:var(--color-text-secondary);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.pf-status-chip.success{border-color:var(--color-status-success)}@supports (color:color-mix(in lab,red,red)){.pf-status-chip.success{border-color:color-mix(in srgb,var(--color-status-success) 28%,var(--color-border-default))}}.pf-status-chip.success{background:var(--color-status-success-soft);color:var(--color-status-success)}.pf-status-chip.warning{border-color:var(--color-status-warning)}@supports (color:color-mix(in lab,red,red)){.pf-status-chip.warning{border-color:color-mix(in srgb,var(--color-status-warning) 28%,var(--color-border-default))}}.pf-status-chip.warning{background:var(--color-status-warning-soft);color:var(--color-status-warning)}.pf-status-chip.danger{border-color:var(--color-status-danger)}@supports (color:color-mix(in lab,red,red)){.pf-status-chip.danger{border-color:color-mix(in srgb,var(--color-status-danger) 28%,var(--color-border-default))}}.pf-status-chip.danger{background:var(--color-status-danger-soft);color:var(--color-status-danger)}.pf-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pf-stat-card{border:1px solid var(--color-action-primary);gap:5px;min-width:0;display:grid}@supports (color:color-mix(in lab,red,red)){.pf-stat-card{border:1px solid color-mix(in srgb,var(--color-action-primary) 18%,var(--color-border-default))}}.pf-stat-card{background:var(--color-surface-brand-soft);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.pf-stat-card{background:color-mix(in srgb,var(--color-surface-brand-soft) 52%,var(--color-surface-panel))}}.pf-stat-card{padding:10px}.pf-stat-card span{color:var(--color-text-muted);font-size:12px;font-weight:900}.pf-stat-card strong{color:var(--color-text-primary);overflow-wrap:anywhere;font-size:22px;line-height:1.1}.pf-workspace .pf-header h1{color:var(--color-text-primary);font-size:clamp(24px,2.8vw,34px);line-height:1.15}.pf-workspace .pf-section-heading h2,.pf-workspace .pf-panel h2{color:var(--color-text-primary);font-size:18px;line-height:1.3}.pf-workspace .pf-field input,.pf-workspace .pf-field select,.pf-workspace .pf-search-field input,.pf-workspace .pf-line-label input,.pf-workspace .pf-line-label select,.pf-workspace .pf-reason-input{border:1px solid var(--color-border-strong);background:var(--color-surface-panel);min-height:44px;color:var(--color-text-primary);border-radius:8px}@media(hover:hover){.pf-print-link:hover,.pf-action-button.secondary:hover,.pf-secondary-button:hover,.pf-stepper button:hover{border-color:var(--color-action-primary);color:var(--color-action-primary)}.pf-action-button.primary:hover,.pf-confirm-button:not(:disabled):hover{background:var(--color-action-primary-hover)}.pf-index-row:hover{border-color:var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.pf-index-row:hover{border-color:color-mix(in srgb,var(--color-action-primary) 38%,var(--color-border-default))}}.pf-index-row:hover{background:var(--color-surface-brand-soft)}@supports (color:color-mix(in lab,red,red)){.pf-index-row:hover{background:color-mix(in srgb,var(--color-surface-brand-soft) 32%,var(--color-surface-panel))}}}@media(max-width:1500px){.pf-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,.42fr)}.pf-source-panel,.pf-cart-panel{grid-column:1}.pf-side-panel{grid-column:2}.pf-index-main{grid-column:1}.pf-index-side{grid-column:2}}@media(max-width:980px){.pf-workspace,.pf-header,.pf-toolbar-fields,.pf-toolbar-fields.two,.pf-toolbar-fields.three,.pf-toolbar-fields.four,.pf-toolbar-fields.five,.pf-toolbar-fields.six{grid-template-columns:1fr}.pf-header-meta{justify-items:start;min-width:0}.pf-header-actions{justify-content:flex-start}.pf-source-panel,.pf-cart-panel,.pf-side-panel,.pf-index-main,.pf-index-side{grid-column:1}}@media(max-width:680px){.pf-workspace{gap:12px;padding:10px}.pf-header,.pf-panel,.pf-result-banner{padding:12px}.pf-result-banner,.pf-section-heading,.pf-doc-readout div,.pf-summary div{align-items:flex-start}.pf-result-banner{flex-wrap:wrap}.pf-print-link{width:100%;margin-left:0}.pf-source-grid,.pf-line-grid,.pf-mini-card,.pf-index-tools,.pf-index-row,.pf-stat-grid{grid-template-columns:1fr}.pf-line-title,.pf-doc-readout div,.pf-summary div{align-items:center}.pf-mini-amount{justify-items:start}.pf-index-create,.pf-row-actions,.pf-index-row .pf-icon-button{width:100%}.pf-index-amount{justify-self:start}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.pf-segmented-control{border:1px solid var(--color-border-strong);background:var(--color-surface-subtle);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-height:44px;display:grid}@supports (color:color-mix(in lab,red,red)){.pf-segmented-control{background:color-mix(in srgb,var(--color-surface-subtle) 62%,var(--color-surface-panel))}}.pf-segmented-control{padding:4px}.pf-segmented-control button{min-height:34px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;font-weight:900}.pf-segmented-control button:hover,.pf-segmented-control button:focus-visible{color:var(--color-action-primary);outline:0}.pf-segmented-control button.active{background:var(--color-action-primary);color:#fff;box-shadow:0 1px 4px var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.pf-segmented-control button.active{box-shadow:0 1px 4px color-mix(in srgb,var(--color-action-primary) 22%,transparent)}}@media print{html,body,#app{background:#fff!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important}.app-shell,.app-main,.app-shell.sidebar-collapsed .app-main,.page-content{background:#fff!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;transition:none!important;display:block!important;overflow:visible!important;transform:none!important}.page-content>*{width:100%!important;max-width:none!important;margin:0!important}}.stock-transfer-report-sheet{border:1px solid var(--color-border-default);background:var(--color-surface-card);border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.stock-transfer-report-head{border-bottom:2px solid var(--color-text-primary);justify-content:space-between;align-items:flex-end;gap:24px;padding:22px 24px 18px;display:flex}.stock-transfer-report-title{gap:3px;display:grid}.stock-transfer-report-title p,.stock-transfer-report-title span{color:var(--color-text-muted);margin:0;font-size:11px}.stock-transfer-report-title p{letter-spacing:.08em;text-transform:uppercase;font-weight:800}.stock-transfer-report-title h2{color:var(--color-text-primary);margin:0;font-size:22px;line-height:1.2}.stock-transfer-report-meta{flex-wrap:wrap;justify-content:flex-end;gap:12px 26px;margin:0;display:flex}.stock-transfer-report-meta div{gap:2px;min-width:128px;display:grid}.stock-transfer-report-meta dt{color:var(--color-text-muted);font-size:10px;font-weight:700}.stock-transfer-report-meta dd{color:var(--color-text-primary);margin:0;font-size:12px;font-weight:700}.stock-transfer-report-scroll{padding:0}.stock-transfer-report-table{border-collapse:collapse;width:100%;min-width:1500px;font-size:11px}.stock-transfer-report-table th,.stock-transfer-report-table td{border:1px solid var(--color-border-default);vertical-align:top;border-top:0;padding:9px 10px}.stock-transfer-report-table th:first-child,.stock-transfer-report-table td:first-child{border-left:0}.stock-transfer-report-table th:last-child,.stock-transfer-report-table td:last-child{border-right:0}.stock-transfer-report-table th{background:var(--color-surface-muted);color:var(--color-text-primary);white-space:nowrap;font-size:10px;font-weight:800}.stock-transfer-report-table tbody tr:nth-child(2n){background:var(--color-surface-muted)}@supports (color:color-mix(in lab,red,red)){.stock-transfer-report-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--color-surface-muted) 48%,transparent)}}.stock-transfer-report-table tbody tr:hover{background:var(--color-action-primary)}@supports (color:color-mix(in lab,red,red)){.stock-transfer-report-table tbody tr:hover{background:color-mix(in srgb,var(--color-action-primary) 5%,var(--color-surface-card))}}.stock-transfer-report-table td strong{color:var(--color-text-primary);white-space:nowrap}.stock-transfer-report-table .is-center{text-align:center}.stock-transfer-report-table .is-number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.stock-transfer-product-name{min-width:220px;color:var(--color-text-primary)}.stock-transfer-status{background:var(--color-success);border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.stock-transfer-status{background:color-mix(in srgb,var(--color-success) 12%,transparent)}}.stock-transfer-status{color:var(--color-success);white-space:nowrap;font-size:10px;font-weight:800}.stock-transfer-report-table tfoot td{border-top:2px solid var(--color-text-primary);background:var(--color-surface-muted);color:var(--color-text-primary);border-bottom:0;font-weight:800}@media(max-width:720px){.stock-transfer-report-head{align-items:start;gap:16px;padding:18px 16px 15px;display:grid}.stock-transfer-report-meta{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:10px 16px;width:100%;display:grid}.stock-transfer-report-meta div{min-width:0}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@property --tw-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@keyframes pulse{50%{opacity:.5}}