/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:Inter, "Noto Sans Thai", "Segoe UI", sans-serif;--font-mono:"Cascadia Code", Consolas, monospace;--color-neutral-50:#f6f7f8;--color-neutral-100:#eceeef;--color-neutral-200:#dfe3e6;--color-neutral-300:#cdd2d5;--color-neutral-400:#a9afb4;--color-neutral-500:#81878d;--color-neutral-600:#687078;--color-neutral-700:#4d5359;--color-neutral-800:#363b40;--color-neutral-900:#25282d;--color-neutral-950:#171a1f;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--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: 1.5 ;--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;--font-weight-extrabold:800;--tracking-wide:.025em;--radius-sm:3px;--radius-md:6px;--radius-lg:8px;--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);--color-brand-50:#edf8f1;--color-brand-100:#dcefe4;--color-brand-200:#bfe2cf;--color-brand-300:#9ed3b3;--color-brand-400:#5aa97e;--color-brand-500:#2f8a5b;--color-brand-600:#176b42;--color-brand-700:#145737;--color-brand-800:#0f3f28;--color-success-50:#edf8f1;--color-success-100:#dcefe4;--color-success-700:#176b42;--color-warning-50:#fbf5ea;--color-warning-100:#ead4b2;--color-warning-700:#8d5a0d;--color-danger-50:#fbeceb;--color-danger-100:#efc4c0;--color-danger-700:#9b3029;--color-info-50:#edf6fa;--color-info-100:#c5deeb;--color-info-700:#245b78}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.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}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.top-3{top:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-0{left:0}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-500{z-index:500}.z-600{z-index:600}.z-\[60\]{z-index:60}.float-right{float:right}.m-0{margin:0}.m-3{margin:calc(var(--spacing) * 3)}.m-4{margin:calc(var(--spacing) * 4)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.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-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-full{height:100%}.max-h-14{max-height:calc(var(--spacing) * 14)}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[34rem\]{max-height:34rem}.max-h-\[60vh\]{max-height:60vh}.max-h-\[75vh\]{max-height:75vh}.max-h-\[78vh\]{max-height:78vh}.max-h-\[88vh\]{max-height:88vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.max-h-\[94vh\]{max-height:94vh}.max-h-\[640px\]{max-height:640px}.max-h-\[calc\(100vh-1\.5rem\)\]{max-height:calc(100vh - 1.5rem)}.min-h-0{min-height:0}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-64{min-height:calc(var(--spacing) * 64)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-44{width:calc(var(--spacing) * 44)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-44{max-width:calc(var(--spacing) * 44)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-52{max-width:calc(var(--spacing) * 52)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-full{max-width:100%}.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)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-52{min-width:calc(var(--spacing) * 52)}.min-w-56{min-width:calc(var(--spacing) * 56)}.min-w-64{min-width:calc(var(--spacing) * 64)}.min-w-\[140px\]{min-width:140px}.min-w-\[240px\]{min-width:240px}.min-w-\[260px\]{min-width:260px}.min-w-\[620px\]{min-width:620px}.min-w-\[640px\]{min-width:640px}.min-w-\[680px\]{min-width:680px}.min-w-\[700px\]{min-width:700px}.min-w-\[720px\]{min-width:720px}.min-w-\[760px\]{min-width:760px}.min-w-\[820px\]{min-width:820px}.min-w-\[840px\]{min-width:840px}.min-w-\[860px\]{min-width:860px}.min-w-\[900px\]{min-width:900px}.min-w-\[980px\]{min-width:980px}.min-w-\[1000px\]{min-width:1000px}.min-w-\[1080px\]{min-width:1080px}.min-w-\[1100px\]{min-width:1100px}.min-w-\[1120px\]{min-width:1120px}.min-w-\[1200px\]{min-width:1200px}.min-w-\[1250px\]{min-width:1250px}.min-w-\[1420px\]{min-width:1420px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.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,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.scroll-mt-4{scroll-margin-top:calc(var(--spacing) * 4)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.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-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[70px_minmax\(0\,1fr\)_auto\]{grid-template-columns:70px minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_minmax\(120px\,2fr\)_52px\]{grid-template-columns:minmax(0,1fr) minmax(120px,2fr) 52px}.grid-cols-\[minmax\(90px\,1fr\)_minmax\(120px\,2fr\)_70px\]{grid-template-columns:minmax(90px,1fr) minmax(120px,2fr) 70px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-px{gap:1px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-1{row-gap:var(--spacing)}.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)}: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-neutral-100>:not(:last-child)){border-color:var(--color-neutral-100)}:where(.divide-neutral-200>:not(:last-child)){border-color:var(--color-neutral-200)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-brand-200{border-color:var(--color-brand-200)}.border-brand-600{border-color:var(--color-brand-600)}.border-brand-700{border-color:var(--color-brand-700)}.border-danger-100{border-color:var(--color-danger-100)}.border-info-100{border-color:var(--color-info-100)}.border-neutral-100{border-color:var(--color-neutral-100)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-success-100{border-color:var(--color-success-100)}.border-success-700{border-color:var(--color-success-700)}.border-transparent{border-color:#0000}.border-warning-100{border-color:var(--color-warning-100)}.bg-brand-50{background-color:var(--color-brand-50)}.bg-brand-600{background-color:var(--color-brand-600)}.bg-brand-700{background-color:var(--color-brand-700)}.bg-danger-50{background-color:var(--color-danger-50)}.bg-danger-100{background-color:var(--color-danger-100)}.bg-danger-700{background-color:var(--color-danger-700)}.bg-info-50{background-color:var(--color-info-50)}.bg-info-100{background-color:var(--color-info-100)}.bg-info-700{background-color:var(--color-info-700)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-50\/60{background-color:#f6f7f899}@supports (color:color-mix(in lab,red,red)){.bg-neutral-50\/60{background-color:color-mix(in oklab,var(--color-neutral-50) 60%,transparent)}}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-950\/40{background-color:#171a1f66}@supports (color:color-mix(in lab,red,red)){.bg-neutral-950\/40{background-color:color-mix(in oklab,var(--color-neutral-950) 40%,transparent)}}.bg-neutral-950\/45{background-color:#171a1f73}@supports (color:color-mix(in lab,red,red)){.bg-neutral-950\/45{background-color:color-mix(in oklab,var(--color-neutral-950) 45%,transparent)}}.bg-neutral-950\/50{background-color:#171a1f80}@supports (color:color-mix(in lab,red,red)){.bg-neutral-950\/50{background-color:color-mix(in oklab,var(--color-neutral-950) 50%,transparent)}}.bg-neutral-950\/55{background-color:#171a1f8c}@supports (color:color-mix(in lab,red,red)){.bg-neutral-950\/55{background-color:color-mix(in oklab,var(--color-neutral-950) 55%,transparent)}}.bg-success-50{background-color:var(--color-success-50)}.bg-success-50\/40{background-color:#edf8f166}@supports (color:color-mix(in lab,red,red)){.bg-success-50\/40{background-color:color-mix(in oklab,var(--color-success-50) 40%,transparent)}}.bg-success-700{background-color:var(--color-success-700)}.bg-warning-50{background-color:var(--color-warning-50)}.bg-warning-700{background-color:var(--color-warning-700)}.bg-white{background-color:var(--color-white)}.fill-neutral-500{fill:var(--color-neutral-500)}.fill-neutral-900{fill:var(--color-neutral-900)}.object-contain{object-fit:contain}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.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)}.p-10{padding:calc(var(--spacing) * 10)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[20px\]{font-size:20px}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.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)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-brand-600{color:var(--color-brand-600)}.text-brand-700{color:var(--color-brand-700)}.text-brand-800{color:var(--color-brand-800)}.text-danger-700{color:var(--color-danger-700)}.text-info-700{color:var(--color-info-700)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-neutral-950{color:var(--color-neutral-950)}.text-success-700{color:var(--color-success-700)}.text-warning-700{color:var(--color-warning-700)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.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-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);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 16px 40px var(--tw-shadow-color,#14181c2e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px var(--tw-shadow-color,#14181c14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:border-neutral-500:focus-within{border-color:var(--color-neutral-500)}@media(hover:hover){.hover\:border-brand-300:hover{border-color:var(--color-brand-300)}.hover\:border-neutral-200:hover{border-color:var(--color-neutral-200)}.hover\:border-neutral-300:hover{border-color:var(--color-neutral-300)}.hover\:border-neutral-400:hover{border-color:var(--color-neutral-400)}.hover\:border-neutral-500:hover{border-color:var(--color-neutral-500)}.hover\:bg-neutral-50:hover{background-color:var(--color-neutral-50)}.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:bg-success-50:hover{background-color:var(--color-success-50)}.hover\:text-danger-700:hover{color:var(--color-danger-700)}.hover\:text-neutral-600:hover{color:var(--color-neutral-600)}.hover\:text-neutral-900:hover{color:var(--color-neutral-900)}.hover\:text-success-700:hover{color:var(--color-success-700)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:border-brand-500:focus{border-color:var(--color-brand-500)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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\:ring-brand-100:focus{--tw-ring-color:var(--color-brand-100)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-40:disabled{opacity:.4}@media(min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:inline-flex{display:inline-flex}.sm\:h-full{height:100%}.sm\:max-h-none{max-height:none}.sm\:w-auto{width:auto}.sm\:w-fit{width:fit-content}.sm\:max-w-\[440px\]{max-width:440px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[1fr_180px_auto\]{grid-template-columns:1fr 180px auto}.sm\:grid-cols-\[1fr_auto_auto_auto\]{grid-template-columns:1fr auto auto auto}.sm\:grid-cols-\[120px_1fr_150px\]{grid-template-columns:120px 1fr 150px}.sm\:grid-cols-\[180px_180px_180px_auto\]{grid-template-columns:180px 180px 180px auto}.sm\:grid-cols-\[minmax\(0\,1fr\)_140px_180px_auto\]{grid-template-columns:minmax(0,1fr) 140px 180px auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-stretch{align-items:stretch}.sm\:justify-end{justify-content:flex-end}.sm\:rounded-none{border-radius:0}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media(min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:hidden{display:none}.md\:table{display:table}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[180px_150px_150px_1fr_auto\]{grid-template-columns:180px 150px 150px 1fr auto}.md\:grid-cols-\[220px_1fr_auto\]{grid-template-columns:220px 1fr auto}.md\:items-end{align-items:flex-end}}@media(min-width:1024px){.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[1\.4fr_1fr\]{grid-template-columns:1.4fr 1fr}.lg\:grid-cols-\[260px_1fr\]{grid-template-columns:260px 1fr}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}}@media(min-width:1280px){.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-5{grid-column:span 5/span 5}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-\[1\.2fr_\.8fr_\.8fr\]{grid-template-columns:1.2fr .8fr .8fr}.xl\:grid-cols-\[160px_160px_180px_minmax\(220px\,1fr\)_auto\]{grid-template-columns:160px 160px 180px minmax(220px,1fr) auto}.xl\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\]{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}@media(min-width:96rem){.\32xl\:col-span-5{grid-column:span 5/span 5}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-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: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}:root{color-scheme:light;--color-brand-50: #edf8f1;--color-brand-100: #dcefe4;--color-brand-200: #bfe2cf;--color-brand-300: #9ed3b3;--color-brand-400: #5aa97e;--color-brand-500: #2f8a5b;--color-brand-600: #176b42;--color-brand-700: #145737;--color-brand-800: #0f3f28;--color-brand-900: #0a2c1c;--color-neutral-950: #171a1f;--color-neutral-900: #25282d;--color-neutral-800: #363b40;--color-neutral-700: #4d5359;--color-neutral-600: #687078;--color-neutral-500: #81878d;--color-neutral-400: #a9afb4;--color-neutral-300: #cdd2d5;--color-neutral-200: #dfe3e6;--color-neutral-100: #eceeef;--color-neutral-50: #f6f7f8;--color-white: #ffffff;--color-success-700: #176b42;--color-success-100: #dcefe4;--color-success-50: #edf8f1;--color-warning-700: #8d5a0d;--color-warning-100: #ead4b2;--color-warning-50: #fbf5ea;--color-danger-700: #9b3029;--color-danger-100: #efc4c0;--color-danger-50: #fbeceb;--color-info-700: #245b78;--color-info-100: #c5deeb;--color-info-50: #edf6fa;--text-strong: var(--color-neutral-950);--text-body: var(--color-neutral-800);--text-default: var(--color-neutral-800);--text-muted: var(--color-neutral-600);--text-disabled: var(--color-neutral-400);--text-inverse: var(--color-white);--surface-page: #f2f4f5;--surface-default: var(--color-white);--surface-subtle: var(--color-neutral-50);--surface-inverse: var(--color-neutral-950);--border-subtle: var(--color-neutral-100);--border-default: var(--color-neutral-200);--border-strong: var(--color-neutral-300);--focus-ring: rgba(23, 107, 66, .25);--action-primary: var(--color-brand-600);--action-primary-hover: var(--color-brand-700);--tone-success-fg: var(--color-success-700);--tone-success-bg: var(--color-success-50);--tone-success-border: var(--color-success-100);--tone-warning-fg: var(--color-warning-700);--tone-warning-bg: var(--color-warning-50);--tone-warning-border: var(--color-warning-100);--tone-danger-fg: var(--color-danger-700);--tone-danger-bg: var(--color-danger-50);--tone-danger-border: var(--color-danger-100);--tone-info-fg: var(--color-info-700);--tone-info-bg: var(--color-info-50);--tone-info-border: var(--color-info-100);--tone-neutral-fg: var(--text-muted);--tone-neutral-bg: var(--surface-subtle);--tone-neutral-border: var(--border-default);--font-sans: Inter, "Noto Sans Thai", "Segoe UI", sans-serif;--font-mono: "Cascadia Code", Consolas, monospace;--font-size-11: 11px;--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-15: 15px;--font-size-16: 16px;--font-size-17: 17px;--font-size-18: 18px;--font-size-21: 21px;--font-size-24: 24px;--font-size-26: 26px;--font-size-30: 30px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-1: 3px;--radius-2: 5px;--radius-3: 6px;--radius-4: 8px;--shadow-1: 0 1px 2px rgba(20, 24, 28, .08);--shadow-2: 0 4px 12px rgba(20, 24, 28, .1);--shadow-overlay: 0 16px 40px rgba(20, 24, 28, .18);--control-height-sm: 32px;--control-height-md: 40px;--control-height-lg: 48px;--sidebar-width: 248px;--topbar-height: 64px;--content-max-width: 1500px;--duration-fast: .12s;--duration-normal: .18s;--ease-standard: ease;--z-dropdown: 100;--z-sticky: 200;--z-drawer: 400;--z-modal: 500;--z-toast: 600;--ink: var(--color-neutral-900);--muted: var(--text-muted);--line: var(--border-default);--surface: var(--surface-default);--surface-muted: var(--surface-subtle);--sidebar: #191c20;--green: var(--color-success-700);--green-soft: var(--color-success-50);--red: var(--color-danger-700);--red-soft: var(--color-danger-50);--amber: var(--color-warning-700);--shadow: var(--shadow-1)}.ui-button{display:inline-flex;min-height:var(--control-height-md);align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);color:var(--text-body);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default);cursor:pointer;font-size:var(--font-size-14);font-weight:var(--font-weight-semibold)}.ui-button:hover:not(:disabled){border-color:var(--border-strong)}.ui-button:focus-visible,.ui-icon-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.ui-button:disabled,.ui-icon-button:disabled{cursor:not-allowed;opacity:.5}.ui-button--primary{color:var(--text-inverse);border-color:var(--action-primary);background:var(--action-primary)}.ui-button--primary:hover:not(:disabled){border-color:var(--action-primary-hover);background:var(--action-primary-hover)}.ui-button--danger{color:var(--text-inverse);border-color:var(--color-danger-700);background:var(--color-danger-700)}.ui-button--ghost{border-color:transparent;background:transparent}.ui-button--sm{min-height:var(--control-height-sm);padding-inline:var(--space-3)}.ui-button--lg{min-height:var(--control-height-lg);padding-inline:var(--space-5);font-size:var(--font-size-16)}.ui-icon-button{display:inline-grid;width:var(--control-height-md);height:var(--control-height-md);padding:0;place-items:center;color:var(--text-body);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default);cursor:pointer}.ui-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.ui-page-header h1{margin:var(--space-1) 0;color:var(--text-strong);font-size:var(--font-size-30);line-height:var(--line-height-tight)}.ui-page-header p{max-width:720px;margin:0;color:var(--text-muted);font-size:var(--font-size-15)}.ui-page-header__eyebrow{color:var(--text-muted);font-size:var(--font-size-12);font-weight:var(--font-weight-bold)}.ui-page-header__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ui-status{display:inline-flex;min-height:22px;align-items:center;padding:0 var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-1);font-size:var(--font-size-12);font-weight:var(--font-weight-bold)}.ui-status--neutral{color:var(--tone-neutral-fg);border-color:var(--tone-neutral-border);background:var(--tone-neutral-bg)}.ui-status--success{color:var(--tone-success-fg);border-color:var(--tone-success-border);background:var(--tone-success-bg)}.ui-status--warning{color:var(--tone-warning-fg);border-color:var(--tone-warning-border);background:var(--tone-warning-bg)}.ui-status--danger{color:var(--tone-danger-fg);border-color:var(--tone-danger-border);background:var(--tone-danger-bg)}.ui-status--info{color:var(--tone-info-fg);border-color:var(--tone-info-border);background:var(--tone-info-bg)}.ui-tone{color:var(--tone-neutral-fg)}.ui-tone--success{color:var(--tone-success-fg)}.ui-tone--warning{color:var(--tone-warning-fg)}.ui-tone--danger{color:var(--tone-danger-fg)}.ui-tone--info{color:var(--tone-info-fg)}.ui-tone--neutral{color:var(--text-strong)}.ui-tone-soft{border:1px solid var(--tone-neutral-border);background:var(--tone-neutral-bg)}.ui-tone-soft--success{border-color:var(--tone-success-border);background:var(--tone-success-bg)}.ui-tone-soft--warning{border-color:var(--tone-warning-border);background:var(--tone-warning-bg)}.ui-tone-soft--danger{border-color:var(--tone-danger-border);background:var(--tone-danger-bg)}.ui-tone-soft--info{border-color:var(--tone-info-border);background:var(--tone-info-bg)}.ui-stat-grid{display:grid;margin-bottom:var(--space-4);gap:var(--space-3);grid-template-columns:repeat(var(--stat-columns, 4),minmax(0,1fr))}.ui-stat-grid--2{--stat-columns: 2}.ui-stat-grid--3{--stat-columns: 3}.ui-stat-grid--4{--stat-columns: 4}.ui-stat-grid--5{--stat-columns: 5}.ui-stat-grid--6{--stat-columns: 6}.ui-stat-grid--7{--stat-columns: 7}@media not all and (min-width:1024px){.ui-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media not all and (min-width:480px){.ui-stat-grid{grid-template-columns:1fr}}.ui-stat{display:flex;min-width:0;min-height:84px;align-items:center;padding:var(--space-4);gap:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-4);background:var(--surface-default);box-shadow:var(--shadow-1);text-decoration:none}.ui-stat--warning{border-color:var(--tone-warning-border);background:var(--tone-warning-bg)}.ui-stat--danger{border-color:var(--tone-danger-border);background:var(--tone-danger-bg)}.ui-stat--link{transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.ui-stat--link:hover{border-color:var(--color-brand-400);box-shadow:var(--shadow-2)}.ui-stat__icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;color:var(--color-brand-600);border-radius:var(--radius-3);background:var(--color-brand-50)}.ui-stat__icon--warning{color:var(--tone-warning-fg);background:var(--color-warning-100)}.ui-stat__icon--danger{color:var(--tone-danger-fg);background:var(--color-danger-100)}.ui-stat__icon--info{color:var(--tone-info-fg);background:var(--color-info-100)}.ui-stat__body{min-width:0}.ui-stat__label{display:block;overflow:hidden;color:var(--text-muted);font-size:var(--font-size-12);text-overflow:ellipsis;white-space:nowrap}.ui-stat__value{display:block;margin-top:var(--space-1);color:var(--text-strong);font-size:var(--font-size-24);font-variant-numeric:tabular-nums;line-height:var(--line-height-tight)}.ui-stat__value--success{color:var(--tone-success-fg)}.ui-stat__value--warning{color:var(--tone-warning-fg)}.ui-stat__value--danger{color:var(--tone-danger-fg)}.ui-stat__value--info{color:var(--tone-info-fg)}.ui-stat__unit{margin-left:var(--space-1);color:var(--text-muted);font-size:var(--font-size-12);font-weight:var(--font-weight-regular)}.ui-stat__caption{display:block;margin-top:var(--space-1);overflow:hidden;color:var(--text-muted);font-size:var(--font-size-11);text-overflow:ellipsis;white-space:nowrap}.ui-stat__label-skeleton{display:block;width:96px;height:12px;border-radius:var(--radius-1);background:linear-gradient(90deg,var(--color-neutral-100) 25%,var(--color-neutral-200),var(--color-neutral-100) 75%);background-size:200% 100%;animation:skeleton 1.2s infinite}.ui-stat__value-skeleton{display:block;width:64px;height:26px;margin-top:var(--space-1);border-radius:var(--radius-1);background:linear-gradient(90deg,var(--color-neutral-100) 25%,var(--color-neutral-200),var(--color-neutral-100) 75%);background-size:200% 100%;animation:skeleton 1.2s infinite}@media(prefers-reduced-motion:reduce){.ui-stat__label-skeleton,.ui-stat__value-skeleton{animation:none}}@media not all and (min-width:768px){.ui-stat{min-height:74px;padding:var(--space-3)}.ui-stat__value{font-size:var(--font-size-18)}}.ui-field{display:grid;gap:var(--space-2)}.ui-field label{color:var(--text-body);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold)}.ui-field input,.ui-field select,.ui-field textarea{width:100%;min-height:var(--control-height-md);padding:var(--space-2) var(--space-3);color:var(--text-body);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default)}.ui-field input:focus,.ui-field select:focus,.ui-field textarea:focus{border-color:var(--action-primary);outline:3px solid var(--focus-ring)}.thai-date-input{position:relative;display:block;width:100%;min-width:0}.thai-date-input__text{width:100%;padding-right:44px!important;font-variant-numeric:tabular-nums}.thai-date-input__calendar{position:absolute;top:1px;right:1px;bottom:1px;display:grid;width:38px;padding:0;place-items:center;color:var(--text-muted);border:0;border-left:1px solid var(--border-default);border-radius:0 var(--radius-2) var(--radius-2) 0;background:transparent;cursor:pointer;pointer-events:auto;z-index:2}.thai-date-input__calendar:hover:not(:disabled){color:var(--action-primary);background:var(--color-brand-50)}.thai-date-input__calendar:focus-visible{color:var(--action-primary);outline:3px solid var(--focus-ring);outline-offset:-2px}.thai-date-input__calendar:disabled,.thai-date-input.is-disabled{cursor:not-allowed;opacity:.65}.thai-date-input__native{position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:40px!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;z-index:1!important;border:0!important;cursor:pointer!important;pointer-events:auto!important;z-index:2!important}.thai-month-input{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:12px;color:var(--text-default);text-align:left;background:var(--surface-default)}.month-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:#0f172a73}.month-picker{width:min(100%,420px);overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-default);box-shadow:0 18px 45px #0f172a3d}.month-picker>header,.month-picker__year{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.month-picker>header{border-bottom:1px solid var(--border-default)}.month-picker__year strong{font-size:18px}.month-picker__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 16px 16px}.month-picker__grid button{min-height:44px;padding:8px;color:var(--text-default);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default)}.month-picker__grid button:hover,.month-picker__grid button.is-selected{color:var(--color-brand-800);border-color:var(--color-brand-500);background:var(--color-brand-50)}@media not all and (min-width:640px){.month-picker-backdrop{align-items:end;padding:0}.month-picker{width:100%;border-radius:var(--radius-3) var(--radius-3) 0 0}}.ui-field__help,.ui-field__error{font-size:var(--font-size-13)}.ui-field__help{color:var(--text-muted)}.ui-field__error{color:var(--color-danger-700)}.ui-field--error input,.ui-field--error select,.ui-field--error textarea{border-color:var(--color-danger-700)}.ui-table-panel{overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-default);box-shadow:var(--shadow-1)}.ui-table-scroll{overflow-x:auto}.ui-table{width:100%;border-collapse:collapse}.ui-table th,.ui-table td{height:44px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);text-align:left}.ui-table th{position:sticky;top:0;z-index:1;color:var(--text-muted);background:var(--surface-subtle);font-size:var(--font-size-12);text-transform:uppercase}.ui-table td{color:var(--text-body);font-size:var(--font-size-14)}.ui-table-skeleton{display:block;width:100%;height:24px;border-radius:var(--radius-1);background:var(--color-neutral-100)}.ui-table-state{display:grid;min-height:180px;place-content:center;gap:var(--space-1);color:var(--text-muted);text-align:center}.ui-table-state strong{color:var(--text-body)}.ui-table-state--error{color:var(--color-danger-700);background:var(--color-danger-50)}.language-switcher{display:inline-flex;min-height:36px;align-items:center;gap:var(--space-1);padding:3px;color:var(--text-body);border:1px solid var(--border-default);border-radius:999px;background:var(--surface-default);box-shadow:var(--shadow-1);font-size:var(--font-size-13);font-weight:var(--font-weight-semibold)}.language-switcher>svg{flex:0 0 auto;margin-left:var(--space-1);color:var(--text-muted)}.language-switcher__label{padding:0 var(--space-1);color:var(--text-muted);white-space:nowrap}.language-switcher__segments{display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:var(--surface-subtle)}.language-switcher__segments button{min-width:34px;min-height:28px;padding:0 var(--space-2);border:0;border-radius:999px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-13);font-weight:var(--font-weight-bold);letter-spacing:0}.language-switcher__segments button:hover{color:var(--text-body);background:var(--border-subtle)}.language-switcher__segments button:focus-visible{outline:2px solid var(--action-primary);outline-offset:2px}.language-switcher__segments button.is-active{color:var(--text-inverse);background:var(--action-primary);box-shadow:var(--shadow-1)}.login-language{display:flex;justify-content:flex-end;margin-top:var(--space-3)}.login-language .language-switcher{min-height:40px}@media not all and (min-width:768px){.language-switcher__label{display:none}.ui-page-header{display:grid}.ui-page-header h1{font-size:var(--font-size-26)}}.hr-form-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#eef1f3}.hr-form-preview__header{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;border-bottom:1px solid #d6dce0;background:var(--color-white)}.hr-form-preview__header>div:first-child{display:grid;gap:2px;min-width:0}.hr-form-preview__header strong{color:#172026;font-size:15px}.hr-form-preview__header span{color:#66737c;font-size:12px}.hr-form-preview__actions{display:flex;align-items:center;gap:8px}.hr-form-preview__body{min-height:0;padding:12px}.hr-form-preview__body iframe{width:100%;height:100%;border:1px solid #ccd3d8;background:var(--color-white);box-shadow:0 8px 24px #1620261a}.hr-form-preview__decision-bar{display:flex;min-height:62px;align-items:center;justify-content:flex-end;gap:10px;padding:10px 18px;border-top:1px solid #d6dce0;background:var(--color-white);box-shadow:0 -4px 16px #16202614}.hr-form-preview__decision-context{display:grid;gap:2px;min-width:0;margin-right:auto}.hr-form-preview__decision-context strong{color:#172026;font-size:13px}.hr-form-preview__decision-context span{overflow:hidden;color:#66737c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.button--danger{color:var(--color-white);border-color:#b42318;background:#b42318}.button--danger:hover:not(:disabled){border-color:#8f1c13;background:#8f1c13}@media not all and (min-width:768px){.hr-form-preview__header{align-items:flex-start;padding:10px 12px}.hr-form-preview__header>div:first-child span{display:none}.hr-form-preview__actions .button{padding-inline:10px}.hr-form-preview__actions .button{font-size:0}.hr-form-preview__actions .button svg{margin:0}.hr-form-preview__body{padding:4px}.hr-form-preview__decision-bar{display:grid;grid-template-columns:1fr 1fr;padding:8px 12px}.hr-form-preview__decision-context{grid-column:1 / -1;width:100%}.hr-form-preview__decision-bar .button{width:100%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skeleton{display:block;border-radius:4px;background:linear-gradient(90deg,#f3f4f5 25%,#e8eaec,#f3f4f5 75%);background-size:200% 100%;animation:skeleton 1.2s infinite}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.skeleton--eyebrow{width:128px;height:11px}.skeleton--title{width:min(360px,60%);height:26px}.skeleton--control{width:168px;height:34px}.skeleton--row{width:100%;height:38px}.route-fallback{display:grid;gap:18px}.route-fallback__header{display:grid;gap:9px}.route-fallback__filters{display:flex;flex-wrap:wrap;gap:9px}.route-fallback__rows{display:grid;gap:6px}.skeleton--cell{width:100%;height:15px}.ui-page{display:grid;align-content:start;gap:var(--space-5)}.ui-page__filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-3)}.ui-page__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.ui-search{display:flex;align-items:center;gap:var(--space-2);height:var(--control-height-md);padding:0 var(--space-3);color:var(--text-muted);background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-2)}.ui-search:focus-within{border-color:var(--action-primary);box-shadow:0 0 0 3px var(--focus-ring)}.ui-search input{min-width:0;flex:1;height:100%;color:var(--text-body);font:inherit;background:none;border:0;outline:none}.ui-search input::-webkit-search-cancel-button{display:none}.ui-search button{display:grid;place-items:center;padding:2px;color:var(--text-muted);background:none;border:0;border-radius:var(--radius-1);cursor:pointer}.ui-search button:hover{color:var(--text-strong);background:var(--surface-subtle)}.ui-search__busy{width:13px;height:13px;border:2px solid var(--border-strong);border-top-color:var(--action-primary);border-radius:50%;animation:skeleton-spin .7s linear infinite}@keyframes skeleton-spin{to{transform:rotate(360deg)}}.ui-select{display:grid;gap:var(--space-1)}.ui-select__label{color:var(--text-muted);font-size:var(--font-size-12);font-weight:var(--font-weight-medium)}.ui-select select{height:var(--control-height-md);min-width:150px;padding:0 var(--space-3);color:var(--text-body);font:inherit;background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-2)}.ui-select select:focus-visible{border-color:var(--action-primary);outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.ui-table-panel{display:grid;overflow:hidden;background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-3)}.ui-table-panel__header,.ui-table-panel__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.ui-table-panel__header{border-bottom:1px solid var(--border-subtle)}.ui-table-panel__footer{border-top:1px solid var(--border-subtle)}.ui-table-panel__meta{color:var(--text-muted);font-size:var(--font-size-12)}.ui-table-scroll{overflow:auto}.ui-table{width:100%;border-collapse:collapse;font-size:var(--font-size-13)}.ui-table--refreshing tbody{opacity:.55;transition:opacity var(--duration-fast) var(--ease-standard)}.ui-table th{position:sticky;top:0;z-index:var(--z-sticky);padding:var(--space-3) var(--space-3);color:var(--text-muted);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);text-align:left;white-space:nowrap;background:var(--surface-subtle);border-bottom:1px solid var(--border-default)}.ui-table td{height:44px;padding:var(--space-2) var(--space-3);color:var(--text-body);vertical-align:middle;border-bottom:1px solid var(--border-subtle)}.ui-table tbody tr:last-child td{border-bottom:0}.ui-table tbody tr:hover td{background:var(--surface-subtle)}.ui-table__actions{width:1%;text-align:right;white-space:nowrap}.ui-table__actions-group{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1)}.ui-state{display:grid;min-height:190px;place-items:center;align-content:center;gap:var(--space-2);padding:var(--space-6);color:var(--text-muted);text-align:center}.ui-state strong{color:var(--text-strong);font-size:var(--font-size-15)}.ui-state--error,.ui-state--error strong{color:var(--color-danger-700)}.ui-state__request-id{padding:2px 6px;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-12);background:var(--surface-subtle);border-radius:var(--radius-1)}.ui-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%}.ui-pagination__status{color:var(--text-muted);font-size:var(--font-size-12)}.ui-pagination__controls{display:flex;gap:var(--space-1)}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;padding:var(--space-4);background:#171a1f8c}.ui-modal-backdrop--dialog{place-items:center}.ui-modal-backdrop--drawer{padding:0;justify-items:end}.ui-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;max-height:100%;background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-4);box-shadow:var(--shadow-overlay)}.ui-modal:focus{outline:none}.ui-modal--sm{max-width:460px}.ui-modal--md{max-width:680px}.ui-modal--lg{max-width:940px}.ui-modal--xl{max-width:1240px}.ui-modal--drawer{height:100%;max-height:none;border-radius:0;border-right:0;animation:ui-drawer-in var(--duration-normal) var(--ease-standard)}@keyframes ui-drawer-in{0%{transform:translate(16px);opacity:.6}}@media(prefers-reduced-motion:reduce){.ui-modal--drawer{animation:none}}.ui-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.ui-modal__header h2{margin:0;color:var(--text-strong);font-size:var(--font-size-18);font-weight:var(--font-weight-bold)}.ui-modal__header p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--font-size-13)}.ui-modal__eyebrow{color:var(--text-muted);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase}.ui-modal__body{display:grid;align-content:start;gap:var(--space-4);overflow:auto;padding:var(--space-5)}.ui-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle)}@media not all and (min-width:768px){.ui-modal--drawer,.ui-modal{max-width:none}.ui-table__col--secondary{display:none}.ui-modal__footer{flex-direction:column-reverse}.ui-modal__footer>*{width:100%}}.scan-rounds-trigger{gap:var(--space-1);padding:0 var(--space-2)}:root{color:var(--ink);background:var(--surface-page);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(23,132,81,.23);outline-offset:1px}.app-frame{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;height:100vh;color:#f4f6f7;background:var(--sidebar);border-right:1px solid #2c3035}.brand{display:flex;align-items:center;gap:11px;min-height:72px;padding:14px 16px;border-bottom:1px solid #30343a}.brand__logo{width:39px;height:39px;padding:4px;object-fit:contain;background:var(--color-white);border-radius:5px}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{margin-top:2px;color:#9ea4aa;font-size:13px}.sidebar__close{display:none;margin-left:auto}.main-nav{display:grid;gap:3px;padding:20px 10px}.nav-label{padding:0 9px 7px;color:#858b91;font-size:12px;font-weight:700}.nav-item{position:relative;display:flex;align-items:center;gap:11px;min-height:40px;padding:0 10px;color:#bec3c7;border:0;border-radius:5px;background:transparent;font-size:15px;text-decoration:none}.nav-item small{margin-left:auto;color:#6f757b;font-size:11px}.nav-item--active{color:var(--color-white);background:#2c3236}.nav-item--active:before{position:absolute;left:0;width:3px;height:18px;background:#36ad72;content:""}.nav-item--disabled{cursor:not-allowed;opacity:.58}.sidebar__footer{display:grid;gap:10px;margin-top:auto;padding:10px;border-top:1px solid #30343a}.user-chip{display:flex;align-items:center;gap:9px;padding:9px;border-radius:5px;background:#23272c}.user-chip>span{display:grid;width:31px;height:31px;place-items:center;color:#143525;border-radius:50%;background:#8bd4aa;font-size:13px;font-weight:800}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:13px}.user-chip small{margin-top:2px;color:#899097;font-size:11px}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;height:64px;padding:0 24px;background:#fffffff7;border-bottom:1px solid var(--line)}.mobile-menu{display:none}.topbar-context{display:flex;flex-direction:column;gap:2px}.topbar-context strong{color:var(--color-neutral-800);font-size:13px}.topbar-context span{color:#858b91;font-size:11px}.topbar__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.environment-badge{padding:4px 7px;color:#17623e;border:1px solid #aed8bf;border-radius:4px;background:var(--color-brand-50);font-size:11px;font-weight:800}.icon-button{display:inline-grid;width:34px;height:34px;flex:0 0 34px;padding:0;place-items:center;color:inherit;border:1px solid var(--line);border-radius:5px;background:var(--color-white);cursor:pointer;text-decoration:none}.icon-button:hover:not(:disabled){border-color:#b9c0c4;background:#f7f8f8}.icon-button:disabled,.button:disabled{cursor:not-allowed;opacity:.45}.content{padding:28px}.page{width:min(100%,1500px);margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.page-header h1{margin:5px 0 6px;color:#1f2327;font-size:30px;line-height:1.25}.page-header p{max-width:720px;margin:0;color:var(--muted);font-size:15px}.page-header--detail{padding-bottom:22px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--color-neutral-600);font-size:12px;font-weight:800}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid transparent;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700}.button--primary{color:var(--color-white);background:#237e50}.button--secondary{color:#34393e;border-color:var(--line);background:var(--color-white)}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:var(--shadow)}.metric{display:flex;align-items:center;gap:12px;min-width:0;min-height:82px;padding:16px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric>svg{color:#717980}.metric span,.metric strong{display:block}.metric span{color:var(--muted);font-size:12px}.metric strong{margin-top:3px;color:#24282c;font-size:24px}.metric--status strong{font-size:15px}.health-dot{width:9px;height:9px;border-radius:50%;background:#27a263;box-shadow:0 0 0 4px #e3f4eb}.health-dot--error{background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.search-control{display:flex;align-items:center;gap:8px;width:min(590px,100%);min-height:40px;padding-left:11px;border:1px solid var(--line);border-radius:5px;background:var(--color-white)}.search-control svg{color:var(--color-neutral-500)}.search-control input{min-width:0;flex:1;border:0;outline:0;font-size:14px}.search-control .button{align-self:stretch;border-radius:0 4px 4px 0}.select-control{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:var(--color-white)}.select-control select{border:0;outline:0;background:transparent;font-size:14px}.message{display:grid;gap:2px;margin-bottom:12px;padding:12px 14px;color:var(--color-neutral-700);border:1px solid var(--line);border-radius:5px;background:var(--color-white);font-size:14px}.message--error{color:#8b2d27;border-color:var(--color-danger-100);background:var(--red-soft)}.table-panel{overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--color-white);box-shadow:var(--shadow)}.table-panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:59px;padding:10px 15px;border-bottom:1px solid var(--line)}.table-panel__header strong,.table-panel__header span{display:block}.table-panel__header strong{font-size:15px}.table-panel__header span{margin-top:2px;color:var(--muted);font-size:12px}.record-limit{white-space:nowrap}.table-scroll{overflow-x:auto}table{width:100%;min-width:1050px;border-collapse:collapse}th,td{padding:11px 14px;border-bottom:1px solid #e8ebed;text-align:left;vertical-align:middle}th{color:var(--color-neutral-600);background:#f7f8f8;font-size:11px;font-weight:800;text-transform:uppercase}td{color:#4a5056;font-size:13px}tbody tr:hover{background:#f8faf9}.project-link{display:grid;gap:3px;max-width:280px;color:inherit;text-decoration:none}.project-link strong{color:#1f6744;font-size:13px}.project-link span{overflow:hidden;color:#373c41;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.number-cell{color:#30353a;font-variant-numeric:tabular-nums;text-align:right}.work-flags{display:flex;gap:4px}.work-flags span{padding:3px 5px;color:#9ba1a6;border:1px solid #e0e3e5;border-radius:3px;background:#f7f8f8;font-size:10px;font-weight:800}.work-flags .is-ready{color:var(--color-brand-600);border-color:#badfc8;background:var(--color-brand-50)}.status-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:1px solid transparent;border-radius:4px;font-size:11px;font-weight:800}.status-badge--active{color:var(--color-brand-600);border-color:#badfc8;background:var(--color-brand-50)}.status-badge--closed{color:#686f75;border-color:#d9dddf;background:#f3f4f5}.status-badge--neutral{color:var(--amber);border-color:var(--color-warning-100);background:var(--color-warning-50)}.skeleton-row span{display:block;width:100%;height:30px;border-radius:3px;background:linear-gradient(90deg,#f3f4f5 25%,#e8eaec,#f3f4f5 75%);background-size:200% 100%;animation:skeleton 1.2s infinite}.empty-state{display:grid;min-height:210px;place-items:center;align-content:center;gap:5px;color:#747b81}.empty-state strong{color:#41474c;font-size:15px}.empty-state span{font-size:13px}.table-pagination{display:flex;align-items:center;justify-content:space-between;min-height:55px;padding:8px 14px;color:var(--muted);border-top:1px solid var(--line);font-size:12px}.table-pagination>div{display:flex;gap:5px}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;color:#34634c;font-size:13px;font-weight:700;text-decoration:none}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.detail-section{padding:18px;border:1px solid var(--line);border-radius:6px;background:var(--color-white);box-shadow:var(--shadow)}.detail-section h2{margin:0 0 16px;font-size:16px}.detail-section dl{margin:0}.detail-section dl div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--color-neutral-100)}.detail-section dl div:last-child{border-bottom:0}.detail-section dt{color:var(--muted);font-size:12px}.detail-section dd{margin:0;color:#30353a;font-size:13px;font-weight:600}.detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detail-metrics>div{min-width:0;padding:12px;border:1px solid #e4e7e9;border-radius:5px;background:#f8f9f9}.detail-metrics svg,.detail-metrics span,.detail-metrics strong{display:block}.detail-metrics svg{margin-bottom:12px;color:var(--color-neutral-600)}.detail-metrics span{color:var(--muted);font-size:11px}.detail-metrics strong{overflow:hidden;margin-top:4px;font-size:13px;text-overflow:ellipsis}.sidebar-scrim{display:none}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton{to{background-position:-200% 0}}@media not all and (min-width:1024px){.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.detail-grid{grid-template-columns:1fr}}@media not all and (min-width:768px){.app-frame{display:block}.sidebar{position:fixed;left:0;width:min(280px,86vw);transform:translate(-100%);transition:transform .18s ease}.sidebar--open{transform:translate(0)}.sidebar__close,.mobile-menu{display:inline-grid}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:block;border:0;background:#12151870}.topbar{padding:0 12px}.topbar-context{display:none}.content{padding:18px 12px}.page-header{display:grid}.page-header h1{font-size:26px}.toolbar{display:grid}.search-control,.select-control{width:100%}.select-control select{flex:1}.metric-strip{grid-template-columns:1fr 1fr}.metric{min-height:72px;padding:12px}.metric strong{font-size:18px}.table-panel__header{align-items:flex-start}.record-limit{display:none!important}.detail-metrics{grid-template-columns:1fr}.detail-section dl div{grid-template-columns:1fr;gap:3px}}.auth-loading{display:grid;min-height:100vh;place-content:center;justify-items:center;gap:var(--space-3);color:var(--text-muted);background:var(--surface-page);font-size:var(--font-size-14)}.auth-loading__mark{display:grid;width:44px;height:44px;place-items:center;color:var(--text-inverse);border-radius:var(--radius-3);background:var(--action-primary);font-size:var(--font-size-24);font-weight:var(--font-weight-bold)}.login-page{display:grid;min-height:100vh;place-items:center;padding:var(--space-6);background:var(--surface-page)}.login-panel{width:min(420px,100%);padding:var(--space-7);border:1px solid var(--border-default);border-radius:var(--radius-4);background:var(--surface-default);box-shadow:var(--shadow-overlay)}.login-brand{display:grid;justify-items:center;gap:var(--space-3);padding-bottom:var(--space-6);text-align:center}.login-brand img{width:72px;height:72px;object-fit:contain;padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-3);background:var(--surface-default)}.login-brand strong,.login-brand span{display:block}.login-brand strong{color:var(--text-strong);font-size:var(--font-size-21)}.login-brand span{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--font-size-14)}.login-form{display:grid;gap:var(--space-4)}.login-form label{display:grid;gap:var(--space-2);color:var(--text-body);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold)}.login-input{display:flex;min-height:var(--control-height-lg);align-items:center;gap:var(--space-2);padding:0 var(--space-3);color:var(--text-muted);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default)}.login-input:focus-within{border-color:var(--action-primary);outline:3px solid var(--focus-ring)}.login-input input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text-strong)}.login-password-toggle{display:inline-grid;width:32px;height:32px;flex:0 0 32px;place-items:center;color:var(--text-muted);border:0;border-radius:var(--radius-2);background:transparent;cursor:pointer}.login-password-toggle:hover{color:var(--text-body);background:var(--surface-muted)}.login-warning{color:var(--color-warning-700);font-size:var(--font-size-13);font-weight:var(--font-weight-semibold)}.login-remember{display:flex!important;grid-template-columns:none;align-items:center;gap:var(--space-2)!important;color:var(--text-muted)!important;font-weight:var(--font-weight-regular)!important}.login-remember input{width:16px;height:16px;accent-color:var(--action-primary)}.login-submit{width:100%;margin-top:var(--space-2);min-height:44px}.sidebar-logout{display:flex;min-height:36px;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-neutral-300);border:1px solid var(--color-neutral-800);border-radius:var(--radius-2);background:transparent;cursor:pointer;font-size:var(--font-size-13)}.sidebar-logout:hover{color:var(--text-inverse);border-color:var(--color-neutral-700);background:var(--color-neutral-900)}.mobile-menu,.sidebar__close{display:none}.hr-filterbar{align-items:flex-end;row-gap:8px}.hr-filterbar .select-control,.hr-filterbar .search-control,.hr-filterbar .ui-select,.hr-filterbar .ui-search{min-width:0;flex:1 1 180px;max-width:260px}.hr-filterbar .ui-select select,.hr-filterbar .select-control select{width:100%;min-width:0}.hr-table{min-width:1050px}.hr-table.audit-table{min-width:760px}.hr-table.audit-table td{vertical-align:middle}.employee-link{display:grid;gap:var(--space-1);color:inherit;text-decoration:none}.employee-link strong{color:var(--action-primary);font-size:var(--font-size-13)}.employee-link span,.table-subtext{display:block;margin-top:var(--space-1);color:var(--text-body);font-size:var(--font-size-14)}.payslip-table{width:100%;border-collapse:collapse}.payslip-table td{padding:6px 4px;border-bottom:1px solid var(--border-subtle, #e2e8f0);font-size:var(--font-size-16)}.payslip-table .payslip-total td{border-bottom:none;border-top:2px solid var(--border-strong, #cbd5e1);font-weight:700}.employee-profile-header{display:flex;min-height:112px;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--border-default)}.employee-profile-header>.ui-status{margin-left:auto}.employee-profile-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.employee-profile-header h1{margin:var(--space-1) 0;color:var(--text-strong);font-size:var(--font-size-26)}.employee-profile-header p{margin:0;color:var(--text-muted);font-size:var(--font-size-14)}.employee-profile-identity{min-width:0}.profile-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.profile-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;color:var(--text-body);border:1px solid var(--border-default);border-radius:999px;background:var(--surface-muted, var(--color-neutral-50));font-size:var(--font-size-14);font-weight:600}.profile-chip svg{flex:0 0 auto;color:var(--text-muted)}.profile-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-5);border-bottom:1px solid var(--border-default);overflow-x:auto}.profile-tab{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;color:var(--text-muted);border:0;border-bottom:2px solid transparent;background:transparent;font-size:var(--font-size-16);font-weight:600;white-space:nowrap;cursor:pointer}.profile-tab:hover{color:var(--text-strong)}.profile-tab--active{color:#1f6744;border-bottom-color:#237e50}.employee-avatar{display:grid;width:64px;height:64px;flex:0 0 64px;place-items:center;color:var(--color-brand-700);border:1px solid var(--color-brand-100);border-radius:50%;background:var(--color-brand-50)}.detail-section h2,.detail-section dd{display:flex;align-items:center;gap:var(--space-2)}.detail-section--sensitive{border-top:3px solid var(--color-warning-100)}.restricted-state{display:grid;min-height:180px;place-content:center;justify-items:center;gap:var(--space-3);color:var(--text-muted);text-align:center;font-size:var(--font-size-14)}.attendance-filters{align-items:flex-end}.date-control{display:grid;gap:var(--space-1);color:var(--text-muted);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold)}.date-control input{min-height:var(--control-height-md);padding:0 var(--space-3);color:var(--text-body);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default)}.attendance-table{min-width:1080px}.leave-header-actions,.leave-row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.leave-balance-band{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:var(--space-5);margin-bottom:var(--space-5);padding:var(--space-4) 0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.leave-balance-band__title strong,.leave-balance-band__title span{display:block}.leave-balance-band__title strong{color:var(--text-strong);font-size:var(--font-size-15)}.leave-balance-band__title span{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--font-size-12)}.leave-balance-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-2)}.leave-balance-item{min-width:0;padding:var(--space-3);border-left:3px solid var(--color-brand-500);background:var(--surface-subtle)}.leave-balance-item span,.leave-balance-item strong,.leave-balance-item small{display:block}.leave-balance-item span,.leave-balance-item small{color:var(--text-muted);font-size:var(--font-size-12)}.leave-balance-item strong{margin:var(--space-1) 0;color:var(--text-strong);font-size:var(--font-size-24)}.leave-table{min-width:1180px}.leave-reason-cell{max-width:260px}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow-y:auto;padding:var(--space-4);background:#1118278c}.action-dialog{width:min(980px,100%);margin:var(--space-5) auto;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-default);box-shadow:var(--shadow-overlay)}.action-dialog--compact{width:min(620px,100%)}.action-dialog--compact .leave-form{grid-template-columns:1fr}.action-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--border-default)}.action-dialog h2{margin:var(--space-1) 0 0;color:var(--text-strong);font-size:var(--font-size-24)}.leave-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);padding:var(--space-5)}.leave-form__dates{display:grid;grid-column:span 2;grid-template-columns:1fr 1fr;gap:var(--space-3)}.leave-form__hours{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.leave-form__section{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-subtle)}.leave-form__section--full{grid-column:1 / -1}.leave-form__section strong{color:var(--text-strong);font-size:var(--font-size-15)}.leave-form__section span{color:var(--text-muted);font-size:var(--font-size-13)}.leave-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.leave-choice,.leave-radio-stack label{display:inline-flex;align-items:center;gap:var(--space-2)}.leave-choice{min-height:42px;padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default);color:var(--text-body);font-weight:700}.leave-choice.is-selected{border-color:var(--action-primary);color:var(--action-primary);background:color-mix(in srgb,var(--action-primary) 10%,white)}.leave-radio-stack{display:grid;gap:var(--space-2)}.leave-form footer{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2)}.action-dialog__context{grid-column:1 / -1;margin:0;padding:var(--space-3);color:var(--text-body);background:var(--surface-subtle);font-size:var(--font-size-13)}.cell-warning{color:var(--color-warning-700)}.cell-warning svg{margin-right:var(--space-1);vertical-align:middle}@media not all and (min-width:768px){.mobile-menu,.sidebar__close{display:inline-grid}.login-page{padding:var(--space-3);background:var(--surface-page)}.login-panel{padding:var(--space-5)}.employee-profile-header{display:grid;grid-template-columns:auto 1fr}.employee-profile-header>.ui-status{margin-left:0}.employee-profile-actions{grid-column:1 / -1;width:100%;margin-left:0}.employee-profile-actions .button{flex:1}.hr-filterbar,.attendance-filters{display:grid}.leave-balance-band{grid-template-columns:1fr}.leave-form{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-form__dates{grid-template-columns:1fr}.leave-form__hours,.leave-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-header-actions{width:100%}.leave-header-actions .ui-button{flex:1}.hr-filterbar .select-control,.date-control input{width:100%}}@media not all and (min-width:640px){.modal-scrim{padding:var(--space-2)}.action-dialog{width:100%;margin:var(--space-2) auto}.leave-form{grid-template-columns:1fr;padding:var(--space-4)}.leave-form__dates{grid-column:1}.leave-form__hours,.leave-choice-grid{grid-column:1;grid-template-columns:1fr}.leave-form footer{flex-direction:column-reverse}.leave-form footer .button,.leave-form footer .ui-button{width:100%}}.leave-history-dialog{width:min(980px,calc(100vw - 32px))}.leave-history-content{display:grid;gap:16px}.leave-history-balances{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.leave-history-balances article{display:grid;gap:3px;padding:12px;border:1px solid #e2e8f0;border-radius:6px;background:var(--color-white)}.leave-history-balances span{color:#64748b;font-size:12px}.leave-history-balances b{color:#166534}.payroll-workspace{max-width:100%}.payroll-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-default);box-shadow:var(--shadow-1)}.payroll-metrics--detail{grid-template-columns:repeat(6,minmax(0,1fr))}.payroll-metrics>div,.payroll-source-summary>div{min-width:0;padding:var(--space-4);border-right:1px solid var(--border-default)}.payroll-metrics>div:last-child,.payroll-source-summary>div:last-child{border-right:0}.payroll-metrics span,.payroll-source-summary span{display:block;color:var(--text-muted);font-size:var(--font-size-12)}.payroll-metrics strong,.payroll-source-summary strong{display:block;overflow:hidden;margin-top:var(--space-1);color:var(--text-strong);font-size:var(--font-size-21);text-overflow:ellipsis;white-space:nowrap}.payroll-filters{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.payroll-search{max-width:420px;margin-left:auto}.payroll-period-table{min-width:1120px}.payroll-clickable-row{cursor:pointer}.payroll-code{color:var(--action-primary);font-weight:750;white-space:nowrap}.payroll-status,.payroll-diff,.payroll-match{display:inline-flex;min-height:23px;align-items:center;padding:0 8px;border:1px solid var(--border-default);border-radius:var(--radius-2);font-size:var(--font-size-11);font-weight:800;white-space:nowrap}.payroll-status--open{color:#8a5a10;border-color:var(--color-warning-100);background:var(--color-warning-50)}.payroll-status--calculated,.payroll-match{color:var(--color-brand-600);border-color:#badfc8;background:var(--color-brand-50)}.payroll-status--locked{color:#3d4f78;border-color:#c6d2eb;background:#eef3fb}.payroll-status--paid{color:#5f387c;border-color:#ddcbed;background:#f7f0fc}.payroll-diff{color:#8b2d27;border-color:var(--color-danger-100);background:var(--red-soft)}.payroll-period-header{margin-bottom:var(--space-4)}.payroll-tabbar{display:flex;gap:2px;overflow-x:auto;margin-bottom:var(--space-3);border-bottom:1px solid var(--border-default)}.payroll-tabbar button{min-height:42px;padding:0 var(--space-4);color:var(--text-muted);border:0;border-bottom:2px solid transparent;background:transparent;cursor:pointer;font-size:var(--font-size-13);font-weight:700;white-space:nowrap}.payroll-tabbar button.is-active{color:var(--action-primary);border-bottom-color:var(--action-primary)}.payroll-tab-panel{min-height:280px}.payroll-wide-table{max-height:70vh;overflow:auto;border:1px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-default)}.payroll-wide-table table{min-width:2500px}.payroll-wide-table th,.payroll-wide-table td{padding:8px 9px;white-space:nowrap}.payroll-wide-table thead{position:sticky;top:0;z-index:2}.payroll-group-row th{color:var(--color-white);background:#343a40;text-align:center}.payroll-wide-table td:nth-child(2),.payroll-wide-table th:nth-child(2){position:sticky;left:0;z-index:1;background:inherit}.payroll-wide-table th:nth-child(2){z-index:3;background:#f7f8f8}.payroll-deduct{color:#9d352d}.payroll-total,.payroll-net{font-weight:800}.payroll-net{color:var(--color-brand-600)}.payroll-source-summary{display:inline-grid;grid-template-columns:repeat(3,minmax(150px,1fr));min-width:min(100%,560px);margin-bottom:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-default)}.payroll-source-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.payroll-source-links a{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-3);padding:var(--space-4);color:inherit;border:1px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-default);text-decoration:none}.payroll-source-links a:hover{border-color:var(--action-primary)}.payroll-source-links strong{color:var(--text-strong)}.payroll-source-links span{color:var(--text-muted);font-size:var(--font-size-12)}.payroll-source-links svg{grid-column:2;grid-row:1 / span 2;color:var(--action-primary)}.payroll-board-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid #b9dbea;border-radius:var(--radius-3);background:#eef8fc}.payroll-board-header strong,.payroll-board-header span{display:block}.payroll-board-header span{color:var(--text-muted);font-size:var(--font-size-12)}.payroll-slip-list{display:grid;gap:var(--space-5)}.payroll-slip{width:min(100%,760px);margin:0 auto;padding:28px;border:2px solid #343a40;border-radius:var(--radius-3);background:var(--color-white);break-after:page}.payroll-slip>header{display:grid;gap:2px;margin-bottom:var(--space-4);text-align:center}.payroll-slip>header span{color:var(--text-muted);font-size:var(--font-size-12)}.payroll-slip>header h2{margin:var(--space-2) 0 0;color:var(--action-primary);font-size:var(--font-size-17)}.payroll-slip__identity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-2);background:var(--surface-subtle);font-size:var(--font-size-13)}.payroll-slip__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-4)}.payroll-slip__columns h3{margin:0 0 var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border-default);font-size:var(--font-size-14)}.payroll-slip__columns section>div{display:flex;justify-content:space-between;gap:var(--space-3);padding:3px 0;font-size:var(--font-size-12)}.payroll-slip__total{margin-top:var(--space-2);padding-top:var(--space-2)!important;border-top:1px solid var(--border-default)}.payroll-slip>footer{display:grid;gap:2px;margin-top:var(--space-4);padding:var(--space-3);color:var(--color-white);border-radius:var(--radius-2);background:#343a40;text-align:center}.payroll-slip>footer span{font-size:var(--font-size-12)}.payroll-slip>footer strong{font-size:var(--font-size-24)}@media not all and (min-width:1024px){.payroll-metrics--detail{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-metrics--detail>div:nth-child(3){border-right:0}}@media not all and (min-width:768px){.payroll-filters{display:grid;grid-template-columns:1fr}.payroll-filters .segmented-control,.payroll-search{width:100%;max-width:none;margin-left:0}.payroll-filters .segmented-control button{flex:1;padding:0 var(--space-2)}.payroll-metrics,.payroll-metrics--detail{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-metrics>div{border-bottom:1px solid var(--border-default)}.payroll-source-links,.payroll-slip__columns,.payroll-slip__identity{grid-template-columns:1fr}.payroll-source-summary{display:grid;grid-template-columns:1fr;width:100%}.payroll-source-summary>div{border-right:0;border-bottom:1px solid var(--border-default)}.payroll-slip{padding:18px}}@media print{.sidebar,.topbar,.back-link,.page-header,.message,.payroll-metrics,.payroll-tabbar,.payroll-board-header .button{display:none!important}.content{padding:0}.payroll-slip{border-radius:0;box-shadow:none}}.main-nav{gap:var(--space-5);overflow-y:auto}.nav-group{display:grid;gap:3px}.nav-root{display:grid;gap:4px}.nav-root__toggle{display:grid;grid-template-columns:minmax(0,1fr) auto auto;min-height:40px;align-items:center;gap:var(--space-2);padding:0 10px;color:#f2f5f4;border:1px solid #343b40;border-radius:var(--radius-2);background:#23282d;cursor:pointer;font-size:var(--font-size-15);font-weight:var(--font-weight-bold);text-align:left}.nav-root__toggle>span{display:flex;min-width:0;align-items:center;gap:9px}.nav-root__toggle small{display:grid;min-width:22px;height:20px;padding:0 4px;place-items:center;color:#c6cec9;border:1px solid #4a5450;border-radius:10px;font-size:10px}.nav-root__toggle>svg,.nav-group__toggle>svg{transition:transform var(--duration-normal) var(--ease-standard)}.nav-root__toggle>svg.is-open,.nav-group__toggle>svg.is-open{transform:rotate(180deg)}.nav-root__children{display:grid;gap:7px;padding:3px 0 0 8px;border-left:1px solid #3b4348}.nav-group--nested .nav-group__toggle{min-height:30px;padding-left:10px;color:#b6bdc2}.nav-group--nested .nav-item{margin-left:4px}.main-nav{scrollbar-color:#596168 transparent;scrollbar-width:thin}.main-nav::-webkit-scrollbar,.org-employee-list::-webkit-scrollbar{width:7px}.main-nav::-webkit-scrollbar-thumb{border-radius:6px;background:#596168}.main-nav::-webkit-scrollbar-track{background:transparent}.nav-group__toggle{display:grid;grid-template-columns:minmax(0,1fr) auto auto;min-height:32px;align-items:center;gap:var(--space-2);padding:0 9px;color:#9ca3a9;border:0;border-radius:var(--radius-2);background:transparent;cursor:pointer;font-size:var(--font-size-12);font-weight:var(--font-weight-bold);text-align:left}.nav-group__toggle:hover{color:var(--text-inverse);background:#23282d}.nav-group__toggle small{display:grid;min-width:19px;height:19px;place-items:center;color:#aeb5ba;border:1px solid #41484e;border-radius:50%;font-size:10px}.nav-group[data-nav-tone],.nav-root[data-nav-tone]{--nav-tab-background: #174b39;--nav-tab-border: #2d7458;--nav-tab-hover: #1d5b46;--nav-tab-count-background: rgba(255, 255, 255, .1);--nav-tab-count-border: rgba(255, 255, 255, .24);--nav-tab-count-text: #f3f6f5}.nav-group[data-nav-tone]>.nav-group__toggle,.nav-root[data-nav-tone]>.nav-root__toggle{min-height:42px;padding:0 10px;color:var(--color-white);border:1px solid var(--nav-tab-border);background:var(--nav-tab-background);box-shadow:inset 3px 0 #ffffff38}.nav-group[data-nav-tone]>.nav-group__toggle>span,.nav-root[data-nav-tone]>.nav-root__toggle>span{display:flex;min-width:0;align-items:center;gap:9px}.nav-group[data-nav-tone]>.nav-group__toggle:hover,.nav-root[data-nav-tone]>.nav-root__toggle:hover{color:var(--color-white);background:var(--nav-tab-hover)}.nav-group[data-nav-tone]>.nav-group__toggle:focus-visible,.nav-root[data-nav-tone]>.nav-root__toggle:focus-visible{outline:3px solid rgba(255,255,255,.24);outline-offset:1px}.nav-group[data-nav-tone]>.nav-group__toggle small,.nav-root[data-nav-tone]>.nav-root__toggle small{color:var(--nav-tab-count-text);border-color:var(--nav-tab-count-border);background:var(--nav-tab-count-background)}.employee-photo{display:inline-grid;flex:0 0 auto;place-items:center;overflow:hidden;color:var(--color-brand-700);border:1px solid var(--color-brand-100);border-radius:50%;background:var(--color-brand-50)}.employee-photo img{width:100%;height:100%;object-fit:cover}.employee-photo--sm{width:32px;height:32px}.employee-photo--md{width:44px;height:44px}.employee-photo--lg{width:76px;height:76px}.employee-profile-photo{position:relative;flex:0 0 auto}.employee-photo-action{position:absolute;right:-3px;bottom:-3px;display:grid;width:29px;height:29px;padding:0;place-items:center;color:var(--text-inverse);border:2px solid var(--surface-default);border-radius:50%;background:var(--action-primary);cursor:pointer}.employee-link{grid-template-columns:auto minmax(0,1fr);align-items:center}.employee-link>span{min-width:0}.employee-link>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-chart-grid,.production-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:var(--space-3);align-items:start}.org-department,.production-line{overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-default);box-shadow:var(--shadow-1)}.org-department--unmatched{border-color:var(--color-warning-100)}.org-department--unmatched .org-department__header{background:var(--color-warning-50)}.org-department__header{display:grid;width:100%;min-height:60px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-body);border:0;border-bottom:1px solid var(--border-subtle);background:var(--surface-default);cursor:pointer;text-align:left}.org-department__header small,.org-department__header strong{display:block}.org-department__header small{color:var(--action-primary);font-size:var(--font-size-12);font-weight:var(--font-weight-bold)}.org-department__header strong{margin-top:var(--space-1);color:var(--text-strong);font-size:var(--font-size-15)}.org-department__count{display:grid;min-width:28px;height:28px;place-items:center;border-radius:50%;background:var(--surface-subtle);font-size:var(--font-size-13);font-weight:var(--font-weight-bold)}.org-employee-list{display:grid;max-height:360px;overflow-y:auto}.org-employee{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-height:51px;padding:var(--space-2) var(--space-3);color:var(--text-body);border-bottom:1px solid var(--border-subtle);text-decoration:none}.org-employee:hover,.production-members a:hover{background:var(--surface-subtle)}.org-employee strong,.org-employee small,.production-members strong,.production-members small{display:block}.org-employee strong,.production-members strong{overflow:hidden;color:var(--text-strong);font-size:var(--font-size-13);text-overflow:ellipsis;white-space:nowrap}.org-employee small,.production-members small{margin-top:2px;color:var(--text-muted);font-size:var(--font-size-11, 9px)}.org-employee>b,.production-members a>b{color:var(--color-info-700);font-size:var(--font-size-11, 9px)}.org-empty{padding:var(--space-5);color:var(--text-muted);font-size:var(--font-size-13);text-align:center}.production-line>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:67px;padding:var(--space-3) var(--space-4);color:var(--text-body);border-bottom:1px solid var(--border-subtle);background:var(--surface-subtle)}.production-line>header strong,.production-line>header span{display:block}.production-line>header strong{color:var(--text-strong);font-size:var(--font-size-15)}.production-line>header span{margin-top:2px;color:var(--text-muted);font-size:var(--font-size-12)}.production-line>header>b{color:var(--action-primary);font-size:var(--font-size-21)}.production-members{display:grid}.production-members a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-height:50px;padding:var(--space-2) var(--space-3);color:var(--text-body);border-bottom:1px solid var(--border-subtle);text-decoration:none}.production-member{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;min-height:58px;border-bottom:1px solid var(--border-subtle)}.production-member:last-child{border-bottom:0}.production-member__profile{min-width:0;border-bottom:0!important}.production-member__profile em{display:block;overflow:hidden;margin-top:2px;color:var(--action-primary);font-size:var(--font-size-11, 9px);font-style:normal;text-overflow:ellipsis;white-space:nowrap}.production-member__role{min-width:72px;padding:4px 8px;color:var(--text-muted);border-left:1px solid var(--border-subtle);font-size:var(--font-size-11, 9px);font-weight:var(--font-weight-bold);text-align:center}.production-member--pm .production-member__role,.production-member--sv .production-member__role,.production-member--fm .production-member__role,.production-member--ld .production-member__role{color:var(--action-primary)}.production-member>.icon-button{margin-right:var(--space-1)}.production-member__team-count{display:inline-flex;min-width:42px;align-items:center;justify-content:center;gap:3px;padding-right:var(--space-3);color:var(--text-muted);font-size:var(--font-size-12)}.leader-member-option{display:grid;min-height:66px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default);cursor:pointer}.leader-member-option:hover,.leader-member-option--selected{border-color:var(--action-primary);background:var(--surface-subtle)}.leader-member-option strong,.leader-member-option small,.leader-member-option em{display:block}.leader-member-option strong{overflow:hidden;color:var(--text-strong);font-size:var(--font-size-13);text-overflow:ellipsis;white-space:nowrap}.leader-member-option small,.leader-member-option em{margin-top:2px;color:var(--text-muted);font-size:var(--font-size-11, 9px)}.leader-member-option em{color:var(--color-warning-700);font-style:normal}.approval-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default)}.approval-summary>div{display:flex;min-width:0;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-right:1px solid var(--border-subtle)}.approval-summary>div:last-child{border-right:0}.approval-summary svg{flex:0 0 auto;color:var(--action-primary)}.approval-summary span,.approval-summary strong{display:block}.approval-summary span{color:var(--text-muted);font-size:var(--font-size-12)}.approval-summary strong{margin-top:2px;color:var(--text-strong);font-size:var(--font-size-21)}.approval-summary .has-warning svg,.approval-summary .has-warning strong{color:var(--color-warning-700)}.approval-layout{display:grid;gap:var(--space-5)}.approval-department{min-width:0;border-top:2px solid var(--action-primary)}.approval-department>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0}.approval-department>header small,.approval-department>header strong{display:block}.approval-department>header small{color:var(--action-primary);font-size:var(--font-size-11, 9px);font-weight:var(--font-weight-bold)}.approval-department>header strong{margin-top:2px;color:var(--text-strong);font-size:var(--font-size-16)}.approval-department>header>span{color:var(--text-muted);font-size:var(--font-size-12)}.approval-rule-list{border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default)}.approval-rule{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(430px,1.8fr) minmax(155px,.55fr);align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.approval-rule:last-child{border-bottom:0}.approval-rule__requester{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2)}.approval-position-code{display:inline-grid;min-width:46px;height:30px;place-items:center;padding:0 7px;color:var(--action-primary);border:1px solid var(--color-success-100);border-radius:var(--radius-2);background:var(--color-success-50);font-size:var(--font-size-12);font-weight:var(--font-weight-bold)}.approval-rule__requester strong,.approval-rule__requester small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-rule__requester strong{color:var(--text-strong);font-size:var(--font-size-13)}.approval-rule__requester small{margin-top:2px;color:var(--text-muted);font-size:var(--font-size-11, 9px)}.approval-rule__flow{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-2)}.approval-rule__flow>svg{color:var(--text-muted)}.approval-step{min-width:0;padding-left:var(--space-2);border-left:2px solid var(--action-primary)}.approval-step--muted{border-left-color:var(--border-strong)}.approval-step small,.approval-step strong,.approval-step span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-step small{color:var(--action-primary);font-size:var(--font-size-11, 9px);font-weight:var(--font-weight-bold)}.approval-step strong{color:var(--text-strong);font-size:var(--font-size-12)}.approval-step span{margin-top:2px;color:var(--text-muted);font-size:var(--font-size-11, 9px)}.approval-step--empty{border-left-style:dashed}.approval-rule__meta{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:var(--space-2)}.approval-rule__meta>span:first-child{display:inline-flex;overflow:hidden;max-width:105px;align-items:center;gap:3px;color:var(--text-muted);font-size:var(--font-size-11, 9px);text-overflow:ellipsis;white-space:nowrap}.approval-warning{display:inline-flex;align-items:center;gap:3px;color:var(--color-warning-700);font-size:var(--font-size-12);font-weight:var(--font-weight-bold)}.approval-delegate-editor{display:grid;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-default)}.approval-delegate-editor>div:first-child strong,.approval-delegate-editor>div:first-child span{display:block}.approval-delegate-editor>div:first-child strong{color:var(--text-strong);font-size:var(--font-size-14)}.approval-delegate-editor>div:first-child span{margin-top:2px;color:var(--text-muted);font-size:var(--font-size-12)}.approval-delegate-options{display:grid;max-height:260px;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);overflow-y:auto}.approval-delegate-options label,.approval-toggle{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-2);cursor:pointer}.approval-delegate-options label:hover,.approval-toggle:hover{border-color:var(--action-primary);background:var(--surface-subtle)}.approval-delegate-options span,.approval-delegate-options strong,.approval-toggle strong,.approval-toggle small{display:block}.approval-delegate-options span,.approval-toggle strong{color:var(--text-body);font-size:var(--font-size-12)}.approval-delegate-options strong{color:var(--action-primary)}.approval-toggle small{margin-top:2px;color:var(--text-muted);font-size:var(--font-size-11, 9px)}.production-empty{display:grid;min-height:105px;place-content:center;justify-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-size-13)}.position-levels{display:grid;gap:var(--space-2)}.position-category{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);min-height:69px;margin-left:min(calc(var(--position-level) * 18px),90px);padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-left:3px solid var(--action-primary);border-radius:var(--radius-3);background:var(--surface-default);box-shadow:var(--shadow-1)}.position-category__level{display:grid;width:36px;height:36px;place-items:center;color:var(--action-primary);border-radius:var(--radius-2);background:var(--color-brand-50);font-size:var(--font-size-13);font-weight:var(--font-weight-bold)}.position-category strong,.position-category small{display:block}.position-category strong{margin:2px 0;color:var(--text-strong);font-size:var(--font-size-15)}.position-category small{color:var(--text-muted);font-size:var(--font-size-12)}.app-frame,.login-page{font-family:Inter,Noto Sans Thai,Noto Sans Myanmar,Myanmar Text,Segoe UI,sans-serif}.org-chart-page{width:100%;max-width:none}.org-chart-page__header{align-items:center}.org-chart-title,.org-chart-actions,.org-summary,.org-summary__title,.org-summary__total{display:flex;align-items:center}.org-chart-title{gap:var(--space-3)}.org-chart-title>svg{color:var(--action-primary)}.org-chart-title h1{margin-block:2px 0}.org-chart-actions{flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-size-13)}.org-chart-actions strong{color:var(--text-strong)}.org-canvas{overflow-x:auto;padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-4);background:var(--surface-default);box-shadow:var(--shadow-1)}.org-canvas__content{min-width:max(1160px,calc(var(--org-column-count, 10) * 150px))}.org-root{position:relative;display:grid;width:126px;min-height:60px;margin:0 auto 38px;place-content:center;color:var(--text-inverse);border-radius:var(--radius-4);background:#5c3bea;box-shadow:0 6px 14px #5c3bea40;text-align:center}.org-root:after{position:absolute;top:100%;left:50%;width:1px;height:22px;background:#cbd5df;content:""}.org-root strong,.org-root span{display:block}.org-root strong{font-size:var(--font-size-16)}.org-root span{margin-top:2px;opacity:.85;font-size:var(--font-size-11, 9px)}.org-branches{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:28px 8px;align-items:start;padding-top:20px}.org-branches:before{position:absolute;top:0;right:5%;left:5%;height:1px;background:#cbd5df;content:""}.org-node{--org-accent: #1e4bc6;position:relative;min-width:0;overflow:hidden;border:2px solid var(--org-accent);border-radius:var(--radius-4);background:var(--surface-default)}.org-node:before{position:absolute;bottom:100%;left:50%;width:1px;height:22px;background:#cbd5df;content:""}.org-node--color-1{--org-accent: #07805f}.org-node--color-2{--org-accent: #b75708}.org-node--color-3{--org-accent: #7337ee}.org-node--color-4{--org-accent: #c41442}.org-node--color-5{--org-accent: #08749f}.org-node--color-6{--org-accent: #443dc5}.org-node--color-7{--org-accent: #a76808}.org-node--unmatched{border-style:dashed}.org-node__header{display:grid;width:100%;min-height:31px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px;padding:0 8px;color:var(--text-inverse);border:0;background:var(--org-accent);cursor:pointer;text-align:left}.org-node__header strong{overflow:hidden;font-size:var(--font-size-12);text-overflow:ellipsis;white-space:nowrap}.org-node__header span{font-size:10px;font-weight:var(--font-weight-bold)}.org-node__people{max-height:284px;overflow-y:auto;scrollbar-color:#aab3bd transparent;scrollbar-width:thin}.org-section-groups{display:grid;gap:8px;padding:8px}.org-section-group{overflow:hidden;border:1px dashed color-mix(in srgb,var(--org-accent) 72%,transparent);border-radius:var(--radius-3);background:color-mix(in srgb,var(--org-accent) 5%,var(--surface-default))}.org-section-group__header{display:grid;min-height:26px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 7px;color:var(--org-accent);border-bottom:1px solid color-mix(in srgb,var(--org-accent) 18%,transparent);background:color-mix(in srgb,var(--org-accent) 9%,var(--surface-default))}.org-section-group__header strong{overflow:hidden;font-size:var(--font-size-12);text-overflow:ellipsis;white-space:nowrap}.org-section-group__header span{min-width:22px;padding:1px 5px;border-radius:999px;background:color-mix(in srgb,var(--org-accent) 14%,var(--surface-default));font-size:var(--font-size-12);font-weight:var(--font-weight-bold);text-align:center}.org-section-group__people{max-height:156px;overflow-y:auto;scrollbar-color:#aab3bd transparent;scrollbar-width:thin}.org-person{display:grid;min-height:22px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:3px;padding:2px 7px;color:var(--text-body);text-decoration:none}.org-person:hover{background:var(--surface-subtle)}.org-person>span{color:var(--text-muted);font-size:10px;text-align:right}.org-person>strong{overflow:hidden;font-size:11px;font-weight:var(--font-weight-regular);text-overflow:ellipsis;white-space:nowrap}.org-person>b{padding:1px 3px;color:var(--color-info-700);border-radius:2px;background:var(--color-info-50);font-size:9px}.org-person__identity{display:grid;min-width:0;text-align:left!important}.org-person__identity strong,.org-person__identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-person__identity strong{color:var(--text-strong);font-size:11px}.org-person__identity small{color:var(--text-muted);font-size:9px}.org-person>em{padding:1px 4px;color:var(--color-warning-700);border-radius:2px;background:var(--color-warning-50);font-size:8px;font-style:normal;white-space:nowrap}.org-person--vacant{grid-template-columns:minmax(0,1fr) auto auto;color:var(--color-warning-700);border:1px dashed var(--color-warning-100);background:var(--color-warning-50)}.org-person--leader{grid-template-columns:minmax(0,1fr) auto auto;min-height:26px;border-bottom:1px solid var(--border-subtle);background:var(--surface-subtle)}.production-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.production-summary article{display:grid;min-height:84px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-default)}.production-summary article>svg{grid-row:1 / 3;color:var(--color-brand-700)}.production-summary article span{overflow:hidden;color:var(--text-muted);font-size:var(--font-size-13);text-overflow:ellipsis;white-space:nowrap}.production-summary article strong{color:var(--text-strong);font-size:var(--font-size-21)}.production-summary__total{border-color:var(--color-brand-100)!important;background:var(--color-brand-50)!important}.workforce-status-table{min-width:0;font-size:11px}.workforce-status-table__header,.workforce-status-table__row{display:grid;grid-template-columns:minmax(110px,1.8fr) repeat(6,minmax(42px,.65fr));align-items:center;gap:6px;min-width:0;padding:7px 8px}.workforce-status-table__header{color:var(--text-muted);border-bottom:1px solid var(--border-default);background:var(--surface-subtle);font-weight:var(--font-weight-bold)}.workforce-status-table__header>:not(:first-child){text-align:right}.workforce-status-table__row{min-height:42px;border-bottom:1px solid var(--border-subtle)}.workforce-status-table__row:hover{background:var(--surface-subtle)}.workforce-status-table__department{display:grid;min-width:0}.workforce-status-table__department strong{overflow:hidden;color:var(--text-body);text-overflow:ellipsis;white-space:nowrap}.workforce-status-table__department small{color:#6d28d9}.workforce-status-table__row>span{display:flex;min-width:0;justify-content:flex-end;gap:4px;text-align:right}.workforce-status-table__row>span small{display:none}.workforce-status-table__row a{color:var(--text-body);font-weight:var(--font-weight-bold)}@media not all and (min-width:640px){.workforce-status-table__header{display:none}.workforce-status-table__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 8px}.workforce-status-table__department{grid-column:1 / -1}.workforce-status-table__row>span{justify-content:space-between;padding:5px 7px;border-radius:var(--radius-2);background:var(--surface-subtle);text-align:left}.workforce-status-table__row>span small{display:inline;color:var(--text-muted)}}.org-person--leader>strong{color:var(--text-strong);font-weight:var(--font-weight-semibold)}.org-summary{flex-wrap:wrap;gap:6px;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-4);background:var(--surface-default)}.org-summary__title,.org-summary__total{gap:5px;font-size:var(--font-size-12);font-weight:var(--font-weight-bold)}.org-summary__chip{--chip-color: #1e4bc6;padding:4px 8px;color:var(--chip-color);border:1px solid color-mix(in srgb,var(--chip-color),white 72%);border-radius:var(--radius-2);background:color-mix(in srgb,var(--chip-color),white 94%);font-size:var(--font-size-11, 9px)}.org-summary__chip--1{--chip-color: #07805f}.org-summary__chip--2{--chip-color: #b75708}.org-summary__chip--3{--chip-color: #7337ee}.org-summary__chip--4{--chip-color: #c41442}.org-summary__chip--5{--chip-color: #08749f}.org-summary__chip--6{--chip-color: #443dc5}.org-summary__chip--7{--chip-color: #a76808}.message--success{color:var(--color-success-700);border-color:var(--color-success-100);background:var(--color-success-50)}.message--warning{color:#92400e;border-color:#fde68a;background:#fffbeb}.detail-section--wide{grid-column:1 / -1;margin-top:var(--space-4)}.org-person>small{overflow:hidden;color:var(--text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.org-person>em{padding:1px 4px;color:var(--color-warning-700);border-radius:2px;background:var(--color-warning-50);font-size:9px;font-style:normal;font-weight:var(--font-weight-bold)}.org-summary__total{margin-left:auto;padding:5px 9px;color:var(--text-inverse);border-radius:var(--radius-2);background:#4d39d8}.org-canvas--codes{padding-bottom:var(--space-6)}.org-canvas__content--codes{min-width:max(1180px,calc(var(--org-column-count, 15) * 156px))}.org-root--codes{width:140px;background:#185c38;box-shadow:0 6px 14px #185c3838}.org-code-branches{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));gap:22px 10px;align-items:start;padding-top:22px}.org-code-branches:before{position:absolute;top:0;right:3%;left:3%;height:1px;background:#cbd5df;content:""}.org-code-department{--org-accent: #1e4bc6;position:relative;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--org-accent),white 60%);border-top:4px solid var(--org-accent);border-radius:var(--radius-4);background:var(--surface-default);box-shadow:0 1px 2px #14181c0f}.org-code-department:before{position:absolute;bottom:100%;left:50%;width:1px;height:22px;background:#cbd5df;content:""}.org-code-department__header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 7px;padding:9px 10px;color:var(--text-inverse);background:var(--org-accent)}.org-code-department__header strong,.org-code-department__header span,.org-code-department__header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-code-department__header strong{font-size:var(--font-size-13)}.org-code-department__header span{font-size:var(--font-size-13);font-weight:var(--font-weight-semibold)}.org-code-department__header small{grid-column:2;opacity:.82;font-size:var(--font-size-11, 9px)}.org-code-sections{display:grid;gap:9px;padding:10px}.org-code-section{display:grid;gap:7px;padding-left:9px;border-left:2px solid color-mix(in srgb,var(--org-accent),white 55%)}.org-code-section__header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;align-items:center}.org-code-section__header strong{padding:3px 6px;color:var(--text-inverse);border-radius:var(--radius-2);background:color-mix(in srgb,var(--org-accent),#111827 8%);font-size:var(--font-size-12)}.org-code-section__header span{overflow:hidden;color:var(--text-strong);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.org-code-positions{display:grid;gap:5px}.org-code-position{display:grid;min-height:28px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 6px;border:1px solid var(--border-subtle);border-radius:var(--radius-2);background:var(--surface-subtle)}.org-code-position b,.org-code-position span,.org-code-position em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-code-position b{color:var(--color-info-700);font-size:var(--font-size-12)}.org-code-position span{color:var(--text-body);font-size:var(--font-size-12)}.org-code-position em{padding:1px 5px;color:var(--color-success-700);border-radius:var(--radius-1);background:var(--color-success-50);font-size:var(--font-size-11, 9px);font-style:normal;font-weight:var(--font-weight-bold)}.org-code-empty{padding:5px 6px;color:var(--text-muted);font-size:var(--font-size-12)}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.module-link{display:grid;min-height:112px;align-content:center;gap:var(--space-2);padding:var(--space-4);color:var(--text-body);border:1px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-default);box-shadow:var(--shadow-1);text-decoration:none}.module-link:hover{border-color:var(--action-primary)}.module-link svg{color:var(--action-primary)}.module-link strong{color:var(--text-strong);font-size:var(--font-size-15)}.module-link span{color:var(--text-muted);font-size:var(--font-size-12)}.hr-summary-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3) 0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.hr-summary-band>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.hr-summary-band span{color:var(--text-muted);font-size:var(--font-size-13)}.hr-summary-band strong{color:var(--text-strong);font-size:var(--font-size-21)}.reference-list{display:grid;gap:var(--space-2)}.reference-row,.policy-row{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-default);box-shadow:var(--shadow-1)}.reference-row{grid-template-columns:auto 1fr auto;align-items:center}.reference-row strong,.reference-row span{display:block}.reference-row span,.reference-row time,.policy-row small{color:var(--text-muted);font-size:var(--font-size-12)}.policy-row{grid-template-columns:auto 1fr}.policy-row h2{margin:var(--space-1) 0;color:var(--text-strong);font-size:var(--font-size-18)}.policy-row p{margin:0 0 var(--space-2);color:var(--text-body);font-size:var(--font-size-14);white-space:pre-wrap}.segmented-control{display:inline-flex;padding:3px;border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-subtle)}.segmented-control button,.segmented-control>a{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 var(--space-4);color:var(--text-muted);border:0;border-radius:var(--radius-1);background:transparent;cursor:pointer;text-decoration:none}.segmented-control button.is-active{color:var(--text-strong);background:var(--surface-default);box-shadow:var(--shadow-1)}.request-mode{margin:0 0 var(--space-4)}.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.report-grid article{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-default);box-shadow:var(--shadow-1)}.report-grid svg{color:var(--action-primary)}.report-grid .status-dot{width:20px;height:20px;border-radius:999px}.report-grid .status-dot--success{background:#16a34a}.report-grid .status-dot--warning{background:#d97706}.report-grid span,.report-grid small{color:var(--text-muted);font-size:var(--font-size-12)}.report-grid strong{color:var(--text-strong);font-size:var(--font-size-26)}.hr-report-page__header{margin-bottom:var(--space-4)}.hr-report-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:var(--space-4);align-items:start}.hr-report-mobile-picker{display:none}.hr-report-catalog{position:sticky;top:80px;max-height:calc(100vh - 104px)}.hr-report-catalog__body{max-height:calc(100vh - 165px);overflow:auto;padding:var(--space-3)}.hr-report-catalog__body section+section{margin-top:var(--space-3)}.hr-report-catalog__body h2{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:0 0 var(--space-2);padding:8px 10px;color:var(--text-body);border-radius:var(--radius-2);background:var(--surface-subtle);font-size:var(--font-size-13)}.hr-report-catalog__body h2 small{color:var(--text-muted);font-size:var(--font-size-11);font-weight:var(--font-weight-regular)}.hr-report-catalog__body section>div{display:grid;gap:4px}.hr-report-catalog__body button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:40px;padding:8px 10px;color:var(--text-body);border:1px solid transparent;border-radius:var(--radius-2);background:transparent;cursor:pointer;text-align:left}.hr-report-catalog__body button>span:first-child{min-width:0;overflow:hidden;font-size:var(--font-size-13);text-overflow:ellipsis;white-space:nowrap}.hr-report-catalog__body button:hover{border-color:var(--border-default);background:var(--surface-subtle)}.hr-report-catalog__body button.is-active{color:var(--action-primary);border-color:#b8dbc8;background:#edf8f2;font-weight:var(--font-weight-semibold)}.hr-report-workspace{min-width:0}.hr-report-workspace__header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--border-default)}.hr-report-workspace__header>div:first-child{min-width:0;flex:1 1 360px}.hr-report-title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.hr-report-title h2{min-width:0;margin:0;color:var(--text-strong);font-size:var(--font-size-18);overflow-wrap:anywhere}.hr-report-workspace__header p{margin:4px 0 0;color:var(--text-muted);font-size:var(--font-size-13);overflow-wrap:anywhere}.hr-report-row-count{display:block;margin-top:7px;color:var(--text-muted);font-size:var(--font-size-11)}.hr-report-export-actions{display:flex;gap:var(--space-2);flex:0 0 auto}.hr-report-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,220px) minmax(180px,220px) auto;gap:var(--space-3);align-items:end;padding:var(--space-4);border-bottom:1px solid var(--border-default);background:var(--surface-subtle)}.hr-report-search{display:flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 11px;color:var(--text-muted);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default)}.hr-report-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:var(--font-size-13)}.hr-report-date{display:grid;gap:5px}.hr-report-date>span{color:var(--text-muted);font-size:var(--font-size-11);font-weight:var(--font-weight-semibold)}.hr-report-clear{white-space:nowrap}.hr-report-advanced-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:var(--space-2);padding:0 var(--space-4) var(--space-4);border-bottom:1px solid var(--border-default);background:var(--surface-subtle)}.hr-report-advanced-filters input,.hr-report-advanced-filters select,.hr-report-mobile-picker select{width:100%;min-height:40px;padding:0 10px;color:var(--text-body);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default);font-size:var(--font-size-13)}.hr-report-guide{display:flex;gap:var(--space-3);margin:var(--space-4) var(--space-4) 0;padding:12px 14px;color:#245b42;border:1px solid #b8dbc8;border-radius:var(--radius-2);background:#f0f8f4}.hr-report-guide>svg{flex:0 0 auto;margin-top:1px}.hr-report-guide strong{display:block;font-size:var(--font-size-13)}.hr-report-guide p{margin:3px 0 0;color:#47715d;font-size:var(--font-size-12);line-height:1.55}.hr-report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:var(--space-3) var(--space-4) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default);overflow:hidden}.hr-report-summary article{min-width:0;padding:13px 14px;border-right:1px solid var(--border-default)}.hr-report-summary article:last-child{border-right:0}.hr-report-summary span,.hr-report-summary small{display:block;color:var(--text-muted);font-size:var(--font-size-11)}.hr-report-summary strong{display:block;margin:3px 0;color:var(--text-strong);font-size:var(--font-size-21);font-variant-numeric:tabular-nums}.hr-report-notice{margin:var(--space-4)}.hr-report-table table{min-width:760px}.hr-report-table th,.hr-report-table td{white-space:nowrap}.hr-report-table th:first-child,.hr-report-table td:first-child{padding-left:var(--space-4)}.hr-report-table th:last-child,.hr-report-table td:last-child{padding-right:var(--space-4)}.hr-report-mobile-list{display:none}.leave-pivot-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:12px 18px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.leave-pivot-filters select,.leave-threshold-form input{min-width:0;height:38px;border:1px solid #cbd5e1;border-radius:6px;background:var(--color-white);padding:0 10px;color:#0f172a}.leave-pivot-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.leave-pivot-table{max-height:min(62vh,720px);border-top:1px solid #e2e8f0}.leave-pivot-table table{min-width:1200px}.leave-pivot-table thead th{position:sticky;top:0;z-index:2;background:#f8fafc}.leave-pivot-value{display:grid;width:100%;min-width:104px;gap:2px;border:1px solid transparent;border-radius:6px;padding:7px 8px;text-align:left;background:#f1f5f9;color:#334155;cursor:pointer}.leave-pivot-value small{font-size:10px;color:inherit;opacity:.78}.leave-pivot-value:disabled{cursor:default;opacity:.55}.leave-pivot-value.is-normal{background:#ecfdf5;color:#166534}.leave-pivot-value.is-watch{background:#fefce8;color:#854d0e}.leave-pivot-value.is-high{background:#fff7ed;color:#9a3412}.leave-pivot-value.is-critical{background:#fef2f2;color:#b91c1c}.leave-pivot-mobile-list{display:none}.leave-report-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;justify-items:end;background:#0f172a7a}.leave-report-dialog__panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(680px,94vw);height:100%;background:var(--color-white);box-shadow:-12px 0 36px #0f172a33}.leave-report-dialog__panel>header,.leave-report-dialog__panel>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #e2e8f0}.leave-report-dialog__panel>header>div{display:grid;gap:3px}.leave-report-dialog__panel>header span{color:#64748b;font-size:12px}.leave-report-dialog__panel>footer{justify-content:flex-end;border-top:1px solid #e2e8f0;border-bottom:0}.leave-report-dialog__body{overflow:auto;padding:16px 18px}.leave-history-item{display:grid;gap:12px;padding:14px 0;border-bottom:1px solid #e2e8f0}.leave-history-item>header{display:flex;justify-content:space-between;gap:10px}.leave-history-item>header>div{display:grid;gap:2px}.leave-history-item>header span,.leave-history-item dt{color:#64748b;font-size:11px}.leave-history-item dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.leave-history-item dl>div{display:grid;gap:2px}.leave-history-item dd{margin:0}.leave-threshold-form{width:min(440px,94vw);height:auto;align-self:center;justify-self:center;border-radius:8px;overflow:hidden}.leave-threshold-form .leave-report-dialog__body{display:grid;gap:12px}.leave-threshold-form label{display:grid;gap:5px;font-size:13px;font-weight:600}@media not all and (min-width:1280px){.hr-report-layout{grid-template-columns:1fr}.hr-report-catalog{display:none}.hr-report-mobile-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default)}.hr-report-mobile-picker label{display:grid;gap:5px;min-width:0}.hr-report-mobile-picker label>span{color:var(--text-muted);font-size:var(--font-size-11);font-weight:var(--font-weight-semibold)}.hr-report-filters{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(170px,210px))}.hr-report-clear{grid-column:1 / -1;justify-self:end}}@media not all and (min-width:768px){.hr-report-page__header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.hr-report-mobile-picker{grid-template-columns:1fr}.hr-report-workspace__header{display:grid}.hr-report-export-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.hr-report-export-actions .button{width:100%}.hr-report-filters{grid-template-columns:1fr}.hr-report-clear{grid-column:auto;justify-self:stretch;width:100%}.hr-report-advanced-filters{grid-template-columns:1fr}.hr-report-guide{margin:var(--space-3)}.hr-report-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin:var(--space-3)}.hr-report-summary article:nth-child(2){border-right:0}.hr-report-summary article:nth-child(-n+2){border-bottom:1px solid var(--border-default)}.hr-report-table{display:none}.hr-report-mobile-list{display:grid;gap:var(--space-3);padding:var(--space-3);border-top:1px solid var(--border-default);background:var(--surface-subtle)}.hr-report-mobile-list article{min-width:0;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default);box-shadow:var(--shadow-1)}.hr-report-mobile-list header{display:grid;gap:3px;padding:12px 13px;border-bottom:1px solid var(--border-default);background:#f4faf7}.hr-report-mobile-list header span,.hr-report-mobile-list dt{color:var(--text-muted);font-size:var(--font-size-11)}.hr-report-mobile-list header strong{overflow-wrap:anywhere;color:var(--text-strong);font-size:var(--font-size-15)}.hr-report-mobile-list dl{margin:0}.hr-report-mobile-list dl>div{display:grid;grid-template-columns:minmax(105px,.8fr) minmax(0,1.2fr);gap:var(--space-3);padding:9px 13px;border-bottom:1px solid var(--border-subtle)}.hr-report-mobile-list dl>div:last-child{border-bottom:0}.hr-report-mobile-list dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--text-body);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);text-align:right}.leave-pivot-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-pivot-table{display:none}.leave-pivot-mobile-list{display:grid}.leave-pivot-mobile-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-bottom:1px solid #e2e8f0;padding:13px 16px;background:var(--color-white);text-align:left}.leave-pivot-mobile-list button>span{display:grid;min-width:0;gap:3px}.leave-pivot-mobile-list small{overflow:hidden;color:#64748b;text-overflow:ellipsis;white-space:nowrap}}@media not all and (min-width:480px){.hr-report-page__header h1{font-size:24px}.hr-report-summary{grid-template-columns:1fr}.hr-report-summary article,.hr-report-summary article:nth-child(2){border-right:0;border-bottom:1px solid var(--border-default)}.hr-report-summary article:last-child{border-bottom:0}.leave-pivot-filters{grid-template-columns:1fr;padding:10px 12px}.leave-pivot-kpis{grid-template-columns:1fr 1fr}.leave-report-dialog__panel{width:100%}.leave-history-item dl{grid-template-columns:1fr}}.management-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default)}.management-toolbar__title,.management-toolbar__actions,.management-detail__title,.management-form__title{display:flex;align-items:center;gap:var(--space-3)}.management-toolbar__title>span,.management-detail__title>span,.management-form__title>span{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;color:var(--action-primary);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default)}.management-toolbar h1,.management-detail h2,.management-form h2{margin:0;color:var(--text-strong);letter-spacing:0}.management-toolbar h1{font-size:var(--font-size-21)}.management-toolbar__actions{flex-wrap:wrap;justify-content:flex-end}.management-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default)}.management-metrics>div{display:flex;min-width:0;min-height:58px;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-right:1px solid var(--border-default)}.management-metrics>div:last-child{border-right:0}.management-metrics span{overflow:hidden;color:var(--text-muted);font-size:var(--font-size-13);text-overflow:ellipsis;white-space:nowrap}.management-metrics strong{color:var(--text-strong);font-size:var(--font-size-21);font-variant-numeric:tabular-nums}.management-filterbar{align-items:stretch}.management-detail{margin-top:var(--space-4);overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default);box-shadow:var(--shadow-1)}.management-detail__header,.management-form__header,.management-form__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.management-detail__title h2,.management-form__title h2{font-size:var(--font-size-18)}.management-detail__title p,.management-form__title p{margin:2px 0 0;color:var(--text-muted);font-size:var(--font-size-12)}.management-detail__body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:var(--space-4);padding:var(--space-4)}.management-detail-section{padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-subtle)}.management-detail-section h3,.management-form-section h3{margin:0 0 var(--space-3);color:var(--text-strong);font-size:var(--font-size-14);letter-spacing:0}.management-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;overflow-y:auto;padding:20px;background:#0f172a8c}.management-form{width:min(1120px,100%);margin:0 auto;overflow:hidden;border-radius:var(--radius-2);background:var(--surface-default);box-shadow:0 18px 48px #0f172a3d}.management-form--print-layout{width:min(500px,100%);margin-top:max(40px,10vh)}.print-layout-options{display:grid;gap:var(--space-3);padding:var(--space-4)}.print-layout-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default);color:var(--text-body);text-align:left;cursor:pointer}.print-layout-option:hover,.print-layout-option:focus-visible{border-color:var(--action-primary);outline:none;box-shadow:0 0 0 3px #14532d1f}.print-layout-option.is-recommended{border-color:var(--action-primary);background:var(--surface-subtle)}.print-layout-option span,.print-layout-option strong,.print-layout-option small{display:block}.print-layout-option small{margin-top:2px;color:var(--text-muted)}.print-layout-option>b{color:var(--action-primary);font-size:var(--font-size-12)}.management-form__body{display:grid;gap:0;padding:var(--space-4);background:var(--surface-default)}.management-form-section{padding:var(--space-4) 0;border-bottom:1px solid var(--border-default)}.management-form-section:first-of-type{padding-top:0}.management-form-section:last-child{padding-bottom:0;border-bottom:0}.management-form-section__note{margin:calc(var(--space-2) * -1) 0 var(--space-3);color:var(--text-muted);font-size:var(--font-size-12)}.management-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-4)}.management-field{display:grid;align-content:start;gap:var(--space-1);min-width:0;color:var(--text-body);font-size:var(--font-size-13);font-weight:var(--font-weight-semibold)}.management-field--wide{grid-column:1 / -1}.management-field input,.management-field select,.management-field textarea{width:100%;min-height:40px;padding:8px 10px;color:var(--text-body);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-default);font-size:var(--font-size-14);font-weight:var(--font-weight-regular)}.management-field textarea{min-height:88px;resize:vertical}.management-field small{color:var(--text-muted);font-size:var(--font-size-11, 10px);font-weight:var(--font-weight-regular)}.management-form__footer{justify-content:flex-end;border-top:1px solid var(--border-default);border-bottom:0;background:var(--surface-default)}@media not all and (min-width:1024px){.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.management-detail__body{grid-template-columns:1fr}.approval-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.approval-summary>div:nth-child(2){border-right:0}.approval-summary>div:nth-child(-n+2){border-bottom:1px solid var(--border-subtle)}.approval-rule{grid-template-columns:minmax(180px,.7fr) minmax(420px,1.7fr)}.approval-rule__meta{grid-column:1 / -1}}@media not all and (min-width:768px){.hr-summary-band,.report-grid{grid-template-columns:1fr}.management-toolbar{align-items:stretch}.management-toolbar,.management-toolbar__actions{flex-direction:column}.management-toolbar__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.management-toolbar__actions .button,.management-toolbar__actions label{width:100%}.management-toolbar__actions .icon-button{grid-column:2;justify-self:end}.management-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.management-metrics>div:nth-child(2){border-right:0}.management-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--border-default)}.management-modal-backdrop{padding:0;background:var(--surface-default)}.management-form{min-height:100vh;border-radius:0;box-shadow:none}.management-form__header{position:sticky;top:0;z-index:2;background:var(--surface-default)}.management-form__body,.management-form-section{padding:var(--space-3)}.management-form-section:first-of-type{padding-top:0}.management-form-grid{grid-template-columns:1fr}.management-field--wide{grid-column:auto}.reference-row{grid-template-columns:auto 1fr}.reference-row time{grid-column:2}.org-chart-grid,.production-grid{grid-template-columns:1fr}.production-member{grid-template-columns:minmax(0,1fr) auto auto}.production-member__role{display:none}.approval-summary{grid-template-columns:1fr}.approval-summary>div,.approval-summary>div:nth-child(2){border-right:0;border-bottom:1px solid var(--border-subtle)}.approval-summary>div:last-child{border-bottom:0}.approval-rule{grid-template-columns:1fr}.approval-rule__flow{grid-template-columns:1fr;padding-left:54px}.approval-rule__flow>svg{transform:rotate(90deg);justify-self:center}.approval-rule__meta{grid-column:auto;flex-wrap:wrap;justify-content:flex-start;padding-left:54px}.approval-delegate-options{grid-template-columns:1fr}.position-category{grid-template-columns:auto minmax(0,1fr);margin-left:0}.position-category>.status-badge,.position-category>svg{display:none}}.role-dashboard{display:grid;gap:16px}.role-dashboard__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}.role-dashboard__header h1{margin:4px 0 3px;color:var(--ink);font-size:25px;letter-spacing:0}.role-dashboard__header p{margin:0;color:var(--muted);font-size:13px}.role-dashboard__header-actions{display:flex;align-items:flex-end;gap:8px}.role-dashboard__header-actions label{display:grid;gap:4px;color:var(--muted);font-size:11px;font-weight:700}.role-dashboard__header-actions input{width:156px;min-height:42px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:var(--color-white);color:var(--ink);font-size:14px;font-weight:700}.role-dashboard__updated{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--muted);font-size:11px}.role-dashboard__source-warning{display:flex;align-items:center}.role-dashboard__area-tabs{display:flex;max-width:100%;gap:4px;overflow-x:auto;padding:4px;border:1px solid var(--line);border-radius:6px;background:var(--color-white)}.role-dashboard__area-tabs button{display:inline-flex;min-width:150px;min-height:42px;flex:1;align-items:center;justify-content:center;gap:8px;padding:0 14px;color:#4f5c55;border:0;border-radius:4px;background:transparent;cursor:pointer;font:inherit;font-size:13px;font-weight:700;white-space:nowrap}.role-dashboard__area-tabs button:hover{background:#f1f6f3}.role-dashboard__area-tabs button.is-active{color:var(--color-white);background:var(--green)}.role-dashboard__area-tabs button strong{display:grid;min-width:22px;height:22px;place-items:center;padding:0 5px;border-radius:11px;background:#fff3;font-size:11px}.role-dashboard__band{min-width:0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--color-white)}.role-dashboard__band--attendance{border-top:3px solid #0f766e}.role-dashboard__band--actions{border-top:3px solid #2563eb}.role-dashboard__band--profile{border-top:3px solid #64748b}.role-dashboard__band--leave{border-top:3px solid #15803d}.role-dashboard__band--payroll{border-top:3px solid #a16207}.role-dashboard__band--team{border-top:3px solid #0369a1}.role-dashboard__band--approval{border-top:3px solid #7c3aed}.role-dashboard__section-title,.role-dashboard__section-heading{display:flex;align-items:center;gap:9px;margin:0 16px 14px}.role-dashboard__section-title>svg{color:var(--green)}.role-dashboard__section-title h2{margin:0;color:var(--ink);font-size:16px;letter-spacing:0}.role-dashboard__section-title span{display:block;margin-top:2px;color:var(--muted);font-size:11px}.role-dashboard__section-heading{justify-content:space-between;margin-bottom:14px}.role-dashboard__section-heading .role-dashboard__section-title{margin:0}.role-dashboard__profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0 16px}.role-dashboard__profile-grid>div{min-width:0;padding:10px 14px 10px 0;border-bottom:1px solid #edf0f1}.role-dashboard__profile-grid dt{color:var(--muted);font-size:11px}.role-dashboard__profile-grid dd{overflow-wrap:anywhere;margin:4px 0 0;color:var(--ink);font-size:13px;font-weight:650}.role-dashboard__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 16px}.role-dashboard__metric{display:flex;align-items:center;gap:10px;min-width:0;min-height:68px;padding:11px;border:1px solid #e2e6e8;border-radius:6px;background:#f8faf9}.role-dashboard__metric>svg{flex:0 0 auto;color:#5f6a63}.role-dashboard__metric span,.role-dashboard__metric strong{display:block}.role-dashboard__metric span{color:var(--muted);font-size:11px}.role-dashboard__metric strong{margin-top:3px;color:var(--ink);font-size:18px;font-variant-numeric:tabular-nums}.role-dashboard__notice{display:flex;align-items:center;gap:7px;margin:10px 16px 0;padding:8px 10px;color:#72500c;border:1px solid var(--color-warning-100);border-radius:5px;background:var(--color-warning-50);font-size:12px}.role-dashboard__quick-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 16px}.role-dashboard__quick-actions a{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 10px;color:#245d42;border:1px solid #cfe0d6;border-radius:5px;background:#f7fbf8;font-size:12px;font-weight:700;text-decoration:none}.role-dashboard__quick-actions a:hover{border-color:#86b89d;background:#eef7f1}.role-dashboard__request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 16px}.role-dashboard__request-grid a{display:flex;min-width:0;min-height:48px;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;color:var(--ink);border:1px solid #e0e5e2;border-radius:5px;background:#f8faf9;font-size:11px;text-decoration:none}.role-dashboard__request-grid a:hover{border-color:#9bc5ad;background:#f1f8f4}.role-dashboard__request-grid strong{color:var(--green);font-size:18px;font-variant-numeric:tabular-nums}.role-dashboard__request-grid--team{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.role-dashboard__subheading{margin:16px 16px 7px;color:var(--ink);font-size:12px;letter-spacing:0}.role-dashboard__activity-list{display:grid;border-top:1px solid #edf0ee}.role-dashboard__activity-list>a{display:flex;min-width:0;min-height:48px;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;color:inherit;border-bottom:1px solid #edf0ee;text-decoration:none}.role-dashboard__activity-list>a:hover{background:#f7faf8}.role-dashboard__activity-list>a>span:first-child,.role-dashboard__activity-list strong,.role-dashboard__activity-list small{display:block;min-width:0}.role-dashboard__activity-list strong{overflow-wrap:anywhere;font-size:12px}.role-dashboard__activity-list small{margin-top:3px;color:var(--muted);font-size:10px}.role-dashboard__document-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 16px 12px;border:1px solid var(--line);background:var(--line)}.role-dashboard__document-summary>div{padding:12px;background:var(--color-white)}.role-dashboard__document-summary span,.role-dashboard__document-summary strong{display:block}.role-dashboard__document-summary span{color:var(--muted);font-size:11px}.role-dashboard__document-summary strong{margin-top:4px;color:var(--ink);font-size:18px}.role-dashboard__two-column{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px}.role-dashboard__compact-table,.role-dashboard__team-table{overflow-x:auto}.role-dashboard__compact-table table,.role-dashboard__team-table table{min-width:0}.role-dashboard__compact-table table{table-layout:fixed}.role-dashboard__compact-table th,.role-dashboard__compact-table td,.role-dashboard__team-table th,.role-dashboard__team-table td{padding:9px 16px}.role-dashboard__compact-table th:not(:first-child),.role-dashboard__compact-table td:not(:first-child){text-align:right}.role-dashboard__band--leave .role-dashboard__compact-table thead th{color:#14532d;background:#dcfce7}.role-dashboard__leave-type{display:inline-flex;align-items:center;gap:7px;color:#334155;font-weight:650}.role-dashboard__leave-type svg{color:#15803d}.role-dashboard__compact-table strong.is-healthy{color:#166534}.role-dashboard__compact-table strong.is-warning{color:#b45309}.role-dashboard__compact-table strong.is-danger{color:#b91c1c}.role-dashboard__text-link{display:inline-flex;margin:12px 16px 0;color:var(--green);font-size:12px;font-weight:700}.role-dashboard__payroll-locked,.role-dashboard__empty-inline{display:grid;min-height:130px;place-items:center;align-content:center;gap:9px;padding:16px;color:var(--muted);text-align:center;font-size:12px}.role-dashboard__payroll-locked p{margin:0}.role-dashboard__payroll-values{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 16px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--line)}.role-dashboard__payroll-values>div{min-width:0;padding:12px;background:var(--color-white)}.role-dashboard__payroll-values span,.role-dashboard__payroll-values strong{display:block}.role-dashboard__payroll-values span{color:var(--muted);font-size:11px}.role-dashboard__payroll-values strong{margin-top:4px;color:var(--ink);font-size:16px;font-variant-numeric:tabular-nums}.role-dashboard__payroll-values .is-net strong{color:var(--green)}.role-dashboard__payroll-values .role-dashboard__payroll-facts,.role-dashboard__payroll-values .role-dashboard__payroll-breakdown,.role-dashboard__payroll-values .role-dashboard__payroll-actions{grid-column:1 / -1}.role-dashboard__payroll-facts{display:flex;flex-wrap:wrap;gap:7px 18px}.role-dashboard__payroll-facts span{display:inline-flex;gap:5px}.role-dashboard__payroll-facts strong{margin:0;font-size:12px}.role-dashboard__payroll-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.role-dashboard__payroll-breakdown h3{margin:0 0 7px;font-size:12px;letter-spacing:0}.role-dashboard__payroll-breakdown>div>span{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #edf0ee}.role-dashboard__payroll-breakdown small{color:var(--muted);font-size:10px}.role-dashboard__payroll-breakdown strong{margin:0;font-size:12px}.role-dashboard__payroll-actions{display:flex;justify-content:flex-end;gap:8px}.role-dashboard__payroll-values .role-dashboard__payroll-actions .button{grid-column:auto;margin:0}.role-dashboard__payroll-values .button{grid-column:1 / -1;margin:10px}.role-dashboard__error{color:var(--red);font-size:11px}.role-dashboard__segments{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:6px;background:#f5f7f6}.role-dashboard__segments button{min-height:30px;padding:0 11px;color:var(--muted);border:0;border-radius:4px;background:transparent;cursor:pointer;font-size:12px;font-weight:700}.role-dashboard__segments button.is-active{color:var(--color-white);background:var(--green)}.role-dashboard__team-controls{display:flex;align-items:flex-end;gap:8px}.role-dashboard__team-controls>label{display:grid;gap:3px;color:var(--muted);font-size:10px;font-weight:700}.role-dashboard__team-controls>label input{width:150px;min-height:36px}.role-dashboard__team-groups,.role-dashboard__approval-counts{display:flex;flex-wrap:wrap;gap:6px;margin:12px 16px}.role-dashboard__team-groups span,.role-dashboard__approval-counts span{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:0 9px;color:#4d5550;border:1px solid #dde3df;border-radius:4px;background:#f8faf9;font-size:11px}.role-dashboard__team-groups strong,.role-dashboard__approval-counts strong{color:var(--ink)}.role-dashboard__team-table td:first-child strong,.role-dashboard__team-table td:first-child span{display:block}.role-dashboard__team-mobile{display:none}.role-dashboard__load-more{display:flex;margin:12px auto 0}.role-dashboard__team-table td:first-child span{margin-top:2px;color:var(--muted);font-size:11px}.role-dashboard__status{display:inline-flex;min-height:22px;align-items:center;padding:0 7px;border:1px solid transparent;border-radius:4px;font-size:10px;font-weight:800;white-space:nowrap}.role-dashboard__status--success{color:var(--color-brand-600);border-color:#badfc8;background:var(--color-brand-50)}.role-dashboard__status--warning{color:#80550d;border-color:var(--color-warning-100);background:var(--color-warning-50)}.role-dashboard__status--danger{color:#982e27;border-color:var(--color-danger-100);background:var(--color-danger-50)}.role-dashboard__status--info{color:#285d78;border-color:#c6dce8;background:#eff7fb}.role-dashboard__status--neutral{color:#686f75;border-color:#d9dddf;background:#f3f4f5}.role-dashboard__approval-list{display:grid;border-top:1px solid var(--line)}.role-dashboard__approval-row{display:flex;align-items:center;border-bottom:1px solid #e8ebed;background:var(--surface-default)}.role-dashboard__approval-row:hover{background:#f7faf8}.role-dashboard__approval-open{display:grid;grid-template-columns:34px minmax(0,1fr) auto;flex:1;align-items:center;gap:10px;min-height:58px;padding:8px 16px;color:inherit;border-bottom:0;border-top:0;border-right:0;border-left:0;background:var(--surface-default);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.role-dashboard__approval-row>.icon-button{flex:0 0 auto;margin-right:12px}.role-dashboard__approval-list strong,.role-dashboard__approval-list small{display:block}.role-dashboard__approval-list strong{font-size:12px}.role-dashboard__approval-list small{margin-top:3px;color:var(--muted);font-size:11px}.role-dashboard__workflow-icon{display:grid;width:32px;height:32px;place-items:center;color:var(--green);border:1px solid #d8e7de;border-radius:5px;background:#f1f8f4}.role-dashboard__document-badge{display:inline-flex;width:fit-content;margin-bottom:4px;padding:2px 7px;border:1px solid #bbf7d0;border-radius:4px;background:#f0fdf4;color:#166534;font-size:11px;font-weight:700}.role-dashboard__leave-context{display:grid;gap:10px;padding:14px;border:1px solid #bbf7d0;border-radius:6px;background:#f8fffb}.role-dashboard__leave-context header,.role-dashboard__leave-context header>div,.role-dashboard__leave-context>div,.role-dashboard__leave-context>div>span{display:flex}.role-dashboard__leave-context header{justify-content:space-between;gap:12px}.role-dashboard__leave-context header>div,.role-dashboard__leave-context>div>span{flex-direction:column;gap:2px}.role-dashboard__leave-context>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.role-dashboard__leave-context span,.role-dashboard__leave-context p{color:#64748b;font-size:12px}.role-dashboard__leave-context strong{color:#0f172a}@media not all and (min-width:640px){.role-dashboard__leave-context>div{grid-template-columns:repeat(2,minmax(0,1fr))}}.role-dashboard__approval-step{color:#80550d;font-size:11px;font-weight:700}.role-dashboard__approval-dialog{width:min(820px,100%)}.role-dashboard__dialog-state{min-height:160px;padding:var(--space-6)}.role-dashboard__approval-review{display:grid;gap:var(--space-4);padding:var(--space-5)}.role-dashboard__approval-review-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--border-default);border-left:1px solid var(--border-default)}.role-dashboard__approval-review-summary>div{display:grid;gap:var(--space-1);min-width:0;padding:var(--space-3);border-right:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.role-dashboard__approval-review-summary span,.role-dashboard__approval-notes span{color:var(--text-muted);font-size:var(--font-size-13)}.role-dashboard__approval-review-summary strong{overflow-wrap:anywhere;color:var(--text-strong)}.role-dashboard__approval-notes{display:grid;gap:var(--space-3)}.role-dashboard__approval-notes>div{padding:var(--space-3);border:1px solid var(--border-default);background:var(--surface-subtle)}.role-dashboard__approval-notes p{margin:var(--space-1) 0 0;white-space:pre-wrap}.role-dashboard__approval-decision{display:grid;gap:12px;padding:14px;border:1px solid var(--color-neutral-200);border-radius:6px;background:#f8f9f9}.role-dashboard__approval-decision label,.role-dashboard__approval-decision span{display:grid;gap:6px}.role-dashboard__approval-decision span{color:#596168;font-size:12px;font-weight:700}.role-dashboard__approval-decision select,.role-dashboard__approval-decision textarea{width:100%;padding:9px 10px;color:#2f3438;border:1px solid #cfd5d9;border-radius:5px;background:var(--color-white)}.role-dashboard__approval-decision textarea{min-height:76px;resize:vertical}.role-dashboard__approval-members h3{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--font-size-16)}.role-dashboard__approval-members h3 span{color:var(--text-muted);font-weight:400}.role-dashboard__approval-dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-default)}.role-dashboard__empty{display:grid;min-height:420px;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center}.role-dashboard__empty h1,.role-dashboard__empty p{margin:0}.role-dashboard__empty h1{color:var(--ink);font-size:20px}@media not all and (min-width:1024px){.role-dashboard__profile-grid,.role-dashboard__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.role-dashboard__quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.role-dashboard__request-grid--team{grid-template-columns:repeat(2,minmax(0,1fr))}.role-dashboard__two-column{grid-template-columns:1fr}}@media not all and (min-width:640px){.role-dashboard__header,.role-dashboard__section-heading{align-items:stretch;flex-direction:column}.role-dashboard__team-controls{align-items:stretch;justify-content:space-between}.role-dashboard__team-controls>label{flex:1}.role-dashboard__team-controls>label input{width:100%}.role-dashboard__header-actions{width:100%}.role-dashboard__header-actions label{flex:1}.role-dashboard__header-actions input{width:100%}.role-dashboard__profile-grid,.role-dashboard__metrics,.role-dashboard__quick-actions{grid-template-columns:1fr 1fr}.role-dashboard__metric{min-height:62px}.role-dashboard__metric strong{font-size:15px}.role-dashboard__band#team>.role-dashboard__team-table{display:none}.role-dashboard__team-mobile{display:grid;border-top:1px solid var(--line)}.role-dashboard__team-mobile>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:11px 16px;border-bottom:1px solid #e8ebed}.role-dashboard__team-mobile>div>div:first-child strong,.role-dashboard__team-mobile>div>div:first-child small{display:block}.role-dashboard__team-mobile>div>div:first-child strong{overflow-wrap:anywhere;font-size:12px}.role-dashboard__team-mobile>div>div:first-child small{margin-top:3px;color:var(--muted);font-size:10px}.role-dashboard__team-mobile-times{display:flex;grid-column:1;gap:14px;color:var(--muted);font-size:10px}.role-dashboard__team-mobile-times strong{color:var(--ink);font-size:11px}.role-dashboard__team-mobile .role-dashboard__status{grid-column:2;grid-row:1 / span 2;align-self:center}.role-dashboard__approval-open{grid-template-columns:30px minmax(0,1fr)}.role-dashboard__approval-step{grid-column:2}}@media not all and (min-width:480px){.role-dashboard__area-tabs button{min-width:132px}.role-dashboard__team-controls{flex-direction:column}.role-dashboard__segments{align-self:stretch}.role-dashboard__segments button{flex:1}.role-dashboard__profile-grid,.role-dashboard__metrics,.role-dashboard__quick-actions,.role-dashboard__request-grid,.role-dashboard__request-grid--team,.role-dashboard__payroll-values,.role-dashboard__payroll-breakdown{grid-template-columns:1fr}.role-dashboard__payroll-actions{align-items:stretch;flex-direction:column}.role-dashboard__approval-review-summary{grid-template-columns:1fr}.role-dashboard__approval-dialog-actions .button{flex:1}}.policy-page{max-width:1540px}.policy-page__header{margin-bottom:16px}.policy-reader{margin-bottom:26px;border:1px solid var(--color-neutral-200);border-radius:7px;background:var(--color-white);box-shadow:0 1px 2px #0f172a0d}.policy-reader__header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:88px;padding:15px 18px;border-bottom:1px solid var(--color-neutral-200)}.policy-reader__mark{display:grid;width:48px;height:48px;place-items:center;color:#0b7655;border:1px solid #b9dfd1;border-radius:7px;background:#e8f6f1}.policy-reader__identity{min-width:0}.policy-reader__identity h2{overflow:hidden;margin:3px 0 2px;color:#1e293b;font-size:20px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.policy-reader__identity p{margin:0;color:var(--color-neutral-500);font-size:12px}.policy-reader__meta{display:flex;align-items:center;gap:7px;color:var(--color-neutral-500);font-size:11px;font-weight:800}.policy-reader__status{display:inline-flex;min-height:21px;align-items:center;padding:0 7px;border:1px solid;border-radius:999px}.policy-reader__status--published{color:#126643;border-color:#a8d5bf;background:#eaf7f0}.policy-reader__status--draft{color:#8b5a07;border-color:#e5c889;background:#fff7df}.policy-reader__actions{display:flex;align-items:center;gap:8px}.policy-reader__message{margin:12px 16px 0}.policy-reader__draft{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px;margin:12px 16px 0;padding:12px 14px;color:#76470a;border:1px solid #e5c889;border-radius:6px;background:#fff9e8}.policy-reader__draft>svg{margin-top:2px}.policy-reader__draft>div{display:grid;gap:2px}.policy-reader__draft span{font-size:12px}.policy-reader__draft details{margin-top:5px;font-size:12px}.policy-reader__draft summary{cursor:pointer;font-weight:800}.policy-reader__draft ul{margin:7px 0 0;padding-left:19px}.policy-reader__loading{display:grid;gap:10px;padding:24px}.policy-reader__loading span{height:42px;border-radius:4px;background:linear-gradient(90deg,var(--surface-page),#e5e9eb,var(--surface-page));background-size:200% 100%;animation:skeleton 1.2s infinite}.policy-import-preview{display:grid;grid-template-columns:auto minmax(260px,1fr) minmax(110px,150px) auto;align-items:end;gap:12px;margin:12px 16px 0;padding:13px;color:#704609;border:1px solid #e5c889;border-radius:6px;background:#fff9e8}.policy-import-preview>svg{align-self:start;margin-top:2px}.policy-import-preview>div{display:grid;gap:3px}.policy-import-preview>div span,.policy-import-preview>div small{font-size:11px}.policy-import-preview label{display:grid;gap:4px;font-size:11px;font-weight:800}.policy-reader__toolbar{position:sticky;top:64px;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--color-neutral-200);background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.policy-reader__search{display:flex;min-width:0;min-height:42px;flex:1;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--color-neutral-300);border-radius:5px;background:var(--color-white)}.policy-reader__search:focus-within{border-color:#3d9475;box-shadow:0 0 0 3px #0d80591c}.policy-reader__search>svg{flex:0 0 auto;color:var(--color-neutral-400)}.policy-reader__search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:14px}.policy-reader__search button{display:grid;width:30px;height:30px;place-items:center;padding:0;color:var(--color-neutral-500);border:0;border-radius:4px;background:transparent;cursor:pointer}.policy-reader__toc-toggle{display:none}.policy-reader__body{display:grid;grid-template-columns:minmax(270px,320px) minmax(0,1fr);align-items:start;min-height:620px}.policy-reader__body>aside{position:sticky;top:129px;max-height:calc(100vh - 145px);overflow:hidden;border-right:1px solid var(--color-neutral-200);background:#f8faf9}.policy-reader__body>aside>header{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:8px;padding:0 13px;border-bottom:1px solid var(--color-neutral-200);background:#f2f6f4}.policy-reader__body>aside>header div{display:flex;align-items:center;gap:7px}.policy-reader__body>aside>header span{color:var(--color-neutral-500);font-size:11px}.policy-reader__body nav{max-height:calc(100vh - 194px);overflow-y:auto;overscroll-behavior:contain}.policy-reader__body nav button{display:grid;width:100%;grid-template-columns:47px minmax(0,1fr);gap:7px;padding-block:9px;padding-right:11px;color:#4d5963;border:0;border-bottom:1px solid #e5e9e7;background:transparent;text-align:left;cursor:pointer}.policy-reader__body nav button:hover{background:#edf4f1}.policy-reader__body nav button.is-active{color:#075f43;background:#dff2ea;box-shadow:inset 3px 0 #16825b}.policy-reader__body nav button>span{overflow:hidden;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.policy-reader__body nav button>strong{display:-webkit-box;overflow:hidden;font-size:12px;font-weight:650;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.policy-reader__body>article{min-width:0;min-height:620px;padding:30px clamp(24px,4vw,62px);outline:0}.policy-reader__article-header{max-width:920px;margin:0 auto 24px;padding-bottom:18px;border-bottom:1px solid var(--color-neutral-200)}.policy-reader__article-header>span{color:#087454;font-size:12px;font-weight:850}.policy-reader__article-header h1{margin:6px 0 0;color:#17212b;font-size:clamp(23px,2.2vw,31px);line-height:1.35}.policy-reader__content{max-width:920px;margin:0 auto;color:#303b45;font-size:15px;line-height:1.85}.policy-reader__content p{margin:0 0 15px}.policy-reader__list{margin:7px 0 18px;padding-left:25px}.policy-reader__list li{margin-bottom:7px;padding-left:3px}.policy-reader__table{max-width:100%;margin:18px 0;overflow-x:auto;border:1px solid var(--color-neutral-200);border-radius:5px}.policy-reader__table table{min-width:640px}.policy-reader__table td{padding:10px 12px;font-size:13px;line-height:1.55}.policy-reader__pager{display:grid;max-width:920px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:34px auto 0;padding-top:18px;border-top:1px solid var(--color-neutral-200)}.policy-reader__pager button{display:flex;min-width:0;min-height:66px;align-items:center;gap:10px;padding:10px 12px;color:#334155;border:1px solid var(--color-neutral-200);border-radius:6px;background:var(--color-white);text-align:left;cursor:pointer}.policy-reader__pager button:last-child{justify-content:flex-end;text-align:right}.policy-reader__pager button:hover:not(:disabled){border-color:#98c8b6;background:#f2f9f6}.policy-reader__pager button:disabled{cursor:default;opacity:.45}.policy-reader__pager button span{display:grid;min-width:0;gap:2px}.policy-reader__pager small{color:var(--color-neutral-500);font-size:10px}.policy-reader__pager strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.policy-reader__empty{display:grid;min-height:280px;place-items:center;align-content:center;gap:7px;padding:24px;color:var(--color-neutral-500);text-align:center}.policy-reader__empty svg{color:#17815c}.policy-reader__empty strong{color:#27343d;font-size:16px}.policy-reader__empty span{font-size:13px}.policy-library{margin-top:28px}.policy-library__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.policy-library__header>div{display:flex;align-items:center;gap:10px}.policy-library__header>div>svg{color:#197555}.policy-library__header h2{margin:0;color:#25323c;font-size:17px}.policy-library__header p{margin:2px 0 0;color:var(--color-neutral-500);font-size:12px}.policy-library__header>span{color:var(--color-neutral-500);font-size:12px}.policy-library__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.policy-library__item{border:1px solid var(--color-neutral-200);border-radius:6px;background:var(--color-white)}.policy-library__item summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:80px;padding:12px 14px;list-style:none;cursor:pointer}.policy-library__item summary::-webkit-details-marker{display:none}.policy-library__item summary>div{min-width:0}.policy-library__item summary>div>span{color:#697681;font-size:10px;font-weight:800}.policy-library__item summary h3{overflow:hidden;margin:3px 0;color:#26333d;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.policy-library__item summary small{color:var(--color-neutral-500);font-size:11px}.policy-library__item summary>svg{color:var(--color-neutral-400);transition:transform .18s ease}.policy-library__item[open] summary>svg{transform:rotate(90deg)}.policy-library__icon{display:grid;width:34px;height:34px;place-items:center;color:#186c50;border-radius:6px;background:#eaf5f0}.policy-library__content{padding:0 14px 14px 59px;border-top:1px solid var(--color-neutral-100)}.policy-library__content p{margin:13px 0;color:#4b5863;font-size:13px;line-height:1.7;white-space:pre-line}@media not all and (min-width:1024px){.policy-reader__toolbar{top:64px}.policy-reader__toc-toggle{display:inline-flex}.policy-reader__body{grid-template-columns:1fr;min-height:0}.policy-reader__body>aside{position:static;display:none;max-height:48vh;border-right:0;border-bottom:1px solid var(--color-neutral-200)}.policy-reader__body>aside.is-open{display:block}.policy-reader__body nav{max-height:calc(48vh - 48px)}.policy-reader__body>article{min-height:480px;scroll-margin-top:130px}.policy-library__list{grid-template-columns:1fr}}@media not all and (min-width:640px){.policy-page__header{gap:14px}.policy-reader__header{grid-template-columns:auto minmax(0,1fr);padding:13px}.policy-reader__mark{width:42px;height:42px}.policy-reader__identity h2{font-size:17px;white-space:normal}.policy-reader__actions{grid-column:1 / -1}.policy-reader__actions .button{width:100%}.policy-reader__draft{grid-template-columns:auto minmax(0,1fr);margin-inline:10px}.policy-reader__draft .button{grid-column:1 / -1;width:100%}.policy-import-preview{grid-template-columns:auto minmax(0,1fr);margin-inline:10px}.policy-import-preview label,.policy-import-preview .button{grid-column:1 / -1;width:100%}.policy-reader__toolbar{display:grid;grid-template-columns:1fr;padding:10px}.policy-reader__toc-toggle{width:100%}.policy-reader__body>article{min-height:400px;padding:23px 17px}.policy-reader__article-header h1{font-size:22px}.policy-reader__content{font-size:14px;line-height:1.8}.policy-reader__pager{grid-template-columns:1fr}.policy-reader__pager button:last-child{text-align:left}.policy-library__header{align-items:flex-start}.policy-library__header>span{display:none}.policy-library__item summary{padding-inline:11px}.policy-library__content{padding-left:14px}}@page{size:A4 landscape;margin:10mm 8mm}@page{:root[data-print-paper=a4-portrait]{size:A4 portrait;margin:12mm 10mm}}@page{:root[data-print-paper=a3-landscape]{size:A3 landscape;margin:10mm 8mm}}@media print{:root{print-color-adjust:exact;-webkit-print-color-adjust:exact}body{background:#fff}:root[data-print-paper=a4-landscape] body{zoom:.82}:root[data-print-paper=a4-portrait] body{zoom:.7}.sidebar,.sidebar-scrim,.topbar,.no-print,.print-control,.ui-pagination,.route-fallback{display:none!important}.workspace,.content,.page,.ui-page{display:block;max-width:none;padding:0;margin:0;overflow:visible}.ui-table-scroll,.table-scroll,.payroll-slip-list{max-height:none!important;overflow:visible!important}.ui-table-panel,.table-panel,.card{border-color:#c9ced3;box-shadow:none;break-inside:auto}.ui-table thead,.hr-table thead{display:table-header-group}.ui-table tr,.hr-table tr{break-inside:avoid;page-break-inside:avoid}.ui-table th,.hr-table th{position:static;background:#eef1f2!important}.ui-table td,.hr-table td{height:auto;padding:3px 6px;font-size:10px}.ui-table th,.hr-table th{padding:4px 6px;font-size:10px}a{text-decoration:none;color:inherit}.payroll-slip{break-after:page;page-break-after:always}.payroll-slip:last-child{break-after:auto;page-break-after:auto}}