@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white: #fff;--spacing: .25rem;--container-xl: 36rem;--container-2xl: 42rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tight: -.025em;--radius-lg: .5rem;--radius-xl: .75rem;--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,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.fixed{position:fixed}.relative{position:relative}.isolate{isolation:isolate}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0px}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style: dashed;border-style:dashed}.border-line{border-color:var(--app-border)}.bg-danger-container{background-color:var(--app-danger-container)}.bg-primary-solid{background-color:var(--app-primary-solid)}.bg-surface{background-color:var(--app-surface)}.bg-surface-variant{background-color:var(--app-surface-variant)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-10{padding-block:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.leading-6{--tw-leading: calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-danger{color:var(--app-danger)}.text-fg{color:var(--app-text-primary)}.text-muted{color:var(--app-text-secondary)}.text-primary{color:var(--app-primary)}.text-white{color:var(--color-white)}.italic{font-style:italic}.opacity-50{opacity:50%}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.disabled\:opacity-50:disabled{opacity:50%}@media(width>=40rem){.sm\:flex-row{flex-direction:row}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}}@media(width>=80rem){.xl\:grid-cols-\[minmax\(0\,520px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,520px) minmax(0,1fr)}}}:root{color-scheme:light;--font-sans: "Noto Sans Thai", "Noto Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .875rem;--fs-md: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-weight: clamp(2.75rem, 6vw, 4.5rem);--app-gap: 12px;--app-gap-lg: 16px;--app-card-pad: 16px;--app-row-h: 40px;--app-page-pad-x: 24px;--ctl-h-sm: 2rem;--ctl-h: 2.5rem;--ctl-h-lg: 3rem;--ctl-h-xl: 3.5rem;--app-radius-sm: 6px;--app-radius: 8px;--app-radius-lg: 12px;--app-radius-xl: 16px;--app-radius-pill: 999px;--ease: cubic-bezier(.2, .7, .2, 1);--dur-fast: .12s;--dur: .18s;--app-shadow-xs: 0 1px 2px rgb(16 24 40 / .05);--app-shadow-sm: 0 1px 2px rgb(16 24 40 / .05), 0 1px 3px rgb(16 24 40 / .07);--app-shadow-md: 0 6px 16px -4px rgb(16 24 40 / .1), 0 2px 6px -2px rgb(16 24 40 / .06);--app-shadow-lg: 0 20px 40px -12px rgb(16 24 40 / .22), 0 4px 12px -4px rgb(16 24 40 / .08);--app-overlay: rgb(11 19 36 / .48);--app-page-background: #f5f7fa;--app-surface: #ffffff;--app-surface-variant: #f1f4f8;--app-surface-sunken: #eaeef4;--app-text-primary: #0b1324;--app-text-secondary: #475467;--app-text-tertiary: #667085;--app-border: #e3e8ef;--app-border-strong: #cdd5df;--app-divider: #cdd5df;--app-primary: #1d4ed8;--app-primary-solid: #1d4ed8;--app-primary-container: #e8efff;--app-primary-border: #a9c1fb;--app-info: #0369a1;--app-info-solid: #0369a1;--app-info-container: #e0f2fe;--app-info-border: #7dd3fc;--app-success: #15803d;--app-success-solid: #15803d;--app-success-container: #e7f6ec;--app-success-border: #9fdcb3;--app-warning: #854d0e;--app-warning-solid: #b45309;--app-warning-container: #fef6dc;--app-warning-border: #f5cf6b;--app-danger: #b91c1c;--app-danger-solid: #b91c1c;--app-danger-container: #fdecec;--app-danger-border: #f6aaaa;--app-on-solid: #ffffff;--app-primary-hover: var(--app-primary-solid);--app-primary-active: var(--app-primary-solid);--app-success-hover: var(--app-success-solid);--app-warning-hover: var(--app-warning-solid);--app-danger-hover: var(--app-danger-solid);--app-hover: var(--app-text-primary);--app-pressed: var(--app-text-primary);--app-selected: var(--app-primary-container);--app-focus-ring: 0 0 0 3px var(--app-primary-solid);--app-focus-ring-danger: 0 0 0 3px var(--app-danger-solid)}@supports (color: color-mix(in lab,red,red)){:root{--app-primary-hover: color-mix(in srgb, var(--app-primary-solid) 86%, #000)}}@supports (color: color-mix(in lab,red,red)){:root{--app-primary-active: color-mix(in srgb, var(--app-primary-solid) 74%, #000)}}@supports (color: color-mix(in lab,red,red)){:root{--app-success-hover: color-mix(in srgb, var(--app-success-solid) 86%, #000)}}@supports (color: color-mix(in lab,red,red)){:root{--app-warning-hover: color-mix(in srgb, var(--app-warning-solid) 86%, #000)}}@supports (color: color-mix(in lab,red,red)){:root{--app-danger-hover: color-mix(in srgb, var(--app-danger-solid) 86%, #000)}}@supports (color: color-mix(in lab,red,red)){:root{--app-hover: color-mix(in srgb, var(--app-text-primary) 5%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root{--app-pressed: color-mix(in srgb, var(--app-text-primary) 9%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root{--app-focus-ring: 0 0 0 3px color-mix(in srgb, var(--app-primary-solid) 30%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root{--app-focus-ring-danger: 0 0 0 3px color-mix(in srgb, var(--app-danger-solid) 26%, transparent)}}@media(pointer:coarse),(max-width:767px){:root{--ctl-h-sm: 2.5rem;--ctl-h: 2.75rem;--ctl-h-lg: 3.25rem;--app-row-h: 48px}}@media(max-width:1199px){:root{--app-page-pad-x: 20px}}@media(max-width:767px){:root{--app-page-pad-x: 16px;--app-card-pad: 14px}}:root[data-theme=dark]{color-scheme:dark;--app-shadow-xs: 0 1px 2px rgb(0 0 0 / .4);--app-shadow-sm: 0 1px 2px rgb(0 0 0 / .4), 0 0 0 1px rgb(255 255 255 / .02);--app-shadow-md: 0 8px 20px -6px rgb(0 0 0 / .55);--app-shadow-lg: 0 24px 48px -12px rgb(0 0 0 / .7);--app-overlay: rgb(2 6 16 / .66);--app-page-background: #0b1120;--app-surface: #121a2b;--app-surface-variant: #1a2436;--app-surface-sunken: #0e1524;--app-text-primary: #f1f5f9;--app-text-secondary: #b6c2d2;--app-text-tertiary: #8a98ad;--app-border: #253049;--app-border-strong: #34415c;--app-divider: #34415c;--app-primary: #8fb4ff;--app-primary-solid: #2563eb;--app-primary-container: #16244a;--app-primary-border: #2f4fa3;--app-info: #67d4f5;--app-info-solid: #0369a1;--app-info-container: #0c2c3d;--app-info-border: #155e75;--app-success: #6ee7a0;--app-success-solid: #15803d;--app-success-container: #0f2e1f;--app-success-border: #1f6b43;--app-warning: #fcd34d;--app-warning-solid: #b45309;--app-warning-container: #33260a;--app-warning-border: #8a6410;--app-danger: #fca5a5;--app-danger-solid: #b91c1c;--app-danger-container: #3a1416;--app-danger-border: #8f2a2a;--app-hover: color-mix(in srgb, #fff 6%, transparent);--app-pressed: color-mix(in srgb, #fff 10%, transparent);--app-focus-ring: 0 0 0 3px color-mix(in srgb, #3b82f6 45%, transparent)}:root[data-palette=sand]{--app-page-background: #f5f1e8;--app-surface: #fbf9f4;--app-surface-variant: #efe9dc;--app-surface-sunken: #e9e2d2;--app-border: #e3dccb;--app-border-strong: #d4cab4;--app-divider: #d4cab4;--app-text-primary: #2a2118;--app-text-secondary: #6b5d4b;--app-text-tertiary: #857661;--app-primary: #9a4d1c;--app-primary-solid: #9a4d1c;--app-primary-container: #f6e3d3;--app-primary-border: #e0b48f}:root[data-palette=harbor]{--app-page-background: #f3f8f9;--app-surface: #ffffff;--app-surface-variant: #e6f0f2;--app-surface-sunken: #dbe8eb;--app-border: #d6e5e8;--app-border-strong: #bcd3d8;--app-divider: #bcd3d8;--app-text-primary: #0f2a33;--app-text-secondary: #4a6670;--app-text-tertiary: #617d87;--app-primary: #0f6e7a;--app-primary-solid: #0f6e7a;--app-primary-container: #d5eef1;--app-primary-border: #8cc9d1}:root[data-palette=forest]{--app-page-background: #1c2120;--app-surface: #262c2a;--app-surface-variant: #333b38;--app-surface-sunken: #1f2523;--app-border: #47504c;--app-border-strong: #56605b;--app-divider: #3a423f;--app-text-primary: #ecefe9;--app-text-secondary: #c3cbc4;--app-text-tertiary: #9aa59d;--app-primary: #8fcfb0;--app-primary-solid: #2f7d5b;--app-primary-container: #1e3b2f;--app-primary-border: #3f8f6c}:root[data-palette=midnight]{--app-page-background: #0b1226;--app-surface: #131d3b;--app-surface-variant: #1f2b52;--app-surface-sunken: #0e1730;--app-border: #2e3d6b;--app-border-strong: #3a4b80;--app-divider: #26345e;--app-text-primary: #eef2ff;--app-text-secondary: #c7d0ee;--app-text-tertiary: #9aa6cf;--app-primary: #a5b4fc;--app-primary-solid: #4f46e5;--app-primary-container: #23275a;--app-primary-border: #6366f1}@layer components{.btn{--btn-bg: var(--app-surface);--btn-fg: var(--app-text-primary);--btn-bd: var(--app-border-strong);--btn-hover: var(--app-surface-variant);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--ctl-h);padding:0 1rem;border:1px solid var(--btn-bd);border-radius:var(--app-radius);background:var(--btn-bg);color:var(--btn-fg);font:inherit;font-size:var(--fs-base);font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.btn:not(:disabled):not([aria-disabled=true]):hover{background:var(--btn-hover)}.btn:not(:disabled):active{transform:translateY(.5px)}.btn:focus-visible{outline:0;box-shadow:var(--app-focus-ring)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn>app-icon,.btn>svg{flex:none}.btn-primary{--btn-bg: var(--app-primary-solid);--btn-fg: var(--app-on-solid);--btn-bd: var(--app-primary-solid);--btn-hover: var(--app-primary-hover);box-shadow:var(--app-shadow-xs)}.btn-success{--btn-bg: var(--app-success-solid);--btn-fg: var(--app-on-solid);--btn-bd: var(--app-success-solid);--btn-hover: var(--app-success-hover);box-shadow:var(--app-shadow-xs)}.btn-warning{--btn-bg: var(--app-warning-solid);--btn-fg: var(--app-on-solid);--btn-bd: var(--app-warning-solid);--btn-hover: var(--app-warning-hover);box-shadow:var(--app-shadow-xs)}.btn-danger{--btn-bg: var(--app-danger-solid);--btn-fg: var(--app-on-solid);--btn-bd: var(--app-danger-solid);--btn-hover: var(--app-danger-hover);box-shadow:var(--app-shadow-xs)}.btn-secondary{--btn-bg: var(--app-surface);--btn-fg: var(--app-text-primary);--btn-bd: var(--app-border-strong);--btn-hover: var(--app-surface-variant);box-shadow:var(--app-shadow-xs)}.btn-ghost{--btn-bg: transparent;--btn-fg: var(--app-text-secondary);--btn-bd: transparent;--btn-hover: var(--app-hover)}.btn-ghost:not(:disabled):hover{color:var(--app-text-primary)}.btn-soft{--btn-bg: var(--app-primary-container);--btn-fg: var(--app-primary);--btn-bd: transparent;--btn-hover: var(--app-primary-container)}@supports (color: color-mix(in lab,red,red)){.btn-soft{--btn-hover: color-mix(in srgb, var(--app-primary-container) 80%, var(--app-primary-border))}}.btn-danger-soft{--btn-bg: var(--app-danger-container);--btn-fg: var(--app-danger);--btn-bd: transparent;--btn-hover: var(--app-danger-container)}@supports (color: color-mix(in lab,red,red)){.btn-danger-soft{--btn-hover: color-mix(in srgb, var(--app-danger-container) 78%, var(--app-danger-border))}}.btn-danger-outline{--btn-bg: var(--app-surface);--btn-fg: var(--app-danger);--btn-bd: var(--app-danger-border);--btn-hover: var(--app-danger-container)}.btn-link{--btn-bg: transparent;--btn-fg: var(--app-primary);--btn-bd: transparent;--btn-hover: transparent;min-height:auto;padding:0}.btn-link:not(:disabled):hover{text-decoration:underline}.btn[aria-pressed=true]{--btn-bg: var(--app-primary-container);--btn-fg: var(--app-primary);--btn-bd: var(--app-primary-border);--btn-hover: var(--app-primary-container)}.btn-sm{min-height:var(--ctl-h-sm);padding:0 .75rem;gap:.375rem;font-size:var(--fs-sm);border-radius:var(--app-radius-sm)}.btn-lg{min-height:var(--ctl-h-lg);padding:0 1.25rem;font-size:var(--fs-md)}.btn-xl{min-height:var(--ctl-h-xl);padding:0 1.5rem;font-size:var(--fs-lg);border-radius:var(--app-radius-lg)}.btn-block{display:flex;width:100%}.btn-icon{width:var(--ctl-h);padding:0}.btn-icon.btn-sm{width:var(--ctl-h-sm)}.btn-icon.btn-lg{width:var(--ctl-h-lg)}.btn[aria-busy=true]{color:transparent!important;pointer-events:none}.btn[aria-busy=true]>*{visibility:hidden}.btn[aria-busy=true]:after{content:"";position:absolute;inset:0;margin:auto;width:1.125rem;height:1.125rem;border-radius:50%;border:2px solid var(--btn-fg);border-right-color:transparent;animation:gs-spin .7s linear infinite}.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.btn-row-end{justify-content:flex-end}.seg-tabs{display:inline-flex;gap:2px;padding:3px;border-radius:var(--app-radius);background:var(--app-surface-sunken);max-width:100%;overflow-x:auto;scrollbar-width:none}.seg-tabs::-webkit-scrollbar{display:none}.seg-tabs>button,.seg-tabs>a{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;flex:none;min-height:calc(var(--ctl-h) - 6px);padding:0 .875rem;border:0;border-radius:calc(var(--app-radius) - 2px);background:none;color:var(--app-text-secondary);font:inherit;font-size:var(--fs-sm);font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer}.seg-tabs>:is(button,a):hover{color:var(--app-text-primary)}.seg-tabs>:is(button,a):is([aria-selected=true],[aria-checked=true],[aria-pressed=true],.active){background:var(--app-surface);color:var(--app-text-primary);box-shadow:var(--app-shadow-sm)}.seg-tabs.seg-block{display:flex;width:100%}.seg-tabs.seg-block>*{flex:1}.seg-tabs .count{min-width:1.25rem;padding:0 .375rem;border-radius:var(--app-radius-pill);background:var(--app-surface-variant);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums}.tabs-line{display:flex;gap:.25rem;border-bottom:1px solid var(--app-border);overflow-x:auto;scrollbar-width:none}.tabs-line::-webkit-scrollbar{display:none}.tabs-line>:is(button,a){position:relative;display:inline-flex;align-items:center;gap:.375rem;flex:none;min-height:var(--ctl-h);padding:0 .875rem;border:0;background:none;color:var(--app-text-secondary);font:inherit;font-size:var(--fs-base);font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}.tabs-line>:is(button,a):hover{color:var(--app-text-primary)}.tabs-line>:is(button,a)[aria-selected=true]{color:var(--app-primary)}.tabs-line>:is(button,a)[aria-selected=true]:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:-1px;height:2px;border-radius:2px;background:var(--app-primary-solid)}.field{display:grid;gap:.375rem;min-width:0;align-content:start}.field-label,.field>span:first-child:not(.input-group){color:var(--app-text-primary);font-size:var(--fs-sm);font-weight:500;line-height:1.4}.field-label .req,.field .req{color:var(--app-danger);font-style:normal}.field-label .opt{color:var(--app-text-tertiary);font-weight:400}.field-hint{color:var(--app-text-tertiary);font-size:var(--fs-xs);line-height:1.4}.field-error{display:flex;align-items:flex-start;gap:.25rem;color:var(--app-danger);font-size:var(--fs-xs);font-weight:500;line-height:1.4}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));gap:.875rem 1rem}.input,.select,.textarea{width:100%;min-width:0;min-height:var(--ctl-h);padding:0 .75rem;border:1px solid var(--app-border-strong);border-radius:var(--app-radius);background:var(--app-surface);color:var(--app-text-primary);font:inherit;font-size:var(--fs-base);line-height:1.4;box-shadow:var(--app-shadow-xs);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--app-text-tertiary);opacity:1}.input:hover,.select:hover,.textarea:hover{border-color:var(--app-border-strong)}@supports (color: color-mix(in lab,red,red)){.input:hover,.select:hover,.textarea:hover{border-color:color-mix(in srgb,var(--app-border-strong) 60%,var(--app-text-tertiary))}}.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--app-primary-solid);box-shadow:var(--app-focus-ring)}.input:is([aria-invalid=true],.is-invalid),.select:is([aria-invalid=true],.is-invalid),.textarea:is([aria-invalid=true],.is-invalid){border-color:var(--app-danger-solid)}.input:is([aria-invalid=true],.is-invalid):focus,.select:is([aria-invalid=true],.is-invalid):focus,.textarea:is([aria-invalid=true],.is-invalid):focus{box-shadow:var(--app-focus-ring-danger)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--app-surface-variant);color:var(--app-text-tertiary);cursor:not-allowed;box-shadow:none}.input[readonly]{background:var(--app-surface-variant);box-shadow:none}.input-sm,.select.input-sm{min-height:var(--ctl-h-sm);font-size:var(--fs-sm)}.input-lg{min-height:var(--ctl-h-lg);font-size:var(--fs-md)}.input-num{font-variant-numeric:tabular-nums;text-align:right}.textarea{min-height:5.5rem;padding:.625rem .75rem;resize:vertical}.select{appearance:none;-webkit-appearance:none;padding-right:2.25rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;background-size:1rem}.input-group{display:flex;align-items:stretch;min-width:0;border:1px solid var(--app-border-strong);border-radius:var(--app-radius);background:var(--app-surface);box-shadow:var(--app-shadow-xs)}.input-group:focus-within{border-color:var(--app-primary-solid);box-shadow:var(--app-focus-ring)}.input-group:has([aria-invalid=true]){border-color:var(--app-danger-solid)}.input-group>.input{flex:1;border:0;box-shadow:none;background:transparent}.input-group>.input:focus{box-shadow:none}.input-group>.addon{display:inline-flex;align-items:center;gap:.25rem;padding:0 .75rem;color:var(--app-text-tertiary);font-size:var(--fs-sm);font-weight:500;white-space:nowrap}.input-group>.addon:first-child{padding-right:0}.input-group>.addon:last-child{padding-left:0}.input-group>.btn{border:0;border-radius:0 calc(var(--app-radius) - 1px) calc(var(--app-radius) - 1px) 0;box-shadow:none}.search-box{position:relative;display:flex;align-items:center;min-width:0;color:var(--app-text-tertiary)}.search-box>svg,.search-box>app-icon{position:absolute;left:.75rem;pointer-events:none}.search-box>.input{padding-left:2.25rem}.check{display:inline-flex;align-items:center;gap:.625rem;min-height:var(--ctl-h-sm);color:var(--app-text-primary);font-size:var(--fs-base);cursor:pointer}.check>input[type=checkbox],.check>input[type=radio]{width:1.125rem;height:1.125rem;margin:0;flex:none;accent-color:var(--app-primary-solid);cursor:pointer}.check small{display:block;color:var(--app-text-tertiary);font-size:var(--fs-xs)}.toggle{display:inline-flex;align-items:center;gap:.625rem;min-height:var(--ctl-h-sm);font-size:var(--fs-base);cursor:pointer}.toggle>input{appearance:none;position:relative;width:2.5rem;height:1.5rem;margin:0;flex:none;border-radius:var(--app-radius-pill);background:var(--app-border-strong);cursor:pointer;transition:background-color var(--dur) var(--ease)}.toggle>input:after{content:"";position:absolute;top:3px;left:3px;width:1.125rem;height:1.125rem;border-radius:50%;background:#fff;box-shadow:var(--app-shadow-sm);transition:transform var(--dur) var(--ease)}.toggle>input:checked{background:var(--app-primary-solid)}.toggle>input:checked:after{transform:translate(1rem)}.toggle>input:focus-visible{outline:0;box-shadow:var(--app-focus-ring)}.choice{display:flex;align-items:center;gap:.75rem;width:100%;min-height:var(--ctl-h-lg);padding:.625rem .875rem;border:1px solid var(--app-border-strong);border-radius:var(--app-radius);background:var(--app-surface);color:var(--app-text-primary);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur-fast),background-color var(--dur-fast)}.choice:hover{border-color:var(--app-primary-border)}.choice:is([aria-pressed=true],[aria-checked=true],[aria-selected=true]){border-color:var(--app-primary-solid);background:var(--app-primary-container);box-shadow:inset 0 0 0 1px var(--app-primary-solid)}.choice small{display:block;color:var(--app-text-secondary);font-size:var(--fs-xs)}.panel{min-width:0;border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-surface);box-shadow:var(--app-shadow-sm)}.panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;min-height:3.25rem;padding:.625rem var(--app-card-pad);border-bottom:1px solid var(--app-border)}.panel-title{margin:0;color:var(--app-text-primary);font-size:var(--fs-md);font-weight:600;line-height:1.4}.panel-sub{margin:.125rem 0 0;color:var(--app-text-secondary);font-size:var(--fs-xs)}.panel-body{padding:var(--app-card-pad)}.panel-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem var(--app-card-pad);border-top:1px solid var(--app-border);background:var(--app-surface-variant);border-radius:0 0 var(--app-radius-lg) var(--app-radius-lg)}.panel-flush{overflow:hidden}.panel[data-tone=primary]{border-color:var(--app-primary-border)}.panel[data-tone=success]{border-color:var(--app-success-border)}.panel[data-tone=warning]{border-color:var(--app-warning-border)}.panel[data-tone=danger]{border-color:var(--app-danger-border)}.stat{display:grid;align-content:start;gap:.25rem;min-width:0;padding:.875rem var(--app-card-pad);border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-surface);box-shadow:var(--app-shadow-sm);color:inherit;text-decoration:none}.stat-label{display:flex;align-items:center;gap:.375rem;margin:0;color:var(--app-text-secondary);font-size:var(--fs-sm);font-weight:500}.stat-value{margin:0;color:var(--app-text-primary);font-size:1.75rem;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.stat-value small{margin-left:.25rem;color:var(--app-text-secondary);font-size:var(--fs-base);font-weight:500}.stat-foot{margin:0;color:var(--app-text-secondary);font-size:var(--fs-xs)}a.stat:hover,button.stat:hover{border-color:var(--app-primary-border);box-shadow:var(--app-shadow-md)}.stat[data-tone=primary]{border-color:var(--app-primary-border);background:var(--app-primary-container)}.stat[data-tone=primary] :is(.stat-label,.stat-foot){color:var(--app-primary)}.stat[data-tone=danger]{border-color:var(--app-danger-border)}.stat[data-tone=danger] .stat-value{color:var(--app-danger)}.stat[data-tone=warning]{border-color:var(--app-warning-border)}.stat[data-tone=warning] .stat-value{color:var(--app-warning)}.stat[data-tone=success] .stat-value{color:var(--app-success)}dl.kv{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0;font-size:var(--fs-base)}dl.kv dt{color:var(--app-text-secondary)}dl.kv dd{margin:0;color:var(--app-text-primary);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}dl.kv .total :is(dt,dd),dl.kv dt.total,dl.kv dd.total{padding-top:.5rem;border-top:1px solid var(--app-border);font-size:var(--fs-lg)}.table-wrap{position:relative;min-width:0;overflow:auto;-webkit-overflow-scrolling:touch}.table-wrap.sticky-head{max-height:var(--table-max-h, 70vh)}.dtable{width:100%;border-collapse:separate;border-spacing:0;color:var(--app-text-primary);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.dtable caption{padding:.5rem var(--app-card-pad);color:var(--app-text-secondary);font-size:var(--fs-xs);text-align:left;caption-side:bottom}.dtable thead th{position:sticky;top:0;z-index:1;height:2.5rem;padding:0 .75rem;border-bottom:1px solid var(--app-border);background:var(--app-surface-variant);color:var(--app-text-secondary);font-size:var(--fs-xs);font-weight:600;letter-spacing:.01em;text-align:left;white-space:nowrap;vertical-align:middle}.dtable tbody td{height:var(--app-row-h);padding:.5rem .75rem;border-bottom:1px solid var(--app-border);vertical-align:middle}.dtable tbody tr:last-child td{border-bottom:0}.dtable tbody tr{transition:background-color var(--dur-fast)}.dtable tbody tr:hover>td{background:var(--app-hover)}.dtable tbody tr:is(.row-click,[tabindex]){cursor:pointer}.dtable tbody tr:focus-visible{outline:0}.dtable tbody tr:focus-visible>td{background:var(--app-selected)}.dtable tbody tr:is(.is-selected,[aria-selected=true])>td{background:var(--app-selected)}.dtable tbody tr.is-muted>td{color:var(--app-text-tertiary)}.dtable tbody tr.is-void>td{color:var(--app-text-tertiary);text-decoration:line-through}.dtable tfoot td{padding:.625rem .75rem;border-top:1px solid var(--app-border-strong);background:var(--app-surface-variant);font-weight:600}.dtable :is(th,td).end,.dtable :is(th,td).num-col{text-align:right}.dtable :is(th,td).center{text-align:center}.dtable :is(th,td).nowrap{white-space:nowrap}.dtable td.actions{width:1%;white-space:nowrap;text-align:right}.dtable td.actions>*+*{margin-left:.375rem}.dtable .cell-main{display:block;font-weight:600;color:var(--app-text-primary)}.dtable .cell-sub{display:block;margin-top:.125rem;color:var(--app-text-secondary);font-size:var(--fs-xs)}.dtable-compact tbody td{height:2.25rem;padding-top:.25rem;padding-bottom:.25rem}.th-sort{display:inline-flex;align-items:center;gap:.25rem;margin:0 -.25rem;padding:.25rem;border:0;border-radius:var(--app-radius-sm);background:none;color:inherit;font:inherit;cursor:pointer}.th-sort:hover{color:var(--app-text-primary);background:var(--app-hover)}.th-sort:after{content:"\2195";opacity:.35;font-size:.75em}th[aria-sort=ascending] .th-sort,th[aria-sort=descending] .th-sort{color:var(--app-primary)}th[aria-sort=ascending] .th-sort:after{content:"\2191";opacity:1}th[aria-sort=descending] .th-sort:after{content:"\2193";opacity:1}.panel>.table-wrap:last-child .dtable tbody tr:last-child td:first-child{border-bottom-left-radius:var(--app-radius-lg)}.panel>.table-wrap:last-child .dtable tbody tr:last-child td:last-child{border-bottom-right-radius:var(--app-radius-lg)}.dt-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem var(--app-card-pad);border-bottom:1px solid var(--app-border)}.dt-toolbar .grow{flex:1 1 16rem;min-width:0}.dt-meta{color:var(--app-text-secondary);font-size:var(--fs-xs)}@media(max-width:767px){.dtable-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.dtable-stack,.dtable-stack tbody,.dtable-stack tfoot{display:block}.dtable-stack tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .75rem;margin:0 0 .625rem;padding:.875rem;border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-surface);box-shadow:var(--app-shadow-xs)}.dtable-stack tbody tr:hover>td{background:none}.dtable-stack tbody td{display:block;height:auto;padding:0;border:0;min-width:0;text-align:left!important}.dtable-stack tbody td[data-label]:before{content:attr(data-label);display:block;margin-bottom:.125rem;color:var(--app-text-tertiary);font-size:var(--fs-2xs);font-weight:500}.dtable-stack tbody td.span-2,.dtable-stack tbody td.actions{grid-column:1 / -1}.dtable-stack tbody td.actions{display:flex;gap:.5rem;width:auto;padding-top:.5rem;border-top:1px solid var(--app-border)}.dtable-stack tbody td.actions>*{flex:1;margin:0!important}.dtable-stack tbody td.hide-sm{display:none}.dtable-stack tfoot tr{display:flex;justify-content:space-between;padding:.75rem}.dtable-stack tfoot td{border:0;background:none}.panel .table-wrap:has(.dtable-stack){padding:.75rem;background:var(--app-page-background)}}.chip{display:inline-flex;align-items:center;gap:.3rem;max-width:100%;height:1.5rem;padding:0 .5rem;border:1px solid var(--app-border);border-radius:var(--app-radius-pill);background:var(--app-surface-variant);color:var(--app-text-secondary);font-size:var(--fs-xs);font-weight:600;line-height:1;white-space:nowrap;vertical-align:middle}.chip>.dot{width:.375rem;height:.375rem;border-radius:50%;background:currentColor}.chip-lg{height:1.875rem;padding:0 .75rem;font-size:var(--fs-sm)}.chip:is([data-tone=primary],.chip-primary){background:var(--app-primary-container);color:var(--app-primary);border-color:var(--app-primary-border)}.chip:is([data-tone=info],.chip-info){background:var(--app-info-container);color:var(--app-info);border-color:var(--app-info-border)}.chip:is([data-tone=success],.chip-success){background:var(--app-success-container);color:var(--app-success);border-color:var(--app-success-border)}.chip:is([data-tone=warning],.chip-warning){background:var(--app-warning-container);color:var(--app-warning);border-color:var(--app-warning-border)}.chip:is([data-tone=danger],.chip-danger){background:var(--app-danger-container);color:var(--app-danger);border-color:var(--app-danger-border)}.chip:is([data-tone=solid-primary]){background:var(--app-primary-solid);color:var(--app-on-solid);border-color:transparent}.badge{display:inline-grid;place-items:center;min-width:1.125rem;height:1.125rem;padding:0 .3rem;border-radius:var(--app-radius-pill);background:var(--app-danger-solid);color:var(--app-on-solid);font-size:.625rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.badge[data-tone=primary]{background:var(--app-primary-solid)}.badge[data-tone=neutral]{background:var(--app-surface-sunken);color:var(--app-text-secondary)}.tag{display:inline-flex;align-items:center;height:1.25rem;padding:0 .375rem;border:1px solid var(--app-border-strong);border-radius:var(--app-radius-sm);color:var(--app-text-secondary);font-size:var(--fs-2xs);font-weight:500;white-space:nowrap}.status-dot{display:inline-block;width:.5rem;height:.5rem;flex:none;border-radius:50%;background:var(--app-text-tertiary);box-shadow:0 0 0 3px var(--app-surface-variant)}.status-dot[data-tone=success]{background:var(--app-success);box-shadow:0 0 0 3px var(--app-success-container)}.status-dot[data-tone=warning]{background:var(--app-warning);box-shadow:0 0 0 3px var(--app-warning-container)}.status-dot[data-tone=danger]{background:var(--app-danger);box-shadow:0 0 0 3px var(--app-danger-container)}.status-dot[data-tone=info]{background:var(--app-info);box-shadow:0 0 0 3px var(--app-info-container)}.banner{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;border:1px solid var(--app-border);border-left-width:4px;border-radius:var(--app-radius);background:var(--app-surface-variant);color:var(--app-text-primary);font-size:var(--fs-base);line-height:1.5}.banner>app-icon,.banner>svg,.banner>.banner-icon{flex:none;margin-top:.125rem}.banner-body{flex:1;min-width:0}.banner-body p,.banner p{margin:0}.banner-title{display:block;font-weight:600}.banner-body .banner-title+p{margin-top:.125rem;color:var(--app-text-secondary);font-size:var(--fs-sm)}.banner>.btn,.banner>.banner-actions{flex:none;align-self:center}.banner:is([data-tone=info],.banner-info){background:var(--app-info-container);border-color:var(--app-info-border);color:var(--app-info)}.banner:is([data-tone=success],.banner-success){background:var(--app-success-container);border-color:var(--app-success-border);color:var(--app-success)}.banner:is([data-tone=warning],.banner-warning){background:var(--app-warning-container);border-color:var(--app-warning-border);color:var(--app-warning)}.banner:is([data-tone=danger],.banner-danger){background:var(--app-danger-container);border-color:var(--app-danger-border);color:var(--app-danger)}.banner:is([data-tone=primary]){background:var(--app-primary-container);border-color:var(--app-primary-border);color:var(--app-primary)}.banner:is([data-tone]) .banner-body .banner-title+p{color:inherit;opacity:.9}.empty{display:grid;justify-items:center;gap:.375rem;padding:3rem 1rem;color:var(--app-text-secondary);font-size:var(--fs-base);text-align:center}.empty p{margin:0;max-width:32rem}.empty-icon{display:grid;place-items:center;width:3rem;height:3rem;margin-bottom:.25rem;border-radius:50%;background:var(--app-surface-variant);color:var(--app-text-secondary)}.empty-title{color:var(--app-text-primary);font-size:var(--fs-md);font-weight:600}.empty .btn-row,.empty>.btn{margin-top:.5rem;justify-content:center}.skeleton,.skeleton-row,.skeleton-text{border-radius:var(--app-radius);background:var(--app-surface-variant);animation:gs-pulse 1.4s ease-in-out infinite}.skeleton-row{height:2.75rem;margin:.5rem 0}.skeleton-text{height:.875rem;border-radius:4px}.skeleton-list{display:grid;gap:.5rem;padding:var(--app-card-pad)}.skeleton-list .skeleton-row{margin:0}.spinner{display:inline-block;width:1.125rem;height:1.125rem;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:gs-spin .7s linear infinite;vertical-align:-.2em}.spinner-lg{width:2rem;height:2rem;border-width:3px}.backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1rem;background:var(--app-overlay);animation:gs-fade var(--dur) var(--ease)}.dialog{display:flex;flex-direction:column;width:min(32rem,100%);max-height:calc(100dvh - 2rem);overflow:auto;border:1px solid var(--app-border);border-radius:var(--app-radius-xl);background:var(--app-surface);color:var(--app-text-primary);box-shadow:var(--app-shadow-lg);animation:gs-pop var(--dur) var(--ease)}.dialog-lg{width:min(48rem,100%)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem var(--app-card-pad) .75rem;border-bottom:1px solid var(--app-border)}.dialog-head h2,.dialog-title{margin:0;font-size:var(--fs-lg);font-weight:600}.dialog-head p{margin:.25rem 0 0;color:var(--app-text-secondary);font-size:var(--fs-sm)}.dialog-body{display:grid;grid-template-columns:minmax(0,1fr);gap:.875rem;padding:var(--app-card-pad)}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:.75rem var(--app-card-pad);border-top:1px solid var(--app-border)}@media(max-width:767px){.backdrop{place-items:end stretch;padding:0}.dialog,.dialog-lg{width:100%;max-height:92dvh;border-radius:var(--app-radius-xl) var(--app-radius-xl) 0 0;padding-bottom:env(safe-area-inset-bottom);animation:gs-sheet var(--dur) var(--ease)}.dialog-actions{flex-direction:column-reverse}.dialog-actions>.btn{width:100%}}.action-bar{position:sticky;bottom:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem var(--app-card-pad);border-top:1px solid var(--app-border);background:var(--app-surface);box-shadow:0 -6px 16px -10px #10182840}.steps{display:flex;gap:.5rem;margin:0;padding:0;list-style:none;counter-reset:step}.steps>li{display:flex;flex:1;align-items:center;gap:.5rem;min-width:0;padding-top:.5rem;border-top:3px solid var(--app-border);color:var(--app-text-tertiary);font-size:var(--fs-sm);font-weight:600}.steps>li>button{display:contents;color:inherit;font:inherit;cursor:pointer}.step-dot{display:grid;place-items:center;width:1.5rem;height:1.5rem;flex:none;border-radius:50%;background:var(--app-surface-sunken);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.step-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.steps>li[data-state=done]{border-color:var(--app-success);color:var(--app-success)}.steps>li[data-state=done] .step-dot{background:var(--app-success-solid);color:var(--app-on-solid)}.steps>li[data-state=now]{border-color:var(--app-primary-solid);color:var(--app-text-primary)}.steps>li[data-state=now] .step-dot{background:var(--app-primary-solid);color:var(--app-on-solid)}@media(max-width:479px){.steps>li:not([data-state=now]) .step-label{display:none}}.plate{display:inline-flex;flex-direction:column;align-items:center;min-width:6.5rem;padding:.125rem .625rem;border:1.5px solid var(--app-text-primary);border-radius:var(--app-radius-sm);background:var(--app-surface);color:var(--app-text-primary);line-height:1.2}.plate b{font-size:var(--fs-md);font-weight:700;letter-spacing:.03em}.plate small{color:var(--app-text-secondary);font-size:.625rem}.queue-no{display:inline-grid;place-items:center;min-width:2.75rem;height:2rem;padding:0 .375rem;border-radius:var(--app-radius);background:var(--app-surface-variant);color:var(--app-text-primary);font-size:var(--fs-md);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.qcard{--tone: var(--app-border-strong);display:grid;gap:.625rem;padding:.875rem;border:1px solid var(--app-border);border-left:4px solid var(--tone);border-radius:var(--app-radius-lg);background:var(--app-surface);box-shadow:var(--app-shadow-xs)}.qcard[data-tone=info]{--tone: var(--app-info)}.qcard[data-tone=success]{--tone: var(--app-success)}.qcard[data-tone=warning]{--tone: var(--app-warning)}.qcard[data-tone=danger]{--tone: var(--app-danger)}.qcard-main{display:grid;gap:.5rem;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.qcard-top{display:flex;align-items:center;gap:.5rem}.qcard-top .chip{margin-left:auto}.qcard-supplier{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;color:var(--app-text-primary);font-size:var(--fs-base);font-weight:600}.qcard-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding-top:.5rem;border-top:1px solid var(--app-border)}.qcard-meta span{display:grid;min-width:0}.qcard-meta small{color:var(--app-text-tertiary);font-size:var(--fs-2xs)}.qcard-meta b{color:var(--app-text-primary);font-size:var(--fs-sm);font-weight:600}.weight-display{color:var(--app-text-primary);font-size:var(--fs-weight);font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.weight-display small{margin-left:.25rem;color:var(--app-text-secondary);font-size:.35em;font-weight:500;letter-spacing:0}.money{font-variant-numeric:tabular-nums}}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-size:.92em}.muted{color:var(--app-text-secondary)}.subtle{color:var(--app-text-tertiary)}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes gs-spin{to{transform:rotate(360deg)}}@keyframes gs-pulse{50%{opacity:.5}}@keyframes gs-fade{0%{opacity:0}}@keyframes gs-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}}@keyframes gs-sheet{0%{transform:translateY(24px);opacity:.6}}@keyframes gs-slide-in{0%{opacity:0;transform:translate(12px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:767px){app-page-header .ph-actions>:is(.btn,a,button){flex:1 1 0}}@layer base{*,:before,:after{border-color:var(--app-border)}}@font-face{font-family:Noto Sans Thai;src:url(/fonts/NotoSansThai-Variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Sarabun;src:url(/fonts/sarabun/sarabun-thai-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block;unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;src:url(/fonts/sarabun/sarabun-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;src:url(/fonts/sarabun/sarabun-thai-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block;unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;src:url(/fonts/sarabun/sarabun-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;src:url(/fonts/sarabun/sarabun-thai-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:block;unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;src:url(/fonts/sarabun/sarabun-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:block;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;src:url(/fonts/sarabun/sarabun-thai-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block;unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;src:url(/fonts/sarabun/sarabun-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{font-family:var(--font-sans);background:var(--app-page-background);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;background:var(--app-page-background);color:var(--app-text-primary);font-size:var(--fs-base);line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--app-primary-solid);outline-offset:2px}::selection{background:var(--app-primary-container);color:var(--app-text-primary)}.app-card{border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-surface);color:var(--app-text-primary);box-shadow:var(--app-shadow-sm)}.app-card-dense{padding:.75rem}.app-card-standard{padding:1rem}.app-eyebrow{color:var(--app-primary);font-size:.875rem;font-weight:700}.app-title{color:var(--app-text-primary)}.app-muted{color:var(--app-text-secondary)}.app-primary-button{min-height:var(--ctl-h);border:1px solid var(--app-primary-solid);border-radius:var(--app-radius);background:var(--app-primary-solid);color:var(--app-on-solid);font-size:.875rem;font-weight:600}.app-primary-button:hover{background:var(--app-primary-hover)}.app-secondary-button{min-height:var(--ctl-h);border:1px solid var(--app-border-strong);border-radius:var(--app-radius);background:var(--app-surface);color:var(--app-text-primary);font-size:.875rem;font-weight:600}.app-input{border:1px solid var(--app-border-strong);border-radius:var(--app-radius);background:var(--app-surface);color:var(--app-text-primary)}.app-input::placeholder{color:var(--app-text-tertiary)}.app-input:focus{border-color:var(--app-primary-solid);box-shadow:var(--app-focus-ring);outline:0}@media(max-width:767px){input,select,textarea{font-size:max(16px,1em)!important}.app-sticky-cta{position:sticky;bottom:calc(4.5rem + env(safe-area-inset-bottom));z-index:20;box-shadow:0 -12px 16px -4px var(--app-surface),0 6px 18px #02061759}}input,select,textarea,button{touch-action:manipulation}button,.btn,a,[role=button],[role=radio],[role=tab],.row-click{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,.btn,[role=button],[role=radio],[role=tab],.row-click,.chip-btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.fsel{min-height:var(--ctl-h);padding:0 2rem 0 .625rem;border:1px solid var(--app-border-strong);border-radius:var(--app-radius);background:var(--app-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .5rem center / 1rem;color:var(--app-text-primary);font:inherit;font-size:var(--fs-sm);appearance:none;-webkit-appearance:none;box-shadow:var(--app-shadow-xs);cursor:pointer}.fsel:focus{border-color:var(--app-primary-solid);box-shadow:var(--app-focus-ring);outline:0}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{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: 0px;}@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;}@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-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: 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}}}