@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Kantumruy+Pro:wght@400;500;600;700&display=swap";.toast-viewport[data-v-e0458be0]{position:fixed;inset:20px 20px auto auto;margin:0;width:min(390px,calc(100vw - 32px));padding:0;border:0;background:transparent;overflow:visible;z-index:9999;pointer-events:none}.toast-viewport[data-v-e0458be0]::backdrop{background:transparent;pointer-events:none}.factory-toast[data-v-e0458be0]{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:16px;border:1px solid #c5edf0;border-left:4px solid #00afc2;border-radius:16px;background:#f4fdfe;color:#16556b;box-shadow:0 12px 32px #14374a24;pointer-events:auto}.factory-toast>svg[data-v-e0458be0]{flex-shrink:0;color:#009bad;margin-top:2px}.factory-toast p[data-v-e0458be0]{margin:0;font-size:13px;line-height:1.8;overflow-wrap:anywhere;flex:1}.factory-toast button[data-v-e0458be0]{border:0;background:transparent;color:inherit;padding:3px;cursor:pointer}.factory-toast.error[data-v-e0458be0]{background:#fff6f6;border-color:#f0d5d9;border-left-color:#c74b64;color:#91374b}.factory-toast.error>svg[data-v-e0458be0]{color:#c74b64}.toast-enter-active[data-v-e0458be0],.toast-leave-active[data-v-e0458be0]{transition:opacity .18s ease-out,transform .18s ease-out}.toast-move[data-v-e0458be0]{transition:transform .18s ease-out}.toast-enter-from[data-v-e0458be0],.toast-leave-to[data-v-e0458be0]{opacity:0;transform:translate(12px)}@supports not selector(:popover-open){.toast-viewport[data-v-e0458be0]{display:none}.toast-viewport.has-toasts[data-v-e0458be0]{display:block}}@media(max-width:540px){.toast-viewport[data-v-e0458be0]{inset:16px 16px auto auto}}@media(prefers-reduced-motion:reduce){.toast-enter-active[data-v-e0458be0],.toast-leave-active[data-v-e0458be0],.toast-move[data-v-e0458be0]{transition:none}}.chart-data-tooltip{position:fixed;inset:auto;margin:0;z-index:10000;pointer-events:none;max-width:min(280px,calc(100vw - 16px));padding:10px 13px;border:1px solid var(--line,#dbe4ea);border-radius:10px;background:var(--surface,#fff);color:var(--ink,#172b3d);box-shadow:0 5px 20px #071e3020;font-size:12px;line-height:1.6}.chart-data-tooltip:not([hidden]){display:flex;flex-direction:column;gap:2px}.chart-data-tooltip span{color:var(--muted,#536b80)}.chart-data-tooltip strong{font-family:Inter,Kantumruy Pro,sans-serif;font-weight:600}.eh-column:focus-visible,.overview-bar-track:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:6px}/*! tailwindcss v4.3.3 | 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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Inter", "Kantumruy Pro", sans-serif;--font-mono:"Inter", "Kantumruy Pro", sans-serif;--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-orange-50:oklch(98% .016 73.684);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--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-950:oklch(29.3% .066 243.157);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-950:oklch(29.1% .149 302.717);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--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-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--text-xs:.8125rem;--text-xs--line-height:1.8;--text-sm:.9375rem;--text-sm--line-height:1.8;--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);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{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}*,:before,:after{box-sizing:border-box}html,body,button,input,select,textarea,[class*=font-],svg text{font-family:var(--bs-body-font-family)}body{background:var(--canvas);color:var(--ink);margin:0;font-size:15px;line-height:1.8}button,input,select,textarea{font:inherit}h1,h2,h3,h4{line-height:1.65}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.dark *{scrollbar-color:#475569 transparent}button,summary{cursor:pointer}button,input,select{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline-offset:3px;outline:3px solid #85b5ff}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.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}.inset-x-5{inset-inline:calc(var(--spacing) * 5)}.inset-y-0{inset-block:0}.start-50{inset-inline-start:calc(var(--spacing) * 50)}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-5{top:calc(var(--spacing) * 5)}.top-10{top:calc(var(--spacing) * 10)}.top-50{top:calc(var(--spacing) * 50)}.top-\[48px\]{top:48px}.top-\[68px\]{top:68px}.top-\[96px\]{top:96px}.right-0{right:0}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-12{bottom:calc(var(--spacing) * 12)}.left-3{left:calc(var(--spacing) * 3)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.left-\[76px\]{left:76px}.left-\[160px\]{left:160px}.left-\[180px\]{left:180px}.left-\[230px\]{left:230px}.z-0{z-index:0}.z-10{z-index:10}.z-\[100\]{z-index:100}.col-6{grid-column:6}.col-12{grid-column:12}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.ms-1{margin-inline-start:var(--spacing)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.me-1{margin-inline-end:var(--spacing)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.me-3{margin-inline-end:calc(var(--spacing) * 3)}.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)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-2{margin-left:calc(var(--spacing) * 2)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.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}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.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-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-56{height:calc(var(--spacing) * 56)}.h-72{height:calc(var(--spacing) * 72)}.h-100{height:calc(var(--spacing) * 100)}.h-200{height:calc(var(--spacing) * 200)}.h-\[2px\]{height:2px}.h-\[100px\]{height:100px}.h-\[120px\]{height:120px}.h-\[140px\]{height:140px}.h-\[calc\(100\%-68px\)\]{height:calc(100% - 68px)}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\[460px\]{max-height:460px}.max-h-screen{max-height:100vh}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-\[40px\]{min-height:40px}.min-h-\[620px\]{min-height:620px}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-100{width:calc(var(--spacing) * 100)}.w-\[95px\]{width:95px}.w-\[100px\]{width:100px}.w-\[110px\]{width:110px}.w-\[120px\]{width:120px}.w-\[155px\]{width:155px}.w-\[calc\(100\%-40px\)\]{width:calc(100% - 40px)}.w-full{width:100%}.w-px{width:1px}.max-w-12{max-width:calc(var(--spacing) * 12)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-\[220px\]{max-width:220px}.max-w-\[260px\]{max-width:260px}.max-w-\[320px\]{max-width:320px}.max-w-\[360px\]{max-width:360px}.max-w-\[980px\]{max-width:980px}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-\[150px\]{min-width:150px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-\[25deg\]{rotate:-25deg}.rotate-180{rotate:180deg}.rotate-\[2deg\]{rotate:2deg}.rotate-\[30deg\]{rotate:30deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.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-2\.5{gap:calc(var(--spacing) * 2.5)}.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-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}: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-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)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:var(--spacing)}.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-gray-50>:not(:last-child)){border-color:var(--color-gray-50)}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.35rem\]{border-radius:1.35rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\!border-red-500{border-color:var(--color-red-500)!important}.border-\[\#5A9688\]{border-color:#5a9688}.border-\[\#84A98C\]{border-color:#84a98c}.border-\[\#84A98C\]\/20{border-color:#84a98c33}.border-\[\#84A98C\]\/30{border-color:#84a98c4d}.border-\[\#84A98C\]\/40{border-color:#84a98c66}.border-amber-100{border-color:var(--color-amber-100)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-emerald-100{border-color:var(--color-emerald-100)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\/60{border-color:#e5e7eb99}@supports (color:color-mix(in lab,red,red)){.border-gray-200\/60{border-color:color-mix(in oklab,var(--color-gray-200) 60%,transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-red-100{border-color:var(--color-red-100)}.border-red-400{border-color:var(--color-red-400)}.border-rose-200{border-color:var(--color-rose-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-t-transparent{border-top-color:#0000}.\!bg-red-50{background-color:var(--color-red-50)!important}.\!bg-white{background-color:var(--color-white)!important}.bg-\[\#5A9688\]{background-color:#5a9688}.bg-\[\#84A98C\]{background-color:#84a98c}.bg-\[\#84A98C\]\/10{background-color:#84a98c1a}.bg-\[\#84A98C\]\/15{background-color:#84a98c26}.bg-\[\#84A98C\]\/20{background-color:#84a98c33}.bg-\[\#52796F\]{background-color:#52796f}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/50{background-color:color-mix(in oklab,var(--color-gray-50) 50%,transparent)}}.bg-gray-50\/60{background-color:#f9fafb99}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/60{background-color:color-mix(in oklab,var(--color-gray-50) 60%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-sky-600{background-color:var(--color-sky-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/70{background-color:#f8fafcb3}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/70{background-color:color-mix(in oklab,var(--color-slate-50) 70%,transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-500{background-color:var(--color-slate-500)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-teal-600{background-color:var(--color-teal-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.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)}.p-12{padding:calc(var(--spacing) * 12)}.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)}.px-6{padding-inline:calc(var(--spacing) * 6)}.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-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.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-10{padding-block:calc(var(--spacing) * 10)}.ps-4{padding-inline-start:calc(var(--spacing) * 4)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.pe-4{padding-inline-end:calc(var(--spacing) * 4)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-0{padding-left:0}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-11{padding-left:calc(var(--spacing) * 11)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.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-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--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-\[2\.4rem\]{font-size:2.4rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[3px\]{--tw-tracking:3px;letter-spacing:3px}.tracking-\[5px\]{--tw-tracking:5px;letter-spacing:5px}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.\!text-amber-500{color:var(--color-amber-500)!important}.\!text-blue-500{color:var(--color-blue-500)!important}.\!text-emerald-600{color:var(--color-emerald-600)!important}.text-\[\#2f8f68\]{color:#2f8f68}.text-\[\#5A9688\]{color:#5a9688}.text-\[\#84A98C\]{color:#84a98c}.text-\[\#527a5c\]{color:#527a5c}.text-\[\#52796F\]{color:#52796f}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-black{color:var(--color-black)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-600\/70{color:#009767b3}@supports (color:color-mix(in lab,red,red)){.text-emerald-600\/70{color:color-mix(in oklab,var(--color-emerald-600) 70%,transparent)}}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-orange-500{color:var(--color-orange-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-200{color:var(--color-red-200)}.text-red-400{color:var(--color-red-400)}.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-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-rose-800{color:var(--color-rose-800)}.text-sky-600{color:var(--color-sky-600)}.text-sky-700{color:var(--color-sky-700)}.text-slate-300{color:var(--color-slate-300)}.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-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.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-\[0_4px_20px_rgba\(16\,185\,129\,0\.25\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#10b98140);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(90\,150\,136\,0\.25\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#5a968840);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--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)}.shadow-\[\#5A9688\]\/20{--tw-shadow-color:#5a968833}@supports (color:color-mix(in lab,red,red)){.shadow-\[\#5A9688\]\/20{--tw-shadow-color:color-mix(in oklab, oklab(62.7897% -.0664502 .00297362/.2) var(--tw-shadow-alpha), transparent)}}.shadow-black\/10{--tw-shadow-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.shadow-black\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-red-100{--tw-ring-color:var(--color-red-100)}.ring-red-500{--tw-ring-color:var(--color-red-500)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.selection\:bg-slate-200 ::selection{background-color:var(--color-slate-200)}.selection\:bg-slate-200::selection{background-color:var(--color-slate-200)}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:pb-0:last-child{padding-bottom:0}@media(hover:hover){.hover\:border-emerald-500:hover{border-color:var(--color-emerald-500)}.hover\:border-gray-200:hover{border-color:var(--color-gray-200)}.hover\:border-purple-500:hover{border-color:var(--color-purple-500)}.hover\:border-sky-500:hover{border-color:var(--color-sky-500)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:border-white\/10:hover{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/10:hover{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:bg-\[\#4a7d71\]:hover{background-color:#4a7d71}.hover\:bg-\[\#5A9688\]\/5:hover{background-color:#5a96880d}.hover\:bg-\[\#002235\]:hover{background-color:#002235}.hover\:bg-amber-50:hover{background-color:var(--color-amber-50)}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-black\/70:hover{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/70:hover{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-emerald-50:hover{background-color:var(--color-emerald-50)}.hover\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-50\/50:hover{background-color:color-mix(in oklab,var(--color-gray-50) 50%,transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-rose-700:hover{background-color:var(--color-rose-700)}.hover\:bg-sky-700:hover{background-color:var(--color-sky-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.hover\:text-\[\#5A9688\]:hover{color:#5a9688}.hover\:text-\[\#354F52\]:hover{color:#354f52}.hover\:text-\[\#52796F\]:hover{color:#52796f}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-\[\#5A9688\]:focus{border-color:#5a9688}.focus\:bg-white:focus{background-color:var(--color-white)}.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-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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-\[\#5A9688\]\/15:focus{--tw-ring-color:oklab(62.7897% -.0664502 .00297362/.15)}.focus\:ring-\[\#84A98C\]:focus{--tw-ring-color:#84a98c}.focus\:ring-\[\#003049\]:focus{--tw-ring-color:#003049}.focus\:ring-red-400:focus{--tw-ring-color:var(--color-red-400)}.focus\:ring-red-500\/15:focus{--tw-ring-color:#fb2c3626}@supports (color:color-mix(in lab,red,red)){.focus\:ring-red-500\/15:focus{--tw-ring-color:color-mix(in oklab, var(--color-red-500) 15%, transparent)}}.focus\:ring-sky-400:focus{--tw-ring-color:var(--color-sky-400)}.focus\:ring-sky-500:focus{--tw-ring-color:var(--color-sky-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-blue-600:focus-visible{outline-color:var(--color-blue-600)}.active\:translate-y-0\.5:active{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:w-auto{width:auto}.sm\:max-w-md{max-width:var(--container-md)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[160px_1fr\]{grid-template-columns:160px 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-center{justify-content:center}.sm\:justify-start{justify-content:flex-start}:where(.sm\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}.sm\:self-auto{align-self:auto}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:pl-9{padding-left:calc(var(--spacing) * 9)}.sm\:text-left{text-align:left}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.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-\[minmax\(0\,1fr\)_180px\]{grid-template-columns:minmax(0,1fr) 180px}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:flex{display:flex}.lg\:max-h-\[calc\(100vh-220px\)\]{max-height:calc(100vh - 220px)}.lg\:w-1\/2{width:50%}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-\[320px_1fr\]{grid-template-columns:320px 1fr}.lg\:flex-row{flex-direction:row}.lg\:overflow-y-auto{overflow-y:auto}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:pr-2{padding-right:calc(var(--spacing) * 2)}}@media(min-width:80rem){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}:where(.dark\:divide-slate-800:where(.dark,.dark *)>:not(:last-child)){border-color:var(--color-slate-800)}.dark\:border-blue-900\/60:where(.dark,.dark *){border-color:#1c398e99}@supports (color:color-mix(in lab,red,red)){.dark\:border-blue-900\/60:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-blue-900) 60%,transparent)}}.dark\:border-emerald-800:where(.dark,.dark *){border-color:var(--color-emerald-800)}.dark\:border-rose-800:where(.dark,.dark *){border-color:var(--color-rose-800)}.dark\:border-rose-800\/60:where(.dark,.dark *){border-color:#a3003799}@supports (color:color-mix(in lab,red,red)){.dark\:border-rose-800\/60:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-rose-800) 60%,transparent)}}.dark\:border-rose-900:where(.dark,.dark *){border-color:var(--color-rose-900)}.dark\:border-rose-900\/60:where(.dark,.dark *){border-color:#8b083699}@supports (color:color-mix(in lab,red,red)){.dark\:border-rose-900\/60:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-rose-900) 60%,transparent)}}.dark\:border-slate-700:where(.dark,.dark *){border-color:var(--color-slate-700)}.dark\:border-slate-800:where(.dark,.dark *){border-color:var(--color-slate-800)}.dark\:border-transparent:where(.dark,.dark *){border-color:#0000}.dark\:\!bg-red-500\/5:where(.dark,.dark *){background-color:#fb2c360d!important}@supports (color:color-mix(in lab,red,red)){.dark\:\!bg-red-500\/5:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-500) 5%,transparent)!important}}.dark\:bg-\[\#0b0f17\]:where(.dark,.dark *){background-color:#0b0f17}.dark\:bg-\[\#111D20\]:where(.dark,.dark *){background-color:#111d20}.dark\:bg-\[\#172529\]:where(.dark,.dark *){background-color:#172529}.dark\:bg-amber-950:where(.dark,.dark *){background-color:var(--color-amber-950)}.dark\:bg-amber-950\/40:where(.dark,.dark *){background-color:#46190166}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-950) 40%,transparent)}}.dark\:bg-blue-950\/30:where(.dark,.dark *){background-color:#1624564d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-950) 30%,transparent)}}.dark\:bg-emerald-950:where(.dark,.dark *){background-color:var(--color-emerald-950)}.dark\:bg-emerald-950\/40:where(.dark,.dark *){background-color:#002c2266}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-950) 40%,transparent)}}.dark\:bg-purple-950:where(.dark,.dark *){background-color:var(--color-purple-950)}.dark\:bg-rose-950:where(.dark,.dark *){background-color:var(--color-rose-950)}.dark\:bg-rose-950\/30:where(.dark,.dark *){background-color:#4d02184d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-rose-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-rose-950) 30%,transparent)}}.dark\:bg-rose-950\/40:where(.dark,.dark *){background-color:#4d021866}@supports (color:color-mix(in lab,red,red)){.dark\:bg-rose-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-rose-950) 40%,transparent)}}.dark\:bg-rose-950\/50:where(.dark,.dark *){background-color:#4d021880}@supports (color:color-mix(in lab,red,red)){.dark\:bg-rose-950\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-rose-950) 50%,transparent)}}.dark\:bg-rose-950\/60:where(.dark,.dark *){background-color:#4d021899}@supports (color:color-mix(in lab,red,red)){.dark\:bg-rose-950\/60:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-rose-950) 60%,transparent)}}.dark\:bg-sky-950:where(.dark,.dark *){background-color:var(--color-sky-950)}.dark\:bg-sky-950\/40:where(.dark,.dark *){background-color:#052f4a66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-sky-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-sky-950) 40%,transparent)}}.dark\:bg-slate-800:where(.dark,.dark *){background-color:var(--color-slate-800)}.dark\:bg-slate-900:where(.dark,.dark *){background-color:var(--color-slate-900)}.dark\:bg-slate-900\/50:where(.dark,.dark *){background-color:#0f172b80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-slate-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-slate-900) 50%,transparent)}}.dark\:bg-white\/5:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/5:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.dark\:bg-white\/10:where(.dark,.dark *){background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.dark\:text-amber-300:where(.dark,.dark *){color:var(--color-amber-300)}.dark\:text-blue-200:where(.dark,.dark *){color:var(--color-blue-200)}.dark\:text-emerald-300:where(.dark,.dark *){color:var(--color-emerald-300)}.dark\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}.dark\:text-gray-500:where(.dark,.dark *){color:var(--color-gray-500)}.dark\:text-red-400:where(.dark,.dark *){color:var(--color-red-400)}.dark\:text-rose-300:where(.dark,.dark *){color:var(--color-rose-300)}.dark\:text-rose-400:where(.dark,.dark *){color:var(--color-rose-400)}.dark\:text-sky-300:where(.dark,.dark *){color:var(--color-sky-300)}.dark\:text-slate-100:where(.dark,.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-slate-300:where(.dark,.dark *){color:var(--color-slate-300)}.dark\:text-slate-400:where(.dark,.dark *){color:var(--color-slate-400)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:selection\:bg-slate-800:where(.dark,.dark *) ::selection{background-color:var(--color-slate-800)}.dark\:selection\:bg-slate-800:where(.dark,.dark *)::selection{background-color:var(--color-slate-800)}.dark\:placeholder\:text-gray-600:where(.dark,.dark *)::placeholder{color:var(--color-gray-600)}@media(hover:hover){.dark\:hover\:border-slate-600:where(.dark,.dark *):hover{border-color:var(--color-slate-600)}.dark\:hover\:bg-emerald-950\/50:where(.dark,.dark *):hover{background-color:#002c2280}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-emerald-950\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-emerald-950) 50%,transparent)}}.dark\:hover\:bg-rose-950\/50:where(.dark,.dark *):hover{background-color:#4d021880}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-rose-950\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-rose-950) 50%,transparent)}}.dark\:hover\:bg-slate-800:where(.dark,.dark *):hover{background-color:var(--color-slate-800)}.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.dark\:hover\:text-\[\#5A9688\]:where(.dark,.dark *):hover{color:#5a9688}.dark\:hover\:text-gray-300:where(.dark,.dark *):hover{color:var(--color-gray-300)}}.dark\:focus\:bg-white\/10:where(.dark,.dark *):focus{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:focus\:bg-white\/10:where(.dark,.dark *):focus{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.dark\:focus\:ring-\[\#b2e9ff\]:where(.dark,.dark *):focus{--tw-ring-color:#b2e9ff}}:root{font-synthesis:none;--bs-body-font-family:"Inter", "Kantumruy Pro", sans-serif;--surface:#fff;--canvas:#f5f6f8;--ink:#1e293b;--muted:#64748b;--line:#e2e8f0;--blue:#2563eb;--soft:#eff6ff}.dark{--surface:#142030;--canvas:#0c1522;--ink:#edf3fc;--muted:#91a2b9;--line:#253448;--blue:#438eff;--soft:#1b304e}.brand-logo{white-space:nowrap;align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:linear-gradient(140deg,#3696ff,#0663f7);border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 4px 12px #096af126}.brand-logo strong{letter-spacing:normal;font-size:20px;line-height:1.5;display:block}.brand-logo small{opacity:.65;letter-spacing:normal;font-size:12px;display:block}.brand-dot{color:var(--blue)}.icon-button{color:var(--muted);background:0 0;border:0;border-radius:9px;place-items:center;padding:9px;display:grid}.icon-button:hover{background:var(--soft);color:var(--blue)}.auth-page{background:var(--canvas);min-height:100vh;color:var(--ink);flex-direction:column;justify-content:center;padding:24px 40px;display:flex}.dark .auth-page{background:radial-gradient(at 10% 10%,#142d50,#0000 60%),#0b1421}.auth-topline,.auth-page-footer{width:min(1080px,100%);color:var(--muted);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.auth-topline{letter-spacing:normal;margin-bottom:20px;font-size:12px;font-weight:600}.auth-page-footer{margin-top:22px;font-size:12px}.auth-card{background:var(--surface);border:1px solid #fff8;border-radius:22px;grid-template-columns:44% 56%;width:min(1080px,100%);min-height:668px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 20px 80px #23478013,0 2px 8px #23478008}.dark .auth-card{border-color:var(--line)}.auth-story{color:#fff;background:#17375e;flex-direction:column;padding:38px;display:flex;position:relative;overflow:hidden}.auth-story .brand-mark{background:#ffffff20;box-shadow:inset 0 0 0 1px #ffffff23}.auth-story .brand-dot{color:#8bc9ff}.story-copy{z-index:2;margin-top:58px;position:relative}.eyebrow{letter-spacing:normal;color:#a5d2ff;font-size:12px;font-weight:600}.story-copy h1{letter-spacing:normal;margin:16px 0;font-size:36px;font-weight:700;line-height:1.3}.story-copy h1 span{color:#aad6ff}.story-copy p{color:#d2e5ff;max-width:310px;font-size:13px;line-height:1.9}.story-features{color:#e7f2ff;flex-wrap:wrap;gap:23px;margin-top:27px;font-size:12px;display:flex}.story-features span{align-items:center;gap:7px;display:flex}.story-features svg{color:#99d2ff}.factory-art{opacity:.9;height:275px;position:absolute;bottom:25px;left:-8px;right:-8px}.factory-art svg{width:100%;position:absolute;bottom:0}.art-orbit{border:1px solid #ffffff0d;border-radius:50%;width:360px;height:360px;position:absolute;top:-55px;left:135px;box-shadow:0 0 0 45px #ffffff04,0 0 0 90px #ffffff03}.art-sun{background:#ffffff0e;border-radius:50%;width:55px;height:55px;position:absolute;top:22px;right:65px}.story-footer{z-index:2;color:#c6dcf7;justify-content:space-between;align-items:end;margin-top:auto;padding-top:240px;font-size:12px;line-height:1.8;display:flex}.story-footer strong{color:#fff;font-weight:500}.story-dots{gap:5px;padding-bottom:5px;display:flex}.story-dots i{background:#ffffff40;border-radius:5px;width:5px;height:5px}.story-dots i:first-child{background:#fff;width:20px}.auth-form-panel{flex-direction:column;padding:26px 36px 20px;display:flex}.auth-panel-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.workspace-label{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.workspace-label>span{background:#14b88b;border-radius:50%;width:5px;height:5px}.auth-form-content{width:100%;max-width:365px;margin:55px auto 36px}.form-eyebrow{color:var(--blue);letter-spacing:normal;font-size:12px;font-weight:700}.auth-form-content h2{letter-spacing:normal;margin:9px 0;font-size:31px;font-weight:700;line-height:1.5}.form-subtitle{color:var(--muted);font-size:12px;line-height:1.8}.auth-form{flex-direction:column;margin-top:28px;display:flex}.auth-form>label{margin-bottom:9px;font-size:12px;font-weight:600}.input-wrap{color:#8395ad;background:var(--surface);border:1px solid #dce4ef;border-radius:8px;align-items:center;gap:11px;height:47px;margin-bottom:20px;padding:0 13px;transition:box-shadow .15s,border-color .15s;display:flex}.dark .input-wrap{border-color:var(--line)}.input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb12}.input-wrap>svg{flex-shrink:0}.input-wrap input{width:100%;min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;font-size:12px}.input-wrap input::placeholder{color:#96a3b6}.input-wrap button{color:#8091aa;background:0 0;border:0;padding:2px}.form-options{justify-content:space-between;align-items:center;gap:8px;margin:0 0 23px;font-size:12px;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:7px;display:flex}.checkbox-label input{accent-color:#2563eb;width:13px;height:13px}.text-button{color:var(--blue);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;display:inline-flex}.primary-button{color:#fff;background:#2563eb;border:1px solid #0a6bf0;border-radius:8px;justify-content:center;align-items:center;gap:14px;width:100%;height:47px;font-size:12px;font-weight:600;transition:background .15s,transform .15s;display:flex;box-shadow:0 4px 9px #2563eb1a}.primary-button:hover{background:#1d4ed8}.primary-button svg{margin-left:auto}.primary-button{padding:0 17px 0 35px}.primary-button:before{content:"";flex:1}.primary-button svg{flex:1;max-width:18px;margin-left:auto}.demo-accounts{border:1px solid var(--line);background:var(--canvas);border-radius:9px;margin-top:25px;font-size:12px}.demo-accounts summary{align-items:center;gap:10px;padding:13px;font-weight:500;list-style:none;display:flex}.demo-accounts summary::-webkit-details-marker{display:none}.demo-accounts summary>span{color:var(--muted);margin-left:auto;font-size:12px}.demo-accounts[open] summary>svg{transform:rotate(180deg)}.demo-list{padding:0 13px 13px}.demo-row{border-top:1px solid var(--line);gap:3px;padding:10px 0;display:grid}.demo-row>strong{color:var(--blue);font-size:12px}.demo-row code{overflow-wrap:anywhere;font-size:12px}.demo-row>span,.demo-list p{color:var(--muted);font-size:12px}.auth-help{text-align:center;color:var(--muted);margin-top:24px;font-size:12px;line-height:1.8}.auth-panel-footer{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:auto;font-size:12px;display:flex}.reset-content{text-align:center;margin-top:65px}.reset-content h2{font-size:25px}.reset-content .auth-form{text-align:left}.reset-icon{background:var(--soft);width:76px;height:76px;color:var(--blue);border-radius:22px;place-items:center;margin:0 auto 23px;display:grid}.reset-icon.success{color:#0eba85;background:#e4faf2;border-radius:50%;margin-bottom:35px;box-shadow:0 0 0 14px #e4faf270}.reset-content>.primary-button{margin-top:32px}.demo-notice{background:var(--soft);color:var(--muted);border-radius:7px;margin:0 0 20px;padding:10px;font-size:12px;line-height:1.8}.demo-notice strong{color:var(--blue);letter-spacing:normal}.form-error{color:#be2348;background:#fff1f2;border-radius:7px;margin-bottom:14px;padding:10px;font-size:12px;line-height:1.8}.otp-fields{gap:8px;margin-bottom:20px;display:flex}.otp-fields input{text-align:center;border:1px solid var(--line);background:var(--surface);width:calc(16.6667% - 6.66667px);height:52px;color:var(--ink);border-radius:8px;font-size:22px}.resend-button{align-self:center;margin:0 0 22px}.password-strength{gap:5px;margin-top:-9px;margin-bottom:7px;display:flex}.password-strength i{background:var(--line);border-radius:3px;flex:1;height:4px}.password-strength .filled{background:#12b981}.auth-form small{color:var(--muted);margin-bottom:22px;font-size:12px}.app-shell{color:var(--ink);grid-template-rows:72px minmax(0,1fr);grid-template-columns:264px minmax(0,1fr);background:var(--canvas)!important;display:grid!important}.app-shell.sidebar-collapsed{grid-template-columns:78px minmax(0,1fr)}.app-header{border-bottom:1px solid var(--line);background:var(--surface);grid-column:2;justify-content:space-between;align-items:center;gap:15px;padding:0 30px;display:flex}.header-leading{align-items:center;gap:13px;min-width:0;display:flex}.header-breadcrumb{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.header-breadcrumb strong{color:var(--ink);font-weight:500}.header-controls{align-items:center;gap:14px;display:flex}.header-divider{background:var(--line);width:1px;height:24px}.header-avatar{color:var(--ink);background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.header-avatar img{object-fit:cover;border-radius:50%;width:33px;height:33px}.header-avatar span{font-size:12px}.header-profile{position:relative}.profile-menu{z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:12px;width:240px;padding:8px;position:absolute;top:46px;right:0;box-shadow:0 12px 40px #0b244323}.profile-menu>div{border-bottom:1px solid var(--line);margin-bottom:5px;padding:10px}.profile-menu strong,.profile-menu small{font-size:12px;line-height:1.8;display:block}.profile-menu small{color:var(--muted)}.profile-menu button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:10px;font-size:12px;display:flex}.profile-menu button:hover{background:var(--soft)}.notification-dot{border:1px solid var(--surface);background:#fb607b;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:6px}.app-sidebar{background:var(--surface);border-right:1px solid var(--line);z-index:55;flex-direction:column;grid-area:1/1/3;min-height:0;display:flex}.sidebar-brand{align-items:center;height:90px;padding:0 23px;display:flex}.sidebar-brand .brand-logo strong{font-size:19px}.sidebar-brand .brand-mark{border-radius:10px;width:35px;height:35px}.sidebar-brand .brand-logo{gap:9px}.sidebar-brand .brand-logo small{font-size:12px}.sidebar-caption{letter-spacing:normal;color:var(--muted);padding:14px 25px;font-size:12px}.sidebar-nav{flex:1;padding:0 13px;overflow-y:auto}.sidebar-nav button{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;margin:4px 0;padding:13px 12px;font-size:12px;display:flex}.sidebar-nav button.active{color:var(--blue);background:var(--soft);font-weight:600}.sidebar-nav button:hover{background:var(--canvas)}.sidebar-nav button.active:hover{background:var(--soft)}.sidebar-nav button.active:after{content:"";background:var(--blue);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-nav svg{flex-shrink:0}.sidebar-help{border:1px solid var(--line);background:var(--canvas);border-radius:11px;margin:22px 20px;padding:17px}.sidebar-help>span{align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.sidebar-help p{color:var(--muted);margin:8px 0 12px;font-size:12px;line-height:1.8}.sidebar-help button{color:var(--blue);background:0 0;border:0;align-items:center;gap:8px;font-size:12px;display:flex}.sidebar-user{border-top:1px solid var(--line);align-items:center;gap:9px;padding:16px;display:flex}.sidebar-user>button:first-child{text-align:left;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;align-items:center;gap:9px;display:flex}.sidebar-user img{object-fit:cover;border-radius:50%;width:34px;height:34px}.sidebar-user strong{font-size:12px;display:block}.sidebar-user small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar-collapsed .sidebar-nav button{justify-content:center;padding:13px}.sidebar-collapsed .sidebar-nav button.active:after{display:none}.sidebar-collapsed .sidebar-user{flex-wrap:wrap;justify-content:center;padding:14px 10px}.sidebar-collapsed .sidebar-user>button:first-child{justify-content:center}.workspace-container{display:contents!important}#main-content-scrollable{background:var(--canvas);grid-area:2/2;min-width:0;padding:30px}.workspace-footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;margin-top:28px;padding-top:25px;font-size:12px;display:flex}.dashboard{flex-direction:column;gap:24px;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.page-heading .dashboard-eyebrow{color:var(--blue);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.page-heading h1{letter-spacing:normal;font-size:26px;font-weight:700;line-height:1.6}.page-heading p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.8}.page-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.date-badge{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:7px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.small-primary{color:#fff;background:#2563eb;border:0;border-radius:7px;align-items:center;gap:8px;padding:11px 13px;font-size:12px;display:flex}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{border:1px solid var(--line);text-align:left;background:var(--surface);color:var(--ink);border-radius:12px;align-items:flex-start;gap:15px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.metric-card:hover{border-color:#94a3b8;box-shadow:0 2px 6px #193a6508}.metric-icon{color:#227aff;background:#e5f0ff;border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.metric-card.rose .metric-icon{color:#ef6185;background:#ffe6ed}.metric-card.blue,.metric-card.green,.metric-card.amber,.metric-card.rose,.dark .metric-card{background:var(--surface)}.dark .metric-icon{background:#203f64}.dark .metric-card.green .metric-icon{background:#16463e}.dark .metric-card.amber .metric-icon{background:#4a3a23}.dark .metric-card.rose .metric-icon{background:#4c293d}.metric-info{flex-direction:column;gap:7px;display:flex}.metric-info>span{color:var(--muted);font-size:12px}.metric-info strong{letter-spacing:normal;font-size:30px;font-weight:700;line-height:1.2}.metric-info small{color:var(--muted);font-size:12px}.metric-card.blue small{color:#0eaf85}.metric-card.rose small{color:#ec6580}.dashboard-columns{grid-template-columns:1.35fr 1fr;gap:20px;display:grid}.dashboard-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0;padding:22px}.panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:21px;display:flex}.panel-heading p{color:var(--muted);margin-top:5px;font-size:12px}.panel-heading>a,.panel-heading>button{color:var(--blue);background:0 0;border:0;flex-shrink:0;align-items:center;gap:5px;font-size:12px;display:flex}.panel-chip{color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:6px 9px;font-size:12px}.department-chart{flex-direction:column;gap:19px;padding:8px 0 5px;display:flex}.department-bar>div{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;display:flex}.department-bar>div span{color:var(--muted)}.bar-track{background:var(--canvas);border-radius:4px;height:8px;display:block;overflow:hidden}.bar-track i{background:#4f7ecb;border-radius:4px;height:100%;display:block}.department-bar:nth-child(2n) .bar-track i{background:#4f7ecb}.chart-legend{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:12px;display:flex}.chart-legend i{background:#2286ff;border-radius:50%;width:6px;height:6px}.report-row{border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:0 0;border-top:0;border-left:0;border-right:0;align-items:center;gap:11px;padding:16px 0;display:flex}.report-row:last-child{border-bottom:0}.report-icon{background:var(--soft);width:35px;height:39px;color:var(--blue);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.report-info{flex:1;min-width:0}.report-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;display:block;overflow:hidden}.report-info small{color:var(--muted);margin-top:7px;font-size:12px;display:block}.status-pill{color:#4582d6;background:#eef4ff;border-radius:5px;flex-shrink:0;padding:5px 7px;font-size:12px}.activity-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:11px;padding:13px 0;display:flex}.activity-row:last-child{border:0}.activity-dot{background:#27bca1;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px;box-shadow:0 0 0 4px #27bca110}.activity-row strong{font-size:12px;font-weight:500;line-height:1.8;display:block}.activity-row small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.team-status{align-items:center;gap:30px;padding:20px 0;display:flex}.team-donut{border-radius:50%;flex-shrink:0;place-items:center;width:136px;height:136px;display:grid}.team-donut>div{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:104px;height:104px;display:flex}.team-donut strong{font-size:28px;font-weight:700}.team-donut small{color:var(--muted);font-size:12px}.team-legend{flex-direction:column;flex:1;gap:17px;display:flex}.team-legend>div{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.team-legend i{border-radius:50%;width:7px;height:7px}.team-legend strong{color:var(--ink);margin-left:auto}@media(min-width:1600px){.auth-card{min-height:730px}.auth-form-content{margin-top:80px}}@media(max-width:1150px){.metric-card{gap:9px;padding:16px 12px}.metric-icon{width:33px;height:33px}.metric-info>span{font-size:12px}.page-actions .date-badge{display:none}.team-status{gap:16px}.team-donut{width:115px;height:115px}.team-donut>div{width:87px;height:87px}}@media(max-width:900px){.auth-page{padding:24px}.auth-story{padding:30px}.story-copy h1{font-size:30px}.story-features{gap:14px}.auth-form-panel{padding:24px}.workspace-label{font-size:12px}.app-shell{grid-template-columns:248px minmax(0,1fr)}.sidebar-brand{padding:0 15px}.sidebar-brand .brand-logo strong{font-size:16px}#main-content-scrollable{padding:22px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}.header-avatar span{display:none}.app-header{padding:0 20px}.header-controls{gap:8px}}@media(max-width:640px){.auth-page{justify-content:flex-start;padding:16px}.auth-topline{letter-spacing:normal;margin-bottom:12px;font-size:12px}.auth-card{border-radius:16px;grid-template-columns:1fr;min-height:0}.auth-story{min-height:210px;padding:25px}.auth-story .brand-logo strong{font-size:19px}.story-copy{margin-top:25px}.story-copy h1{max-width:290px;margin:8px 0;font-size:25px}.story-copy p,.story-features,.story-footer,.eyebrow{display:none}.factory-art{opacity:.32;width:240px;height:160px;bottom:-10px;left:auto;right:-75px}.auth-form-panel{padding:20px 25px}.auth-form-content{max-width:none;margin:30px auto}.auth-form-content h2{font-size:28px}.auth-panel-footer{font-size:12px}.auth-page-footer{gap:15px;font-size:12px}.app-shell,.app-shell.sidebar-collapsed{grid-template-rows:64px minmax(0,1fr);grid-template-columns:1fr}.app-header,#main-content-scrollable{grid-column:1}.app-sidebar{width:264px;position:fixed;top:0;bottom:0;left:0;box-shadow:10px 0 40px #00152f22}.sidebar-collapsed .app-sidebar{display:none}.sidebar-backdrop{z-index:54;background:#00102566;border:0;position:fixed;top:0;right:0;bottom:0;left:0}.header-breadcrumb>span,.header-breadcrumb>svg{display:none}.header-breadcrumb{font-size:12px}.header-controls{gap:5px}.header-divider,.header-avatar>svg{display:none}.app-header{padding:0 12px}#main-content-scrollable{padding:20px 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:22px}.page-heading p{font-size:12px}.page-actions{display:none}.dashboard{gap:18px}.metrics-grid{gap:10px}.metric-card{gap:8px;padding:15px 10px}.metric-icon{border-radius:8px;width:29px;height:29px}.metric-icon svg{width:16px}.metric-info strong{font-size:25px}.metric-info small{font-size:12px}.dashboard-panel{padding:18px}.workspace-footer{gap:12px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.report-summary{border:1px dashed var(--line);color:var(--muted);border-radius:8px;flex-direction:column;gap:10px;margin-top:24px;padding:16px;font-size:12px;display:flex}.app-shell>.fixed{z-index:80}.primary-button{padding:0 40px;position:relative}.primary-button:before{display:none}.primary-button svg{position:absolute;right:17px}.role-dashboard>.grid>div{border-color:var(--line);box-shadow:none;border-radius:12px}.role-dashboard>.grid>div:first-child,.role-dashboard>.grid>div:nth-child(2),.role-dashboard>.grid>div:nth-child(3),.role-dashboard>.grid>div:nth-child(4),.dark .role-dashboard>.grid>div{background:var(--surface)}.role-dashboard button.bg-slate-900{color:#fff!important;background:#2563eb!important}.role-dashboard h1{letter-spacing:normal;font-size:26px}.dark .status-pill{color:#8abcff;background:#203f64}.dark .status-pill.approved,.dark .status-pill.reviewed{color:#4ed6ac;background:#16463e}.dark .status-pill.submitted,.dark .status-pill.pending{color:#f3c269;background:#4a3a23}.dark{color-scheme:dark}@media(max-width:640px){.role-dashboard h1{font-size:22px}}.auth-card{border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #0f172a08}.auth-form-content{max-width:390px}.auth-form>label,.input-wrap input,.primary-button,.form-subtitle{font-size:15px}.input-wrap,.primary-button{min-height:48px}.form-options,.text-button,.demo-accounts summary,.demo-row>strong,.demo-row code,.sidebar-nav button,.sidebar-user strong,.header-avatar span,.header-breadcrumb,.small-primary,.metric-info>span,.department-bar>div,.report-info strong,.activity-row strong,.team-legend>div,.profile-menu button{font-size:14px;line-height:1.8}.page-heading p,.panel-heading p,.panel-heading>a,.panel-heading>button{font-size:13px}.panel-heading h2{font-size:16px;font-weight:600}.sidebar-nav button{border-radius:8px;padding:12px}.sidebar-nav button.active{box-shadow:inset 3px 0 var(--blue)}.sidebar-nav button.active:after{display:none}.sidebar-nav button span{overflow-wrap:anywhere}.sidebar-user>button:first-child>span{min-width:0}.sidebar-user strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-card{gap:12px}.metric-info{min-width:0}.metric-info small{color:var(--muted);line-height:1.8}.metric-card.blue small,.metric-card.rose small{color:var(--muted)}.metric-card.green .metric-icon{color:#26765d;background:#eaf4f0}.metric-card.amber .metric-icon{color:#906617;background:#faf3e6}.metric-card.rose .metric-icon{background:var(--soft);color:var(--blue)}.report-summary{background:var(--canvas);border-style:solid}.status-pill{color:#1d4ed8;background:#eff6ff;font-size:12px;line-height:1.8}.status-pill.reviewed,.status-pill.approved{color:#047857;background:#ecfdf5}.status-pill.submitted,.status-pill.pending{color:#92400e;background:#fffbeb}.status-pill.rejected{color:#be123c;background:#fff1f2}.team-status{flex-wrap:wrap}.team-legend{min-width:140px}.icon-button{min-width:40px;min-height:40px}.header-breadcrumb{min-width:0}.header-breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dark .metric-card.green .metric-icon{color:#86d1b3;background:#163d33}.dark .metric-card.amber .metric-icon{color:#e7c17b;background:#3d3220}.dark .metric-card.rose .metric-icon{background:var(--soft);color:#93baff}.dark .form-error{color:#fda4af;background:#3e202b}.dark .reset-icon.success{color:#86d1b3;box-shadow:none;background:#163d33}.dark .input-wrap input::placeholder{color:#94a3b8}@media(max-height:800px){.sidebar-help{display:none}}@media(min-width:901px)and (max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}}@media(max-width:640px){.auth-page{padding:12px}.auth-topline>span{max-width:75%}.auth-form-panel{padding:24px 20px}.story-copy h1{font-size:24px;line-height:1.65}.auth-form-content h2{font-size:26px}.auth-page-footer,.workspace-footer{flex-wrap:wrap;gap:8px}.metric-card{flex-direction:column;padding:16px}.metric-info>span{font-size:13px}.page-heading{flex-wrap:wrap}.page-actions{display:flex}.report-row{flex-wrap:wrap}.header-breadcrumb{font-size:13px}.header-controls{flex-shrink:0}.panel-heading{flex-wrap:wrap}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{--surface: #ffffff;--canvas: #e5faff;--ink: #11243a;--muted: #63849b;--line: #d5f2f7;--blue: #00afc2;--soft: #ddf8fc;--workspace-shadow: 0 8px 28px #347ce50a, 0 2px 8px #347ce504;grid-template-columns:232px minmax(0,1fr);grid-template-rows:60px minmax(0,1fr);gap:16px;padding:18px;background:radial-gradient(ellipse at 6% 5%,#d2f7ff 0,transparent 48%),linear-gradient(120deg,#e5faff,#effcff 65%,#dcf8fc)!important}.app-shell.sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}.app-shell .app-sidebar{border:1px solid #ffffffd9;border-radius:36px;background:linear-gradient(148deg,transparent 66%,#d4f7fc80 66%),linear-gradient(160deg,#ffffffdb,#f1fcffde 45%,#dcf8fcd9);box-shadow:0 10px 32px #397de514,inset 0 1px #fff;padding:10px 0;overflow:hidden}.app-shell .sidebar-brand{height:72px;flex-shrink:0;padding:0 16px}.app-shell .sidebar-brand .brand-mark{width:42px;height:42px;border-radius:15px;box-shadow:0 5px 14px #00a9bc38,inset 0 1px 2px #ffffff7a}.app-shell .sidebar-brand .brand-logo{gap:11px}.app-shell .sidebar-brand .brand-logo strong{font-size:18px;letter-spacing:-.5px}.app-shell .sidebar-brand .brand-logo small{font-size:10px;color:#618397;opacity:1}.app-shell .sidebar-nav{padding:12px 13px}.app-shell .sidebar-nav button{border-radius:16px;min-height:44px;margin:5px 0;padding:9px 12px;color:#56778e;gap:13px;font-size:14px;transition:background .18s,box-shadow .18s}.app-shell .sidebar-nav button svg{width:19px;height:19px;stroke-width:1.9}.app-shell .sidebar-nav button:hover{background:#dcf7fb}.app-shell .sidebar-nav button.active,.app-shell .sidebar-nav button.active:hover{color:#fff;background:linear-gradient(110deg,#00bfd0,#0098ac);box-shadow:0 6px 16px #00afc230,inset 0 1px 1px #ffffff30}.app-shell .sidebar-user{margin:12px 12px 3px;padding:14px 12px;border:1px solid #ffffffdb;border-radius:27px;background:linear-gradient(135deg,#ffffffd9,#ddf8fc);box-shadow:0 5px 18px #4384e318,inset 0 1px 1px #fff}.app-shell .sidebar-user img{width:40px;height:40px;border:3px solid #bceaf4;box-shadow:0 2px 6px #3b82f61a}.app-shell .sidebar-user strong{font-size:13px}.app-shell .sidebar-user small{margin-top:2px;font-size:10px}.app-shell .sidebar-user .icon-button{min-width:28px;padding:4px;color:#2185a2}.app-shell.sidebar-collapsed .sidebar-brand{padding:0}.app-shell.sidebar-collapsed .sidebar-nav{padding:12px 9px}.app-shell.sidebar-collapsed .sidebar-nav button{padding:12px;border-radius:17px}.app-shell.sidebar-collapsed .sidebar-user{margin:10px 7px 3px;padding:10px 4px}.app-shell .app-header{padding:0 16px;border:1px solid #ffffffcf;border-radius:27px;background:#ffffffb8;box-shadow:var(--workspace-shadow),inset 0 1px #fff;z-index:56}.app-shell .header-leading{gap:12px;flex:1}.app-shell .header-controls{gap:10px}.app-shell .header-breadcrumb{font-size:12px;gap:10px}.app-shell .header-breadcrumb>span{white-space:nowrap}.app-shell .header-breadcrumb strong{font-weight:600}.app-shell .app-header .icon-button{border-radius:50%;background:#ffffffc9;color:#458aa4;box-shadow:0 2px 8px #3d7dd807}.app-shell .header-avatar{padding:5px 8px 5px 5px;border-radius:22px;background:#e4faff;gap:8px}.app-shell .header-avatar span{font-size:12px;font-weight:600}.app-shell .header-avatar img{width:31px;height:31px;border:2px solid #c9f2fa}.app-shell .header-divider{display:none}.header-search{position:relative;display:flex;align-items:center;gap:9px;width:clamp(150px,17vw,250px);padding:9px 14px;background:#e0f7fc;border:1px solid #f7faff;border-radius:24px;color:#42889e}.header-search>svg{flex-shrink:0}.header-search input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--ink);font-size:13px}.header-search input::placeholder{color:#7194a8}.header-search:focus-within{box-shadow:0 0 0 3px #00afc219}.search-results{position:absolute;top:calc(100% + 12px);right:0;width:310px;max-width:calc(100vw - 40px);background:var(--surface);padding:10px;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 36px #26477324}.search-caption{display:block;padding:6px 10px;font-size:11px;color:var(--muted)}.search-results button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:11px 10px;background:transparent;border:none;border-radius:10px;color:var(--ink);font-size:13px}.search-results button:hover,.search-results button:focus-visible{background:var(--soft)}.search-results button svg:last-child{margin-left:auto}.search-results p{color:var(--muted);font-size:13px;padding:12px 10px}.app-shell #main-content-scrollable{background:transparent;padding:0 2px 0 6px}.app-shell .dashboard{gap:16px}.app-shell .page-heading{min-height:70px;gap:16px}.app-shell .page-heading .dashboard-eyebrow{font-size:11px;margin-bottom:4px}.app-shell .page-heading h1{font-size:24px}.app-shell .page-heading p{font-size:12px;margin-top:3px}.app-shell .date-badge{border:1px solid white;padding:12px 14px;border-radius:17px;color:#527f95;background:#ffffffc9;box-shadow:var(--workspace-shadow)}.app-shell .small-primary{padding:13px 17px;border-radius:16px;font-size:13px;font-weight:600;background:linear-gradient(110deg,#00c3d5,#009bb7);box-shadow:0 5px 12px #1674ff23}.app-shell .small-primary:hover{background:#008da7}.app-shell .metrics-grid{gap:16px}.app-shell .metric-card{min-height:116px;padding:16px;border:1px solid #ffffff;border-radius:22px;background:#ffffffdc;box-shadow:var(--workspace-shadow);gap:13px}.app-shell .metric-card:hover{border-color:#9ce7f0;box-shadow:0 8px 22px #347ce518}.app-shell .metric-icon{width:40px;height:42px;border-radius:14px;background:#dff7ff;color:#009ff5;box-shadow:inset 0 1px 1px #fff}.app-shell .metric-card.green .metric-icon{background:#e1f6ef;color:#139585}.app-shell .metric-card.amber .metric-icon{background:#fff2dd;color:#ca820f}.app-shell .metric-card.violet .metric-icon{background:#ece9ff;color:#7048f4}.app-shell .metric-info{gap:7px}.app-shell .metric-info>span{font-size:13px;font-weight:500}.app-shell .metric-info strong{font-size:30px;color:#102239}.app-shell .metric-info small{font-size:11px;color:#708ba5}.app-shell .dashboard-columns{grid-template-columns:1.23fr 1fr;gap:22px}.app-shell .dashboard-panel{padding:20px;border-radius:24px;border:1px solid #fff;box-shadow:var(--workspace-shadow);background:#ffffffeb}.app-shell .panel-heading{margin-bottom:17px}.app-shell .panel-heading h2{font-size:17px;font-weight:700}.app-shell .panel-heading p{font-size:12px}.app-shell .panel-chip{padding:7px 13px;border-radius:18px;border:0;background:#ddf8fc;color:#009bb7;font-size:12px;font-weight:600}.app-shell .department-chart{gap:12px;padding-top:0}.app-shell .department-bar>div{font-size:13px;line-height:1.5;margin-bottom:5px}.app-shell .department-bar>div strong{font-size:12px}.app-shell .bar-track{height:7px;background:#dff7fb}.app-shell .bar-track i,.app-shell .department-bar:nth-child(2n) .bar-track i{background:linear-gradient(90deg,#00adc1,#00b4c9)}.app-shell .team-status{gap:24px;padding:12px 0}.app-shell .team-donut{width:164px;height:164px;box-shadow:inset 0 0 5px #1f61b719,0 4px 10px #2c70cb08}.app-shell .team-donut>div{width:124px;height:124px;background:#faffff;box-shadow:0 0 5px #184d8712}.app-shell .team-donut strong{font-size:31px}.app-shell .team-legend{gap:20px;min-width:126px}.app-shell .team-legend>div{font-size:13px}.app-shell .team-legend i{width:9px;height:9px}.app-shell .workspace-footer{border:0;padding-top:4px;margin-top:23px;font-size:10px;color:#7898ac}.app-shell .role-dashboard>.grid>div,.app-shell .role-dashboard>.grid>button{border-radius:22px;border-color:var(--surface);box-shadow:var(--workspace-shadow)}.app-shell .profile-menu{border-radius:20px;border-color:var(--line)}.app-shell.dark{--surface: #14212e;--ink: #f2f6ff;--muted: #a5bdd9;--line: #2b455e;--soft: #1c3448;background:radial-gradient(ellipse at 0 0,#13273b,transparent 60%),#0a151f!important}.app-shell.dark .app-sidebar,.app-shell.dark .app-header{background:linear-gradient(150deg,#162431,#101b26);border-color:#294158;box-shadow:0 8px 24px #00000012}.app-shell.dark .sidebar-brand .brand-logo small,.app-shell.dark .sidebar-nav button{color:#bad0e8}.app-shell.dark .sidebar-nav button.active{color:#fff}.app-shell.dark .sidebar-nav button:not(.active):hover{background:#203448}.app-shell.dark .sidebar-user,.app-shell.dark .header-avatar,.app-shell.dark .app-header .icon-button{background:#1b2d3f;border-color:#304d66;box-shadow:none}.app-shell.dark .header-search{background:#203145;border-color:#304b67}.app-shell.dark .metric-card,.app-shell.dark .dashboard-panel{background:var(--surface);border-color:var(--line);box-shadow:0 7px 20px #0000000c}.app-shell.dark .metric-info small,.app-shell.dark .workspace-footer{color:var(--muted)}.app-shell.dark .metric-icon{background:#133756;box-shadow:none}.app-shell.dark .metric-card.green .metric-icon{background:#17483e;color:#00e5a0}.app-shell.dark .metric-card.amber .metric-icon{background:#39351d;color:#ffd33d}.app-shell.dark .metric-card.violet .metric-icon{background:#322452;color:#bf78ff}.app-shell.dark .date-badge,.app-shell.dark .panel-chip{background:#1c3448;border-color:#28607c;color:#21d5f5}.app-shell.dark .bar-track i,.app-shell.dark .department-bar:nth-child(2n) .bar-track i{background:linear-gradient(90deg,#0bd3ee,#1acbf1)}.app-shell.dark .bar-track{background:#22364b}.app-shell.dark .team-donut>div{background:var(--surface)}@media(min-width:1101px){.app-shell .metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){.app-shell{grid-template-columns:224px minmax(0,1fr);padding:18px;gap:18px}.app-shell .sidebar-brand{padding:0 16px}.app-shell .header-breadcrumb>span,.app-shell .header-breadcrumb>svg{display:none}.app-shell .team-status{gap:18px}.app-shell .team-donut{width:136px;height:136px}.app-shell .team-donut>div{width:102px;height:102px}}@media(max-width:1100px){.app-shell .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .dashboard-columns{grid-template-columns:1fr}.app-shell .page-actions .date-badge,.app-shell .header-avatar span{display:none}}@media(max-width:800px){.header-search{display:none}}@media(max-width:640px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr;grid-template-rows:60px minmax(0,1fr);padding:12px;gap:18px}.app-shell .app-header{padding:0 10px;border-radius:23px}.app-shell .header-breadcrumb{font-size:12px}.app-shell .header-leading{gap:8px}.app-shell .header-controls{gap:5px}.app-shell .app-sidebar{top:12px;bottom:12px;left:12px;width:min(280px,calc(100vw - 48px));border-radius:30px;z-index:58}.app-shell .sidebar-backdrop{z-index:57;background:#152d5270;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.app-shell #main-content-scrollable{padding:0 2px}.app-shell .page-heading{flex-wrap:wrap;min-height:auto}.app-shell .page-heading h1{font-size:24px}.app-shell .dashboard{gap:18px}.app-shell .metrics-grid{gap:12px}.app-shell .metric-card{padding:17px;border-radius:20px;min-height:170px;gap:10px}.app-shell .metric-info>span{font-size:13px}.app-shell .dashboard-panel{padding:20px;border-radius:22px}.app-shell .panel-heading h2{font-size:16px}.app-shell .workspace-footer{flex-direction:column}}.app-shell .brand-mark{background:linear-gradient(145deg,#00c4cd,#008799)}.app-shell .brand-dot{color:inherit}.app-shell .sidebar-nav button.active{border:1px solid #25e4ec}.app-shell .metric-card,.app-shell .dashboard-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-shell .metric-info{min-width:0}.app-shell .team-status{flex-wrap:nowrap}.app-shell .team-donut{flex-shrink:0}.app-shell .team-legend{flex:1;min-width:0}.app-shell .department-bar>div strong{color:var(--ink)}.app-shell.dark{--blue: #16d4f3}.app-shell.dark .sidebar-brand .brand-mark{box-shadow:0 0 26px #00c4d02b,inset 0 1px 2px #73ffff70}.app-shell.dark .sidebar-nav button.active{background:linear-gradient(115deg,#0098ab,#00b8d3);box-shadow:0 8px 30px #00b6cb13,inset 0 1px 2px #8afaff60}.app-shell.dark .small-primary{background:linear-gradient(135deg,#00bfd5,#008bc3);border:1px solid #12dafa}.app-shell.dark .metric-card,.app-shell.dark .dashboard-panel{background:linear-gradient(120deg,#172432,#121e2a)}.app-shell.dark .app-header .icon-button{color:#e6f5ff;border:1px solid var(--line)}.app-shell.dark .header-search{color:#00d5f8}.app-shell.dark .header-avatar{border:1px solid #304d66;background:#142332}.app-shell.dark .date-badge{background:#152331;color:#dfecff}.app-shell.dark .panel-chip{border:1px solid #247395}.app-shell.dark .team-donut>div{background:#14212e}@media(max-width:640px){.app-shell .page-actions{display:flex}.app-shell .metric-card{min-height:150px}.app-shell .team-status{gap:18px}}@media(max-width:360px){.app-shell .team-status{flex-wrap:wrap;justify-content:center}.app-shell .team-legend{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.app-shell *,.app-shell *:before,.app-shell *:after{transition:none!important}}:root{--action-fill: linear-gradient(110deg, #00bdd0, #009fb8);--action-hover: linear-gradient(110deg, #00aabd, #008ea6);--action-shadow: 0 4px 12px #00a9c020}button:is(.base-button,.primary-button,.small-primary,.bg-blue-600,.bg-blue-700,.bg-slate-900,.bg-indigo-600,.bg-emerald-600,.bg-rose-600,.bg-red-600),.app-shell .small-primary,.app-shell .role-dashboard button.bg-slate-900{min-height:42px;padding:9px 18px;border-radius:16px;border:1px solid transparent;background:var(--action-fill)!important;color:#fff!important;box-shadow:var(--action-shadow);font-size:13px;font-weight:600;line-height:1.8;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,box-shadow .15s}button:is(.base-button,.primary-button,.small-primary,.bg-blue-600,.bg-blue-700,.bg-slate-900,.bg-indigo-600,.bg-emerald-600,.bg-rose-600,.bg-red-600):hover:not(:disabled),.app-shell .small-primary:hover,.app-shell .role-dashboard button.bg-slate-900:hover{background:var(--action-hover)!important;box-shadow:0 5px 16px #00a9c030}button:is(.base-button,.primary-button,.small-primary):focus-visible{outline:3px solid #60d6e5;outline-offset:3px}button:is(.base-button,.primary-button,.small-primary):disabled{box-shadow:none}button.danger-button{background:#dc2626!important;color:#fff!important;box-shadow:0 4px 12px #dc262620}button.danger-button:hover:not(:disabled){background:#b91c1c!important;box-shadow:0 5px 16px #dc262630}button.danger-link,.app-shell .sidebar-user .danger-link{color:#dc2626}button.danger-link:hover:not(:disabled){color:#b91c1c;background:#fef2f2}.dark button.danger-link,.app-shell.dark .sidebar-user .danger-link{color:#f87171}.dark button.danger-link:hover:not(:disabled){color:#fca5a5;background:#450a0a}button:is(.danger-button,.danger-link):focus-visible{outline:3px solid #f87171;outline-offset:3px}button:is(.px-4,.px-5,.px-6):not(.metric-card){border-radius:16px;min-height:42px;font-size:13px}.app-shell .date-badge{min-height:42px;padding:9px 14px;border-radius:16px}.app-shell:not(.dark){--surface: #f8fafb;--canvas: #E3F9FD;--ink: #1e293b;--muted: #526577;--line: #dbe5e9;--soft: #eaf3f5;--blue: #087f8c;--workspace-shadow: 0 2px 8px #243d4b05;--action-fill: linear-gradient(110deg, #078795, #087d8c);--action-hover: linear-gradient(110deg, #076f7b, #086775);--action-shadow: 0 3px 8px #087d8c18;--chart-blue: #2589ce;--chart-teal: #23a69d;--chart-amber: #e6b449;background:#e3f9fd!important}.app-shell:not(.dark) :is(.app-sidebar,.app-header,.metric-card,.dashboard-panel,.date-badge){background:var(--surface);border-color:var(--line);box-shadow:var(--workspace-shadow)}.app-shell:not(.dark) .app-sidebar{background:linear-gradient(148deg,#f3f8f9 68%,#edf5f7 68%)}.app-shell:not(.dark) :is(.sidebar-user,.header-avatar,.header-search,.app-header .icon-button){background:#edf3f5;border-color:#dbe5e9;box-shadow:none}.app-shell:not(.dark) :is(.sidebar-brand .brand-logo small,.sidebar-nav button:not(.active),.metric-info small,.workspace-footer){color:var(--muted)}.app-shell:not(.dark) .sidebar-nav button:not(.active):hover{background:#e3eff2}.app-shell:not(.dark) .sidebar-nav button.active{background:var(--action-fill);border-color:#078795;box-shadow:0 3px 9px #008e9c15}.app-shell:not(.dark) .sidebar-brand .brand-mark{box-shadow:0 3px 9px #008e9c20}.app-shell:not(.dark) .header-search input::placeholder{color:#64748b}.app-shell:not(.dark) .metric-card:hover{border-color:#a5c9d0;box-shadow:0 4px 14px #243d4b0a}.app-shell:not(.dark) .metric-icon{background:#e0f0f8;box-shadow:none}.app-shell:not(.dark) .metric-card.green .metric-icon{background:#e3f2eb}.app-shell:not(.dark) .metric-card.amber .metric-icon{background:#faf0dd}.app-shell:not(.dark) .metric-card.violet .metric-icon{background:#eee8f8}.app-shell:not(.dark) .panel-chip{background:#e0f1f3;color:#0e7480}.app-shell:not(.dark) .bar-track{background:#e1ebee}.app-shell:not(.dark) .department-bar .bar-track i{background:#1595a3}.app-shell:not(.dark) .team-donut>div{background:var(--surface);box-shadow:none}.app-shell:not(.dark) .bg-white{background-color:var(--surface)}.app-shell:not(.dark) :is(.header-breadcrumb,.header-search,.header-avatar,.date-badge,.app-header .icon-button){color:#526577}.app-shell:not(.dark) :is(.metric-info>span,.department-bar>div,.team-legend>div,.page-heading p,.panel-heading p){color:var(--muted)}.app-shell:not(.dark) :is(.metric-info strong,.header-breadcrumb strong){color:var(--ink)}.app-shell:not(.dark) .metric-icon{color:#167cb1}.app-shell:not(.dark) .metric-card.green .metric-icon{color:#16846b}.app-shell:not(.dark) .metric-card.amber .metric-icon{color:#aa7416}.app-shell:not(.dark) .metric-card.violet .metric-icon{color:#7953b8}.app-shell:not(.dark) :focus-visible{outline-color:#087f8c}.app-shell .metric-info .metric-text-value{font-size:21px;line-height:1.65}.app-shell .metric-card-static:hover{border-color:var(--line);box-shadow:var(--workspace-shadow)}.app-shell .role-dashboard h1{font-size:24px}.app-shell .role-dashboard .dashboard-panel h2{font-size:17px}.profile-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,2fr);gap:20px;align-items:start}.app-shell .profile-summary{position:relative;overflow:hidden;padding:0 24px 28px;text-align:center}.profile-cover{height:94px;margin:0 -24px;background:linear-gradient(120deg,var(--soft),#c9e9ed);border-bottom:1px solid var(--line)}.profile-portrait{position:relative;width:104px;height:104px;margin:-46px auto 18px;border:5px solid var(--surface);border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--blue)}.profile-portrait>img{width:94px;height:94px;min-height:0;object-fit:cover;border-radius:50%}.profile-photo-button{position:absolute;bottom:-2px;right:-8px;border:3px solid var(--surface);background:var(--blue);color:#fff;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.profile-summary h2{font-size:21px;font-weight:700;color:var(--ink)}.profile-latin-name{font-size:13px;color:var(--muted);margin-top:3px}.profile-email{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin-top:8px}.profile-role{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:5px 11px;font-size:12px;border-radius:20px;background:var(--soft);color:var(--blue)}.profile-actions{display:flex;flex-direction:column;gap:10px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.profile-secondary{min-height:42px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 16px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px}.profile-secondary:hover{background:var(--soft);border-color:var(--blue)}.app-shell .profile-details{padding:26px}.profile-section-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:var(--soft);color:var(--blue)}.profile-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-detail-tile{padding:16px;min-width:0;border:1px solid var(--line);border-radius:16px;background:#f0f6f8}.profile-detail-tile dt{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.profile-detail-tile dt>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#e0efee;color:#347e78;flex-shrink:0}.profile-detail-tile dd{font-size:14px;color:var(--ink);margin-top:10px;overflow-wrap:anywhere;font-weight:500}.profile-status{display:inline-flex;align-items:center;gap:6px;color:#187a5b;background:#e0f2e9;padding:3px 10px;border-radius:16px;font-size:12px}.profile-status i{width:6px;height:6px;background:currentColor;border-radius:50%}.profile-status.inactive{color:#a53b48;background:#f9e6e9}.profile-success{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #b5decf;background:#e4f5ed;color:#187a5b;border-radius:14px;font-size:13px}.profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profile-fields label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}.profile-fields input{min-width:0;width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.profile-form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px}.dark .profile-cover{background:linear-gradient(120deg,#163a47,#1b2d40)}.dark .profile-detail-tile{background:#192b39}.dark .profile-detail-tile dt>span{background:#20433f;color:#81cfbf}.dark .profile-status,.dark .profile-success{background:#183e33;color:#8cddba;border-color:#285f4c}.dark .profile-status.inactive{background:#482b34;color:#f4a7b3}@media(max-width:1000px){.profile-layout{grid-template-columns:1fr}.profile-actions{max-width:340px;margin-left:auto;margin-right:auto}}@media(max-width:540px){.profile-detail-grid,.profile-fields{grid-template-columns:1fr}.app-shell .profile-details{padding:18px}}.profile-layout{align-items:stretch}.profile-summary{display:flex;flex-direction:column;align-items:center}.profile-summary .profile-cover{align-self:stretch;flex-shrink:0}.profile-summary .profile-actions{width:100%;margin-top:auto;padding-top:24px}.profile-summary .profile-role{margin-bottom:28px}.profile-avatar-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin:-46px 0 18px;position:relative;width:100%}.profile-avatar-controls .profile-portrait{margin:0;flex-shrink:0}.profile-avatar-anchor{position:relative}.profile-avatar-controls .profile-avatar-camera{position:absolute;right:-6px;bottom:0;width:34px;height:34px;border:3px solid var(--surface);background:var(--soft);color:var(--ink);box-shadow:0 2px 5px #0002}.profile-avatar-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:5;width:min(280px,100%);padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 8px 28px #0002;text-align:left}.profile-avatar-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}.profile-avatar-menu button:hover{background:var(--soft)}.profile-avatar-menu button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;background:var(--soft)}.profile-avatar-menu button.profile-avatar-delete{color:#e11d48}.profile-avatar-menu button svg{flex-shrink:0}.profile-avatar-button{width:36px;height:36px;padding:0;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);border-radius:50%;color:var(--blue);background:var(--surface);cursor:pointer}.profile-avatar-button:hover:not(:disabled){background:var(--soft)}.profile-avatar-button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.profile-avatar-button:disabled{opacity:.45;cursor:not-allowed}.profile-avatar-delete{color:#e11d48}.profile-avatar-message{margin:0 0 12px;font-size:12px;color:var(--muted)}.profile-avatar-spinner{animation:profile-avatar-spin 1s linear infinite}@keyframes profile-avatar-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.profile-avatar-spinner{animation:none}}.avatar-action{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--blue);display:grid;place-items:center;flex-shrink:0;margin-top:48px}.avatar-action:hover{background:var(--soft)}.account-action-modal{--surface: #f8fafb;--ink: #1e293b;--muted: #526577;--line: #dbe5e9;--soft: #eaf3f5;--blue: #087f8c}.dark .account-action-modal{--surface: #14212e;--ink: #f2f6ff;--muted: #a5bdd9;--line: #2b455e;--soft: #1c3448;--blue: #16d4f3}.account-dialog-heading{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.account-dialog-heading h2{font-size:17px;font-weight:700;color:var(--ink)}.account-dialog-heading p{font-size:12px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.account-dialog-heading>.icon-button{margin-left:auto}.password-fields{grid-template-columns:1fr}.profile-form-error{color:#b74444;font-size:12px;margin-top:12px}.dark .profile-form-error{color:#fca5a5}.profile-update-modal{max-width:640px!important}fieldset.profile-fields{border:0;padding:0;margin:0;min-width:0}.profile-fields select{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface);color:var(--ink)}.profile-loading,.profile-password-rule{font-size:13px;line-height:1.9;color:var(--muted);margin-top:12px}.profile-load-error{padding:16px;border:1px solid #f0d5d9;border-radius:16px;background:#fff6f6;color:#91374b;display:flex;gap:16px;align-items:center;justify-content:space-between}.profile-page button:disabled,.account-action-modal button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:540px){.profile-load-error{flex-direction:column;align-items:stretch}}.department-card-heading h3{overflow-wrap:anywhere;line-height:1.8}.app-shell.dark :is(.department-card,.user-list-filters,.user-list-panel){background:#14212e;border-color:#30465a;box-shadow:0 6px 20px #00000018}.app-shell.dark .department-card:hover{border-color:#438598}.app-shell.dark :is(.department-card,.user-list-panel) :is(.border-t,.border-b){border-color:#2b4053}.app-shell.dark :is(.department-card,.user-management) :is(.text-slate-400,.text-slate-500){color:#a5bdd0}.app-shell.dark .department-card-heading h3{color:#f1f6fc}.app-shell.dark .department-card-heading button:not(.danger-link){color:#b8cede;background:#1b3042;border-color:#385268}.app-shell.dark .department-card-heading button:not(.danger-link):hover{background:#264558;color:#e4faff}.app-shell.dark .user-list-panel thead{background:#1b3042;color:#b8cede;border-color:#30465a}.app-shell.dark .user-list-panel tbody>tr{border-color:#2b4053}.app-shell.dark .user-list-panel tbody>tr:nth-child(2n){background:#172736}.app-shell.dark .user-list-panel tbody>tr:hover{background:#20394b}.app-shell.dark .user-list-filters :is(input,select){background:#101e2b;color:#e2edf5;border-color:#385268;color-scheme:dark}.app-shell.dark .user-list-filters input::placeholder{color:#91aabd}.filter-select{min-height:42px;max-width:100%;padding:8px 12px;border:1px solid #d4e0e8;border-radius:12px;background:#f8fafc;color:#263e52;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.filter-select:hover{border-color:#7ab6c1}.filter-select:focus-visible{outline:2px solid #0896a8;outline-offset:2px}.dark .filter-select{background:#101e2b;color:#e2edf5;border-color:#385268;color-scheme:dark}.dark .filter-select:hover{border-color:#50abbc}.modal-surface>.filter-select{margin:12px 20px;flex-shrink:0}.dark .modal-surface{--surface: #172838;--ink: #edf5fc;--muted: #adc1d2;--line: #354d62;--soft: #21394b;--blue: #35ccdf;background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 24px 80px #00000070,inset 0 1px #ffffff08;color-scheme:dark}.dark .modal-overlay,.dark .base-modal::backdrop{background:#040c16b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dark .modal-surface :is(.text-slate-400,.text-slate-500,.text-slate-600){color:var(--muted)}.dark .modal-surface :is(.text-slate-700,.text-slate-800,.text-slate-900){color:var(--ink)}.dark .modal-surface :is(.border-slate-100,.border-slate-200,.border-slate-200\/80){border-color:var(--line)}.dark .modal-surface :is(div,section,header,footer).bg-white,.dark .modal-surface :is(.bg-slate-50,.bg-slate-100){background:#1d3244}.dark .modal-surface :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#101f2d;color:var(--ink);border-color:#3a5369}.dark .modal-surface :is(input,textarea)::placeholder{color:#8fa8bc;opacity:1}.dark .modal-surface :is(input,select,textarea):focus-visible{outline:2px solid #35ccdf;outline-offset:2px}.dark .modal-surface :is(.text-rose-600,.text-red-600){color:#fb8d9e}.dark .modal-surface .text-amber-600{color:#f5c46b}.dark .modal-surface .text-emerald-600{color:#6ddbb1}.modal-surface button.secondary-button{background:#edf3f6!important;color:#344b5e!important;border-color:#cbd9e3;box-shadow:none}.modal-surface button.secondary-button:hover:not(:disabled){background:#dce8ef!important;box-shadow:none}.dark .modal-surface button.secondary-button{background:#243e52!important;color:#e2edf5!important;border-color:#456176}.dark .modal-surface button.secondary-button:hover:not(:disabled){background:#30526a!important}.dark .modal-surface button:is(.text-slate-400,.text-slate-500,.text-slate-600):hover:not(:disabled){background-color:#29475c;color:#edfaff}.app-shell .app-sidebar{min-width:0}.app-shell .sidebar-brand .brand-mark,.app-shell .sidebar-user img,.app-shell .sidebar-user>button>svg{flex-shrink:0}.app-shell .sidebar-user img{width:40px;height:40px;aspect-ratio:1;object-fit:cover}.app-shell .sidebar-nav button span,.app-shell .sidebar-brand .brand-logo>div,.app-shell .sidebar-user>button:first-child>span:not(.user-avatar){max-width:180px;opacity:1;overflow:hidden;white-space:nowrap}.app-shell.sidebar-collapsed .sidebar-nav button span,.app-shell.sidebar-collapsed .sidebar-brand .brand-logo>div,.app-shell.sidebar-collapsed .sidebar-user>button:first-child>span:not(.user-avatar){max-width:0;opacity:0;visibility:hidden}.app-shell.sidebar-collapsed .sidebar-nav button,.app-shell.sidebar-collapsed .sidebar-brand .brand-logo,.app-shell.sidebar-collapsed .sidebar-user>button:first-child{gap:0}.app-shell.sidebar-collapsed .sidebar-user{flex-direction:column;flex-wrap:nowrap;gap:8px;padding:12px 4px}.app-shell.sidebar-collapsed .sidebar-user>button:first-child{flex:none;width:40px;height:40px;padding:0}.app-shell.sidebar-collapsed .sidebar-user .icon-button{width:36px;min-width:36px;height:36px;min-height:36px}.app-shell .sidebar-backdrop:hover:not(:disabled){translate:none}@media(max-width:640px){.app-shell .app-sidebar{transform:translate(0);visibility:visible}.app-shell.sidebar-collapsed .app-sidebar{display:flex;transform:translate(calc(-100% - 24px));visibility:hidden;pointer-events:none}.app-shell .sidebar-backdrop{opacity:1;visibility:visible}.app-shell.sidebar-collapsed .sidebar-backdrop{opacity:0;visibility:hidden;pointer-events:none}}@media(prefers-reduced-motion:no-preference){.app-shell{transition:grid-template-columns .24s cubic-bezier(.22,1,.36,1)}.app-shell .sidebar-nav button span,.app-shell .sidebar-brand .brand-logo>div,.app-shell .sidebar-user>button:first-child>span:not(.user-avatar){transition:max-width .24s ease,opacity .14s ease,visibility .24s}.app-shell .sidebar-brand,.app-shell .sidebar-nav,.app-shell .sidebar-brand .brand-logo{transition:padding .24s ease,gap .24s ease}@media(max-width:640px){.app-shell .app-sidebar{transition:transform .24s cubic-bezier(.22,1,.36,1),visibility .24s}.app-shell .sidebar-backdrop{transition:opacity .18s ease,visibility .18s}}}.auth-page{min-height:100svh;padding:28px 24px;background:radial-gradient(ellipse at 15% 15%,#eaf6f7,transparent 55%),#f5f7fa}.auth-topline,.auth-page-footer,.auth-card{width:min(960px,100%)}.auth-topline{margin-bottom:16px}.auth-page-footer{margin-top:16px}.auth-card{min-height:580px;grid-template-columns:43% minmax(0,57%);border-radius:32px;border:1px solid #e2eaf0;box-shadow:0 18px 48px #193c5210,0 3px 12px #193c5206}.auth-story{padding:32px;background:radial-gradient(ellipse at 100% 85%,#32818b55,transparent 65%),linear-gradient(150deg,#193b53,#1d5968)}.auth-story .brand-logo{gap:12px}.auth-story .brand-logo strong{font-size:30px}.auth-story .brand-mark{border-radius:15px;background:#ffffff16}.auth-story .brand-dot,.story-features svg{color:#94e4e3}.story-copy{margin-top:34px}.story-copy h1{font-size:28px;line-height:1.55;margin:12px 0}.story-copy h1 span{color:#a9e4e8}.auth-story .eyebrow{color:#b5dddd}.story-copy p{color:#d7e8ed;line-height:1.85}.story-features{margin-top:20px;gap:16px;color:#e2f0f1}.factory-art{height:210px;bottom:24px;opacity:.72}.art-orbit{width:280px;height:280px;left:90px;top:-10px}.art-sun{width:42px;height:42px;top:28px;right:50px}.story-footer{padding-top:120px;color:#c8e1e6}.auth-form-panel{min-width:0;padding:26px 36px 22px}.auth-form-content{max-width:360px;margin:32px auto 24px}.auth-form-content h2{font-size:27px;line-height:1.6}.auth-form{margin-top:24px}.auth-page .input-wrap{border-radius:12px;height:48px;margin-bottom:18px}.auth-page .primary-button{border-radius:14px;height:48px}.auth-page .input-wrap:has(input[aria-invalid=true]){border-color:#c74b64;margin-bottom:0}.auth-page .field-error{color:#be2348;font-size:13px;line-height:1.8;margin:6px 0 18px}.auth-page.dark .field-error{color:#fda4af}.auth-page .otp-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}.auth-page .otp-fields:has(input[aria-invalid=true]){margin-bottom:0}.auth-page .otp-fields input{width:100%;min-width:0;height:54px;border:1.5px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);text-align:center;font-size:24px;font-weight:600;box-shadow:0 2px 4px #193c5210}.auth-page .otp-fields input:focus{outline:2px solid #00afc2;outline-offset:2px;border-color:#00afc2}.auth-page .otp-fields input[aria-invalid=true]{border-color:#c74b64}.auth-page .otp-fields input:disabled{opacity:.6}.auth-help{margin-top:20px}.auth-panel-footer{font-size:11px;line-height:1.8}.dark .auth-page,.auth-page.dark{background:radial-gradient(ellipse at 15% 15%,#183943,transparent 60%),#0b1421}.dark .auth-card{border-color:var(--line);box-shadow:0 18px 48px #0003}.dark .auth-story{background:radial-gradient(ellipse at 100% 85%,#255b6355,transparent 65%),linear-gradient(150deg,#142d40,#1a4754)}@media(max-width:900px){.auth-story{padding:28px}.auth-story .brand-logo strong{font-size:23px}.story-copy h1{font-size:25px}.auth-form-panel{padding:24px 28px}}@media(max-width:640px){.auth-page{padding:18px 14px}.auth-card{grid-template-columns:minmax(0,1fr);min-height:0;border-radius:24px}.auth-story{min-height:180px;padding:24px}.auth-story .brand-logo{gap:10px}.auth-story .brand-logo strong{font-size:25px}.story-copy{margin-top:18px}.story-copy h1{font-size:22px;margin:8px 0}.factory-art{width:210px;height:150px;left:auto;right:-60px;bottom:-12px;opacity:.25}.auth-form-panel{padding:24px}.auth-form-content{max-width:100%;margin:24px auto}.auth-form-content h2{font-size:25px}.auth-topline{font-size:11px}}.brand-logo .brand-mark{flex-shrink:0;overflow:hidden;background:transparent!important;box-shadow:none!important;border-radius:12px}.brand-logo .brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-logo strong{color:var(--ink)}.auth-story .brand-logo strong{color:#fff}.auth-card{border-radius:24px}.auth-story{background:radial-gradient(ellipse at 90% 95%,#18858a55,transparent 65%),linear-gradient(150deg,#153c48,#12636b)}.auth-story .brand-mark{width:88px;height:88px}.auth-story .brand-mark img{transform:scale(1.268);transform-origin:center}.auth-story .brand-logo small{opacity:1;color:#c8e5e6;font-size:12px}.auth-form-panel{padding:30px 36px 26px}.auth-form-content h2{font-size:26px}.auth-page .input-wrap{height:52px;background:#f5f9fa;border-color:#d5e3e7;border-radius:12px}.auth-page .input-wrap input{font-size:14px}.auth-page .input-wrap:focus-within{border-color:#008b99;box-shadow:0 0 0 3px #008b991a}.auth-page .input-wrap button{min-width:36px;min-height:40px;display:grid;place-items:center}.auth-page .primary-button{height:50px;border-radius:12px;background:#078795;border-color:#078795;box-shadow:0 4px 12px #008b991a}.auth-page .primary-button:hover:not(:disabled){background:#066e7a}.auth-page .text-button,.auth-page .brand-dot{color:#087f8c}.auth-help{padding-top:18px;border-top:1px solid var(--line)}.auth-panel-footer{gap:8px}@media(max-width:900px){.auth-story .brand-mark{width:64px;height:64px}}@media(max-width:640px){.auth-form-panel{padding:24px}}.ess-page{display:grid;gap:24px;color:var(--ink, #11243a)}.ess-header,.ess-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ess-page h1{font-size:26px;font-weight:750;margin-bottom:8px}.ess-page h2,.ess-dialog h2{font-size:18px;font-weight:700}.ess-muted{color:var(--muted, #64748b);font-size:13px}.ess-panel,.ess-metric{padding:24px;border:1px solid var(--line, #d5f2f7);border-radius:20px;background:var(--surface, #fff)}.ess-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.ess-metric strong{display:block;font-size:28px;margin:12px 0;color:#0891a2}.ess-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cbd5e1;border-radius:10px;padding:10px 16px;font-size:13px;cursor:pointer}.ess-primary{background:#087f8c;color:#fff;border-color:#087f8c}.ess-danger{color:#be123c;border-color:#fda4af}.ess-button:disabled{opacity:.5;cursor:wait}.ess-button:focus-visible,.ess-form input:focus-visible,.ess-form select:focus-visible,.ess-form textarea:focus-visible{outline:3px solid #38bdf8;outline-offset:2px}.ess-table-wrap{overflow-x:auto}.ess-table{width:100%;text-align:left;font-size:13px;border-collapse:collapse}.ess-table th,.ess-table td{padding:16px 12px;border-bottom:1px solid var(--line, #e2e8f0);vertical-align:top}.ess-table th{color:var(--muted, #64748b);font-weight:600;white-space:nowrap}.ess-status{display:inline-block;padding:4px 10px;border-radius:20px;background:#f1f5f9;color:#475569;white-space:nowrap}.ess-status.pending{background:#fef3c7;color:#92400e}.ess-status.approved{background:#d1fae5;color:#065f46}.ess-status.cancelled,.ess-status.rejected{background:#ffe4e6;color:#9f1239}.ess-error{background:#fff1f2;color:#9f1239;padding:14px;border-radius:12px}.ess-success{background:#ecfdf5;color:#065f46;padding:14px;border-radius:12px}.ess-empty{padding:32px 12px;text-align:center;color:var(--muted, #64748b)}.ess-dialog{display:grid;gap:18px}.ess-form{display:grid;gap:16px}.ess-form label{display:grid;gap:8px;font-size:13px}.ess-form input,.ess-form select,.ess-form textarea,.ess-filter{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #94a3b8;background:transparent;color:inherit}.ess-form textarea{min-height:100px;resize:vertical}.ess-form fieldset{display:grid;gap:16px;min-width:0}.ess-link{color:#087f8c;text-decoration:underline}.ess-reason{max-width:260px;white-space:pre-wrap;overflow-wrap:anywhere}.employee-dashboard .page-heading h1{font-size:28px;font-weight:750;letter-spacing:-.5px}.employee-dashboard .date-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px}.employee-dashboard-columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px;align-items:start}.employee-recent-panel{min-width:0}.employee-dashboard .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.employee-dashboard .panel-heading p{color:var(--muted);font-size:12px;margin-top:6px}.employee-dashboard .ess-link{font-size:12px;white-space:nowrap;text-decoration:none}.employee-shortcut{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--line)}.employee-shortcut>span:nth-child(2){flex:1;min-width:0}.employee-shortcut strong,.employee-shortcut small{display:block}.employee-shortcut strong{font-size:13px;color:var(--ink)}.employee-shortcut small{margin-top:5px;font-size:11px;color:var(--muted)}.employee-shortcut>svg{color:var(--muted);flex-shrink:0}.employee-shortcut:hover strong,.employee-shortcut:hover>svg{color:var(--blue)}.employee-shortcut-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;flex-shrink:0}.employee-shortcut-icon.amber{color:#aa7416;background:#faf0dd}.employee-shortcut-icon.blue{color:#087f8c;background:#e2f3f5}.employee-shortcut-icon.green{color:#16846b;background:#e3f2eb}.employee-action-modal{max-width:620px!important;padding:26px!important;color:var(--ink)}.employee-action-modal .account-dialog-heading{margin-bottom:0;align-items:flex-start}.employee-action-modal .account-dialog-heading .profile-section-icon{flex-shrink:0}.employee-action-modal .account-dialog-heading h2{line-height:1.7}.employee-action-modal .ess-form fieldset{border:0;margin:0;padding:0;gap:18px}.employee-action-modal .ess-form label{color:var(--ink);font-weight:500}.employee-action-modal .ess-form :is(input,select,textarea){border-color:var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:12px 14px;font-weight:400}.employee-action-modal .ess-form input::placeholder{color:var(--muted)}.employee-action-modal .ess-form textarea{min-height:112px}.employee-action-modal .ess-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-action-modal .profile-form-actions{margin-top:4px;padding-top:20px;border-top:1px solid var(--line)}.employee-days{display:flex;align-items:center;gap:8px;background:var(--soft);color:var(--blue);border:1px solid var(--line);padding:10px 12px;border-radius:12px;font-size:12px}.employee-cancel-modal{max-width:480px!important}.employee-cancel-summary{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}.employee-cancel-summary strong{font-size:14px}.employee-cancel-summary p{margin-top:8px;color:var(--muted);font-size:13px}.employee-action-modal .employee-warning-icon{background:#fff1f2;color:#be123c}.dark .employee-action-modal .ess-form :is(input,select,textarea){color-scheme:dark}.dark .employee-shortcut-icon.amber{background:#39351d;color:#ffd33d}.dark .employee-shortcut-icon.blue{background:#163e50;color:#35ccdf}.dark .employee-shortcut-icon.green{background:#17483e;color:#00e5a0}.employee-spinning{animation:employee-spin 1s linear infinite}@keyframes employee-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.employee-dashboard-columns{grid-template-columns:1fr}}@media(max-width:540px){.employee-action-modal{padding:20px!important}.employee-action-modal .ess-grid{grid-template-columns:1fr}.employee-dashboard .page-heading h1{font-size:24px}}@media(prefers-reduced-motion:reduce){.employee-spinning{animation:none}}.dark .ess-status.cancelled{background:#422630;color:#f5a5b5}.app-shell{height:100dvh;max-height:100dvh}button.base-button[data-variant=secondary],button.base-button[data-variant=outline],button.base-button[data-variant=ghost]{background:transparent!important;color:var(--ink)!important;box-shadow:none}button.base-button[data-variant=secondary],button.base-button[data-variant=outline]{border-color:var(--line)}button.base-button[data-variant=secondary]{background:var(--soft)!important}button.base-button[data-variant=ghost]{color:var(--blue)!important}button.base-button:is([data-variant=secondary],[data-variant=outline],[data-variant=ghost]):hover:not(:disabled){background:var(--soft)!important;box-shadow:none}button.base-button[data-size=sm]{min-height:36px;padding:6px 12px}button.base-button[data-size=lg]{min-height:48px;padding:12px 22px}.app-shell .app-sidebar{border-radius:22px}.app-shell .app-header{border-radius:18px;min-width:0}.app-shell .icon-button{min-width:42px;min-height:42px}.app-shell .header-controls{flex-shrink:0}.app-shell .header-breadcrumb{min-width:0}.app-shell .header-breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell .header-avatar{min-height:44px;max-width:230px;border-radius:12px}.app-shell .header-avatar .header-user-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:145px}.app-shell .header-avatar .user-avatar,.app-shell .sidebar-user .user-avatar{display:inline-flex;min-width:30px;max-width:none;opacity:1;visibility:visible}.app-shell .header-avatar .avatar-initials{display:inline}.notification-trigger{position:relative}.profile-menu{top:calc(100% + 12px);width:min(290px,calc(100vw - 32px));padding:8px;border-radius:16px;background:var(--surface)}.profile-menu strong,.profile-menu small{overflow-wrap:anywhere}.profile-menu button{min-height:44px;border-radius:9px}.app-shell .sidebar-brand{gap:8px;justify-content:space-between}.sidebar-close,.sidebar-backdrop{display:none}.sidebar-group-title{padding:15px 12px 6px;margin:0;font-size:11px;font-weight:600;color:var(--muted)}.app-shell .sidebar-nav button{min-height:46px;border:1px solid transparent;border-radius:11px;font-size:13px}.app-shell .sidebar-nav button.active{box-shadow:none}.app-shell .sidebar-nav button.active:after{background:currentColor;flex-shrink:0}.app-shell .sidebar-user{border-radius:14px}.app-shell .sidebar-user>button:first-child>span:not(.user-avatar){min-width:0}.app-shell .sidebar-user strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-shell.sidebar-collapsed .sidebar-group-title{height:12px;padding:0;overflow:hidden;visibility:hidden}.app-shell.sidebar-collapsed .sidebar-user .user-avatar{width:38px;height:38px;min-width:38px;max-width:38px;opacity:1;visibility:visible}.base-table-panel{overflow:hidden;border:1px solid var(--line);background:var(--surface);border-radius:16px;box-shadow:var(--workspace-shadow)}.base-table-scroll{max-width:100%;overflow-x:auto}.base-table{width:100%;min-width:780px;border-collapse:collapse;text-align:left;font-size:13px}.base-table th{padding:12px 18px;color:var(--muted);background:var(--soft);font-size:12px;font-weight:600;white-space:nowrap;border-bottom:1px solid var(--line)}.base-table td{padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:middle}.base-table tbody tr:last-child td{border-bottom:0}.base-table tbody tr:hover{background:var(--soft)}.base-table tbody tr:focus-within{background:var(--soft)}.base-table .table-align-right{text-align:right}.base-table td button{min-width:36px;min-height:36px}.base-table td:first-child{min-width:220px}.table-sort{display:inline-flex;gap:8px;align-items:center;background:none;border:0;color:inherit;font-weight:inherit;min-height:32px}.table-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:250px;max-width:500px;margin:auto;text-align:center;color:var(--muted);white-space:normal}.table-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.table-pagination>div{display:flex;align-items:center;gap:10px}.skeleton-lines{display:flex;flex-direction:column;gap:22px}.skeleton-bar{display:block;height:16px;min-width:45px;border-radius:6px;background:var(--line);animation:skeleton-pulse 1.5s ease-in-out infinite alternate}.base-skeleton-panel{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.base-skeleton-panel .skeleton-bar:first-child{height:48px;margin-bottom:10px}.profile-summary h2,.profile-latin-name,.profile-email,.profile-detail-tile dd{overflow-wrap:anywhere}.skip-link{position:fixed;left:20px;top:-100px;z-index:200;padding:10px 18px;background:var(--surface);border:2px solid var(--blue);color:var(--ink);border-radius:10px}.skip-link:focus{top:16px}@keyframes skeleton-pulse{to{opacity:.4}}@media(max-width:800px){.app-shell .header-avatar{padding:4px}.app-shell .header-avatar .header-user-name{display:none}}@media(max-width:640px){.sidebar-backdrop{display:block}.sidebar-close{display:grid}.app-shell .app-sidebar{border-radius:22px}.app-shell .sidebar-brand .brand-logo{min-width:0}.app-shell .sidebar-brand .brand-logo strong{font-size:16px}.app-shell .header-leading{gap:4px}.app-shell .header-controls{gap:2px}.app-shell .app-header{gap:4px;padding:0 8px}.app-shell .header-avatar>svg{display:none}.table-pagination .base-button{min-width:44px;min-height:44px}.app-shell .page-actions{display:flex;flex-wrap:wrap}.page-heading{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.skeleton-bar{animation:none}}.app-shell .header-avatar img,.app-shell .sidebar-user img{border:0;box-shadow:none}.user-management .base-table td{padding-top:12px;padding-bottom:12px}.base-table .clickable-row{cursor:pointer}.base-table .clickable-row:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.user-management .base-table td:last-child button{border:0;background:transparent;box-shadow:none;min-height:36px;min-width:36px;border-radius:9px}.user-management .base-table td:last-child button:hover{background:var(--soft)}.user-management .base-table td:last-child svg{width:17px;height:17px;stroke-width:1.7}.table-pagination{padding:14px 18px;gap:16px;background:var(--surface)}.table-pagination .pagination-summary{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.pagination-summary strong{color:var(--ink);font-weight:600}.pagination-size{display:flex;align-items:center;gap:8px}.pagination-size select{min-height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:4px 8px}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-controls button{display:grid;place-items:center;min-width:36px;min-height:36px;padding:4px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:13px}.pagination-controls button:hover:not(:disabled){background:var(--soft);color:var(--blue)}.pagination-controls .pagination-number.selected{background:var(--soft);color:var(--blue);border-color:var(--line);font-weight:600}.pagination-controls .pagination-arrow{border-color:var(--line)}.pagination-gap{padding:0 4px}.profile-page .profile-layout{align-items:stretch;grid-template-columns:minmax(230px,.72fr) minmax(0,2fr);gap:18px}.app-shell .profile-page .profile-summary{padding:0 20px 20px;border-radius:18px}.profile-page .profile-cover{height:64px;margin:0 -20px;border:0}.profile-page .profile-avatar-controls{margin:-32px 0 12px;gap:10px}.profile-page .profile-portrait{width:80px;height:80px;border:0}.profile-page .profile-portrait>img{width:80px;height:80px}.profile-page .profile-summary h2{font-size:20px;line-height:1.6}.profile-page .profile-latin-name{font-size:13px;margin-top:2px}.profile-page .profile-email{font-size:12px;margin-top:8px}.profile-page .profile-summary .profile-role{margin:12px 0 0}.profile-page .profile-summary .profile-actions{margin-top:auto;padding-top:16px;gap:8px}.profile-page .profile-actions button{min-height:42px;padding:8px 12px;border-radius:10px}.app-shell .profile-page .profile-details{padding:20px 24px;border-radius:18px}.profile-page .profile-details .panel-heading{margin-bottom:12px}.profile-page .profile-detail-grid{gap:0 24px}.profile-page .profile-detail-tile{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:12px 0}.profile-page .profile-detail-tile dt{gap:8px}.profile-page .profile-detail-tile dt>span{width:24px;height:24px;background:transparent;color:var(--blue)}.profile-page .profile-detail-tile dd{margin:4px 0 0 32px;font-size:13px}.user-details-page{gap:18px}.detail-page-heading{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.detail-page-heading h1{font-size:21px;font-weight:600}.app-shell .detail-identity{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:22px 24px;border-radius:18px}.detail-identity-copy{flex:1;min-width:0}.detail-identity h2{font-size:21px;font-weight:600;overflow-wrap:anywhere}.detail-identity-copy>p{font-size:13px;color:var(--muted)}.detail-contact{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:8px;color:var(--muted);font-size:13px}.detail-contact span{display:inline-flex;align-items:center;gap:7px;overflow-wrap:anywhere;min-width:0}.detail-contact svg{flex-shrink:0}.detail-identity-badges{display:flex;flex-wrap:wrap;gap:8px}.user-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.app-shell .detail-section{padding:20px 24px;border-radius:18px}.detail-section h2,.salary-section-heading h2{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600}.detail-section h2 svg,.salary-section-heading h2 svg{color:var(--blue)}.user-detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;padding-top:20px}.user-detail-fields dt{color:var(--muted);font-size:12px;margin-bottom:5px}.user-detail-fields dd{color:var(--ink);font-size:14px;font-weight:500;overflow-wrap:anywhere}.detail-field-wide{grid-column:1 / -1;padding-top:12px;border-top:1px solid var(--line)}.salary-section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 16px}.salary-section-heading p{font-size:12px;color:var(--muted);margin-top:4px}.salary-amount{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.salary-amount.muted{color:var(--muted);font-weight:400}.salary-description{display:block;max-width:420px;overflow-wrap:anywhere}.salary-modal-person{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:22px;border-radius:12px;background:var(--soft)}.salary-modal-person>div{flex:1;min-width:0}.salary-modal-person strong{display:block;font-size:14px;overflow-wrap:anywhere}.salary-modal-person small{display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.salary-modal-person>span{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.salary-modal-fields{display:grid;gap:18px;border:0;padding:0;margin:0;min-width:0}.salary-modal-fields label{display:grid;gap:8px;font-size:13px;color:var(--muted)}.salary-input-wrap{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:0 12px;color:var(--blue);background:var(--surface)}.salary-input-wrap input{width:100%;min-width:0;padding:10px 0;border:0;background:transparent;color:var(--ink)}.salary-modal-fields textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface);color:var(--ink);resize:vertical}.salary-update-modal .profile-form-actions{padding-top:16px;border-top:1px solid var(--line)}.salary-required-hint{font-size:11px}.salary-input-wrap.has-error,.salary-modal-fields textarea[aria-invalid=true]{border-color:#dc2626}.user-management .salary-action{color:var(--blue)}.salary-history-table .base-table{table-layout:fixed;min-width:660px}.salary-history-table th:first-child{width:22%}.salary-history-table th:nth-child(2),.salary-history-table th:nth-child(3){width:18%}@media(max-width:1100px){.profile-page .profile-layout{grid-template-columns:minmax(220px,.85fr) minmax(0,1.5fr)}}@media(max-width:850px){.profile-page .profile-layout,.user-detail-columns{grid-template-columns:1fr}.profile-page .profile-summary .profile-actions{max-width:100%}}@media(max-width:540px){.table-pagination{justify-content:center;padding:12px}.table-pagination .pagination-summary{width:100%;justify-content:space-between;gap:10px;font-size:11px}.pagination-controls button{min-width:40px;min-height:40px}.profile-page .profile-detail-grid{grid-template-columns:1fr}.detail-identity-badges{width:100%}.app-shell .detail-identity,.app-shell .detail-section{padding:18px}.detail-page-heading{gap:8px}.detail-page-heading h1{width:100%;font-size:20px}}.department-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.department-management .department-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--workspace-shadow)}.department-card-open{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;padding:0;border-radius:inherit;background:transparent;z-index:1;translate:none!important}.department-card-open:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.department-management .department-card:hover,.department-management .department-card:focus-within{border-color:var(--blue)}.department-card-top{display:flex;align-items:center;gap:10px;margin-bottom:16px}.department-card-icon,.department-detail-icon{display:grid;place-items:center;flex-shrink:0;background:var(--soft);color:var(--blue);border-radius:12px;width:42px;height:42px}.department-code{font-size:11px;font-weight:500;color:var(--muted);overflow-wrap:anywhere}.department-card-actions{position:relative;z-index:2;display:flex;gap:2px;margin-left:auto}.app-shell .department-card-actions .icon-button{min-width:34px;min-height:34px;padding:7px;border-radius:9px}.department-name{font-size:17px;font-weight:600;line-height:1.8;color:var(--ink);overflow-wrap:anywhere}.department-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em;color:var(--muted);font-size:13px;line-height:1.8;margin:7px 0 18px}.department-card-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12px;margin-bottom:18px}.department-card-meta>span{display:inline-flex;align-items:center;gap:7px}.department-card-meta svg{color:var(--blue);flex-shrink:0}.department-card-meta strong{color:var(--ink);font-weight:600}.department-card-footer{display:flex;align-items:center;gap:10px;padding-top:16px;border-top:1px solid var(--line);margin-top:auto}.department-manager{min-width:0;flex:1}.department-manager small{display:block;color:var(--muted);font-size:11px}.department-manager strong{display:block;color:var(--ink);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.department-assign{position:relative;z-index:2;display:grid;place-items:center;width:36px;min-height:36px;background:var(--soft);color:var(--blue);border:0;border-radius:10px}.department-detail-hero{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.department-detail-icon{width:60px;height:60px;border-radius:16px}.department-detail-title{flex:1;min-width:0}.department-detail-title h2{font-size:23px;font-weight:600;overflow-wrap:anywhere}.department-detail-title p{color:var(--muted);font-size:13px}.department-detail-actions{display:flex;align-items:center;gap:8px}.department-detail-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}.department-info-section h2,.department-positions-section>h2{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600}.department-info-section h2 svg,.department-positions-section>h2 svg{color:var(--blue)}.department-full-description{color:var(--muted);font-size:13px;line-height:1.9;margin:16px 0;white-space:pre-line;overflow-wrap:anywhere}.department-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:14px;border-top:1px solid var(--line)}.department-summary-grid dt{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.department-summary-grid dd{margin-top:5px;font-weight:600;overflow-wrap:anywhere}.department-detail-manager{display:flex;align-items:center;gap:12px;margin:22px 0}.department-detail-manager>div{min-width:0}.department-detail-manager p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.department-position-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.department-position-grid article,.department-detail-empty{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:13px}.department-position-grid strong{font-weight:600}.department-position-grid p{color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.department-detail-empty{color:var(--muted);margin-top:14px}.department-employee-name{display:flex;align-items:center;gap:10px}.department-editor-fields{border:0;padding:0;margin:0;display:grid;gap:22px;min-width:0}.department-editor-section{padding:18px;border:1px solid var(--line);border-radius:14px}.department-editor-section h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.department-editor-section h3>span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:6px;background:var(--soft);color:var(--blue);font-size:12px}.department-editor-section label{display:grid;gap:7px;color:var(--muted);font-size:13px;margin-top:14px}.department-editor-section :is(input,textarea,select){width:100%;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}.department-editor-section [aria-invalid=true]{border-color:#dc2626}.department-positions-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}.department-editor-hint{color:var(--muted);font-size:12px;margin-top:10px}.department-position-editor{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:0 10px;align-items:end}.department-position-editor>button{height:42px;margin-bottom:1px}.department-position-editor>p{grid-column:1 / -1}.department-position-editor .position-description-field{grid-column:1 / -1;margin-top:10px}.department-position-editor{padding-bottom:16px;border-bottom:1px solid var(--line)}.department-position-editor:last-of-type{padding-bottom:0;border-bottom:0}.department-delete-copy{font-size:13px;line-height:1.9;margin-bottom:12px;color:var(--muted)}@media(max-width:1200px){.department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.department-detail-columns{grid-template-columns:1fr}.department-position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.department-grid,.department-position-grid{grid-template-columns:1fr}.department-detail-actions{width:100%;justify-content:flex-end}}.app-shell .sidebar-brand{height:88px}.app-shell .sidebar-brand .brand-mark{width:60px;height:60px}.app-shell .sidebar-brand .brand-logo{gap:8px}.app-shell .sidebar-brand .brand-logo strong{font-size:20px}.app-shell .workspace-content{max-width:1600px;min-width:0}@media(min-width:641px){.app-shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.app-shell.sidebar-collapsed .workspace-content{max-width:none;padding:0 12px 16px}.app-shell.sidebar-collapsed .sidebar-brand{padding:0;justify-content:center}.app-shell.sidebar-collapsed .sidebar-brand .brand-logo{justify-content:center}.app-shell.sidebar-collapsed .sidebar-brand .brand-mark{width:56px;height:56px}.app-shell.sidebar-collapsed .sidebar-nav{padding:12px 10px;scrollbar-width:none}.app-shell.sidebar-collapsed .sidebar-nav button{width:48px;height:48px;min-height:48px;padding:0;margin:6px auto;justify-content:center;border-radius:14px}.app-shell.sidebar-collapsed .sidebar-nav button svg{width:21px;height:21px}.app-shell.sidebar-collapsed .sidebar-user{align-items:center;margin:10px 8px 4px;padding:10px 0;border-radius:16px}.app-shell.sidebar-collapsed .sidebar-user>button:first-child{width:44px;height:44px;min-height:44px;display:flex;justify-content:center;align-items:center}.app-shell.sidebar-collapsed .sidebar-user .user-avatar{width:36px!important;height:36px!important;min-width:36px;max-width:36px;opacity:1;visibility:visible}.app-shell.sidebar-collapsed .sidebar-user .icon-button{width:44px;min-width:44px;height:44px;min-height:44px}}.app-shell{--ui-space: 24px;--ui-card-radius: 20px;--ui-control-radius: 11px;--ui-panel-shadow: 0 3px 14px #16354a05}.app-shell .workspace-content .workspace-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;min-width:0;padding:0;margin:0;background:transparent}.app-shell .workspace-content .workspace-page-header>div:first-child{min-width:0}.app-shell .workspace-content .workspace-page-header h1{font-size:clamp(24px,2.3vw,30px);line-height:1.6;font-weight:700;letter-spacing:normal;margin:0 0 6px;color:var(--ink);overflow-wrap:anywhere}.app-shell .workspace-content .workspace-page-header p{font-size:12px;line-height:1.9;color:var(--muted);margin:0;max-width:76ch}.app-shell .workspace-content .workspace-page-header>div:last-child:not(:first-child){display:flex;align-items:center;flex-wrap:wrap;gap:10px}.app-shell .workspace-content .workspace-page-header :is(button,a){min-height:44px;border-radius:var(--ui-control-radius);font-size:12px}.app-shell .workspace-content .workspace-page-header :is(button,a)>svg{width:18px;height:18px;flex-shrink:0}.app-shell .workspace-content :is(.dashboard-panel,.metric-card,.department-card,.salary-history,.el-history,.pa-history,.da-panel,.eh-recent){border-radius:var(--ui-card-radius);box-shadow:var(--ui-panel-shadow)}.app-shell .workspace-content :is(.dashboard-panel,.metric-card,.department-card){border-color:var(--line)}.app-shell .workspace-content :is(.dashboard-panel,.salary-table-heading,.el-panel-heading,.pa-panel-heading,.da-heading,.records-heading) h2{font-size:17px;line-height:1.7;font-weight:650}.app-shell .workspace-content h2>svg{width:20px;height:20px;flex-shrink:0;stroke-width:1.8}.app-shell .workspace-content .metric-info{min-width:0;gap:7px}.app-shell .workspace-content .metric-info>span{font-size:12px;line-height:1.8}.app-shell .workspace-content .metric-info small{color:var(--muted);font-size:11px;line-height:1.8}.app-shell .workspace-content .metric-icon{width:42px;height:42px;border-radius:12px;box-shadow:none}.app-shell .workspace-content .metric-icon svg{width:21px;height:21px;stroke-width:1.8}.base-button .base-button-content>svg{width:17px;height:17px;flex-shrink:0;stroke-width:1.8}.app-shell .workspace-content :is(.ess-status,.leave-status,.attendance-status,.pa-status,.da-status){display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:11px;line-height:1.7;font-weight:500;white-space:nowrap}.app-shell .workspace-content .base-table td{font-size:12px;line-height:1.8}.app-shell .workspace-content .base-table .table-loading td{height:64px}.app-shell .workspace-content .table-loading td .skeleton-bar{height:14px;width:75%;min-width:32px}.app-shell .workspace-content .table-loading td:nth-child(2n) .skeleton-bar{width:55%}.app-shell .workspace-content .table-loading td:last-child .skeleton-bar{width:46%}.app-shell .workspace-content .department-card-loading{min-height:290px;padding:24px;border-radius:var(--ui-card-radius)}.app-shell .workspace-content :is(.mi-empty,.overview-empty,.ess-empty){color:var(--muted);font-size:12px;line-height:1.9}.app-shell :where(button,a,input,select,textarea,[tabindex]):focus-visible,dialog :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--blue);outline-offset:3px}.app-shell :where(input,select,textarea):disabled{cursor:not-allowed}.app-shell :where(button):disabled{cursor:not-allowed}.app-shell .base-table-scroll:focus-visible{outline-offset:-3px}.app-shell .workspace-content .base-table .clickable-row:focus-visible{outline-offset:-2px}@media(max-width:760px){.app-shell{--ui-space:18px;--ui-card-radius:16px}.app-shell .workspace-content .workspace-page-header{align-items:flex-start;gap:14px}.app-shell .workspace-content .workspace-page-header h1{font-size:24px}.app-shell .workspace-content .workspace-page-header p{font-size:12px}.app-shell .workspace-content .workspace-page-header>div:last-child:not(:first-child){max-width:100%}.app-shell .workspace-content .department-card-loading{min-height:270px;padding:20px}}@media(pointer:coarse){.app-shell .workspace-content :is(.base-table td button,.pagination-controls button,.el-icon-button){min-width:44px;min-height:44px}}.app-shell .workspace-content .workspace-page-header.detail-page-heading{justify-content:flex-start;gap:16px 24px}html:has(.app-shell),body:has(.app-shell){height:100%;overflow:hidden;overscroll-behavior:none}#root:has(.app-shell){height:100%;min-height:0}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-height:100dvh;min-height:0;box-sizing:border-box;overflow:hidden}.app-shell #main-content-scrollable{height:auto;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable}.app-shell .workspace-content,.app-shell .workspace-page{min-width:0}.app-shell .sidebar-nav{min-height:0;overscroll-behavior-y:contain}.app-shell :is(.metric-info strong,.salary-balance>strong,.salary-amount,.mi-trend-total>strong,.mi-donut strong,.role-donut strong,.team-donut strong,.pa-metric strong,.trend-summary>strong,.eh-trend-total>strong,.mi-bar>span,.eh-bar>span,.chart-label,.date-badge,.salary-date,.pagination-number){font-family:Inter,Kantumruy Pro,sans-serif;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0}.app-shell :is(.metric-info strong,.salary-balance>strong,.salary-amount,.mi-trend-total>strong,.mi-donut strong,.role-donut strong,.team-donut strong,.pa-metric strong,.trend-summary>strong,.eh-trend-total>strong){font-weight:600}.app-shell .metric-info strong{font-size:28px;line-height:1.3}@media(max-width:640px){.app-shell .metric-info strong{font-size:24px}}:is(.app-shell,.auth-page,.modal-surface,.factory-toast) :is(strong,b,h1,h2,h3,h4,h5,h6,th,.font-medium,.font-semibold,.font-bold,.font-extrabold,.font-black,.salary-currency,.auth-form>label){font-family:Inter,Kantumruy Pro,sans-serif!important;font-weight:600!important;font-variant-numeric:lining-nums tabular-nums}.app-shell .salary-fact strong{letter-spacing:0}.shared-select-popup{position:fixed;inset:auto;margin:0;padding:5px;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 8px 24px #11243a24;font-family:var(--bs-body-font-family);z-index:1000}.shared-select-option{min-height:38px;padding:7px 10px;border-radius:7px;font-size:13px;line-height:1.7;cursor:pointer;overflow-wrap:anywhere}.shared-select-option.active{background:var(--soft)}.shared-select-option[aria-selected=true]{color:var(--blue)}.shared-select-option[aria-disabled=true]{color:var(--muted);opacity:.65;cursor:default}.dark .shared-select-popup{box-shadow:0 8px 24px #0005}:root.dark,.app-shell.dark,.auth-page.dark,.dark .modal-surface{color-scheme:dark;--canvas:#0e1721;--surface:#172432;--surface-raised:#1e2e3d;--surface-input:#111d29;--ink:#e7eff5;--muted:#a5b8c9;--line:#304354;--soft:#203746;--blue:#65d3da;--action-fill:linear-gradient(110deg,#37bfc7,#4dccd1);--action-hover:linear-gradient(110deg,#62d2d7,#77dce0);--action-shadow:0 3px 10px #00000018;--workspace-shadow:0 4px 14px #00000014;--ui-panel-shadow:0 3px 12px #00000012;--chart-blue:#69b7ed;--chart-teal:#52c9ca;--chart-amber:#e8c26d}.app-shell.dark{background:var(--canvas)!important}.app-shell.dark :is(.app-sidebar,.app-header){background:var(--surface);border-color:var(--line);box-shadow:none}.app-shell.dark :is(.sidebar-user,.header-avatar,.app-header .icon-button,.profile-menu,.search-results){background:var(--surface-raised);border-color:var(--line);box-shadow:none}.app-shell.dark :is(.header-search,.date-badge,.panel-chip){background:var(--surface-input);border-color:var(--line);color:var(--muted)}.app-shell.dark .sidebar-nav button{color:var(--muted)}.app-shell.dark .sidebar-nav button:not(.active):hover{color:var(--ink);background:var(--soft)}.app-shell.dark .sidebar-nav button.active,.app-shell.dark .sidebar-nav button.active:hover{background:var(--action-fill);border-color:transparent;color:#102b35;box-shadow:none}.app-shell.dark .sidebar-brand .brand-mark{background:linear-gradient(140deg,#169caa,#087f91);box-shadow:none}.app-shell.dark :is(.metric-card,.dashboard-panel,.department-card,.documents-panel,.base-table-panel){background:var(--surface);border-color:var(--line)}.app-shell.dark :is(.metric-icon,.pa-section-icon,.profile-section-icon,.department-card-icon){background:#203b50;color:#81c9ee;box-shadow:none}.app-shell.dark .metric-card.green .metric-icon{background:#1d3c35;color:#83d9b7}.app-shell.dark .metric-card.amber .metric-icon{background:#3b3324;color:#ebc474}.app-shell.dark .metric-card.violet .metric-icon{background:#34304c;color:#c2b2ee}.app-shell.dark .metric-info strong{color:var(--ink)}.app-shell.dark .metric-info small{color:var(--muted)}.dark button.base-button[data-variant=primary],.dark button:is(.small-primary,.primary-button,.bg-blue-600,.bg-blue-700),.app-shell.dark :is(.mi-primary,.eh-scan-link,.active-qr-link,.document-download,.el-create){background:var(--action-fill)!important;color:#102b35!important;border-color:transparent;box-shadow:var(--action-shadow)}.dark button.base-button[data-variant=primary]:hover:not(:disabled),.dark button:is(.small-primary,.primary-button,.bg-blue-600,.bg-blue-700):hover:not(:disabled),.app-shell.dark :is(.mi-primary,.eh-scan-link,.active-qr-link,.document-download,.el-create):hover{background:var(--action-hover)!important}.dark .modal-surface button.secondary-button{background:var(--surface-raised)!important;color:var(--ink)!important;border-color:var(--line)}.dark .modal-surface button.secondary-button:hover:not(:disabled){background:var(--soft)!important}.app-shell.dark :is(input:not([type=checkbox]):not([type=radio]),select,textarea),.dark .modal-surface :is(input:not([type=checkbox]):not([type=radio]),select,textarea){color-scheme:dark;background:var(--surface-input);color:var(--ink);border-color:var(--line)}.app-shell.dark :is(input,textarea)::placeholder,.dark .modal-surface :is(input,textarea)::placeholder{color:#92a8bb;opacity:1}.app-shell.dark :is(.records-search,.da-search,.el-search,.filter-select,.header-search){background:var(--surface-input);border-color:var(--line);color:var(--muted)}.app-shell.dark :is(.header-search,.records-search,.da-search,.el-search) input{background:transparent}.app-shell.dark .base-table th{background:#1c303e;color:#b6c8d6;border-color:var(--line)}.app-shell.dark .base-table td{color:var(--ink);border-color:var(--line)}.app-shell.dark .base-table tbody tr:hover,.app-shell.dark .base-table tbody tr:focus-within{background:#203746}.app-shell.dark :is(.table-pagination,.salary-table-heading){background:var(--surface);color:var(--muted)}.app-shell.dark :is(.pagination-number,.pagination-arrow){background:var(--surface-input);color:var(--muted);border-color:var(--line)}.app-shell.dark .pagination-number.selected{background:var(--soft);border-color:#4b8992;color:var(--blue)}:root.dark :is(.app-shell,.modal-surface) :is(.status-pill,.ess-status,.leave-status,.attendance-status,.pa-status,.da-status){background:#253a4a;color:#c0d5e4;width:max-content;max-width:100%}:root.dark :is(.app-shell,.modal-surface) :is(.ess-status,.leave-status).pending,:root.dark :is(.app-shell,.modal-surface) :is(.attendance-status,.pa-status,.da-status).late{background:#3c3323;color:#f0cf86}:root.dark :is(.app-shell,.modal-surface) :is(.status-pill,.ess-status,.leave-status).approved,:root.dark :is(.app-shell,.modal-surface) :is(.attendance-status,.pa-status,.da-status).present{background:#1d3c32;color:#9ae0bb}:root.dark :is(.app-shell,.modal-surface) :is(.status-pill,.ess-status,.leave-status).rejected,:root.dark :is(.app-shell,.modal-surface) :is(.ess-status,.leave-status).cancelled,:root.dark :is(.app-shell,.modal-surface) :is(.attendance-status,.pa-status,.da-status).absent{background:#422b36;color:#f5acbc}.app-shell.dark :is(.profile-form-error,.el-field-error,.document-field-error){color:#f5acbc}.app-shell.dark .skeleton-bar,.dark .modal-surface .skeleton-bar{background:#354c5e}.app-shell.dark .trend-line,.app-shell.dark .trend-dot{stroke:var(--chart-teal)}.app-shell.dark .hiring-chart stop{stop-color:var(--chart-teal)}.app-shell.dark .chart-label{fill:var(--muted)}.app-shell.dark :is(.mi-bar,.eh-bar,.overview-bar-track>span){background:linear-gradient(to top,#2297a2,#68d5d8)}.app-shell.dark .chart-guide{stroke:#6acbd4}.dark .factory-toast{background:#1c343b;color:#def4f2;border-color:#355a61;border-left-color:#6cd4cf;box-shadow:0 10px 28px #00000040}.dark .factory-toast>svg{color:#81dfcf}.dark .factory-toast.error{background:#372832;color:#f8dce3;border-color:#64404f;border-left-color:#ec92aa}.dark .factory-toast.error>svg{color:#f2a2b6}.dark .modal-surface{background:var(--surface);border-color:var(--line);box-shadow:0 24px 70px #00000060}.dark .auth-page,.auth-page.dark{background:var(--canvas)}.dark .auth-card{background:var(--surface);border-color:var(--line);box-shadow:0 18px 48px #00000025}.dark .auth-form-panel{background:var(--surface)}.dark .auth-story{background:linear-gradient(145deg,#15313e,#1d4650)}.dark .auth-story .brand-logo{color:#eff8fa}:root.dark :is(.app-shell,.modal-surface) :is(h1,h2,h3,h4,h5,h6,strong):not(button *):not([role=alert] *){color:var(--ink)!important}.app-shell.dark .recent-hire-list strong,.app-shell.dark .brand-logo strong{color:var(--ink)!important}.auth-page.dark .auth-form-panel :is(h1,h2,h3,label),.dark .auth-form-panel :is(h1,h2,h3,label){color:var(--ink)}.auth-page.dark .input-wrap,.dark .auth-page .input-wrap{background:var(--surface-input);border-color:var(--line)}.auth-page.dark .input-wrap input,.dark .auth-page .input-wrap input{color:var(--ink)}.auth-page.dark .input-wrap input::placeholder,.dark .auth-page .input-wrap input::placeholder{color:#92a8bb}.auth-page.dark .text-button,.dark .auth-page .text-button{color:var(--blue)}.auth-page.dark .auth-story,.dark .auth-page .auth-story{background:radial-gradient(ellipse at 90% 95%,#235f6655,transparent 65%),linear-gradient(145deg,#15313e,#1b454d)}.auth-page.dark .primary-button,.dark .auth-page .primary-button{background:var(--action-fill);color:#102b35;border-color:transparent}:root .app-shell :is(.pa-slots,.eh-slots) .slot-complete>span,:root .app-shell :is(.pa-slots,.eh-slots) .slot-complete>span svg,:root .app-shell :is(.pa-slots,.eh-slots) .slot-complete strong{color:#18744f!important}:root.dark .app-shell :is(.pa-slots,.eh-slots) .slot-complete>span,:root.dark .app-shell :is(.pa-slots,.eh-slots) .slot-complete>span svg,:root.dark .app-shell :is(.pa-slots,.eh-slots) .slot-complete strong{color:#83dfb4!important}:root :is(.app-shell,.modal-surface,.auth-page) :is(button.icon-button,button.icon-only,button.leave-action,button.el-icon-button,button[aria-label]:has(>svg),button[title]:has(>svg),a.ml-file-link):not(.sidebar-nav *):not(.header-avatar){--icon-hover-fill:var(--soft);border-radius:10px}:root :is(.app-shell,.modal-surface,.auth-page) :is(button.icon-button,button.icon-only,button.leave-action,button.el-icon-button,button[aria-label]:has(>svg),button[title]:has(>svg),a.ml-file-link):not(.sidebar-nav *):not(.header-avatar):is(:hover,:focus-visible):not(:disabled):not([aria-disabled=true]){background:var(--icon-hover-fill)!important;border-color:transparent!important;box-shadow:none!important}:root :is(.app-shell,.modal-surface) :is(button.icon-only,button.leave-action,button[aria-label],button[title]):is(.approve,:has(.lucide-check),:has(.lucide-circle-check)){--icon-hover-fill:color-mix(in srgb,#18744f 9%,var(--surface))}:root :is(.app-shell,.modal-surface) :is(button.icon-only,button.leave-action,button[aria-label],button[title]):is(.reject,:has(.lucide-circle-x)){--icon-hover-fill:color-mix(in srgb,#a46a13 9%,var(--surface))}:root :is(.app-shell,.modal-surface) :is(button.icon-only,button.icon-button,button.leave-action,button[aria-label],button[title]):is(.danger-link,.delete,.el-cancel,:has([class*=lucide-trash]),:has(.lucide-ban),:has(.lucide-log-out),:has([class*=lucide-pause])){--icon-hover-fill:color-mix(in srgb,#c03953 8%,var(--surface))}:root.dark :is(.app-shell,.modal-surface) :is(button.icon-only,button.leave-action,button[aria-label],button[title]):is(.approve,:has(.lucide-check),:has(.lucide-circle-check)){--icon-hover-fill:#1d3c32}:root.dark :is(.app-shell,.modal-surface) :is(button.icon-only,button.leave-action,button[aria-label],button[title]):is(.reject,:has(.lucide-circle-x)){--icon-hover-fill:#3c3323}:root.dark :is(.app-shell,.modal-surface) :is(button.icon-only,button.icon-button,button.leave-action,button[aria-label],button[title]):is(.danger-link,.delete,.el-cancel,:has([class*=lucide-trash]),:has(.lucide-ban),:has(.lucide-log-out),:has([class*=lucide-pause])){--icon-hover-fill:#422b36}@media(prefers-reduced-motion:no-preference){:root :is(.app-shell,.modal-surface,.auth-page) :is(button.icon-button,button.icon-only,button.leave-action,button.el-icon-button,button[aria-label]:has(>svg),button[title]:has(>svg),a.ml-file-link){transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}}:root.dark :is(.app-shell,.modal-surface) :is(button.icon-only,button.leave-action,button[aria-label]:has(>svg),button[title]:has(>svg)):is(.approve,:has(.lucide-check),:has(.lucide-circle-check)):is(:hover,:focus-visible):not(:disabled){color:#9ae0bb!important}:root.dark :is(.app-shell,.modal-surface) :is(button.icon-only,button.leave-action,button[aria-label]:has(>svg),button[title]:has(>svg)):is(.reject,:has(.lucide-circle-x)):is(:hover,:focus-visible):not(:disabled){color:#f0cf86!important}:root.dark :is(.app-shell,.modal-surface) :is(button.icon-only,button.icon-button,button.leave-action,button[aria-label]:has(>svg),button[title]:has(>svg)):is(.danger-link,.delete,.el-cancel,:has([class*=lucide-trash]),:has(.lucide-ban),:has(.lucide-log-out),:has([class*=lucide-pause])):is(:hover,:focus-visible):not(:disabled){color:#f5acbc!important}:root :is(.app-shell,.modal-surface,.auth-page) :is(button.icon-button,button.icon-only,button.leave-action,button.el-icon-button,button[aria-label]:has(>svg),button[title]:has(>svg),a.ml-file-link):not(.sidebar-nav *):not(.header-avatar):focus-visible:not(:disabled){outline:2px solid var(--blue);outline-offset:3px}.workspace-page{min-width:0}@media(prefers-reduced-motion:no-preference){.workspace-page-enter-active{transition:opacity .18s ease-out,transform .18s ease-out}.workspace-page-leave-active{transition:opacity .15s ease-in}.workspace-page-enter-from{opacity:0;transform:translateY(6px)}.workspace-page-leave-to{opacity:0}.base-modal[open],.modal-overlay>div{animation:ui-dialog-enter .16s ease-out}.base-modal[open]::backdrop,.modal-overlay{animation:ui-backdrop-enter .16s ease-out}:is(.app-shell,.modal-surface) button,.app-shell a{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,translate .15s ease}:is(.app-shell,.modal-surface) button:active:not(:disabled),.app-shell a:active{translate:0 1px}.app-shell :is(.base-table tbody tr,.sidebar-nav button){transition:background-color .15s ease,color .15s ease}.app-shell .department-card{transition:translate .16s ease,border-color .16s ease,box-shadow .16s ease}.app-shell :is(.mi-bar,.eh-bar,.overview-bar-track>span){transform-origin:bottom;animation:ui-chart-bar .24s ease-out}.app-shell .hiring-chart .trend-line,.app-shell .hiring-chart .trend-area{animation:ui-content-enter .24s ease-out}.app-shell .base-table tbody:not(.table-loading),.app-shell .metric-card[aria-busy=false] .metric-info strong,.app-shell :is(.pa-slots,.eh-slots,.mi-members,.recent-hire-list,.department-grid:not([aria-busy=true])){animation:ui-content-enter .16s ease-out}.skeleton-bar{animation:skeleton-pulse 1.5s ease-in-out infinite alternate}@media(hover:hover)and (pointer:fine){.app-shell .department-card:hover{translate:0 -2px}}}@keyframes ui-dialog-enter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes ui-backdrop-enter{0%{background-color:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes ui-chart-bar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes ui-content-enter{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.workspace-page-enter-active,.workspace-page-leave-active{transition:none}.workspace-page-enter-from,.workspace-page-leave-to{opacity:1;transform:none}.app-shell *,.app-shell *:before,.app-shell *:after,.base-modal[open],.base-modal[open]::backdrop,.modal-overlay,.modal-overlay>div{animation:none!important;transition:none!important}:is(.app-shell,.modal-surface) button:active:not(:disabled),.app-shell a:active,.app-shell .department-card:hover{translate:none}}.table-mobile-hint{display:none}@media(max-width:640px),(max-width:900px)and (max-height:500px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr);grid-template-rows:60px minmax(0,1fr);padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:12px}.app-shell .app-header,.app-shell #main-content-scrollable{grid-column:1}.app-shell .app-header{gap:4px;padding:0 8px}.app-shell .header-leading{flex:1;min-width:0;gap:4px}.app-shell .header-breadcrumb{min-width:0;font-size:12px}.app-shell .header-breadcrumb strong{display:block}.app-shell .header-breadcrumb>span,.app-shell .header-breadcrumb>svg,.app-shell .header-divider,.app-shell .header-avatar>svg,.app-shell .header-avatar .header-user-name,.app-shell .header-search{display:none}.app-shell .header-controls{gap:2px}.app-shell .header-avatar{padding:4px}.app-shell .app-sidebar{position:fixed;top:max(10px,env(safe-area-inset-top));bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));width:min(300px,calc(100vw - 40px - env(safe-area-inset-left) - env(safe-area-inset-right)));z-index:58;transform:translate(0);visibility:visible}.app-shell.sidebar-collapsed .app-sidebar{display:flex;transform:translate(calc(-100% - 24px));visibility:hidden;pointer-events:none}.app-shell .sidebar-close{display:grid;flex-shrink:0}.app-shell .sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:57;background:#152d5270;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:1;visibility:visible}.app-shell.sidebar-collapsed .sidebar-backdrop{opacity:0;visibility:hidden;pointer-events:none}.app-shell .sidebar-brand .brand-mark{width:56px;height:56px}.app-shell .sidebar-brand .brand-logo strong{font-size:18px}.app-shell .sidebar-brand .brand-logo{min-width:0}.app-shell #main-content-scrollable{padding:0 2px;scrollbar-gutter:auto}.app-shell .workspace-content{padding:0 0 16px}.app-shell .profile-menu{width:min(290px,calc(100vw - 36px));max-height:calc(100dvh - 100px);overflow-y:auto}.app-shell .page-heading,.app-shell .workspace-page-header{flex-wrap:wrap;gap:14px}.app-shell .page-actions{display:flex;flex-wrap:wrap;flex-shrink:1;max-width:100%}.app-shell :is(.leave-toolbar-controls,.user-list-filters){flex-wrap:wrap;min-width:0;max-width:100%}.app-shell :is(.leave-toolbar-controls,.user-list-filters)>*{min-width:0;max-width:100%}.app-shell .table-pagination{justify-content:center;padding:12px}.app-shell .pagination-controls{flex-wrap:wrap;justify-content:center;max-width:100%;gap:4px}.app-shell .pagination-summary{flex-wrap:wrap}.app-shell :is(.base-table-scroll,.ess-table-wrap,.document-preview-scroll){overscroll-behavior-x:contain}.table-mobile-hint{display:block;padding:10px 14px;margin:0;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}.app-shell .workspace-footer,.auth-page .auth-page-footer{flex-wrap:wrap;gap:8px 16px}.app-shell .leave-detail-grid{grid-template-columns:minmax(0,1fr);gap:16px}.base-modal.modal-surface{width:calc(100% - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:18px;overscroll-behavior:contain;overflow-x:hidden}.base-modal .base-modal-header h2{min-width:0;overflow-wrap:anywhere}.base-modal .base-modal-footer{gap:8px}.base-modal .base-modal-footer>*{flex:1 1 120px}}@media(max-width:900px)and (pointer:coarse){:is(.app-shell,.auth-page,.modal-surface) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}:is(.app-shell,.auth-page,.modal-surface) :is(input,select,textarea){scroll-margin-block:80px}:is(.app-shell,.auth-page,.modal-surface) :is(.icon-button,.base-button,.ess-button,.pagination-controls button,.base-table td button,.text-button){min-height:44px}:is(.app-shell,.auth-page,.modal-surface) :is(.icon-button,.pagination-controls button,.base-table td button){min-width:44px}.shared-select-option{min-height:44px;font-size:16px}}@media(max-width:360px){.app-shell :is(.metrics-grid,.leave-summary){grid-template-columns:minmax(0,1fr)}.auth-story .brand-logo strong{font-size:23px}.auth-story .brand-logo small{font-size:11px}.auth-page .auth-form-panel{padding:20px}}@media(prefers-reduced-motion:no-preference)and (max-width:900px)and (max-height:500px){.app-shell .app-sidebar{transition:transform .24s ease,visibility .24s}.app-shell .sidebar-backdrop{transition:opacity .18s ease,visibility .18s}}:root,.app-shell:is(.dark,:not(.dark)),.auth-page,.modal-surface{color-scheme:light;--bs-body-font-family: "Inter", "Kantumruy Pro", sans-serif;--canvas: #f5f7f8;--surface: #ffffff;--surface-raised: #fafbfc;--surface-input: #ffffff;--ink: #192b35;--muted: #60727d;--line: #e1e7eb;--blue: #087f8c;--soft: #edf7f7;--action-fill: #087f8c;--action-hover: #066773;--action-ink: #ffffff;--action-shadow: 0 1px 2px #13343b14, inset 0 1px 0 #ffffff1a;--workspace-shadow: 0 1px 3px #182b3506, 0 4px 16px #182b3503;--ui-panel-shadow: var(--workspace-shadow);--ui-card-radius: 16px;--ui-control-radius: 10px;--ui-space: 24px;--shadow-popover: 0 12px 40px #14252d18, 0 2px 6px #14252d08;--focus-ring: 0 0 0 3px color-mix(in srgb, var(--blue) 16%, transparent);--surface-sheen: linear-gradient(135deg, color-mix(in srgb, var(--blue) 4%, var(--surface)), var(--surface) 65%);--shadow-hover: 0 12px 28px #1439430b, 0 2px 6px #14394306;--border-accent: color-mix(in srgb, var(--blue) 24%, var(--line));--ease-out: cubic-bezier(.22, 1, .36, 1)}:root.dark,.dark,.app-shell:is(.dark,:not(.dark)).dark,.auth-page.dark,.dark .modal-surface{color-scheme:dark;--canvas: #10171c;--surface: #182228;--surface-raised: #1e2b32;--surface-input: #142026;--ink: #e8eff2;--muted: #a1b2bc;--line: #2d3c44;--blue: #73d4d7;--soft: #20383e;--action-fill: #73d4d7;--action-hover: #95e1e3;--action-ink: #102f35;--workspace-shadow: 0 1px 3px #00000012, 0 4px 16px #00000008;--shadow-popover: 0 16px 48px #00000040, 0 2px 8px #00000020;--shadow-hover: 0 12px 28px #00000026, 0 2px 6px #00000014}body{font-family:var(--bs-body-font-family);background:var(--canvas)}::selection{background:color-mix(in srgb,var(--blue) 22%,transparent)}:is(button,a,input,select,textarea){touch-action:manipulation}:is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--blue);outline-offset:3px}input[type=checkbox],input[type=radio]{accent-color:var(--blue)}.app-shell:is(.dark,:not(.dark)),.app-shell:is(.dark,:not(.dark)).dark{grid-template-columns:248px minmax(0,1fr);grid-template-rows:72px minmax(0,1fr);padding:0;gap:0;background:var(--canvas)!important}.app-shell:is(.dark,:not(.dark)).sidebar-collapsed{grid-template-columns:80px minmax(0,1fr)}.app-shell:is(.dark,:not(.dark)) .app-sidebar,.app-shell:is(.dark,:not(.dark)).dark .app-sidebar{padding:0;border:0;border-right:1px solid var(--line);border-radius:0;background:var(--surface);box-shadow:none}.app-shell:is(.dark,:not(.dark)) .sidebar-brand{height:88px;padding:0 22px}.app-shell:is(.dark,:not(.dark)) .sidebar-brand .brand-logo{gap:10px}.app-shell:is(.dark,:not(.dark)) .sidebar-brand .brand-logo strong{font-size:23px;letter-spacing:-.6px}.app-shell:is(.dark,:not(.dark)) .sidebar-brand .brand-logo small{font-size:10px;color:var(--muted)}.app-shell:is(.dark,:not(.dark)) .sidebar-brand .brand-mark{width:38px;height:38px;border-radius:11px;box-shadow:none}.app-shell:is(.dark,:not(.dark)) .sidebar-nav{padding:4px 14px 20px}.app-shell:is(.dark,:not(.dark)) .sidebar-group-title{color:var(--muted);font-size:11px;padding:20px 12px 10px}.app-shell:is(.dark,:not(.dark)) .sidebar-nav button{min-height:46px;margin:4px 0;padding:10px 12px;gap:11px;border-radius:9px;color:var(--muted);font-size:13px}.app-shell:is(.dark,:not(.dark)) .sidebar-nav button:hover,.app-shell:is(.dark,:not(.dark)).dark .sidebar-nav button:not(.active):hover{background:var(--surface-raised);color:var(--ink)}.app-shell:is(.dark,:not(.dark)) .sidebar-nav button.active,.app-shell:is(.dark,:not(.dark)) .sidebar-nav button.active:hover,.app-shell:is(.dark,:not(.dark)).dark .sidebar-nav button.active,.app-shell:is(.dark,:not(.dark)).dark .sidebar-nav button.active:hover{background:var(--soft);color:var(--blue);border-color:color-mix(in srgb,var(--blue) 12%,transparent);box-shadow:none}.app-shell:is(.dark,:not(.dark)) .sidebar-nav button.active:after{width:4px;height:16px;border-radius:4px}.app-shell:is(.dark,:not(.dark)) .sidebar-user,.app-shell:is(.dark,:not(.dark)).dark .sidebar-user{margin:12px;padding:12px 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised);box-shadow:none}.app-shell:is(.dark,:not(.dark)) .sidebar-user small{color:var(--muted);font-size:10px}.app-shell:is(.dark,:not(.dark)) .sidebar-user .icon-button{color:var(--muted);min-width:36px;min-height:40px}.app-shell:is(.dark,:not(.dark)) .app-header,.app-shell:is(.dark,:not(.dark)).dark .app-header{padding:0 32px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface);box-shadow:none}.app-shell:is(.dark,:not(.dark)) .app-header .icon-button,.app-shell:is(.dark,:not(.dark)).dark .app-header .icon-button{background:transparent;color:var(--muted);box-shadow:none;border-radius:9px}.app-shell:is(.dark,:not(.dark)) .app-header .icon-button:hover{background:var(--soft);color:var(--blue)}.app-shell:is(.dark,:not(.dark)) .header-controls{gap:8px}.app-shell:is(.dark,:not(.dark)) .header-divider{display:block;margin:0 6px}.app-shell:is(.dark,:not(.dark)) .header-avatar,.app-shell:is(.dark,:not(.dark)).dark .header-avatar{background:transparent;padding:5px 8px;border-radius:10px}.app-shell:is(.dark,:not(.dark)) .header-avatar:hover{background:var(--surface-raised)}.app-shell:is(.dark,:not(.dark)) .profile-menu,.app-shell:is(.dark,:not(.dark)) .search-results,.shared-select-popup{border-color:var(--line);background:var(--surface);border-radius:12px;box-shadow:var(--shadow-popover)}.app-shell:is(.dark,:not(.dark)) .profile-menu-identity{display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-menu-copy{min-width:0;flex:1}.profile-menu-identity>.user-avatar{width:52px;height:52px;min-width:52px;border-radius:50%;box-shadow:0 0 0 3px var(--surface),0 0 0 4px var(--line)}.app-shell:is(.dark,:not(.dark)) #main-content-scrollable{padding:30px 32px}.app-shell:is(.dark,:not(.dark)) .workspace-content{max-width:1600px;margin-inline:auto}.app-shell:is(.dark,:not(.dark)) .workspace-content .workspace-page-header,.app-shell:is(.dark,:not(.dark)) .page-heading{gap:20px;min-height:76px;padding-bottom:4px}.app-shell:is(.dark,:not(.dark)) .workspace-content .workspace-page-header h1,.app-shell:is(.dark,:not(.dark)) .page-heading h1{font-size:clamp(24px,2vw,30px);line-height:1.65;color:var(--ink)}.app-shell:is(.dark,:not(.dark)) .workspace-content .workspace-page-header p,.app-shell:is(.dark,:not(.dark)) .page-heading p{color:var(--muted);font-size:13px;line-height:1.9}.app-shell:is(.dark,:not(.dark)) .workspace-content :is(.dashboard,.admin-overview,.ess-page){gap:var(--ui-space)}.app-shell:is(.dark,:not(.dark)) .workspace-content :is(.base-card,.dashboard-panel,.metric-card,.department-card,.documents-panel,.ess-panel,.ess-metric,.salary-history,.el-history,.pa-history,.da-panel,.eh-recent,.records-panel,.communication-panel,.profile-section,.attendance-stat){background:var(--surface);border:1px solid var(--line);border-radius:var(--ui-card-radius);box-shadow:var(--workspace-shadow)}.app-shell:is(.dark,:not(.dark)) .workspace-content .dashboard-panel{padding:24px}.app-shell:is(.dark,:not(.dark)) .workspace-content :is(.dashboard-panel,.salary-table-heading,.el-panel-heading,.pa-panel-heading,.da-heading,.records-heading) h2{font-size:16px;line-height:1.8}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-card{min-height:132px;padding:22px;gap:16px}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-card:hover{border-color:color-mix(in srgb,var(--blue) 30%,var(--line));box-shadow:var(--workspace-shadow)}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-info{gap:8px}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-info>span{font-size:12px;color:var(--muted)}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-info strong{font-size:30px;line-height:1.25;color:var(--ink)}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-info .metric-text-value{font-size:19px;line-height:1.7}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-info small{font-size:11px;color:var(--muted)}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-icon{width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--blue);box-shadow:none;flex-shrink:0}.app-shell:is(.dark,:not(.dark)) .workspace-content .date-badge{padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);box-shadow:none}button.base-button[data-variant][data-size],.app-shell:is(.dark,:not(.dark)) .small-primary,.auth-page .primary-button{border-radius:var(--ui-control-radius);font-size:13px}button.base-button[data-variant=primary],.dark button.base-button[data-variant=primary],.app-shell:is(.dark,:not(.dark)) button.small-primary,.app-shell:is(.dark,:not(.dark)).dark button.small-primary,.auth-page .primary-button,.auth-page.dark .primary-button{background:var(--action-fill)!important;color:var(--action-ink)!important;border:1px solid transparent;box-shadow:var(--action-shadow)}button.base-button[data-variant=primary]:hover:not(:disabled),.dark button.base-button[data-variant=primary]:hover:not(:disabled),.app-shell:is(.dark,:not(.dark)) button.small-primary:hover:not(:disabled),.auth-page .primary-button:hover:not(:disabled){background:var(--action-hover)!important}button.base-button:is([data-variant=secondary],[data-variant=outline]){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line);box-shadow:0 1px 2px #182b3505}button.base-button:is([data-variant=secondary],[data-variant=outline]):hover:not(:disabled){border-color:color-mix(in srgb,var(--muted) 45%,var(--line));background:var(--surface-raised)!important}.app-shell:is(.dark,:not(.dark)) :is(.records-search,.da-search,.el-search,.filter-select),:is(.app-shell:is(.dark,:not(.dark)),.modal-surface) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){border-color:var(--line);border-radius:var(--ui-control-radius);background-color:var(--surface-input);color:var(--ink);font-size:13px}:is(.app-shell:is(.dark,:not(.dark)),.modal-surface,.auth-page) :is(input,textarea)::placeholder{color:var(--muted);opacity:.8}:is(.app-shell:is(.dark,:not(.dark)),.modal-surface) :is(input:not([type=checkbox]):not([type=radio]),select){min-height:42px}.app-shell:is(.dark,:not(.dark)) :is(.records-search,.da-search,.el-search) input{background:transparent}:is(.app-shell:is(.dark,:not(.dark)),.modal-surface,.auth-page) :is(input,select,textarea):focus-visible{border-color:var(--blue);box-shadow:var(--focus-ring);outline:2px solid transparent}:is(.app-shell:is(.dark,:not(.dark)),.modal-surface) :is(input,select,textarea)[aria-invalid=true]{border-color:#d4536c}:is(.app-shell:is(.dark,:not(.dark)),.modal-surface) :is(input,select,textarea):disabled{opacity:.6}.shared-select-option{min-height:42px}:is(.app-shell,.modal-surface) .compact-select-trigger{background:var(--surface-input);border-color:var(--line);border-radius:var(--ui-control-radius)}:is(.app-shell,.modal-surface) .compact-select-list{background:var(--surface);border-color:var(--line);border-radius:12px;box-shadow:var(--shadow-popover)}.app-shell:is(.dark,:not(.dark)) .workspace-content :is(.pa-scan,.pa-today,.pa-metric,.salary-overview,.eh-attendance,.eh-trend,.mi-panel,.profile-card){border-color:var(--line);border-radius:var(--ui-card-radius);box-shadow:var(--workspace-shadow)}.app-shell:is(.dark,:not(.dark)) :is(.mi-primary,.eh-scan-link,.active-qr-link,.document-download,.el-create){background:var(--action-fill);color:var(--action-ink);border-radius:var(--ui-control-radius);box-shadow:var(--action-shadow)}.app-shell:is(.dark,:not(.dark)) :is(.mi-primary,.eh-scan-link,.active-qr-link,.document-download,.el-create):hover:not(:disabled){background:var(--action-hover)}.app-shell:is(.dark,:not(.dark)) .base-table-panel{border:1px solid var(--line);border-radius:14px;box-shadow:var(--workspace-shadow);background:var(--surface)}.app-shell:is(.dark,:not(.dark)) .base-table-scroll{max-height:min(65dvh,760px);overflow:auto;scrollbar-gutter:stable}.app-shell:is(.dark,:not(.dark)) .base-table{border-collapse:separate;border-spacing:0}.app-shell:is(.dark,:not(.dark)) .workspace-content .base-table th{position:sticky;top:0;z-index:2;padding:12px 20px;background:var(--surface-raised);color:var(--muted);border-bottom:1px solid var(--line);font-size:11px}.app-shell:is(.dark,:not(.dark)) .workspace-content .base-table td{padding:17px 20px;border-bottom-color:var(--line);font-size:13px;line-height:1.8;color:var(--ink)}.app-shell:is(.dark,:not(.dark)) .base-table tbody tr:hover,.app-shell:is(.dark,:not(.dark)).dark .base-table tbody tr:hover,.app-shell:is(.dark,:not(.dark)) .base-table tbody tr:focus-within{background:color-mix(in srgb,var(--blue) 5%,var(--surface))}.app-shell:is(.dark,:not(.dark)) .base-table .table-sort{gap:8px}.app-shell:is(.dark,:not(.dark)) .table-pagination{min-height:68px;padding:14px 20px;background:var(--surface);color:var(--muted)}.app-shell:is(.dark,:not(.dark)) .pagination-number,.app-shell:is(.dark,:not(.dark)) .pagination-arrow{border-radius:8px;min-width:34px;min-height:34px;box-shadow:none}.app-shell:is(.dark,:not(.dark)) .pagination-number.selected{background:var(--soft);color:var(--blue);border-color:color-mix(in srgb,var(--blue) 25%,var(--line))}.table-search-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.table-search{display:flex;align-items:center;gap:10px;width:min(100%,340px);min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:var(--ui-control-radius);background:var(--surface-input);color:var(--muted)}.table-search:focus-within{border-color:var(--blue);box-shadow:var(--focus-ring)}.app-shell:is(.dark,:not(.dark)) .table-search input{width:100%;min-width:0;border:0;background:transparent;outline:none;box-shadow:none}.table-search .icon-button{padding:4px;min-height:32px;min-width:32px}.table-result-count{font-size:12px;color:var(--muted);margin-left:auto}.app-shell:is(.dark,:not(.dark)) .table-state{padding:40px 24px;min-height:260px}.app-shell:is(.dark,:not(.dark)) .table-state>svg{color:var(--blue);padding:12px;width:52px;height:52px;background:var(--soft);border-radius:16px}.skeleton-bar{background:color-mix(in srgb,var(--muted) 15%,var(--surface))}dialog.base-modal.modal-surface{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow-popover)}dialog.base-modal::backdrop{background:#0c1b2966;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.base-modal .base-modal-header{padding-bottom:18px;border-bottom:1px solid var(--line)}.base-modal .base-modal-footer{margin-top:24px;padding-top:20px}.modal-surface :is(.account-dialog-heading,.profile-dialog-heading) h2{font-size:19px;color:var(--ink)}.auth-page,.auth-page.dark{background:radial-gradient(ellipse at 12% 15%,color-mix(in srgb,var(--blue) 7%,transparent),transparent 55%),var(--canvas)}.auth-card{border-color:var(--line);border-radius:24px;background:var(--surface);box-shadow:0 24px 80px #142d3910,0 2px 6px #142d3905}.auth-story{background:radial-gradient(ellipse at 100% 90%,#247c8055,transparent 60%),linear-gradient(150deg,#142f3b,#14545d)}.auth-page .input-wrap{border-color:var(--line);background:var(--surface-input);border-radius:10px}.auth-page .input-wrap:focus-within{border-color:var(--blue);box-shadow:var(--focus-ring)}.auth-page .form-eyebrow,.auth-page .text-button{color:var(--blue)}.auth-page .auth-form-content{margin-top:42px}@media(min-width:641px)and (max-width:1100px){.app-shell:is(.dark,:not(.dark)){grid-template-columns:220px minmax(0,1fr)}.app-shell:is(.dark,:not(.dark)) #main-content-scrollable{padding:24px}.app-shell:is(.dark,:not(.dark)) .app-header{padding:0 24px}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-card{padding:18px}.app-shell:is(.dark,:not(.dark)) .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px),(max-width:900px)and (max-height:500px){.app-shell:is(.dark,:not(.dark)),.app-shell:is(.dark,:not(.dark)).sidebar-collapsed{grid-template-columns:minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);padding:0;gap:0;--ui-space: 18px;--ui-card-radius: 14px}.app-shell:is(.dark,:not(.dark)) .app-header{padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}.app-shell:is(.dark,:not(.dark)) #main-content-scrollable{padding:22px max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.app-shell:is(.dark,:not(.dark)) .app-sidebar{border-radius:18px;border:1px solid var(--line)}.app-shell:is(.dark,:not(.dark)) .sidebar-brand .brand-mark{width:38px;height:38px}.app-shell:is(.dark,:not(.dark)) .header-divider{display:none}.app-shell:is(.dark,:not(.dark)) .workspace-content .workspace-page-header h1,.app-shell:is(.dark,:not(.dark)) .page-heading h1{font-size:23px}.app-shell:is(.dark,:not(.dark)) .workspace-content .workspace-page-header p,.app-shell:is(.dark,:not(.dark)) .page-heading p{font-size:12px}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-card{padding:16px;min-height:132px;gap:12px}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-info strong{font-size:26px}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-info .metric-text-value{font-size:17px}.app-shell:is(.dark,:not(.dark)) .workspace-content .dashboard-panel{padding:18px}.app-shell:is(.dark,:not(.dark)) .table-pagination{padding:12px;justify-content:center}.app-shell:is(.dark,:not(.dark)) .base-table-scroll{max-height:65dvh}dialog.base-modal.modal-surface{padding:20px;border-radius:16px}.auth-page .auth-form-content{margin-top:28px}}@media(prefers-reduced-motion:no-preference){:is(.app-shell:is(.dark,:not(.dark)),.auth-page,.modal-surface) :is(input,select,textarea){transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.app-shell:is(.dark,:not(.dark)) .metric-card{transition:border-color .18s ease,box-shadow .18s ease}.shared-select-popup:popover-open{animation:ui-content-enter .15s ease-out}}.app-shell:is(.dark,:not(.dark)) #main-content-scrollable{background:radial-gradient(ellipse 75% 420px at 50% 0,color-mix(in srgb,var(--blue) 4%,transparent),transparent 100%)}.app-shell:is(.dark,:not(.dark)) .app-sidebar{background:linear-gradient(180deg,var(--surface) 55%,color-mix(in srgb,var(--blue) 3%,var(--surface)))}.app-shell:is(.dark,:not(.dark)) .app-header{background:var(--surface);box-shadow:0 1px color-mix(in srgb,var(--surface) 65%,transparent)}@supports (backdrop-filter: blur(12px)){.app-shell:is(.dark,:not(.dark)) .app-header{background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.app-shell:is(.dark,:not(.dark)) .sidebar-nav button.active,.app-shell:is(.dark,:not(.dark)) .sidebar-nav button.active:hover,.app-shell:is(.dark,:not(.dark)).dark .sidebar-nav button.active,.app-shell:is(.dark,:not(.dark)).dark .sidebar-nav button.active:hover{background:linear-gradient(100deg,color-mix(in srgb,var(--blue) 12%,var(--surface)),color-mix(in srgb,var(--blue) 5%,var(--surface)));border-color:color-mix(in srgb,var(--blue) 20%,var(--line));box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 65%,transparent),0 2px 5px #15343b04}.app-shell:is(.dark,:not(.dark)) .sidebar-nav button.active:after{height:20px;width:3px;box-shadow:0 0 9px color-mix(in srgb,var(--blue) 20%,transparent)}.app-shell:is(.dark,:not(.dark)) .sidebar-group-title{font-size:10px;opacity:.9}.app-shell:is(.dark,:not(.dark)) .sidebar-user{background:var(--surface-sheen)}.app-shell:is(.dark,:not(.dark)) .header-avatar{border:1px solid transparent}.app-shell:is(.dark,:not(.dark)) .header-avatar[aria-expanded=true]{background:var(--soft);border-color:var(--border-accent)}.app-shell:is(.dark,:not(.dark)) .profile-menu{padding:8px;border-radius:16px}.app-shell:is(.dark,:not(.dark)) .profile-menu-identity{padding:14px 10px 18px;margin-bottom:6px}.profile-menu-copy strong{margin-bottom:3px}.app-shell:is(.dark,:not(.dark)) .profile-menu button{gap:12px;border-radius:9px}.app-shell:is(.dark,:not(.dark)) .profile-menu button.danger-link:hover{background:color-mix(in srgb,#e25170 8%,var(--surface))}.app-shell:is(.dark,:not(.dark)) .workspace-content .workspace-page-header h1{text-wrap:balance}.app-shell:is(.dark,:not(.dark)) .workspace-content :is(.dashboard-panel,.base-card,.documents-panel,.department-card,.ess-panel,.pa-today,.pa-scan){box-shadow:var(--workspace-shadow),inset 0 1px color-mix(in srgb,var(--surface) 70%,transparent)}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-card{--metric-accent: var(--blue);position:relative;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--metric-accent) 8%,transparent),transparent 65%),var(--surface);border-color:color-mix(in srgb,var(--metric-accent) 12%,var(--line));box-shadow:var(--workspace-shadow),inset 0 1px color-mix(in srgb,var(--surface) 70%,transparent)}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-card.green{--metric-accent: #289c7b}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-card.amber{--metric-accent: #c09035}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-card.violet{--metric-accent: #9475ce}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-card.rose{--metric-accent: #d26a8c}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-card:before{content:"";position:absolute;top:0;left:22px;right:22px;height:2px;pointer-events:none;background:linear-gradient(90deg,var(--metric-accent),transparent 80%);opacity:.5}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-icon{border:1px solid color-mix(in srgb,var(--metric-accent, var(--blue)) 10%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 60%,transparent)}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-info strong{letter-spacing:-.7px}.app-shell:is(.dark,:not(.dark)) :is(.overview-panel-heading,.panel-heading) h2{color:var(--ink)}.app-shell:is(.dark,:not(.dark)) :is(.overview-bar-track,.bar-track){height:8px;background:color-mix(in srgb,var(--muted) 9%,var(--surface))}.app-shell:is(.dark,:not(.dark)) :is(.overview-bar-track>span,.bar-track>i){background:linear-gradient(90deg,#087f8c,#4ab8b6)}.app-shell:is(.dark,:not(.dark)) :is(.mi-bar,.eh-bar){background:linear-gradient(180deg,#4ab8b6,#087f8c);border:1px solid color-mix(in srgb,var(--surface) 20%,transparent)}.app-shell:is(.dark,:not(.dark)) .trend-line{stroke:var(--blue);stroke-width:3}.app-shell:is(.dark,:not(.dark)) .trend-dot{stroke:var(--blue);fill:var(--surface)}.app-shell:is(.dark,:not(.dark)) :is(.role-donut,.mi-donut,.team-donut){box-shadow:0 0 0 6px color-mix(in srgb,var(--blue) 4%,transparent)}.app-shell:is(.dark,:not(.dark)) .chart-grid{stroke-dasharray:2 6;opacity:.7}.app-shell:is(.dark,:not(.dark)) .base-table-panel{border-radius:var(--ui-card-radius)}.app-shell:is(.dark,:not(.dark)) .workspace-content .base-table th{background:color-mix(in srgb,var(--blue) 3%,var(--surface-raised))}.app-shell:is(.dark,:not(.dark)) .base-table tbody:not(.table-loading) tr:nth-child(2n){background:color-mix(in srgb,var(--muted) 2%,var(--surface))}.app-shell:is(.dark,:not(.dark)) .base-table tbody:not(.table-loading) tr:is(:hover,:focus-within){background:color-mix(in srgb,var(--blue) 6%,var(--surface))}.app-shell:is(.dark,:not(.dark)) .base-table tbody:not(.table-loading) tr:is(:hover,:focus-within)>td:first-child{box-shadow:inset 2px 0 var(--blue)}.app-shell:is(.dark,:not(.dark)) .base-table td:last-child button{border-radius:8px}.app-shell:is(.dark,:not(.dark)) .workspace-content :is(.ess-status,.leave-status,.attendance-status,.pa-status,.da-status,.profile-status){border:1px solid color-mix(in srgb,currentColor 16%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 30%,transparent)}.app-shell:is(.dark,:not(.dark)) .pagination-number.selected{box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 50%,transparent)}button.base-button[data-variant=primary],.dark button.base-button[data-variant=primary],.app-shell:is(.dark,:not(.dark)) button.small-primary,.auth-page .primary-button{background-image:linear-gradient(180deg,#ffffff0f,transparent)!important;box-shadow:inset 0 1px #ffffff24,0 2px 3px #082e3510}button.base-button[data-variant=primary]:hover:not(:disabled),.dark button.base-button[data-variant=primary]:hover:not(:disabled){box-shadow:inset 0 1px #ffffff24,0 4px 12px color-mix(in srgb,var(--blue) 18%,transparent)}.base-button[aria-busy=true]{cursor:progress}:is(.app-shell,.modal-surface) :is(input,select,textarea)[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px #d4536c20}:is(.app-shell,.modal-surface) :is(input[type=checkbox],input[type=radio]){width:16px;height:16px}dialog.base-modal.modal-surface{background:var(--surface-sheen);box-shadow:0 32px 100px #071e3030,0 8px 24px #071e3012,inset 0 1px color-mix(in srgb,var(--surface) 80%,transparent)}.base-modal .base-modal-header h2{line-height:1.8}.base-modal .base-modal-description{font-size:13px;line-height:1.9}.chart-data-tooltip{box-shadow:var(--shadow-popover);border-color:var(--border-accent)}.toast-viewport .factory-toast:is(.success,.error){background:var(--surface);color:var(--ink);box-shadow:var(--shadow-popover);border-color:var(--line);border-left-color:var(--blue)}.toast-viewport .factory-toast.error{background:color-mix(in srgb,#d4536c 6%,var(--surface));color:var(--ink);border-color:var(--line);border-left-color:#d4536c}@media(hover:hover)and (pointer:fine){.app-shell:is(.dark,:not(.dark)) .workspace-content :is(.metric-card,.department-card):hover{border-color:var(--border-accent);box-shadow:var(--shadow-hover)}.app-shell:is(.dark,:not(.dark)) .sidebar-nav button:hover>svg{color:var(--blue)}}@media(prefers-reduced-motion:no-preference){.app-shell:is(.dark,:not(.dark)) .workspace-content :is(.metric-card,.department-card){transition:transform .22s var(--ease-out),border-color .18s ease,box-shadow .22s ease}.app-shell:is(.dark,:not(.dark)) :is(.sidebar-nav button>svg,.header-avatar>svg){transition:transform .18s var(--ease-out),color .18s ease}.app-shell:is(.dark,:not(.dark)) .header-avatar[aria-expanded=true]>svg{transform:rotate(180deg)}.profile-menu-enter-active,.profile-menu-leave-active{transition:opacity .18s ease,transform .18s var(--ease-out);transform-origin:top right}.profile-menu-enter-from,.profile-menu-leave-to{opacity:0;transform:translateY(-5px) scale(.98)}.app-shell:is(.dark,:not(.dark)) :is([role=tab],.role-legend button,.mi-legend button){transition:background-color .18s ease,border-color .18s ease,color .18s ease}.chart-data-tooltip:not([hidden]){animation:ui-content-enter .15s ease-out}@media(hover:hover)and (pointer:fine){.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-card:hover{transform:translateY(-3px)}.app-shell:is(.dark,:not(.dark)) .sidebar-nav button:hover>svg{transform:translate(2px)}button.base-button:hover:not(:disabled){transform:translateY(-1px)}button.base-button:active:not(:disabled){transform:scale(.98)}}button.base-button{transition:transform .18s var(--ease-out),background-color .15s ease,border-color .15s ease,box-shadow .18s ease}}@media(pointer:coarse){.app-shell:is(.dark,:not(.dark)) :is(.pagination-number,.pagination-arrow,.base-table td button,.shared-select-option){min-height:44px;min-width:44px}}@media(max-width:640px){.app-shell:is(.dark,:not(.dark)) .app-sidebar,.app-shell:is(.dark,:not(.dark)).dark .app-sidebar{border:1px solid var(--line);border-radius:18px}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-card:before{left:16px;right:16px}.app-shell:is(.dark,:not(.dark)) .app-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface)}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-info strong{letter-spacing:-.4px}}@media(prefers-reduced-motion:reduce){.profile-menu-enter-active,.profile-menu-leave-active,.chart-data-tooltip,.shared-select-popup,.factory-toast{animation:none!important;transition:none!important}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-card:hover{transform:none}}.app-shell:is(.dark,:not(.dark)) .profile-page .profile-summary{padding:0 24px 24px}.app-shell:is(.dark,:not(.dark)) .profile-page .profile-cover{position:relative;height:112px;margin:0 -24px;overflow:hidden;background:radial-gradient(ellipse at 85% 0,color-mix(in srgb,var(--blue) 16%,transparent),transparent 70%),linear-gradient(135deg,var(--soft),var(--surface-raised));border-bottom:1px solid color-mix(in srgb,var(--blue) 10%,var(--line))}.app-shell:is(.dark,:not(.dark)) .profile-page .profile-cover:after{content:"";position:absolute;width:130px;height:130px;right:-20px;top:-60px;border:1px solid color-mix(in srgb,var(--blue) 13%,transparent);border-radius:16px;transform:rotate(45deg);box-shadow:0 0 0 18px color-mix(in srgb,var(--blue) 3%,transparent);pointer-events:none}.app-shell:is(.dark,:not(.dark)) .profile-page .profile-avatar-controls{margin:-52px 0 14px;gap:0}.app-shell:is(.dark,:not(.dark)) .profile-page .profile-portrait{width:104px;height:104px;border:5px solid var(--surface);background:var(--soft);box-shadow:0 4px 14px #102a3510}.app-shell:is(.dark,:not(.dark)) .profile-page .profile-portrait>img{width:100%;height:100%;object-fit:cover}.app-shell:is(.dark,:not(.dark)) .profile-page .profile-avatar-controls .profile-avatar-camera{right:0;bottom:3px;width:36px;height:36px;border:3px solid var(--surface);border-radius:50%;background:var(--surface-raised);color:var(--blue);box-shadow:0 2px 6px #102a351c}.app-shell:is(.dark,:not(.dark)) .profile-page .profile-summary h2{margin:0}.app-shell:is(.dark,:not(.dark)) .profile-page .profile-avatar-menu{width:min(260px,100%)}:root,.app-shell:is(.dark,:not(.dark)),.modal-surface{--delete-ink:#c6283d;--delete-soft:#fff0f2}:root.dark,.app-shell:is(.dark,:not(.dark)).dark,.dark .modal-surface{--delete-ink:#ff9eac;--delete-soft:#422b36}:is(.app-shell:is(.dark,:not(.dark)),.modal-surface) button:is(.communication-delete,.el-cancel,.profile-avatar-delete,.delete,:has(svg[class*=lucide-trash])):not(.danger-button):not([data-variant=danger]){color:var(--delete-ink)!important;--icon-hover-fill:var(--delete-soft)}:is(.app-shell:is(.dark,:not(.dark)),.modal-surface) button:is(.communication-delete,.el-cancel,.profile-avatar-delete,.delete,:has(svg[class*=lucide-trash])):not(.danger-button):not([data-variant=danger]):is(:hover,:focus-visible):not(:disabled){color:var(--delete-ink)!important;background:var(--delete-soft)!important}button.danger-button,button.base-button[data-variant=danger]{background:#dc2626!important;color:#fff!important;border-color:transparent}button.danger-button:hover:not(:disabled),button.base-button[data-variant=danger]:hover:not(:disabled){background:#b91c1c!important}.app-shell:is(.dark,:not(.dark)) .sidebar-nav button.has-unread{position:relative}.app-shell:is(.dark,:not(.dark)) .sidebar-nav button.has-unread.active:after{display:none}.sidebar-unread-count{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:auto;flex-shrink:0;border-radius:999px;background:#d93658;color:#fff;font-size:11px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.sidebar-unread-count.compact{position:absolute;top:2px;right:1px;margin:0;min-width:17px;height:17px;padding:0 3px;border:2px solid var(--surface);background:#d93658;color:#fff;font-size:9px}.app-shell:is(.dark,:not(.dark)) .workspace-content .base-table :is(th,td)[data-column=status]{text-align:center;vertical-align:middle}.app-shell:is(.dark,:not(.dark)) .base-table th[data-column=status] .table-sort{width:100%;justify-content:center}.app-shell:is(.dark,:not(.dark)) .base-table td[data-column=status] :is(.ess-status,.leave-status,.attendance-status,.pa-status,.da-status,.status-pill){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:76px;min-height:28px;vertical-align:middle;white-space:nowrap}.app-shell:is(.dark,:not(.dark)){font-weight:500}.app-shell:is(.dark,:not(.dark)) .sidebar-nav button{font-weight:500}.app-shell:is(.dark,:not(.dark)) .sidebar-nav button.active{font-weight:500}.app-shell:is(.dark,:not(.dark)) :is(.header-breadcrumb,.sidebar-brand .brand-logo small,.sidebar-user small){font-weight:500}.app-shell:is(.dark,:not(.dark)) .workspace-content :is(p,small,label,input,select,textarea,.chart-label,.mi-month-label,.eh-month){font-weight:500}.app-shell:is(.dark,:not(.dark)) .workspace-content :is(.metric-info>span,.base-table th,.role-legend button>span,.mi-status-list button>span){font-weight:500}.app-shell:is(.dark,:not(.dark)) .workspace-content .base-table td{font-weight:500}.app-shell:is(.dark,:not(.dark)) .sidebar-brand{height:96px;min-height:96px;padding-inline:18px;overflow:hidden}.app-shell:is(.dark,:not(.dark)) .sidebar-brand .brand-logo{min-width:0;gap:10px}.app-shell:is(.dark,:not(.dark)) .sidebar-brand .brand-mark{width:52px;height:52px;flex:0 0 52px;border-radius:13px}.app-shell:is(.dark,:not(.dark)) .sidebar-brand .brand-mark img{transform:scale(1.268);transform-origin:center}.app-shell:is(.dark,:not(.dark)) .sidebar-brand .brand-copy{min-width:0}.app-shell:is(.dark,:not(.dark)) .sidebar-brand .brand-logo strong{font-size:22px}.app-shell:is(.dark,:not(.dark)) .sidebar-brand .brand-logo small{font-size:10px;white-space:nowrap}.app-shell:is(.dark,:not(.dark)).sidebar-collapsed .sidebar-brand{padding-inline:14px;justify-content:flex-start}.app-shell:is(.dark,:not(.dark)).sidebar-collapsed .sidebar-brand .brand-logo{gap:0;justify-content:flex-start}.app-shell:is(.dark,:not(.dark)) .sidebar-nav button{overflow:hidden}.app-shell:is(.dark,:not(.dark)) .sidebar-nav button>svg{flex-shrink:0}.app-shell:is(.dark,:not(.dark)).sidebar-collapsed .sidebar-nav{padding-inline:12px}.app-shell:is(.dark,:not(.dark)).sidebar-collapsed .sidebar-nav button{width:48px;height:48px;min-height:48px;margin:4px auto;padding:0;gap:0;justify-content:center;align-items:center}.app-shell:is(.dark,:not(.dark)).sidebar-collapsed .sidebar-nav button.active:after{display:none}.app-shell:is(.dark,:not(.dark)).sidebar-collapsed .sidebar-nav button>svg{transform:none}.app-shell:is(.dark,:not(.dark)) .sidebar-group-title{height:48px;overflow:hidden}.app-shell:is(.dark,:not(.dark)).sidebar-collapsed .sidebar-group-title{height:12px;padding:0;opacity:0}@media(min-width:641px)and (max-width:1100px){.app-shell:is(.dark,:not(.dark)) .sidebar-brand .brand-logo strong{font-size:20px}}@media(min-width:641px)and (prefers-reduced-motion:no-preference){.app-shell:is(.dark,:not(.dark)){transition:grid-template-columns .26s var(--ease-out)}.app-shell:is(.dark,:not(.dark)) :is(.sidebar-brand,.sidebar-nav,.sidebar-nav button,.sidebar-user,.sidebar-brand .brand-logo){transition:padding .26s var(--ease-out),margin .26s var(--ease-out),gap .26s var(--ease-out),background-color .16s ease,border-color .16s ease}.app-shell:is(.dark,:not(.dark)) :is(.sidebar-nav button>span,.sidebar-brand .brand-copy,.sidebar-user>button:first-child>span:not(.user-avatar)){transition:max-width .26s var(--ease-out),opacity .14s ease,visibility .26s}.app-shell:is(.dark,:not(.dark)) .sidebar-group-title{transition:height .26s var(--ease-out),padding .26s var(--ease-out),opacity .14s ease}}@media(max-width:640px),(max-width:900px)and (max-height:500px){.app-shell:is(.dark,:not(.dark)) .sidebar-brand{gap:8px}.app-shell:is(.dark,:not(.dark)) .sidebar-brand .brand-logo{flex:1}.app-shell:is(.dark,:not(.dark)) .sidebar-brand .brand-logo strong{font-size:20px}}:root,.app-shell:is(.dark,:not(.dark)),.auth-page,.modal-surface{--premium-light: color-mix(in srgb, var(--blue) 8%, transparent);--premium-edge: color-mix(in srgb, var(--blue) 19%, var(--line));--chart-blue: #4288bd;--chart-teal: #138b8a;--chart-amber: #bf8e32;--chart-top: #67cbc2;--chart-bottom: #087f8c}:root.dark,.app-shell:is(.dark,:not(.dark)).dark,.auth-page.dark,.dark .modal-surface{--canvas: #0b1422;--surface: #131f2f;--surface-raised: #1a293c;--surface-input: #101c2c;--line: #2a3a4e;--soft: #18343f;--ink: #edf3f8;--muted: #a5b6c8;--premium-light: #60d5d90c;--chart-blue: #81b9ed;--chart-teal: #63d1c2;--chart-amber: #e4be74;--chart-top: #78ded2;--chart-bottom: #238e9e}.app-shell:is(.dark,:not(.dark)) #main-content-scrollable{background:radial-gradient(ellipse at 0 0,var(--premium-light),transparent 52%),radial-gradient(ellipse at 100% 35%,#938acb07,transparent 48%),var(--canvas);background-attachment:local}.app-shell:is(.dark,:not(.dark)) .app-sidebar{background:linear-gradient(170deg,var(--surface) 65%,color-mix(in srgb,var(--blue) 4%,var(--surface)))}.app-shell:is(.dark,:not(.dark)) .sidebar-brand{position:relative}.app-shell:is(.dark,:not(.dark)) .sidebar-brand:after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,var(--premium-edge),transparent)}.app-shell:is(.dark,:not(.dark)) .workspace-content :is(.workspace-page-header,.page-heading){position:relative;padding:12px 0 22px;margin-bottom:0;border-bottom:1px solid var(--line)}.app-shell:is(.dark,:not(.dark)) .workspace-content :is(.workspace-page-header,.page-heading):after{content:none}.app-shell:is(.dark,:not(.dark)) .workspace-page-header>div:first-child{position:relative;padding-left:23px}.app-shell:is(.dark,:not(.dark)) .workspace-page-header>div:first-child:before{content:"";position:absolute;left:2px;top:18px;width:8px;height:8px;border:1px solid var(--blue);transform:rotate(45deg);box-shadow:3px 3px 0 -1px var(--canvas),4px 4px 0 var(--premium-edge)}.app-shell:is(.dark,:not(.dark)) .workspace-content h1{font-weight:650}.app-shell:is(.dark,:not(.dark)) :is(.metric-info strong,.trend-summary strong,.mi-trend-total>strong,.role-donut strong,.mi-donut strong,.base-table td,time){font-variant-numeric:tabular-nums}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-info .metric-text-value{letter-spacing:normal;line-height:1.8}.app-shell:is(.dark,:not(.dark)) .workspace-content :is(.dashboard-panel,.base-card,.ess-panel,.department-card,.documents-panel,.eh-recent){background:linear-gradient(155deg,color-mix(in srgb,var(--blue) 2%,var(--surface)),var(--surface) 42%);box-shadow:0 4px 18px #0c263b04,inset 0 1px color-mix(in srgb,var(--ink) 4%,transparent)}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-card{overflow:hidden;min-width:0}.metric-weave{display:none}.app-shell:is(.dark,:not(.dark)) .metrics-grid>.metric-card:first-child{background:radial-gradient(ellipse at 100% 0,#60d4be23,transparent 70%),linear-gradient(125deg,#103b48,#145b65);border-color:#367581;color:#fff}.app-shell:is(.dark,:not(.dark)) .metrics-grid>.metric-card:first-child .metric-info>span,.app-shell:is(.dark,:not(.dark)) .metrics-grid>.metric-card:first-child .metric-info small{color:#c1e2e3}.app-shell:is(.dark,:not(.dark)) .metrics-grid>.metric-card:first-child .metric-info strong{color:#fff}.app-shell:is(.dark,:not(.dark)) .metrics-grid>.metric-card:first-child .metric-icon{color:#adf3e5;background:#ffffff10;border-color:#fff2}.app-shell:is(.dark,:not(.dark)) .metrics-grid>.metric-card:first-child:before{background:linear-gradient(90deg,#8be5cf,transparent)}.app-shell:is(.dark,:not(.dark)) .metrics-grid>.metric-card:first-child .metric-weave{display:block;position:absolute;right:-24px;bottom:-32px;width:150px;height:150px;pointer-events:none;transform:rotate(45deg);opacity:.18}.metric-weave i{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #a8ebdd;border-radius:12px}.metric-weave i:nth-child(2){top:18px;right:18px;bottom:18px;left:18px}.metric-weave i:nth-child(3){top:36px;right:36px;bottom:36px;left:36px}.metric-info,.metric-icon{position:relative;z-index:1}@media(min-width:1280px){.app-shell:is(.dark,:not(.dark)) .metrics-grid{grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:18px}.app-shell:is(.dark,:not(.dark)) .metrics-grid>.metric-card:first-child{min-height:158px}.app-shell:is(.dark,:not(.dark)) .metrics-grid>.metric-card:first-child .metric-info strong{font-size:38px}.app-shell:is(.dark,:not(.dark)) :is(.overview-charts,.mi-charts,.eh-main-grid){gap:20px}}.premium-surface{position:relative;isolation:isolate}.premium-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(200px circle at var(--pointer-x, 50%) var(--pointer-y, 50%),color-mix(in srgb,var(--blue) 9%,transparent),transparent 75%)}.base-button.premium-surface:after{background:radial-gradient(100px circle at var(--pointer-x) var(--pointer-y),#ffffff28,transparent 75%)}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.premium-surface:after{transition:opacity .2s ease}.premium-surface[data-illuminated]:after{opacity:1}.app-shell:is(.dark,:not(.dark)) .workspace-content .metric-card-static:hover{transform:none}.app-shell:is(.dark,:not(.dark)) .workspace-content .base-card:focus-within{border-color:var(--premium-edge)}}.app-shell:is(.dark,:not(.dark)) :is(.mi-bar,.eh-bar,.overview-bar-track>span){background:linear-gradient(180deg,var(--chart-top),var(--chart-bottom));box-shadow:inset 0 1px #ffffff45}.app-shell:is(.dark,:not(.dark)) :is(.mi-chart,.eh-chart){border-bottom:1px solid var(--line)}.app-shell:is(.dark,:not(.dark)) .trend-area{opacity:.85}.app-shell:is(.dark,:not(.dark)) .trend-dot{stroke:var(--chart-teal)}.app-shell:is(.dark,:not(.dark)) :is(.role-donut,.mi-donut){box-shadow:0 0 0 8px var(--premium-light),0 8px 24px #072c3b08}.app-shell:is(.dark,:not(.dark)) :is(.role-legend,.mi-status-list) button:is(:hover,.selected,[aria-pressed=true]){background:var(--soft);border-color:var(--premium-edge)}.chart-data-tooltip{padding:12px 16px;border-radius:13px;border-top:2px solid var(--blue);background:var(--surface)}.chart-data-tooltip strong{font-size:16px;font-variant-numeric:tabular-nums}.app-shell:is(.dark,:not(.dark)) :is(.profile-menu,.search-results),.shared-select-popup,.compact-select-list{background:linear-gradient(150deg,var(--surface-raised),var(--surface) 65%);box-shadow:var(--shadow-popover),inset 0 1px color-mix(in srgb,var(--ink) 6%,transparent);border-color:var(--premium-edge)}.app-shell:is(.dark,:not(.dark)) :is(.overview-empty,.mi-empty,.eh-state,.base-state){background:radial-gradient(ellipse at 50% 40%,var(--premium-light),transparent 65%);border-radius:12px}.app-shell:is(.dark,:not(.dark)) :is(.overview-empty,.mi-empty){padding:30px 16px;text-align:center;border:1px dashed var(--premium-edge)}.base-state-icon{box-shadow:0 0 0 7px var(--premium-light)}.toast-viewport .factory-toast{border-radius:16px}.toast-viewport .factory-toast.success>svg{background:var(--soft);border-radius:50%;padding:5px;width:32px;height:32px}.toast-viewport .factory-toast.error>svg{color:#d4536c}.auth-page .auth-story{background:radial-gradient(ellipse at 100% 0,#5dd2bc30,transparent 65%),linear-gradient(150deg,#103543,#155d68)}.auth-story:after{content:"";position:absolute;width:260px;height:260px;right:-130px;top:20%;border:1px solid #a8ebdd18;transform:rotate(45deg);box-shadow:0 0 0 24px #a8ebdd05,0 0 0 48px #a8ebdd04;pointer-events:none}@media(prefers-reduced-motion:no-preference){.factory-toast.success>svg path,.reset-icon.success svg path{stroke-dasharray:40;animation:novakamm-check .42s ease-out both}.app-shell:is(.dark,:not(.dark)) .hiring-chart .trend-line{stroke-dasharray:1;animation:novakamm-trace .6s var(--ease-out) both}.app-shell:is(.dark,:not(.dark)) :is(.role-legend button,.mi-status-list button,.eh-shortcuts>a){transition:background-color .16s ease,border-color .16s ease}}@keyframes novakamm-check{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}@keyframes novakamm-trace{0%{stroke-dashoffset:1;opacity:.3}to{stroke-dashoffset:0;opacity:1}}@media(max-width:1100px){.app-shell:is(.dark,:not(.dark)) :is(.overview-charts,.mi-charts,.eh-main-grid,.eh-bottom-grid){grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.app-shell:is(.dark,:not(.dark)) .workspace-content :is(.workspace-page-header,.page-heading){padding-top:4px;padding-bottom:18px}.app-shell:is(.dark,:not(.dark)) .workspace-page-header>div:first-child{padding-left:19px}.metric-weave{opacity:.1}}@media(prefers-reduced-motion:reduce){.premium-surface:after{display:none}.factory-toast.success>svg path,.reset-icon.success svg path,.app-shell .hiring-chart .trend-line{animation:none;stroke-dasharray:none}}@media(forced-colors:active){.premium-surface:after,.metric-weave,.auth-story:after{display:none}.app-shell:is(.dark,:not(.dark)) .metrics-grid>.metric-card:first-child{background:Canvas;border-color:CanvasText}.app-shell:is(.dark,:not(.dark)) .metrics-grid>.metric-card:first-child :is(.metric-info>span,.metric-info small,.metric-info strong,.metric-icon){color:CanvasText}}:root{--motion-fast: .15s;--motion-ui: .22s;--motion-reveal: .28s;--motion-ease: cubic-bezier(.22, 1, .36, 1)}:is(.app-shell,.auth-page,.modal-surface) button:is(.base-button,.primary-button,.small-primary,.icon-button),.sidebar-nav button{position:relative}.motion-ripple-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none;contain:strict}.motion-ripple{position:absolute;border-radius:50%;background:currentColor;pointer-events:none}@media(prefers-reduced-motion:no-preference){:is(.workspace-page>*,.workspace-page>*>*)>:is(.metrics-grid,.overview-charts,.mi-charts,.eh-main-grid,.eh-bottom-grid,.department-grid)>*,.auth-form-content,.auth-panel-footer{animation:experience-reveal var(--motion-reveal) var(--motion-ease) backwards}:is(.metrics-grid,.overview-charts,.mi-charts,.eh-main-grid,.eh-bottom-grid,.department-grid)>:nth-child(2){animation-delay:25ms}:is(.metrics-grid,.overview-charts,.mi-charts,.eh-main-grid,.eh-bottom-grid,.department-grid)>:nth-child(3){animation-delay:50ms}:is(.metrics-grid,.overview-charts,.mi-charts,.eh-main-grid,.eh-bottom-grid,.department-grid)>:nth-child(n+4),.auth-panel-footer{animation-delay:70ms}.workspace-page-enter-active{transition:opacity var(--motion-ui) ease,transform var(--motion-ui) var(--motion-ease)}.workspace-page-enter-from{transform:translateY(5px)}.auth-card{animation:experience-reveal var(--motion-ui) var(--motion-ease)}.base-modal[open],.modal-overlay>div{animation:experience-dialog var(--motion-reveal) var(--motion-ease)}.base-modal[open]::backdrop,.modal-overlay{animation:experience-fade var(--motion-ui) ease}:is(.search-results,.compact-select-list){animation:experience-popover .18s var(--motion-ease);transform-origin:top}:is(.app-shell,.auth-page,.modal-surface) button:is(.base-button,.primary-button,.small-primary,.icon-button){transition:translate var(--motion-ui) var(--motion-ease),scale var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) ease,color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-ui) ease}:is(.app-shell,.auth-page,.modal-surface) button:is(.base-button,.primary-button,.small-primary,.icon-button):active:not(:disabled):not([aria-disabled=true]){scale:.98;translate:0 1px}:is(.app-shell,.auth-page,.modal-surface) :is(.icon-button>svg,.base-button-content>svg,.primary-button>svg,.sidebar-nav button>svg,.metric-icon>svg){transition:transform var(--motion-ui) var(--motion-ease)}.app-shell:is(.dark,:not(.dark)) .workspace-content :is(.base-card,.department-card,.eh-shortcuts>a){transition:translate var(--motion-ui) var(--motion-ease),border-color var(--motion-ui) ease,box-shadow var(--motion-ui) ease}@supports (mask-composite: exclude){.base-card.premium-surface:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1px;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(220px circle at var(--pointer-x, 50%) var(--pointer-y, 50%),var(--blue),transparent 80%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity var(--motion-ui) ease}.base-card.premium-surface[data-illuminated]:before{opacity:.45}}.premium-surface .metric-weave{translate:var(--surface-drift-x, 0px) var(--surface-drift-y, 0px);transition:translate var(--motion-reveal) var(--motion-ease)}.auth-story .art-sun{animation:experience-float .35s var(--motion-ease) both}.skeleton-bar{position:relative;overflow:hidden}.skeleton-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 55%,transparent),transparent);animation:experience-shimmer 1.5s ease-in-out infinite}.factory-toast.success>svg path,.reset-icon.success svg path{animation-duration:.3s}.app-shell:is(.dark,:not(.dark)) .hiring-chart .trend-line{animation-duration:.35s}@media(hover:hover)and (pointer:fine){.app-shell:is(.dark,:not(.dark)) .workspace-content :is(.base-card:has(a,button),.department-card,.eh-shortcuts>a):hover{translate:0 -2px;border-color:var(--premium-edge);box-shadow:var(--shadow-hover)}:is(.app-shell,.auth-page,.modal-surface) button:is(.base-button,.primary-button,.small-primary):hover:not(:disabled){translate:0 -1px}:is(.app-shell,.auth-page,.modal-surface) button:is(.base-button,.primary-button,.small-primary):active:not(:disabled){translate:0 1px}:is(.icon-button,.sidebar-nav button):hover:not(:disabled)>svg{transform:translateY(-1px) rotate(-4deg)}.base-button:hover:not(:disabled) .base-button-content>svg,.primary-button:hover:not(:disabled)>svg{transform:translate(2px)}.metric-card:hover .metric-icon>svg{transform:translateY(-2px)}}}@keyframes experience-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes experience-dialog{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes experience-popover{0%{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:none}}@keyframes experience-fade{0%{opacity:0}to{opacity:1}}@keyframes experience-float{0%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes experience-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ripple-layer{display:none}}@media(forced-colors:active){.motion-ripple-layer,.base-card.premium-surface:before,.skeleton-bar:after{display:none}}