@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans+Thai+Looped:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:var(--font-ibm-plex-sans-thai),var(--font-montserrat),system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-200:#ffcaca;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-700:#bf000f;--color-red-800:#9f0712;--color-orange-500:#fe6e00;--color-amber-600:#dd7400;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-600:#00a544;--color-green-700:#008138;--color-green-800:#016630;--color-blue-200:#bedbff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-blue-800:#193cb8;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-neutral-200:#e5e5e5;--color-stone-500:#79716b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--radius-sm:6px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--drop-shadow-lg:0 4px 4px #00000026;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:#fcfaf6;--color-surface-2:#f7f3ee;--color-line:#e7e4e0;--color-line-strong:#d4d0cb;--color-ink:#1e1a15;--color-ink-mute:#75716d;--color-ink-faint:#a19e9a;--color-brand:#ed6e29;--color-brand-tint-2:#ffdbc6;--color-success:#33ac5a}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-800:lab(33.7174% 55.8993 41.0293);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-200:lab(92.4222% -26.4702 12.9427);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-green-800:lab(37.4616% -36.7971 22.9692);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-blue-800:lab(30.2514% 27.7853 -70.2699);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-neutral-200:lab(90.952% 0 -.0000119209);--color-stone-500:lab(48.1164% 2.35701 4.26852);--color-bg:lab(98.2689% .426799 1.84673);--color-surface-2:lab(95.9539% .690371 2.95949);--color-line:lab(90.7306% .514656 2.21765);--color-line-strong:lab(83.7738% .692695 2.96102);--color-ink:lab(9.5186% 1.52428 4.35848);--color-ink-mute:lab(47.8037% .929832 2.89044);--color-ink-faint:lab(65.2033% .687301 2.16131);--color-brand:lab(61.6301% 47.5123 59.3855);--color-brand-tint-2:lab(90.4412% 13.6169 18.1898);--color-success:lab(62.5636% -48.4312 32.0721)}}}@layer base{@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)}}}*,: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;-webkit-text-decoration:inherit;-webkit-text-decoration: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 components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.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}.\!absolute{position:absolute!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-5{top:calc(var(--spacing)*5)}.top-6{top:calc(var(--spacing)*6)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-6{right:calc(var(--spacing)*6)}.right-8{right:calc(var(--spacing)*8)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-10{bottom:calc(var(--spacing)*10)}.bottom-\[0\.1in\]{bottom:.1in}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!-m-px{margin:-1px!important}.m-5{margin:calc(var(--spacing)*5)}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.my-10{margin-block:calc(var(--spacing)*10)}.my-\[1mm\]{margin-block:1mm}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-auto{margin-top:auto}.\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-\[2mm\]{margin-bottom:2mm}.mb-auto{margin-bottom:auto}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.\!size-4{width:calc(var(--spacing)*4)!important;height:calc(var(--spacing)*4)!important}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-32{width:calc(var(--spacing)*32);height:calc(var(--spacing)*32)}.size-40{width:calc(var(--spacing)*40);height:calc(var(--spacing)*40)}.size-full{width:100%;height:100%}.\!h-px{height:1px!important}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-11{height:calc(var(--spacing)*11)}.h-14{height:calc(var(--spacing)*14)}.h-15{height:calc(var(--spacing)*15)}.h-20{height:calc(var(--spacing)*20)}.h-25{height:calc(var(--spacing)*25)}.h-31{height:calc(var(--spacing)*31)}.h-100{height:calc(var(--spacing)*100)}.h-125{height:calc(var(--spacing)*125)}.h-\[4rem\]{height:4rem}.h-\[25px\]{height:25px}.h-\[50px\]{height:50px}.h-\[75svh\]{height:75svh}.h-\[80svh\]{height:80svh}.h-\[80vh\]{height:80vh}.h-\[89px\]{height:89px}.h-\[211px\]{height:211px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[28rem\]{max-height:28rem}.max-h-\[50vh\]{max-height:50vh}.min-h-6{min-height:calc(var(--spacing)*6)}.min-h-8{min-height:calc(var(--spacing)*8)}.\!w-1\/3{width:33.3333%!important}.\!w-2\/3{width:66.6667%!important}.\!w-fit{width:fit-content!important}.\!w-px{width:1px!important}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-2\/3{width:66.6667%}.w-2\/3\!{width:66.6667%!important}.w-2\/4{width:50%}.w-3{width:calc(var(--spacing)*3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-10\/12{width:83.3333%}.w-11{width:calc(var(--spacing)*11)}.w-14{width:calc(var(--spacing)*14)}.w-15{width:calc(var(--spacing)*15)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-25{width:calc(var(--spacing)*25)}.w-30{width:calc(var(--spacing)*30)}.w-32{width:calc(var(--spacing)*32)}.w-36{width:calc(var(--spacing)*36)}.w-55{width:calc(var(--spacing)*55)}.w-56{width:calc(var(--spacing)*56)}.w-128{width:calc(var(--spacing)*128)}.w-\[7cm\]{width:7cm}.w-\[25px\]{width:25px}.w-\[40\%\]{width:40%}.w-\[46px\]{width:46px}.w-\[50px\]{width:50px}.w-\[80\%\]{width:80%}.w-\[170px\]{width:170px}.w-\[210px\]{width:210px}.w-\[310px\]{width:310px}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-4xl{max-width:var(--container-4xl)}.max-w-36{max-width:calc(var(--spacing)*36)}.max-w-55{max-width:calc(var(--spacing)*55)}.max-w-\[425px\]{max-width:425px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-6{min-width:calc(var(--spacing)*6)}.min-w-25{min-width:calc(var(--spacing)*25)}.min-w-30{min-width:calc(var(--spacing)*30)}.min-w-50{min-width:calc(var(--spacing)*50)}.min-w-60{min-width:calc(var(--spacing)*60)}.min-w-xs{min-width:var(--container-xs)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-1\/2{flex-basis:50%}.basis-1\/3{flex-basis:33.3333%}.basis-1\/4{flex-basis:25%}.basis-\[calc\(100\%\/7\)\]{flex-basis:14.2857%}.basis-auto{flex-basis:auto}.basis-full{flex-basis:100%}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-y-0{--tw-border-spacing-y:calc(var(--spacing)*0);border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y)}.origin-top{transform-origin:top}.origin-top-left{transform-origin:0 0}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[100\%\]{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-3{--tw-translate-y:calc(var(--spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-\[100\%\]{--tw-translate-y:calc(100%*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-20{--tw-translate-y:calc(var(--spacing)*20);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[30\%_70\%\]{grid-template-columns:30% 70%}.grid-cols-\[35\%_65\%\]{grid-template-columns:35% 65%}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.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)}.gap-8{gap:calc(var(--spacing)*8)}.gap-\[1mm\]{gap:1mm}.gap-\[15px\]{gap:15px}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-x-9{column-gap:calc(var(--spacing)*9)}.gap-x-\[1mm\]{column-gap:1mm}.gap-x-\[5px\]{column-gap:5px}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-3{row-gap:calc(var(--spacing)*3)}.gap-y-4{row-gap:calc(var(--spacing)*4)}.gap-y-5{row-gap:calc(var(--spacing)*5)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.gap-y-\[1mm\]{row-gap:1mm}: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-dashed>:not(:last-child)){--tw-border-style:dashed;border-style:dashed}:where(.divide-\[0\.25px\]>:not(:last-child)){border-color:.25px}:where(.divide-line>:not(:last-child)){border-color:var(--color-line)}:where(.divide-line-strong>:not(:last-child)){border-color:var(--color-line-strong)}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\!overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.\!rounded-\[36px\]{border-radius:36px!important}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-\[36px\]{border-radius:36px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-r-\[36px\]{border-top-right-radius:36px;border-bottom-right-radius:36px}.rounded-tr-xl{border-top-right-radius:var(--radius-xl)}.rounded-br-xl{border-bottom-right-radius:var(--radius-xl)}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[0\.5px\]{border-style:var(--tw-border-style);border-width:.5px}.border-\[0\.25px\]{border-style:var(--tw-border-style);border-width:.25px}.\!border-b-2{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:2px!important}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.\!border-black{border-color:var(--color-black)!important}.\!border-brand{border-color:var(--color-brand)!important}.\!border-line{border-color:var(--color-line)!important}.border-black{border-color:var(--color-black)}.border-current{border-color:currentColor}.border-line{border-color:var(--color-line)}.border-line-strong{border-color:var(--color-line-strong)}.border-orange-500{border-color:var(--color-orange-500)}.border-stone-500{border-color:var(--color-stone-500)}.border-transparent{border-color:#0000}.border-e-transparent{border-inline-end-color:#0000}.border-b-black{border-bottom-color:var(--color-black)}.\!bg-brand{background-color:var(--color-brand)!important}.\!bg-transparent{background-color:#0000!important}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-brand{background-color:var(--color-brand)}.bg-brand-tint-2{background-color:var(--color-brand-tint-2)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-700{background-color:var(--color-green-700)}.bg-ink{background-color:var(--color-ink)}.bg-ink-mute{background-color:var(--color-ink-mute)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-200{background-color:var(--color-red-200)}.bg-success{background-color:var(--color-success)}.bg-surface-2{background-color:var(--color-surface-2)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-\[url\(\'https\:\/\/signaturely\.com\/wp-content\/uploads\/2022\/08\/non-disclosure-agreement-uplead-791x1024\.jpg\'\)\]{background-image:url(https://signaturely.com/wp-content/uploads/2022/08/non-disclosure-agreement-uplead-791x1024.jpg)}.bg-contain{background-size:contain}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-ink-mute{fill:var(--color-ink-mute)}.stroke-brand{stroke:var(--color-brand)}.stroke-white{stroke:var(--color-white)}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-8{padding:calc(var(--spacing)*8)}.p-\[3mm\]{padding:3mm}.\!px-0{padding-inline:calc(var(--spacing)*0)!important}.\!px-4{padding-inline:calc(var(--spacing)*4)!important}.\!px-\[\.5mm\]{padding-inline:.5mm!important}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-\[5px\]{padding-inline:5px}.px-\[15px\]{padding-inline:15px}.px-\[58px\]{padding-inline:58px}.\!py-2{padding-block:calc(var(--spacing)*2)!important}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-7{padding-block:calc(var(--spacing)*7)}.py-10{padding-block:calc(var(--spacing)*10)}.py-\[\.5mm\]{padding-block:.5mm}.py-\[10px\]{padding-block:10px}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.indent-4{text-indent:calc(var(--spacing)*4)}.align-\[-0\.125em\]{vertical-align:-.125em}.align-text-bottom{vertical-align:text-bottom}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-lg\!{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[2\.5mm\]{font-size:2.5mm}.text-\[2mm\]{font-size:2mm}.text-\[3mm\]{font-size:3mm}.text-\[5mm\]{font-size:5mm}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-3{--tw-leading:calc(var(--spacing)*3);line-height:calc(var(--spacing)*3)}.leading-9{--tw-leading:calc(var(--spacing)*9);line-height:calc(var(--spacing)*9)}.leading-\[5mm\]{--tw-leading:5mm;line-height:5mm}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[100\%\]{--tw-leading:100%;line-height:100%}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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-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)}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.text-wrap{text-wrap:wrap}.text-ellipsis{text-overflow:ellipsis}.\!whitespace-nowrap{white-space:nowrap!important}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.\!text-ink{color:var(--color-ink)!important}.\!text-white{color:var(--color-white)!important}.text-amber-600{color:var(--color-amber-600)}.text-bg{color:var(--color-bg)}.text-black{color:var(--color-black)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-brand{color:var(--color-brand)}.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-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-ink{color:var(--color-ink)}.text-ink-faint{color:var(--color-ink-faint)}.text-ink-mute{color:var(--color-ink-mute)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow{--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-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.blur-sm{--tw-blur:blur(var(--blur-sm));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-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));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))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.outline-none{--tw-outline-style:none;outline-style:none}.\!\[clip\:rect\(0\,0\,0\,0\)\]{clip:rect(0,0,0,0)!important}@media (hover:hover){.group-hover\:stroke-white:is(:where(.group):hover *){stroke:var(--color-white)}}.group-data-\[checked\]\:visible:is(:where(.group)[data-checked] *){visibility:visible}.group-data-\[checked\]\:translate-x-6:is(:where(.group)[data-checked] *){--tw-translate-x:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[checked\]\:opacity-100:is(:where(.group)[data-checked] *){opacity:1}.peer-placeholder-shown\:ml-4:is(:where(.peer):placeholder-shown~*){margin-left:calc(var(--spacing)*4)}.peer-placeholder-shown\:translate-y-3:is(:where(.peer):placeholder-shown~*){--tw-translate-y:calc(var(--spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-focus\:ml-2:is(:where(.peer):focus~*){margin-left:calc(var(--spacing)*2)}.peer-focus\:-translate-y-3:is(:where(.peer):focus~*){--tw-translate-y:calc(var(--spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-focus\:-translate-y-\[100\%\]:is(:where(.peer):focus~*){--tw-translate-y:calc(100%*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.first-letter\:font-bold:first-letter{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.placeholder\:text-transparent::placeholder{color:#0000}.even\:bg-surface-2:nth-child(2n){background-color:var(--color-surface-2)}@media (hover:hover){.hover\:translate-x-1:hover{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:bg-brand:hover{background-color:var(--color-brand)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-ink:hover{background-color:var(--color-ink)}.hover\:bg-surface-2:hover{background-color:var(--color-surface-2)}.hover\:text-bg:hover{color:var(--color-bg)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:ring-1:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:outline-1:hover{outline-style:var(--tw-outline-style);outline-width:1px}}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-\[spin_1\.5s_linear_infinite\]{animation:1.5s linear infinite spin}}@media (min-width:48rem){.md\:w-\[50\%\]{width:50%}}}:root{--font-sans:"IBM Plex Sans","IBM Plex Sans Thai",system-ui,sans-serif;--font-display:"IBM Plex Sans","IBM Plex Sans Thai",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--bg:#fcfaf6;--surface:#fff;--surface-2:#f7f3ee;--surface-3:#f1ece6;--line:#e7e4e0;--line-strong:#d4d0cb;--ink:#1e1a15;--ink-2:#46423d;--ink-mute:#75716d;--ink-faint:#a19e9a;--brand:#ed6e29;--brand-2:#d45003;--brand-tint:#ffede0;--brand-tint-2:#ffdbc6;--on-brand:#fff;--success:#33ac5a;--success-tint:#d8f9dd;--warning:#e6ac3d;--warning-tint:#fff0d0;--danger:#de3b3d;--danger-tint:#ffedeb;--info:#248fcc;--info-tint:#e5f4ff;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-pill:999px;--density:1;--row-h:calc(44px*var(--density));--pad-x:calc(16px*var(--density));--pad-y:calc(10px*var(--density));--gap:calc(12px*var(--density));--shadow-sm:0 1px 0 #d2cdc799,0 1px 2px #4f463c0a;--shadow-md:0 4px 14px #4f463c0f,0 1px 2px #4f463c0a;--shadow-lg:0 20px 40px #4f463c1a,0 2px 4px #4f463c0a;--sidebar-w:232px;--topbar-h:56px}@supports (color:lab(0% 0 0)){:root{--bg:lab(98.2689% .426799 1.84673);--surface-2:lab(95.9539% .690371 2.95949);--surface-3:lab(93.637% .869602 3.70365);--line:lab(90.7306% .514656 2.21765);--line-strong:lab(83.7738% .692695 2.96102);--ink:lab(9.5186% 1.52428 4.35848);--ink-2:lab(28.0829% 1.1947 3.63571);--ink-mute:lab(47.8037% .929832 2.89044);--ink-faint:lab(65.2033% .687301 2.16131);--brand:lab(61.6301% 47.5123 59.3855);--brand-2:lab(52.1834% 51.0823 62.2201);--brand-tint:lab(95.1831% 8.90634 11.973);--brand-tint-2:lab(90.4412% 13.6169 18.1898);--success:lab(62.5636% -48.4312 32.0721);--success-tint:lab(94.8646% -14.8135 9.47288);--warning:lab(74.5248% 14.3487 62.5064);--warning-tint:lab(95.5493% 2.6086 23.6098);--danger:lab(51.5803% 63.2457 38.9399);--danger-tint:lab(94.9893% 12.2795 6.63545);--info:lab(55.764% -13.6418 -40.5856);--info-tint:lab(95.3988% -4.7369 -9.80746);--shadow-sm:0 1px 0 lab(82.6168% .872999 3.70588/.6),0 1px 2px lab(30.399% 2.5166 7.37386/.04);--shadow-md:0 4px 14px lab(30.399% 2.5166 7.37386/.06),0 1px 2px lab(30.399% 2.5166 7.37386/.04);--shadow-lg:0 20px 40px lab(30.399% 2.5166 7.37386/.1),0 2px 4px lab(30.399% 2.5166 7.37386/.04)}}[data-theme=dark]{--bg:#14110e;--surface:#1d1a17;--surface-2:#24211e;--surface-3:#2e2b27;--line:#36322e;--line-strong:#4b4743;--ink:#f7f5f1;--ink-2:#d0cdc9;--ink-mute:#9b9893;--ink-faint:#66635e;--brand-tint:#4b2915;--brand-tint-2:#633416;--shadow-sm:0 1px 0 #0006;--shadow-md:0 4px 14px #0006;--shadow-lg:0 20px 40px #0008}@supports (color:lab(0% 0 0)){[data-theme=dark]{--bg:lab(5.2682% .761367 2.04813);--surface:lab(9.52116% .977561 2.92297);--surface-2:lab(13.0017% .968114 2.91783);--surface-3:lab(17.6422% .958517 2.91062);--line:lab(21.1225% .952885 2.90648);--line-strong:lab(30.4031% .941888 2.89868);--ink:lab(96.5289% .426888 1.8468);--ink-2:lab(82.6105% .51558 2.21825);--ink-mute:lab(62.8934% .698388 2.96472);--ink-faint:lab(42.0129% .708163 2.97123);--brand-tint:lab(20.7745% 14.7866 20.1682);--brand-tint-2:lab(27.6034% 19.9708 27.7612)}}[data-accent=blue]{--brand:#248fcc;--brand-2:#0079b6;--brand-tint:#ddf2ff;--brand-tint-2:#bde4ff}@supports (color:lab(0% 0 0)){[data-accent=blue]{--brand:lab(55.764% -13.6418 -40.5856);--brand-2:lab(47.536% -12.5739 -43.4224);--brand-tint:lab(94.246% -6.20112 -13.0235);--brand-tint-2:lab(88.4495% -8.90154 -19.3709)}}[data-accent=green]{--brand:#33ac5a;--brand-2:#009440;--brand-tint:#d8f9dd;--brand-tint-2:#beecc6}@supports (color:lab(0% 0 0)){[data-accent=green]{--brand:lab(62.5636% -48.4312 32.0721);--brand-2:lab(53.3767% -51.866 34.8507);--brand-tint:lab(94.8646% -14.8135 9.47288);--brand-tint-2:lab(89.3229% -20.7847 13.3376)}}[data-accent=ink]{--brand:#342c23;--brand-2:#1e1a15;--brand-tint:#e7e4e1;--brand-tint-2:#d0cdca}@supports (color:lab(0% 0 0)){[data-accent=ink]{--brand:lab(18.7942% 2.60349 7.45645);--brand-2:lab(9.5186% 1.52428 4.35848);--brand-tint:lab(90.723% .56836 1.79831);--brand-tint-2:lab(82.603% .568986 1.79869)}}[data-density=compact]{--density:.85}[data-density=comfy]{--density:1}[data-density=roomy]{--density:1.15}*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.5}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border:2px solid var(--bg);border-radius:999px}::-webkit-scrollbar-track{background:0 0}.app{grid-template-columns:var(--sidebar-w)1fr;min-height:100vh;display:grid}.app[data-collapsed=true]{--sidebar-w:64px}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar__brand{border-bottom:1px solid var(--line);height:var(--topbar-h);align-items:center;gap:10px;padding:16px 18px;display:flex}.sidebar__logo{background:var(--ink);width:28px;height:28px;color:var(--bg);letter-spacing:.02em;border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.sidebar__brandtxt{flex-direction:column;min-width:0;display:flex}.sidebar__brandtxt b{letter-spacing:-.01em;font-size:13px}.sidebar__brandtxt small{color:var(--ink-mute);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}.app[data-collapsed=true] .sidebar__brandtxt{display:none}.sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.sidebar__group{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;padding:14px 10px 6px;font-size:10.5px}.app[data-collapsed=true] .sidebar__group{opacity:0;height:8px;padding:8px 0 0}.navitem{border-radius:var(--r-md);color:var(--ink-2);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13.5px;transition:background .12s,color .12s;display:flex}.navitem:hover{background:var(--surface-2);color:var(--ink)}.navitem[aria-current=page]{background:var(--ink);color:var(--bg)}.navitem[aria-current=page] svg{color:inherit}.navitem svg{width:18px;height:18px;color:var(--ink-mute);flex-shrink:0}.navitem__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.navitem__badge{background:var(--brand-tint);color:var(--brand-2);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10.5px;font-weight:600}.app[data-collapsed=true] .navitem__label,.app[data-collapsed=true] .navitem__badge{display:none}.sidebar--collapsed .sidebar__brand{flex-direction:column;gap:8px;height:auto}.sidebar--collapsed .navitem{justify-content:center}.sidebar--collapsed .sidebar__group{display:none}.sidebar__foot{border-top:1px solid var(--line);padding:12px}.userchip{border-radius:var(--r-md);align-items:center;gap:10px;padding:6px;display:flex}.userchip:hover{background:var(--surface-2);cursor:pointer}.userchip__avatar{background:var(--brand-tint);width:32px;height:32px;color:var(--brand-2);border-radius:999px;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.userchip__txt{min-width:0;font-size:12.5px;line-height:1.2}.userchip__txt b{display:block}.userchip__txt small{color:var(--ink-mute);font-size:11px}.app[data-collapsed=true] .userchip__txt{display:none}.main{flex-direction:column;min-width:0;display:flex}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:14px;padding:0 22px;display:flex;position:sticky;top:0}.topbar__title{letter-spacing:-.01em;font-size:15px;font-weight:600}.topbar__crumb{color:var(--ink-mute);align-items:center;gap:8px;font-size:13px;display:flex}.topbar__crumb svg{flex-shrink:0;width:14px;height:14px}.topbar__crumb b{color:var(--ink);font-weight:500}.topbar__search{flex:1;max-width:420px;position:relative}.topbar__search input{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);width:100%;height:34px;color:var(--ink);outline:none;padding:0 12px 0 32px}.topbar__search input:focus{border-color:var(--brand);background:var(--surface)}.topbar__search svg{width:14px;height:14px;color:var(--ink-mute);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.topbar__right{align-items:center;gap:8px;margin-left:auto;display:flex}.iconbtn{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--ink-2);place-items:center;display:grid;position:relative}.iconbtn:hover{background:var(--surface-2);color:var(--ink)}.iconbtn svg{width:16px;height:16px}.iconbtn__dot{background:var(--brand);border:2px solid var(--surface);border-radius:999px;width:8px;height:8px;position:absolute;top:6px;right:6px}.page{flex-direction:column;flex:1;gap:18px;min-width:0;padding:22px 28px 40px;display:flex}.page__head{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.page__title h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.page__title p{color:var(--ink-mute);margin:4px 0 0;font-size:13.5px}.page__actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.btn{border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);height:36px;color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:500;transition:background .12s,border-color .12s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:15px;height:15px}.btn--primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.btn--primary:hover{background:var(--brand-2)}.btn--ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface-2);color:var(--ink)}.btn--danger{color:var(--danger);border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.btn--danger{border-color:color-mix(in oklch,var(--danger)30%,var(--line))}}.btn--danger{background:var(--surface)}.btn--danger:hover{background:var(--danger-tint)}.btn--lg{height:44px;padding:0 18px;font-size:14.5px}.btn--sm{border-radius:var(--r-sm);height:28px;padding:0 10px;font-size:12.5px}.btn--icon{width:36px;padding:0}.btn--icon.btn--sm{width:28px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card__head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 18px;display:flex}.card__head h3{letter-spacing:-.005em;margin:0;font-size:14px;font-weight:600}.card__head p{color:var(--ink-mute);margin:0;font-size:12px}.card__body{padding:16px 18px}.card__foot{border-top:1px solid var(--line);align-items:center;gap:8px;padding:12px 18px;display:flex}.badge{background:var(--surface-2);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;line-height:1.4;display:inline-flex}.badge:before{content:"";opacity:.8;background:currentColor;border-radius:999px;width:6px;height:6px}.badge--success{background:var(--success-tint);color:#005e25;color:lab(34.3156% -39.7732 26.8728)}.badge--warning{background:var(--warning-tint);color:#8c5500;color:lab(41.6382% 22.4672 70.493)}.badge--danger{background:var(--danger-tint);color:var(--danger)}.badge--info{background:var(--info-tint);color:var(--info)}.badge--brand{background:var(--brand-tint);color:var(--brand-2)}.badge--plain{background:var(--surface-2);color:var(--ink-2)}.badge--plain:before{display:none}.field{flex-direction:column;gap:5px;display:flex}.field>span:first-child{color:var(--ink-2);font-size:12px;font-weight:500}.input,.select,.textarea{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);height:36px;color:var(--ink);outline:none;padding:0 12px;transition:border-color .12s,box-shadow .12s}.textarea{resize:vertical;height:auto;min-height:80px;padding:8px 12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand)}@supports (color:color-mix(in lab, red, red)){:is(.input:focus,.select:focus,.textarea:focus){box-shadow:0 0 0 3px color-mix(in oklch,var(--brand)18%,transparent)}}.input--with-icon{padding-left:32px}.input-group{align-items:center;display:flex;position:relative}.input-group svg{width:14px;height:14px;color:var(--ink-mute);pointer-events:none;position:absolute;left:10px}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.table th{text-align:left;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px;font-size:11.5px;font-weight:500}.table th:first-child{border-top-left-radius:var(--r-md)}.table th:last-child{border-top-right-radius:var(--r-md)}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.table tbody tr:hover td{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.is-selected td{background:var(--brand-tint)}.table tbody tr.is-group td{background:var(--surface-2);font-weight:600}.table tbody tr.is-child td:first-child{padding-left:40px}.table--sticky-col th:first-child,.table--sticky-col td:first-child{z-index:1;background:var(--surface);position:sticky;left:0}.table--sticky-col thead th:first-child{background:var(--surface-2)}.data-table__toolbar{margin-bottom:12px}.data-table__empty{text-align:center;color:var(--ink-mute);padding:24px 14px}.data-table__footer{margin-top:12px}.data-table__row--clickable{cursor:pointer}.select-table__title{margin-bottom:12px;font-size:18px;font-weight:600}.t-num{font-variant-numeric:tabular-nums}.t-right{text-align:right}.t-mute{color:var(--ink-mute)}.t-row-action{opacity:0;gap:4px;transition:opacity .12s;display:inline-flex}.table tbody tr:hover .t-row-action{opacity:1}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:6px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.kpi__label{color:var(--ink-mute);align-items:center;gap:6px;font-size:12px;display:flex}.kpi__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.kpi__delta{align-items:center;gap:4px;font-size:12px;display:flex}.kpi__delta svg{flex-shrink:0;width:12px;height:12px}.kpi__delta--up{color:#007834;color:lab(43.8463% -45.8172 30.856)}.kpi__delta--down{color:var(--danger)}.kpi__spark{height:36px;margin-top:4px}.pos{height:calc(100vh - var(--topbar-h) - 80px);grid-template-columns:1fr 420px;gap:18px;min-height:600px;display:grid}.pos__catalog{flex-direction:column;gap:14px;min-width:0;display:flex}.pos__tools{align-items:center;gap:8px;display:flex}.pos__cats{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.poscat{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);color:var(--ink-2);white-space:nowrap;padding:6px 14px;font-size:12.5px}.poscat[aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pos__grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:10px;padding-right:4px;display:grid;overflow-y:auto}.prodcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);text-align:left;flex-direction:column;gap:6px;padding:10px;transition:border-color .12s,transform 60ms;display:flex}.prodcard:hover{border-color:var(--brand)}.prodcard:active{transform:scale(.98)}.prodcard__img{aspect-ratio:1;border-radius:var(--r-sm);background:repeating-linear-gradient(135deg,var(--surface-2)0 6px,var(--surface-3)6px 12px);color:var(--ink-faint);place-items:center;font-size:11px;display:grid;position:relative;overflow:hidden}.prodcard__img b{color:var(--ink-mute);font-size:22px;font-weight:700}.prodcard__name{min-height:2.6em;font-size:12.5px;font-weight:500;line-height:1.3}.prodcard__meta{justify-content:space-between;align-items:center;display:flex}.prodcard__price{font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:700}.prodcard__stock{color:var(--ink-mute);font-size:11px}.cart{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;display:flex;overflow:hidden}.cart__head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 16px;display:flex}.cart__head h3{margin:0;font-size:14px;font-weight:600}.cart__items{flex:1;padding:4px 0;overflow-y:auto}.cart__empty{text-align:center;color:var(--ink-mute);padding:40px 20px;font-size:13px}.cartline{border-bottom:1px dashed var(--line);grid-template-columns:1fr auto;gap:4px 10px;padding:10px 16px;display:grid}.cartline:last-child{border-bottom:0}.cartline__name{font-size:13px;font-weight:500}.cartline__total{font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:700}.cartline__qty{color:var(--ink-mute);align-items:center;gap:6px;font-size:12px;display:flex}.qtybtn{border:1px solid var(--line);background:var(--surface);width:22px;height:22px;color:var(--ink-2);border-radius:999px;place-items:center;font-size:13px;line-height:1;display:grid}.qtybtn:hover{background:var(--surface-2);color:var(--ink)}.cartline__del{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;font-size:11px}.cartline__del:hover{color:var(--danger)}.cart__foot{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.cart__row{color:var(--ink-2);justify-content:space-between;font-size:13px;display:flex}.cart__row--total{color:var(--ink);font-size:18px;font-weight:700}.cart__row b{font-variant-numeric:tabular-nums}.filterbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;background:#19151166;background:lab(7.22589% 1.19062 3.13728/.4);position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--line);z-index:81;width:min(540px,100vw);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer__head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 22px;display:flex}.drawer__head h2{margin:0;font-size:17px;font-weight:600}.drawer__body{flex-direction:column;flex:1;gap:14px;padding:18px 22px;display:flex;overflow-y:auto}.drawer__foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.empty{text-align:center;color:var(--ink-mute);padding:40px 20px}.empty svg{opacity:.5;width:40px;height:40px;margin-bottom:8px}.divider{background:var(--line);height:1px;margin:8px 0}.grid{gap:var(--gap);display:grid}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.row{align-items:center;gap:8px;display:flex}.spacer{flex:1}.flex-col{flex-direction:column;display:flex}.muted{color:var(--ink-mute)}.numeric{font-variant-numeric:tabular-nums}.dot{background:var(--ink-faint);vertical-align:middle;border-radius:999px;width:6px;height:6px;margin-right:6px;display:inline-block}.dot--success{background:var(--success)}.dot--warning{background:var(--warning)}.dot--danger{background:var(--danger)}.avatar{background:var(--brand-tint);width:32px;height:32px;color:var(--brand-2);border-radius:999px;flex-shrink:0;place-items:center;font-size:12.5px;font-weight:600;display:inline-grid}.avatar--sm{width:24px;height:24px;font-size:11px}.avatar--lg{width:56px;height:56px;font-size:18px}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute);font-size:11.5px;font-weight:600}.barchart{align-items:flex-end;gap:6px;height:160px;padding:12px 0 0;display:flex}.barchart__col{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.barchart__bar{background:var(--brand-tint-2);border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:background .15s;position:relative}.barchart__col:hover .barchart__bar,.barchart__bar--accent{background:var(--brand)}.barchart__lbl{color:var(--ink-mute);font-size:10.5px}.hui-popover{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:100;min-width:200px;max-height:320px;padding:4px;overflow-y:auto}.hui-listbox{padding:4px}.hui-select{position:relative}.hui-select__btn{text-align:left;cursor:default;align-items:center;gap:8px;width:100%;display:inline-flex}.hui-select__btn:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand);outline:none}@supports (color:color-mix(in lab, red, red)){.hui-select__btn:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--brand)18%,transparent)}}.hui-combobox__input{min-width:0;height:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 0 0 12px}.hui-combobox__btn{border:0;border-left:1px solid var(--line);cursor:default;background:0 0;place-items:center;width:32px;height:100%;display:grid}.hui-option{outline:none}.hui-option__inner{cursor:default;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.hui-option__inner.is-focus{background:var(--surface-2)}.hui-option__inner.is-sel{color:var(--brand-2)}.hui-option__inner.is-sel.is-focus{background:var(--brand-tint)}.hui-radio{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.hui-radio__opt{cursor:default;outline:none}.hui-radio__card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .12s,background .12s;display:flex}.hui-radio__card:hover{border-color:var(--line-strong)}.hui-radio__card.is-focus{box-shadow:0 0 0 3px var(--brand)}@supports (color:color-mix(in lab, red, red)){.hui-radio__card.is-focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--brand)18%,transparent)}}.hui-radio__card.is-checked{border-color:var(--brand);background:var(--brand-tint);color:var(--brand-2)}.hui-radio__dot{border:1.5px solid var(--line-strong);background:var(--surface);border-radius:999px;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:1px;display:grid}.hui-radio__card.is-checked .hui-radio__dot{border-color:var(--brand)}.hui-radio__dot-inner{background:var(--brand);border-radius:999px;width:8px;height:8px}.hui-radio__txt{flex:1;font-size:13px}.hui-radio__txt b{font-weight:600}.hui-switch-row{align-items:center;gap:12px;display:flex}.hui-switch-row__lbl{cursor:default;font-size:13px;font-weight:500}.hui-switch{background:var(--line-strong);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.hui-switch.is-on{background:var(--brand)}.hui-switch__thumb{width:16px;height:16px;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;transition:transform .18s cubic-bezier(.4,.7,.2,1);position:absolute;top:2px;left:2px}.hui-switch.is-on .hui-switch__thumb{transform:translate(16px)}.hui-switch:focus{box-shadow:0 0 0 3px var(--brand);outline:none}@supports (color:color-mix(in lab, red, red)){.hui-switch:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--brand)18%,transparent)}}.hui-menu{min-width:180px;padding:4px}.hui-menu__item{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:13px;display:flex}.hui-menu__item.is-focus{background:var(--surface-2)}.hui-menu__item.is-danger{color:var(--danger)}.hui-menu__item.is-danger.is-focus{background:var(--danger-tint)}.hui-disclosure{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.hui-disclosure+.hui-disclosure{margin-top:6px}.hui-disclosure__btn{width:100%;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.hui-disclosure__btn:hover{background:var(--surface-2)}.hui-disclosure__panel{color:var(--ink-2);padding:0 14px 14px;font-size:13px;overflow:hidden}.hui-fade-from{opacity:0}.hui-fade-to{opacity:1}.hui-fade-enter,.hui-fade-leave{transition:opacity .16s}.hui-slide-from{opacity:0;transform:translate(24px)}.hui-slide-to{opacity:1;transform:translate(0)}.hui-slide-enter,.hui-slide-leave{transition:transform .22s cubic-bezier(.2,.7,.2,1),opacity .18s}.hui-grow-from{opacity:0;transform:translateY(-4px)}.hui-grow-to{opacity:1;transform:translateY(0)}.hui-grow-enter,.hui-grow-leave{transition:transform .15s,opacity .15s}.ds{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.ds__nav{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:4px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.ds__nav .ds-group{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;padding:14px 8px 4px;font-size:10.5px}.ds__nav a{color:var(--ink-2);border-radius:6px;padding:6px 10px;font-size:13px;display:block}.ds__nav a:hover{background:var(--surface-2);color:var(--ink)}.ds__nav a.is-current{background:var(--ink);color:var(--bg)}.ds__main{max-width:1180px;padding:32px 48px 80px}.ds__hero{background:linear-gradient(135deg,var(--brand-tint),var(--bg));border:1px solid var(--line);border-radius:var(--r-xl);align-items:center;gap:24px;margin-bottom:40px;padding:28px 32px;display:flex}.ds__hero h1{letter-spacing:-.02em;margin:0 0 6px;font-size:30px;font-weight:700}.ds__hero p{color:var(--ink-mute);max-width:560px;margin:0}.ds__hero .mark{background:var(--ink);width:84px;height:84px;color:var(--bg);box-shadow:var(--shadow-lg);border-radius:18px;flex-shrink:0;place-items:center;font-size:28px;font-weight:700;display:grid}.ds-section{margin-bottom:56px;scroll-margin-top:24px}.ds-section__head{align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.ds-section__head h2{letter-spacing:-.015em;margin:0;font-size:22px;font-weight:700}.ds-section__head p{color:var(--ink-mute);margin:0 0 2px;font-size:13.5px}.ds-sub h3{color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;margin:28px 0 12px;font-size:13px;font-weight:600}.ds-block{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:24px}.ds-block+.ds-block{margin-top:14px}.ds-block__title{color:var(--ink);margin:0 0 4px;font-size:13px;font-weight:600}.ds-block__hint{color:var(--ink-mute);margin:0 0 16px;font-size:12.5px}.ds-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ds-stack{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.swatch{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);overflow:hidden}.swatch__chip{height:80px}.swatch__meta{padding:10px 12px}.swatch__meta b{font-size:12.5px;display:block}.swatch__meta small{color:var(--ink-mute);font-size:11px;font-family:var(--font-mono)}.scale-grid{gap:8px;display:grid}.scale-row{border:1px solid var(--line);border-radius:8px;grid-template-columns:60px 1fr 100px 80px;align-items:center;gap:14px;padding:8px 12px;font-size:12.5px;display:grid}.scale-row .preview{font-family:var(--font-sans)}.scale-row .px{font-family:var(--font-mono);color:var(--ink-mute);text-align:right}.scale-row .name{color:var(--ink-mute);font-family:var(--font-mono);font-size:11.5px}.radii-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.radii{background:var(--surface-2);aspect-ratio:1;color:var(--ink-mute);font-size:10.5px;font-family:var(--font-mono);border:1px solid var(--line);place-items:end center;padding:6px;display:grid}.space-grid{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.space-chip{color:var(--ink-mute);font-size:11px;font-family:var(--font-mono);flex-direction:column;align-items:center;gap:6px;display:flex}.space-chip>div{background:var(--brand-tint-2);border-radius:4px}.shadow-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.shadow-card{background:var(--surface);border-radius:var(--r-lg);padding:18px;font-size:12.5px}.shadow-card small{font-family:var(--font-mono);color:var(--ink-mute);margin-top:4px;font-size:11px;display:block}.codechip{font-family:var(--font-mono);color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:11.5px;display:inline-block}.cmp-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin-bottom:8px;font-size:10.5px}.cmp-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;display:grid}.icon-cell{border:1px solid var(--line);border-radius:var(--r-md);text-align:center;font-family:var(--font-mono);color:var(--ink-mute);background:var(--surface);padding:14px 8px 10px;font-size:10.5px}.icon-cell svg{color:var(--ink);margin:0 auto 8px;display:block}.tok-table{border-collapse:collapse;width:100%;font-size:12.5px}.tok-table th,.tok-table td{text-align:left;border-bottom:1px solid var(--line);padding:8px 12px}.tok-table th{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.tok-table td.mono{font-family:var(--font-mono);color:var(--ink-2);font-size:11.5px}.pattern-frame{border:1px dashed var(--line-strong);border-radius:var(--r-md);background:repeating-linear-gradient(45deg,transparent 0 8px,var(--surface-2)8px 9px);padding:18px}.tweaks{z-index:200;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);align-items:center;gap:14px;padding:12px 14px;font-size:12px;display:flex;position:fixed;bottom:20px;right:20px}.tweaks__group{flex-direction:column;gap:4px;display:flex}.tweaks__lbl{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.tweaks__row{gap:4px;display:flex}.tweaks__btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:11.5px}.tweaks__btn.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tweaks__swatch{border:1px solid var(--line);cursor:pointer;border-radius:6px;width:20px;height:20px}.tweaks__swatch.is-on{box-shadow:0 0 0 2px var(--ink)}.dialog{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:640px;max-height:calc(100vh - 32px);display:flex;position:relative;overflow:hidden}.dialog__close{z-index:1;position:absolute;top:10px;right:10px}.dialog__head{border-bottom:1px solid var(--line);padding:18px 22px 12px}.dialog__head h2,.dialog__head h3{margin:0;font-size:16px;font-weight:600}.dialog__body{flex-direction:column;gap:12px;padding:18px 22px;display:flex;overflow-y:auto}.dialog__foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 22px;display:flex}.hui-check{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.hui-check__box{border-radius:var(--r-xs);border:1.5px solid var(--line-strong);background:var(--surface);color:#0000;place-items:center;width:18px;height:18px;transition:background .12s,border-color .12s;display:inline-grid}.hui-check__box[data-checked]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.hui-check__box[data-focus]{box-shadow:0 0 0 3px var(--brand)}@supports (color:color-mix(in lab, red, red)){.hui-check__box[data-focus]{box-shadow:0 0 0 3px color-mix(in oklch,var(--brand)18%,transparent)}}.hui-check__box[data-focus]{outline:none}.hui-check__box[data-disabled]{opacity:.5;cursor:not-allowed}.hui-check__lbl{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.spinner-wrap{justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.spinner{border:3px solid var(--surface-2);border-top-color:var(--brand);border-radius:999px;animation:.8s linear infinite spinner-spin;display:inline-block}@keyframes spinner-spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.separator{background:var(--line);width:100%;height:1px;margin:8px 0}.snackbar-host{pointer-events:none;z-index:90;justify-content:center;align-items:flex-end;padding:32px 16px;display:flex;position:fixed;inset:0}.snackbar{pointer-events:auto;background:var(--surface);border:1px solid var(--brand);border-radius:var(--r-md);min-width:280px;max-width:480px;box-shadow:var(--shadow-lg);color:var(--ink);opacity:0;padding:12px 18px;font-size:13px;transition:transform .22s cubic-bezier(.2,.7,.2,1),opacity .18s;transform:translateY(120%)}.snackbar.is-open{opacity:1;transform:translateY(0)}.searchfield{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);align-items:stretch;width:100%;height:36px;transition:border-color .12s,box-shadow .12s;display:inline-flex;position:relative;overflow:hidden}.searchfield:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand)}@supports (color:color-mix(in lab, red, red)){.searchfield:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--brand)18%,transparent)}}.searchfield__icon{color:var(--ink-mute);flex-shrink:0;place-items:center;padding:0 8px 0 12px;display:grid}.searchfield__input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 8px}.searchfield__input::placeholder{color:var(--ink-mute)}.searchfield__input::-webkit-search-cancel-button{appearance:none}.searchfield__clear{width:28px;color:var(--ink-mute);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.searchfield__clear:hover{color:var(--ink)}.searchfield__submit{border:0;border-left:1px solid var(--line);background:var(--surface-2);width:40px;color:var(--ink-2);cursor:pointer;place-items:center;display:grid}.searchfield__submit:hover{background:var(--surface-3);color:var(--ink)}.pagination{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.pagination__rows{align-items:center;gap:8px;font-size:12.5px;display:flex}.pagination__rows .muted{font-size:12.5px}.pagination__nav{align-items:center;gap:4px;display:flex}.pagination__navbtn{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--ink-2);cursor:pointer;place-items:center;display:grid}.pagination__navbtn:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.pagination__navbtn:disabled{opacity:.4;cursor:not-allowed}.pagination__pages{align-items:center;gap:2px;display:flex}.pagination__page{border-radius:var(--r-sm);min-width:32px;height:32px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:12.5px}.pagination__page:hover{background:var(--surface-2);color:var(--ink)}.pagination__page.is-selected{background:var(--ink);color:var(--bg);font-weight:600}.pagination__ellipsis{color:var(--ink-mute);padding:0 6px}.inplace{min-height:32px;display:block;position:relative}.inplace__view{border-radius:var(--r-sm);width:100%;min-height:32px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:6px 8px;transition:background .12s,border-color .12s;display:block}.inplace__view:hover{background:var(--surface-2);border-color:var(--line)}.inplace__view.is-numeric{text-align:right;font-variant-numeric:tabular-nums}.inplace__form{width:100%;display:block}.inplace__input{width:100%}.inplace__input.is-numeric{text-align:right;font-variant-numeric:tabular-nums}.inplace__lbl{margin-top:2px;font-size:11px;display:block}.inplace__err{color:var(--danger);margin-top:2px;font-size:11px;display:block}.mvp-banner{border:1px dashed var(--warning);align-items:center;gap:12px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.mvp-banner{border:1px dashed color-mix(in oklch,var(--warning)50%,var(--line))}}.mvp-banner{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.mvp-banner{background:color-mix(in oklch,var(--warning)6%,var(--surface))}}.mvp-banner{border-radius:var(--r-md);color:var(--ink-2);font-size:12.5px}.mvp-banner__tag{letter-spacing:.1em;background:var(--warning);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.mvp-banner__tag{background:color-mix(in oklch,var(--warning)20%,transparent)}}.mvp-banner__tag{color:#6e4200;color:lab(32.2844% 23.6071 67.7527);text-transform:uppercase}.subtabs{border-bottom:1px solid var(--line);gap:2px;width:100%;margin-bottom:16px;display:inline-flex}.subtab{color:var(--ink-mute);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 14px;font-size:13px;font-weight:500;display:inline-flex}.subtab:hover{color:var(--ink)}.subtab[aria-current=page]{color:var(--brand);border-bottom-color:var(--brand)}.subtab__count{background:var(--surface-2);color:var(--ink-mute);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:500}.subtab[aria-current=page] .subtab__count{background:var(--brand-tint);color:var(--brand-2)}.bulkbar{background:var(--ink);width:fit-content;color:var(--bg);box-shadow:var(--shadow-md);z-index:4;border-radius:999px;align-items:center;gap:12px;margin:16px auto 0;padding:10px 14px;font-size:13px;display:flex;position:sticky;bottom:16px}.bulkbar b{color:var(--brand);margin-right:4px}.bulkbar button{border:1px solid var(--bg);background:0 0}@supports (color:color-mix(in lab, red, red)){.bulkbar button{border:1px solid color-mix(in oklch,var(--bg)25%,transparent)}}.bulkbar button{color:var(--bg);border-radius:var(--r-sm);cursor:pointer;padding:5px 12px;font-size:12px}.bulkbar button:hover{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.bulkbar button:hover{background:color-mix(in oklch,var(--bg)12%,transparent)}}.bulkbar button.is-primary{background:var(--brand);border-color:var(--brand);color:#fff}.t-unit-group{text-align:center;border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);font-size:10.5px;padding-top:8px!important;padding-bottom:4px!important}.t-unit{color:var(--ink-mute);text-align:center;font-size:10.5px;font-weight:500}.t-edit{border-radius:var(--r-sm);font-variant-numeric:tabular-nums;text-align:right;cursor:text;background:0 0;border:1px solid #0000;width:100%;padding:4px 6px;font-size:12.5px;display:inline-block}.t-edit:hover{border-color:var(--line);background:var(--surface-2)}.t-edit:focus{border-color:var(--brand);background:var(--surface);outline:none}.t-edit--text{text-align:left;font-variant-numeric:normal}.chip{background:var(--surface-2);color:var(--ink-2);cursor:default;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.chip--add{border:1px dashed var(--line);color:var(--ink-mute);cursor:pointer;background:0 0}.chip--add:hover{color:var(--ink);border-color:var(--ink-mute)}.chip__dot{border-radius:999px;width:6px;height:6px}.empcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);cursor:pointer;text-align:left;flex-direction:column;gap:10px;padding:16px;transition:transform .1s,box-shadow .1s;display:flex}.empcard:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.empcard__head{align-items:center;gap:12px;display:flex}.empcard__avatar{background:var(--brand-tint);width:44px;height:44px;color:var(--brand-2);border-radius:999px;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:grid}.empcard__name b{font-size:14px}.empcard__name small{color:var(--ink-mute);font-size:11.5px;display:block}.empcard__present{border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:inline-flex}.empcard__present--on{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.empcard__present--on{background:color-mix(in oklch,var(--success)12%,transparent)}}.empcard__present--on{color:#005824;color:lab(31.877% -36.6537 24.6848)}.empcard__present--off{background:var(--surface-2);color:var(--ink-mute)}.empcard__meta{color:var(--ink-mute);flex-wrap:wrap;gap:12px;font-size:11.5px;display:flex}.empcard__meta span b{color:var(--ink-2);font-weight:600}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;visibility:hidden}input[type=search]:focus::-webkit-search-cancel-button{-webkit-appearance:none;visibility:hidden}td,th{vertical-align:text-top;min-width:64px;padding-left:8px;padding-right:8px}@page{size:A4;margin:10mm}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value: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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}
@font-face{font-family:ibmPlexSans;src:url(../media/IBMPlexSansThai_Thin-s.p.01f1zqjswddo9.ttf)format("truetype");font-display:swap;font-weight:100}@font-face{font-family:ibmPlexSans;src:url(../media/IBMPlexSansThai_ExtraLight-s.p.0lrt8.ldakw20.ttf)format("truetype");font-display:swap;font-weight:200}@font-face{font-family:ibmPlexSans;src:url(../media/IBMPlexSansThai_Light-s.p.0nqmgcfsxajdi.ttf)format("truetype");font-display:swap;font-weight:300}@font-face{font-family:ibmPlexSans;src:url(../media/IBMPlexSansThai_Regular-s.p.0tsem1jzu.hgi.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:ibmPlexSans;src:url(../media/IBMPlexSansThai_Medium-s.p.0hu6xuxk7ho--.ttf)format("truetype");font-display:swap;font-weight:500}@font-face{font-family:ibmPlexSans;src:url(../media/IBMPlexSansThai_SemiBold-s.p.0hwa1lhtm53w5.ttf)format("truetype");font-display:swap;font-weight:600}@font-face{font-family:ibmPlexSans;src:url(../media/IBMPlexSansThai_Bold-s.p.0rmgfb3._~e.c.ttf)format("truetype");font-display:swap;font-weight:700}@font-face{font-family:ibmPlexSans Fallback;src:local(Arial);ascent-override:110.35%;descent-override:52.8%;line-gap-override:0.0%;size-adjust:101.13%}.ibmplexsans_b8588fc5-module__ULYxsq__className{font-family:ibmPlexSans,ibmPlexSans Fallback}.ibmplexsans_b8588fc5-module__ULYxsq__variable{--font-ibm-plex-sans-thai:"ibmPlexSans", "ibmPlexSans Fallback"}
@font-face{font-family:montserrat;src:url(../media/Montserrat_Thin-s.p.0zf-6a66tss5o.ttf)format("truetype");font-display:swap;font-weight:100}@font-face{font-family:montserrat;src:url(../media/Montserrat_ThinItalic-s.p.17d54i6o_siel.ttf)format("truetype");font-display:swap;font-weight:100}@font-face{font-family:montserrat;src:url(../media/Montserrat_ExtraLight-s.p.0zdk8qn6a2c6j.ttf)format("truetype");font-display:swap;font-weight:200}@font-face{font-family:montserrat;src:url(../media/Montserrat_ExtraLightItalic-s.p.16sq-aqmhlkij.ttf)format("truetype");font-display:swap;font-weight:200;font-style:italic}@font-face{font-family:montserrat;src:url(../media/Montserrat_Light-s.p.0683h40591mt3.ttf)format("truetype");font-display:swap;font-weight:300}@font-face{font-family:montserrat;src:url(../media/Montserrat_LightItalic-s.p.0azsmy591nx7v.ttf)format("truetype");font-display:swap;font-weight:300;font-style:italic}@font-face{font-family:montserrat;src:url(../media/Montserrat_Regular-s.p.06mze9m3s39nz.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:montserrat;src:url(../media/Montserrat_Italic-s.p.0_-ae4to8.-lw.ttf)format("truetype");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:montserrat;src:url(../media/Montserrat_Medium-s.p.0fjn5bc6tc5xg.ttf)format("truetype");font-display:swap;font-weight:500}@font-face{font-family:montserrat;src:url(../media/Montserrat_MediumItalic-s.p.0_80rumuja~zx.ttf)format("truetype");font-display:swap;font-weight:500;font-style:italic}@font-face{font-family:montserrat;src:url(../media/Montserrat_Black-s.p.0q4zaq7_1upx9.ttf)format("truetype");font-display:swap;font-weight:900}@font-face{font-family:montserrat;src:url(../media/Montserrat_BlackItalic-s.p.15iee-n-xoepj.ttf)format("truetype");font-display:swap;font-weight:900;font-style:italic}@font-face{font-family:montserrat;src:url(../media/Montserrat_SemiBold-s.p.0alhzu35kr1_2.ttf)format("truetype");font-display:swap;font-weight:600}@font-face{font-family:montserrat;src:url(../media/Montserrat_SemiBoldItalic-s.p.0_oq4m61jfb68.ttf)format("truetype");font-display:swap;font-weight:600;font-style:italic}@font-face{font-family:montserrat;src:url(../media/Montserrat_Bold-s.p.06uzhtzo0~t3m.ttf)format("truetype");font-display:swap;font-weight:700}@font-face{font-family:montserrat;src:url(../media/Montserrat_BoldItalic-s.p.0kh3gea_b365i.ttf)format("truetype");font-display:swap;font-weight:700;font-style:italic}@font-face{font-family:montserrat;src:url(../media/Montserrat_ExtraBold-s.p.0ingk3un.0hld.ttf)format("truetype");font-display:swap;font-weight:800}@font-face{font-family:montserrat;src:url(../media/Montserrat_ExtraBoldItalic-s.p.040f5q.kq4jbe.ttf)format("truetype");font-display:swap;font-weight:800;font-style:italic}@font-face{font-family:montserrat Fallback;src:local(Arial);ascent-override:84.97%;descent-override:22.03%;line-gap-override:0.0%;size-adjust:113.92%}.montserrat_b83f70e8-module__nhz5za__className{font-family:montserrat,montserrat Fallback}.montserrat_b83f70e8-module__nhz5za__variable{--font-montserrat:"montserrat", "montserrat Fallback"}