/*! 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-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:Inter, "Noto Sans Thai", "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-900:oklch(41.4% .112 45.904);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-900:oklch(37.8% .077 168.94);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-sky-900:oklch(39.1% .09 240.876);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--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-apower-600:#176b42;--color-apower-700:#145737}}@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{.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.z-500{z-index:500}.z-600{z-index:600}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-10{height:calc(var(--spacing) * 10)}.max-h-\[88vh\]{max-height:88vh}.max-h-\[94vh\]{max-height:94vh}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-64{min-height:calc(var(--spacing) * 64)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-\[720px\]{min-width:720px}.min-w-\[900px\]{min-width:900px}.shrink-0{flex-shrink:0}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.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-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[70px_minmax\(0\,1fr\)_auto\]{grid-template-columns:70px minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.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-6{gap:calc(var(--spacing) * 6)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}: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-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.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-amber-200{border-color:var(--color-amber-200)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-red-100{border-color:var(--color-red-100)}.border-red-200{border-color:var(--color-red-200)}.border-sky-200{border-color:var(--color-sky-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-apower-600{background-color:var(--color-apower-600)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-400{background-color:var(--color-red-400)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-950\/45{background-color:#02061873}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/45{background-color:color-mix(in oklab,var(--color-slate-950) 45%,transparent)}}.bg-slate-950\/55{background-color:#0206188c}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/55{background-color:color-mix(in oklab,var(--color-slate-950) 55%,transparent)}}.bg-white{background-color:var(--color-white)}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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-\[10px\]{font-size:10px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-amber-700{color:var(--color-amber-700)}.text-amber-900{color:var(--color-amber-900)}.text-apower-600{color:var(--color-apower-600)}.text-apower-700{color:var(--color-apower-700)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-900{color:var(--color-emerald-900)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-sky-600{color:var(--color-sky-600)}.text-sky-700{color:var(--color-sky-700)}.text-sky-900{color:var(--color-sky-900)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-slate-950{color:var(--color-slate-950)}.text-white{color:var(--color-white)}.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 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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))}@media(hover:hover){.hover\:border-slate-200:hover{border-color:var(--color-slate-200)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}}@media(min-width:96rem){.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}:root{color-scheme:light;--color-brand-600: #176b42;--color-brand-700: #145737;--color-brand-100: #dcefe4;--color-brand-50: #edf8f1;--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-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);--font-sans: Inter, "Noto Sans Thai", "Segoe UI", sans-serif;--font-mono: "Cascadia Code", Consolas, monospace;--font-size-10: 10px;--font-size-11: 11px;--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-22: 22px;--font-size-26: 26px;--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}.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-12);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-14)}.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-26);line-height:var(--line-height-tight)}.ui-page-header p{max-width:720px;margin:0;color:var(--text-muted);font-size:var(--font-size-13)}.ui-page-header__eyebrow{color:var(--text-muted);font-size:var(--font-size-10);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-10);font-weight:var(--font-weight-bold)}.ui-status--success{color:var(--color-success-700);border-color:var(--color-success-100);background:var(--color-success-50)}.ui-status--warning{color:var(--color-warning-700);border-color:var(--color-warning-100);background:var(--color-warning-50)}.ui-status--danger{color:var(--color-danger-700);border-color:var(--color-danger-100);background:var(--color-danger-50)}.ui-status--info{color:var(--color-info-700);border-color:var(--color-info-100);background:var(--color-info-50)}.ui-field{display:grid;gap:var(--space-2)}.ui-field label{color:var(--text-body);font-size:var(--font-size-12);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)}.ui-field__help,.ui-field__error{font-size:var(--font-size-11)}.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-10);text-transform:uppercase}.ui-table td{color:var(--text-body);font-size:var(--font-size-12)}.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)}@media(max-width:780px){.ui-page-header{display:grid}.ui-page-header h1{font-size:var(--font-size-22)}}:root{color:#25282d;background:#f2f4f5;font-family:Inter,Noto Sans Thai,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #25282d;--muted: #70767d;--line: #dfe3e6;--surface: #ffffff;--surface-muted: #f6f7f8;--sidebar: #191c20;--green: #178451;--green-soft: #e7f4ed;--red: #be382e;--red-soft: #fbeceb;--amber: #a66610;--shadow: 0 1px 2px rgba(20, 24, 28, .08)}*{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:#fff;border-radius:5px}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{margin-top:2px;color:#9ea4aa;font-size:11px}.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:10px;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:13px;text-decoration:none}.nav-item small{margin-left:auto;color:#6f757b;font-size:9px}.nav-item--active{color:#fff;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:11px;font-weight:800}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:11px}.user-chip small{margin-top:2px;color:#899097;font-size:9px}.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:#363b40;font-size:11px}.topbar-context span{color:#858b91;font-size:9px}.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:#edf8f1;font-size:9px;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:#fff;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:26px;line-height:1.25}.page-header p{max-width:720px;margin:0;color:var(--muted);font-size:13px}.page-header--detail{padding-bottom:22px;border-bottom:1px solid var(--line)}.eyebrow{color:#687078;font-size:10px;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:12px;font-weight:700}.button--primary{color:#fff;background:#237e50}.button--secondary{color:#34393e;border-color:var(--line);background:#fff}.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:10px}.metric strong{margin-top:3px;color:#24282c;font-size:20px}.metric--status strong{font-size:13px}.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;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:#fff}.search-control svg{color:#81878d}.search-control input{min-width:0;flex:1;border:0;outline:0;font-size:12px}.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:#fff}.select-control select{border:0;outline:0;background:transparent;font-size:12px}.message{display:grid;gap:2px;margin-bottom:12px;padding:12px 14px;color:#4d5359;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:12px}.message--error{color:#8b2d27;border-color:#efc4c0;background:var(--red-soft)}.table-panel{overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff;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:13px}.table-panel__header span{margin-top:2px;color:var(--muted);font-size:10px}.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:#687078;background:#f7f8f8;font-size:9px;font-weight:800;text-transform:uppercase}td{color:#4a5056;font-size:11px}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:11px}.project-link span{overflow:hidden;color:#373c41;font-size:12px;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:8px;font-weight:800}.work-flags .is-ready{color:#176b42;border-color:#badfc8;background:#edf8f1}.status-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:1px solid transparent;border-radius:4px;font-size:9px;font-weight:800}.status-badge--active{color:#176b42;border-color:#badfc8;background:#edf8f1}.status-badge--closed{color:#686f75;border-color:#d9dddf;background:#f3f4f5}.status-badge--neutral{color:var(--amber);border-color:#ead4b2;background:#fbf5ea}.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:13px}.empty-state span{font-size:11px}.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:10px}.table-pagination>div{display:flex;gap:5px}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;color:#34634c;font-size:11px;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:#fff;box-shadow:var(--shadow)}.detail-section h2{margin:0 0 16px;font-size:14px}.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 #eceeef}.detail-section dl div:last-child{border-bottom:0}.detail-section dt{color:var(--muted);font-size:10px}.detail-section dd{margin:0;color:#30353a;font-size:11px;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:#687078}.detail-metrics span{color:var(--muted);font-size:9px}.detail-metrics strong{overflow:hidden;margin-top:4px;font-size:11px;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(max-width:1050px){.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(max-width:780px){.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:22px}.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:16px}.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-12)}.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-20);font-weight:var(--font-weight-bold)}.login-page{display:grid;min-height:100vh;place-items:center;padding:var(--space-6);background:linear-gradient(90deg,var(--surface-inverse) 0 36%,var(--surface-page) 36% 100%)}.login-panel{width:min(440px,100%);padding:var(--space-8);border:1px solid var(--border-default);border-radius:var(--radius-4);background:var(--surface-default);box-shadow:var(--shadow-overlay)}.login-brand{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}.login-brand img{width:44px;height:44px;object-fit:contain}.login-brand strong,.login-brand span{display:block}.login-brand strong{color:var(--text-strong);font-size:var(--font-size-14)}.login-brand span{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--font-size-11)}.login-panel header{padding:var(--space-7) 0 var(--space-5)}.login-panel h1{margin:var(--space-2) 0;color:var(--text-strong);font-size:var(--font-size-26)}.login-panel p{margin:0;color:var(--text-muted);font-size:var(--font-size-12)}.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-12);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}.login-submit{width:100%;margin-top:var(--space-2)}.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-11)}.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 .select-control{min-width:180px}.hr-table{min-width:1050px}.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-11)}.employee-link span,.table-subtext{display:block;margin-top:var(--space-1);color:var(--text-body);font-size:var(--font-size-12)}.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-22)}.employee-profile-header p{margin:0;color:var(--text-muted);font-size:var(--font-size-12)}.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-12)}.attendance-filters{align-items:flex-end}.date-control{display:grid;gap:var(--space-1);color:var(--text-muted);font-size:var(--font-size-10);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-13)}.leave-balance-band__title span{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--font-size-10)}.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-10)}.leave-balance-item strong{margin:var(--space-1) 0;color:var(--text-strong);font-size:var(--font-size-20)}.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;display:grid;padding:var(--space-5);place-items:center;background:#1118278c}.action-dialog{width:min(560px,100%);max-height:calc(100vh - 40px);overflow-y:auto;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(460px,100%)}.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-20)}.leave-form{display:grid;gap:var(--space-4);padding:var(--space-5)}.leave-form__dates{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.leave-form footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2)}.action-dialog__context{margin:0;padding:var(--space-3);color:var(--text-body);background:var(--surface-subtle);font-size:var(--font-size-11)}.cell-warning{color:var(--color-warning-700)}.cell-warning svg{margin-right:var(--space-1);vertical-align:middle}@media(max-width:780px){.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,.leave-form__dates{grid-template-columns:1fr}.leave-header-actions{width:100%}.leave-header-actions .ui-button{flex:1}.hr-filterbar .select-control,.date-control input{width:100%}}.main-nav{gap:var(--space-5);overflow-y:auto}.nav-group{display:grid;gap:3px}.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-10);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:8px}.nav-group__toggle svg{transition:transform var(--duration-normal) var(--ease-standard)}.nav-group__toggle svg.is-open{transform:rotate(180deg)}.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-10);font-weight:var(--font-weight-bold)}.org-department__header strong{margin-top:var(--space-1);color:var(--text-strong);font-size:var(--font-size-13)}.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-11);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-11);text-overflow:ellipsis;white-space:nowrap}.org-employee small,.production-members small{margin-top:2px;color:var(--text-muted);font-size:var(--font-size-9, 9px)}.org-employee>b,.production-members a>b{color:var(--color-info-700);font-size:var(--font-size-9, 9px)}.org-empty{padding:var(--space-5);color:var(--text-muted);font-size:var(--font-size-11);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-13)}.production-line>header span{margin-top:2px;color:var(--text-muted);font-size:var(--font-size-10)}.production-line>header>b{color:var(--action-primary);font-size:var(--font-size-18)}.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-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-11)}.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-11);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-13)}.position-category small{color:var(--text-muted);font-size:var(--font-size-10)}.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-11)}.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-14)}.org-root span{margin-top:2px;opacity:.85;font-size:var(--font-size-9, 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-10);text-overflow:ellipsis;white-space:nowrap}.org-node__header span{font-size:8px;font-weight:var(--font-weight-bold)}.org-node__people{max-height:284px;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:8px;text-align:right}.org-person>strong{overflow:hidden;font-size:9px;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:7px}.org-person--leader{grid-template-columns:minmax(0,1fr) auto;min-height:26px;border-bottom:1px solid var(--border-subtle);background:var(--surface-subtle)}.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-10);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-9, 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}.org-summary__total{margin-left:auto;padding:5px 9px;color:var(--text-inverse);border-radius:var(--radius-2);background:#4d39d8}.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-13)}.module-link span{color:var(--text-muted);font-size:var(--font-size-10)}.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-11)}.hr-summary-band strong{color:var(--text-strong);font-size:var(--font-size-18)}.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-10)}.policy-row{grid-template-columns:auto 1fr}.policy-row h2{margin:var(--space-1) 0;color:var(--text-strong);font-size:var(--font-size-16)}.policy-row p{margin:0 0 var(--space-2);color:var(--text-body);font-size:var(--font-size-12);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{min-height:32px;padding:0 var(--space-4);color:var(--text-muted);border:0;border-radius:var(--radius-1);background:transparent;cursor:pointer}.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 span,.report-grid small{color:var(--text-muted);font-size:var(--font-size-10)}.report-grid strong{color:var(--text-strong);font-size:var(--font-size-22)}@media(max-width:1050px){.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.hr-summary-band,.report-grid{grid-template-columns:1fr}.reference-row{grid-template-columns:auto 1fr}.reference-row time{grid-column:2}.org-chart-grid,.production-grid{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}}