@charset "UTF-8";@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --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-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --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-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --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-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --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-300: oklch(80.9% .105 251.813); --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-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --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-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --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-500: oklch(64.5% .246 16.439); --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-slate-950: oklch(12.9% .042 264.695); --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-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-mauve-50: oklch(98.5% 0 0); --color-mauve-100: oklch(96% .003 325.6); --color-mauve-200: oklch(92.2% .005 325.62); --color-mauve-300: oklch(86.5% .012 325.68); --color-mauve-400: oklch(71.1% .019 323.02); --color-mauve-500: oklch(54.2% .034 322.5); --color-mauve-600: oklch(43.5% .029 321.78); --color-mauve-700: oklch(36.4% .029 323.89); --color-mauve-800: oklch(26.3% .024 320.12); --color-mauve-900: oklch(21.2% .019 322.12); --color-mauve-950: oklch(14.5% .008 326); --color-olive-50: oklch(98.8% .003 106.5); --color-olive-100: oklch(96.6% .005 106.5); --color-olive-200: oklch(93% .007 106.5); --color-olive-300: oklch(88% .011 106.6); --color-olive-400: oklch(73.7% .021 106.9); --color-olive-500: oklch(58% .031 107.3); --color-olive-600: oklch(46.6% .025 107.3); --color-olive-700: oklch(39.4% .023 107.4); --color-olive-800: oklch(28.6% .016 107.4); --color-olive-900: oklch(22.8% .013 107.4); --color-olive-950: oklch(15.3% .006 107.1); --color-mist-50: oklch(98.7% .002 197.1); --color-mist-100: oklch(96.3% .002 197.1); --color-mist-200: oklch(92.5% .005 214.3); --color-mist-300: oklch(87.2% .007 219.6); --color-mist-400: oklch(72.3% .014 214.4); --color-mist-500: oklch(56% .021 213.5); --color-mist-600: oklch(45% .017 213.2); --color-mist-700: oklch(37.8% .015 216); --color-mist-800: oklch(27.5% .011 216.9); --color-mist-900: oklch(21.8% .008 223.9); --color-mist-950: oklch(14.8% .004 228.8); --color-taupe-50: oklch(98.6% .002 67.8); --color-taupe-100: oklch(96% .002 17.2); --color-taupe-200: oklch(92.2% .005 34.3); --color-taupe-300: oklch(86.8% .007 39.5); --color-taupe-400: oklch(71.4% .014 41.2); --color-taupe-500: oklch(54.7% .021 43.1); --color-taupe-600: oklch(43.8% .017 39.3); --color-taupe-700: oklch(36.7% .016 35.7); --color-taupe-800: oklch(26.8% .011 36.5); --color-taupe-900: oklch(21.4% .009 43.1); --color-taupe-950: oklch(14.7% .004 49.3); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--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:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:14px;flex-wrap:wrap}.page-header .search-bar,.page-header .filter-field{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px 14px;flex:1;max-width:360px;min-height:42px;box-shadow:0 1px 3px #0f172a08;transition:all .2s cubic-bezier(.16,1,.3,1)}.page-header .search-bar:hover,.page-header .filter-field:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #0f172a0d}.page-header .search-bar:focus-within,.page-header .filter-field:focus-within{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3.5px #6366f126,0 2px 8px #6366f114;transform:translateY(-.5px)}.page-header .search-bar ion-icon,.page-header .filter-field ion-icon{color:#94a3b8;font-size:1.1rem;flex-shrink:0;transition:color .2s ease}.page-header .search-bar:focus-within ion-icon,.page-header .filter-field:focus-within ion-icon{color:#4f46e5}.page-header .search-bar input,.page-header .filter-field input{border:none;outline:none;font-size:.88rem;font-weight:500;color:#0f172a;width:100%;background:transparent;cursor:text}.page-header .search-bar input::placeholder,.page-header .filter-field input::placeholder{color:#94a3b8;font-weight:400}.page-header .search-bar select,.page-header .filter-field select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;border:none!important;outline:none!important;font-size:.88rem;font-weight:550;color:#0f172a;width:100%;height:100%;background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 0 center!important;background-size:16px 16px!important;padding:0 26px 0 0!important;box-shadow:none!important;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:1.4}.page-header .search-bar select:hover,.page-header .filter-field select:hover{background-color:transparent!important}.page-header .search-bar select:focus,.page-header .filter-field select:focus{background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;box-shadow:none!important}.page-header .search-bar select option,.page-header .filter-field select option{background-color:#fff!important;color:#0f172a!important;font-size:.88rem;font-weight:500;padding:10px 14px;line-height:1.5}.page-header .filter-field--year{flex:0 0 140px;max-width:140px}.page-header .filter-field.status-filter{flex:0 0 140px;max-width:150px}.page-header .filter-field.business-unit{flex:0 1 240px;max-width:280px}.page-header.holidays-toolbar{flex-wrap:wrap;justify-content:flex-start}.page-header.holidays-toolbar .search-bar{flex:1 1 240px;max-width:320px}.page-header.holidays-toolbar .filter-field{flex:0 1 220px;max-width:240px}.page-header.holidays-toolbar .btn-primary{flex:0 0 auto}.page-header .filter-field.date-field{flex:0 0 auto;max-width:240px;gap:10px}.page-header .filter-field.date-field label{font-size:.78rem;font-weight:600;color:#64748b;white-space:nowrap}.page-header .filter-field.date-field input[type=date]{width:auto;min-width:140px}.btn-primary{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:11px;padding:9px 18px;font-size:.86rem;font-weight:650;letter-spacing:.01em;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px #4f46e547;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-primary ion-icon{font-size:1.05rem}.btn-primary:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 6px 20px #4f46e561;filter:brightness(1.04)}.btn-primary:active:not(:disabled){transform:translateY(.5px) scale(.985);box-shadow:0 2px 8px #4f46e533}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#334155;border:1px solid #e2e8f0;border-radius:11px;padding:9px 18px;font-size:.86rem;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 1px 3px #0f172a0a;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-secondary ion-icon{font-size:1.05rem;color:#475569}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#0f172a;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0f}.btn-secondary:hover:not(:disabled) ion-icon{color:#4f46e5}.btn-secondary:active:not(:disabled){transform:translateY(.5px) scale(.985);box-shadow:0 1px 4px #0f172a0a}.btn-secondary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-danger{display:inline-flex;align-items:center;gap:7px;background:#fff1f2;color:#e11d48;border:1px solid #fecdd3;border-radius:11px;padding:9px 18px;font-size:.86rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-danger:hover:not(:disabled){background:#ffe4e6;border-color:#fda4af;transform:translateY(-1px);box-shadow:0 4px 12px #e11d4829}.btn-danger:active:not(:disabled){transform:translateY(.5px) scale(.985);box-shadow:0 1px 4px #e11d481a}.btn-danger:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.card-table{background:#fff;border-radius:18px;border:1px solid rgba(226,232,240,.85);box-shadow:0 1px 3px #0f172a08,0 10px 30px -4px #0f172a0d;overflow-x:auto;overflow-y:hidden;min-width:0;min-height:calc(100vh - 240px);display:flex;flex-direction:column}.card-table .table-header{display:grid;grid-template-columns:var(--cols, repeat(4, 1fr));min-width:var(--min-table-width, 600px);padding:13px 22px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;font-size:.72rem;font-weight:750;color:#475569;text-transform:uppercase;letter-spacing:.06em}.card-table .table-row{display:grid;grid-template-columns:var(--cols, repeat(4, 1fr));min-width:var(--min-table-width, 600px);padding:14px 22px;border-bottom:1px solid #f1f5f9;font-size:.86rem;color:#0f172a;align-items:center;transition:background-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.card-table .table-row:last-child{border-bottom:none}.card-table .table-row:hover{background:#f8fafc;box-shadow:inset 3.5px 0 #4f46e5}.card-table .loading-row{padding:0;display:flex;flex-direction:column;flex:1}.card-table .loading-row .skeleton-row{display:grid;grid-template-columns:var(--cols, repeat(4, 1fr));padding:14px 22px;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px}.card-table .loading-row .skeleton-row .skeleton-cell{height:14px;border-radius:6px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.card-table .loading-row .skeleton-row .skeleton-cell.short{width:55%}.card-table .loading-row .skeleton-row .skeleton-cell.avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.card-table .empty-row{padding:48px;text-align:center;color:#94a3b8;font-size:.88rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px;flex:1}ion-modal .card-table,.payslip-modal .card-table,.payroll-modal .card-table,.inline-modal .card-table{min-height:0}.card-table.card-table-fill{min-height:calc(100vh - 240px)}.card-table .table-fill-spacer{flex:1 1 auto;min-height:0}.empty-state{padding:60px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#94a3b8;background:#fff;text-align:center}.empty-state ion-icon{font-size:3.5rem;color:#e2e8f0}.empty-state p{margin:0;font-size:.95rem;font-weight:500;max-width:300px;line-height:1.5}.emp-name{display:flex;align-items:center;gap:12px}.emp-name .avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid #ffffff;box-shadow:0 2px 8px #4f46e538}.emp-name .avatar--photo{object-fit:cover;background:#e2e8f0;padding:0;box-shadow:0 2px 6px #0f172a14}.emp-name .name{font-weight:700;font-size:.88rem;color:#0f172a;line-height:1.25}.emp-name .sub{font-size:.74rem;color:#64748b;margin-top:2px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3.5px 11px;border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:.02em;line-height:1.2;border:1px solid transparent;transition:all .2s cubic-bezier(.16,1,.3,1)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.badge:hover{transform:translateY(-.5px) scale(1.03)}.badge.active,.badge.approved,.badge.success{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.badge.pending,.badge.warning{background:#fffbeb;color:#d97706;border-color:#fde68a}.badge.rejected,.badge.inactive,.badge.danger{background:#fff1f2;color:#e11d48;border-color:#fecdd3}.badge.returned,.badge.info{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.badge.draft{background:#f8fafc;color:#64748b;border-color:#e2e8f0}.actions{display:flex;align-items:center;gap:6px}.actions .icon-btn{width:32px;height:32px;border-radius:9px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:hover:not(:disabled):not([disabled]){transform:translateY(-1.5px) scale(1.06);box-shadow:0 3px 8px #0f172a1a}.actions .icon-btn:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn.edit{background:var(--action-edit-bg, #fffbeb);color:var(--action-edit, #d97706);border-color:#fef3c7}.actions .icon-btn.edit:hover{background:var(--action-edit-hover, #fef3c7)}.actions .icon-btn.del{background:var(--action-delete-bg, #fef2f2);color:var(--action-delete, #dc2626);border-color:#fee2e2}.actions .icon-btn.del:hover{background:var(--action-delete-hover, #fee2e2)}.actions .icon-btn.view{background:var(--action-view-bg, #eff6ff);color:var(--action-view, #2563eb);border-color:#dbeafe}.actions .icon-btn.view:hover{background:var(--action-view-hover, #dbeafe)}.form-card{background:#fff;border-radius:18px;padding:32px;border:1px solid rgba(226,232,240,.9);box-shadow:0 1px 3px #0f172a08,0 10px 30px -4px #0f172a0f;max-width:900px}.form-card .form-title{font-size:1.15rem;font-weight:750;color:#0f172a;margin-bottom:24px;letter-spacing:-.3px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:24px}.form-grid .field{display:flex;flex-direction:column;gap:6px}.form-grid .field label{font-size:.78rem;font-weight:650;color:#475569}.form-grid .field input,.form-grid .field textarea{border:1px solid #e2e8f0;border-radius:11px;padding:10px 14px;font-size:.88rem;font-weight:500;color:#0f172a;background:#fff;outline:none;box-shadow:0 1px 2px #0f172a08;transition:all .2s cubic-bezier(.16,1,.3,1)}.form-grid .field input:hover,.form-grid .field textarea:hover{border-color:#cbd5e1}.form-grid .field input:focus,.form-grid .field textarea:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3.5px #6366f11f,0 1px 3px #0f172a0a;transform:translateY(-.5px)}.form-grid .field select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;border:1px solid #e2e8f0;border-radius:11px;padding:10px 38px 10px 14px!important;min-height:42px;font-size:.88rem;font-weight:500;color:#0f172a;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:16px 16px!important;outline:none;box-shadow:0 1px 2px #0f172a08;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-grid .field select:hover:not(:disabled){border-color:#cbd5e1;background-color:#f8fafc}.form-grid .field select:focus{border-color:#6366f1;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;box-shadow:0 0 0 3.5px #6366f11f,0 1px 3px #0f172a0a;transform:translateY(-.5px)}.form-grid .field select option{background-color:#fff!important;color:#0f172a!important;font-size:.88rem;font-weight:500;padding:10px 14px;line-height:1.5}.form-grid .field textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:12px;justify-content:flex-end}.stat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:24px}.stat-cards .stat-card{background:#fff;border-radius:16px;padding:16px 20px;box-shadow:0 1px 3px #0f172a08,0 6px 16px -2px #0f172a0a;border:1px solid rgba(226,232,240,.85);transition:all .25s cubic-bezier(.16,1,.3,1)}.stat-cards .stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px -4px #0f172a14,0 2px 6px #0f172a08;border-color:#cbd5e1}.stat-cards .stat-card .stat-label{font-size:.72rem;color:#64748b;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.stat-cards .stat-card .stat-value{font-size:1.65rem;font-weight:800;color:#0f172a;letter-spacing:-.5px}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe6;z-index:10;gap:16px}.loading-overlay ion-spinner{width:40px;height:40px;color:#4f46e5}.loading-overlay p{font-size:.88rem;color:#64748b;margin:0}.form-tabs{display:flex;gap:4px;padding:8px 16px;background:#f8faff;border-top:1px solid #e8f0fe;overflow-x:auto}.form-tabs .tab-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;background:transparent;border-radius:8px;font-size:.8rem;font-weight:500;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1)}.form-tabs .tab-btn ion-icon{font-size:1rem}.form-tabs .tab-btn.active{background:#fff;color:#1a6fdb;box-shadow:0 2px 8px #1a6fdb26;transform:translateY(-.5px)}.form-tabs .tab-btn:hover:not(.active){background:#1a6fdb14;color:#1a6fdb;transform:translateY(-.5px)}.form-tabs .tab-btn:active{transform:translateY(.5px) scale(.98)}.bank-section-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#1a2a4a;margin-bottom:16px;margin-top:24px}.bank-section-title ion-icon{color:#1a6fdb;font-size:1.1rem}.bank-section-title.secondary{margin-top:32px;padding-top:20px;border-top:1px solid #e8f0fe}.toggle-secondary{margin-left:auto;display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;background:transparent;color:#1a6fdb;font-size:.8rem;font-weight:500;cursor:pointer;border-radius:6px}.toggle-secondary:hover{background:#1a6fdb14}.optional-tag{margin-left:8px;font-size:.7rem;color:#94a3b8;font-weight:500}.info-note{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#f0f9ff;border-radius:8px;font-size:.8rem;color:#475569;margin:0}.info-note ion-icon{color:#1a6fdb;font-size:1rem;margin-top:2px}.info-note strong{color:#1a2a4a}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#fff;border-top:1px solid #e2e8f0;margin-top:-1px;flex-wrap:wrap;gap:12px}@media(max-width:600px){.pagination-bar{flex-direction:column;align-items:stretch;gap:10px}}.pagination-info{font-size:.82rem;color:#64748b;font-weight:550}.pagination-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.page-btn{min-width:34px;height:34px;padding:0 8px;border:1px solid #e2e8f0;background:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;color:#475569;transition:all .2s cubic-bezier(.16,1,.3,1)}.page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#0f172a;transform:translateY(-1px);box-shadow:0 2px 6px #0f172a0f}.page-btn:active:not(:disabled){transform:translateY(.5px) scale(.97);box-shadow:none}.page-btn:disabled{opacity:.4;cursor:not-allowed;color:#94a3b8;border-color:#e2e8f0;transform:none;box-shadow:none}.page-btn ion-icon{font-size:1rem}.page-num{min-width:34px;height:34px;padding:0 10px;border:none;background:transparent;border-radius:9px;cursor:pointer;font-size:.85rem;font-weight:650;color:#64748b;transition:all .2s cubic-bezier(.16,1,.3,1)}.page-num:hover:not([disabled]){background:#f1f5f9;color:#0f172a;transform:translateY(-1px)}.page-num.active{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 3px 10px #4f46e552}.page-num:active:not([disabled]){transform:translateY(.5px) scale(.97)}.page-num[disabled]{opacity:.45;cursor:default;transform:none}.per-page-select{height:34px;padding:0 12px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;font-size:.82rem;font-weight:550;color:#0f172a;cursor:pointer;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.per-page-select:hover{border-color:#cbd5e1}.per-page-select:focus{border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f11f}.payroll-page .payslip-overlay .payslip-modal,.payslip-overlay.payroll-modal-host .payslip-modal,.payroll-page .settings-card,.payroll-page .payroll-table,.payroll-page .card-table,.payroll-modal .payroll-table,.payroll-modal .card-table,.payroll-page .payroll-kpi,.payroll-modal .payroll-kpi,.payroll-page .payroll-filter,.payroll-modal .payroll-filter,.payroll-page .payroll-card,.payroll-modal .payroll-card{background:var(--ion-background-color, #ffffff);border-radius:16px;box-shadow:0 4px 16px #0000000d;border:1px solid rgba(219,234,254,.6);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s ease}.payroll-page .payslip-overlay .payslip-modal:hover,.payslip-overlay.payroll-modal-host .payslip-modal:hover,.payroll-page .settings-card:hover,.payroll-page .payroll-table:hover,.payroll-page .card-table:hover,.payroll-modal .payroll-table:hover,.payroll-modal .card-table:hover,.payroll-page .payroll-kpi:hover,.payroll-modal .payroll-kpi:hover,.payroll-page .payroll-filter:hover,.payroll-modal .payroll-filter:hover,.payroll-page .payroll-card:hover,.payroll-modal .payroll-card:hover{box-shadow:0 8px 24px #1a6fdb14,0 2px 6px #0000000a;border-color:#bfdbfe}.payroll-page .payroll-tabs .tab-btn,.payroll-page .payroll-tabs button,.payroll-modal .payroll-tabs .tab-btn,.payroll-modal .payroll-tabs button,.payroll-page .payroll-pagination button,.payroll-page .pagination button,.payroll-modal .payroll-pagination button,.payroll-modal .pagination button,.payroll-page .payroll-btn-danger,.payroll-modal .payroll-btn-danger,.payroll-page .payroll-btn-ghost,.payroll-modal .payroll-btn-ghost,.payroll-page .btn-secondary,.payroll-page .payroll-btn-secondary,.payroll-modal .btn-secondary,.payroll-modal .payroll-btn-secondary,.payroll-page .btn-primary,.payroll-page .payroll-btn-primary,.payroll-modal .btn-primary,.payroll-modal .payroll-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;font-size:.8rem;font-weight:600;border:none;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1)}.payroll-page .payroll-tabs .tab-btn:focus-visible,.payroll-page .payroll-tabs button:focus-visible,.payroll-modal .payroll-tabs .tab-btn:focus-visible,.payroll-modal .payroll-tabs button:focus-visible,.payroll-page .payroll-pagination button:focus-visible,.payroll-page .pagination button:focus-visible,.payroll-modal .payroll-pagination button:focus-visible,.payroll-modal .pagination button:focus-visible,.payroll-page .payroll-btn-danger:focus-visible,.payroll-modal .payroll-btn-danger:focus-visible,.payroll-page .payroll-btn-ghost:focus-visible,.payroll-modal .payroll-btn-ghost:focus-visible,.payroll-page .btn-secondary:focus-visible,.payroll-page .payroll-btn-secondary:focus-visible,.payroll-modal .btn-secondary:focus-visible,.payroll-modal .payroll-btn-secondary:focus-visible,.payroll-page .btn-primary:focus-visible,.payroll-page .payroll-btn-primary:focus-visible,.payroll-modal .btn-primary:focus-visible,.payroll-modal .payroll-btn-primary:focus-visible{outline:2px solid var(--ion-color-primary, #1a6fdb);outline-offset:2px}.payroll-page .payroll-tabs .tab-btn ion-icon,.payroll-page .payroll-tabs button ion-icon,.payroll-modal .payroll-tabs .tab-btn ion-icon,.payroll-modal .payroll-tabs button ion-icon,.payroll-page .payroll-pagination button ion-icon,.payroll-page .pagination button ion-icon,.payroll-modal .payroll-pagination button ion-icon,.payroll-modal .pagination button ion-icon,.payroll-page .payroll-btn-danger ion-icon,.payroll-modal .payroll-btn-danger ion-icon,.payroll-page .payroll-btn-ghost ion-icon,.payroll-modal .payroll-btn-ghost ion-icon,.payroll-page .btn-secondary ion-icon,.payroll-page .payroll-btn-secondary ion-icon,.payroll-modal .btn-secondary ion-icon,.payroll-modal .payroll-btn-secondary ion-icon,.payroll-page .btn-primary ion-icon,.payroll-page .payroll-btn-primary ion-icon,.payroll-modal .btn-primary ion-icon,.payroll-modal .payroll-btn-primary ion-icon{font-size:1rem}.payroll-page .payroll-tabs .tab-btn:hover:not(:disabled),.payroll-page .payroll-tabs button:hover:not(:disabled),.payroll-modal .payroll-tabs .tab-btn:hover:not(:disabled),.payroll-modal .payroll-tabs button:hover:not(:disabled),.payroll-page .payroll-pagination button:hover:not(:disabled),.payroll-page .pagination button:hover:not(:disabled),.payroll-modal .payroll-pagination button:hover:not(:disabled),.payroll-modal .pagination button:hover:not(:disabled),.payroll-page .payroll-btn-danger:hover:not(:disabled),.payroll-modal .payroll-btn-danger:hover:not(:disabled),.payroll-page .payroll-btn-ghost:hover:not(:disabled),.payroll-modal .payroll-btn-ghost:hover:not(:disabled),.payroll-page .btn-secondary:hover:not(:disabled),.payroll-page .payroll-btn-secondary:hover:not(:disabled),.payroll-modal .btn-secondary:hover:not(:disabled),.payroll-modal .payroll-btn-secondary:hover:not(:disabled),.payroll-page .btn-primary:hover:not(:disabled),.payroll-page .payroll-btn-primary:hover:not(:disabled),.payroll-modal .btn-primary:hover:not(:disabled),.payroll-modal .payroll-btn-primary:hover:not(:disabled){transform:translateY(-1.5px)}.payroll-page .payroll-tabs .tab-btn:active:not(:disabled),.payroll-page .payroll-tabs button:active:not(:disabled),.payroll-modal .payroll-tabs .tab-btn:active:not(:disabled),.payroll-modal .payroll-tabs button:active:not(:disabled),.payroll-page .payroll-pagination button:active:not(:disabled),.payroll-page .pagination button:active:not(:disabled),.payroll-modal .payroll-pagination button:active:not(:disabled),.payroll-modal .pagination button:active:not(:disabled),.payroll-page .payroll-btn-danger:active:not(:disabled),.payroll-modal .payroll-btn-danger:active:not(:disabled),.payroll-page .payroll-btn-ghost:active:not(:disabled),.payroll-modal .payroll-btn-ghost:active:not(:disabled),.payroll-page .btn-secondary:active:not(:disabled),.payroll-page .payroll-btn-secondary:active:not(:disabled),.payroll-modal .btn-secondary:active:not(:disabled),.payroll-modal .payroll-btn-secondary:active:not(:disabled),.payroll-page .btn-primary:active:not(:disabled),.payroll-page .payroll-btn-primary:active:not(:disabled),.payroll-modal .btn-primary:active:not(:disabled),.payroll-modal .payroll-btn-primary:active:not(:disabled){transform:translateY(.5px) scale(.985)}.payroll-page .payroll-tabs .tab-btn:disabled,.payroll-page .payroll-tabs button:disabled,.payroll-modal .payroll-tabs .tab-btn:disabled,.payroll-modal .payroll-tabs button:disabled,.payroll-page .payroll-pagination button:disabled,.payroll-page .pagination button:disabled,.payroll-modal .payroll-pagination button:disabled,.payroll-modal .pagination button:disabled,.payroll-page .payroll-btn-danger:disabled,.payroll-modal .payroll-btn-danger:disabled,.payroll-page .payroll-btn-ghost:disabled,.payroll-modal .payroll-btn-ghost:disabled,.payroll-page .btn-secondary:disabled,.payroll-page .payroll-btn-secondary:disabled,.payroll-modal .btn-secondary:disabled,.payroll-modal .payroll-btn-secondary:disabled,.payroll-page .btn-primary:disabled,.payroll-page .payroll-btn-primary:disabled,.payroll-modal .btn-primary:disabled,.payroll-modal .payroll-btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.payroll-page{display:flex;flex-direction:column;gap:20px;padding:20px 20px 32px;min-width:0;width:100%;box-sizing:border-box}.payroll-page,.payroll-modal{color:var(--ion-text-color, #1a2a4a);font-size:.88rem;line-height:1.5}.payroll-page h1,.payroll-page h2,.payroll-page h3,.payroll-page h4,.payroll-modal h1,.payroll-modal h2,.payroll-modal h3,.payroll-modal h4{color:#1a2a4a;margin:0;font-weight:700}.payroll-page .payroll-card,.payroll-modal .payroll-card{padding:20px}.payroll-page .payroll-section,.payroll-modal .payroll-section{display:flex;flex-direction:column;gap:16px}.payroll-page .payroll-section__title,.payroll-modal .payroll-section__title{font-size:1rem;font-weight:700;color:#1a2a4a}.payroll-page .payroll-grid,.payroll-modal .payroll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.payroll-page .payroll-grid--kpi,.payroll-modal .payroll-grid--kpi{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.payroll-page .payroll-toolbar,.payroll-modal .payroll-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.payroll-page .payroll-actions,.payroll-modal .payroll-actions{display:inline-flex;align-items:center;gap:8px}.payroll-page .payroll-page-header,.payroll-modal .payroll-page-header{display:flex;flex-direction:column;gap:12px}.payroll-page .payroll-page-header__breadcrumbs,.payroll-modal .payroll-page-header__breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.72rem;color:#94a3b8;font-weight:500}.payroll-page .payroll-page-header__breadcrumbs:empty,.payroll-modal .payroll-page-header__breadcrumbs:empty{display:none}.payroll-page .payroll-page-header__breadcrumbs a,.payroll-page .payroll-page-header__breadcrumbs button.link,.payroll-modal .payroll-page-header__breadcrumbs a,.payroll-modal .payroll-page-header__breadcrumbs button.link{color:var(--ion-color-primary, #1a6fdb);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font:inherit}.payroll-page .payroll-page-header__breadcrumbs a:focus-visible,.payroll-page .payroll-page-header__breadcrumbs button.link:focus-visible,.payroll-modal .payroll-page-header__breadcrumbs a:focus-visible,.payroll-modal .payroll-page-header__breadcrumbs button.link:focus-visible{outline:2px solid var(--ion-color-primary, #1a6fdb);outline-offset:2px}.payroll-page .payroll-page-header__breadcrumbs a:hover,.payroll-page .payroll-page-header__breadcrumbs button.link:hover,.payroll-modal .payroll-page-header__breadcrumbs a:hover,.payroll-modal .payroll-page-header__breadcrumbs button.link:hover{text-decoration:underline}.payroll-page .payroll-page-header__breadcrumbs .sep,.payroll-modal .payroll-page-header__breadcrumbs .sep{color:#cbd5e1}.payroll-page .payroll-page-header__row,.payroll-modal .payroll-page-header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.payroll-page .payroll-page-header__title-block,.payroll-modal .payroll-page-header__title-block{display:flex;align-items:flex-start;gap:12px;min-width:0}.payroll-page .payroll-page-header__icon,.payroll-modal .payroll-page-header__icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--ion-color-primary, #1a6fdb),var(--ion-color-secondary, #3b9eff));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #1a6fdb40}.payroll-page .payroll-page-header__icon ion-icon,.payroll-modal .payroll-page-header__icon ion-icon{font-size:1.35rem}.payroll-page .payroll-page-header__title,.payroll-modal .payroll-page-header__title{font-size:clamp(1.5rem,2.2vw,1.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.2}.payroll-page .payroll-page-header__subtitle,.payroll-modal .payroll-page-header__subtitle{margin:4px 0 0;font-size:.8rem;color:#64748b;font-weight:500;max-width:640px}.payroll-page .payroll-page-header__actions,.payroll-modal .payroll-page-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}.payroll-page .payroll-page-header__actions:empty,.payroll-modal .payroll-page-header__actions:empty{display:none}.payroll-page .payroll-filter,.payroll-modal .payroll-filter{padding:16px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.payroll-page .payroll-filter__fields,.payroll-modal .payroll-filter__fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;flex:1;min-width:0}.payroll-page .payroll-filter__row,.payroll-modal .payroll-filter__row{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:12px;width:100%;min-width:0}.payroll-page .payroll-filter__row .payroll-search,.payroll-modal .payroll-filter__row .payroll-search{flex:1 1 auto;min-width:180px;max-width:none}.payroll-page .payroll-filter__row .payroll-filter__field,.payroll-modal .payroll-filter__row .payroll-filter__field{flex:0 0 auto}.payroll-page .payroll-filter__actions,.payroll-modal .payroll-filter__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}.payroll-page .payroll-filter__actions:empty,.payroll-modal .payroll-filter__actions:empty{display:none}.payroll-page .payroll-filter__field,.payroll-modal .payroll-filter__field{display:flex;flex-direction:column;gap:4px;min-width:160px}.payroll-page .payroll-filter__field label,.payroll-modal .payroll-filter__field label{font-size:.72rem;font-weight:600;color:#64748b}.payroll-page .payroll-search,.payroll-modal .payroll-search{display:flex;align-items:center;gap:8px;height:40px;background:#f8faff;border:1.5px solid #dbeafe;border-radius:10px;padding:0 12px;min-width:200px;flex:1;max-width:360px;transition:border-color .2s,box-shadow .2s}.payroll-page .payroll-search:focus-within,.payroll-modal .payroll-search:focus-within{border-color:var(--ion-color-primary, #1a6fdb);background:#fff;box-shadow:0 0 0 3px #1a6fdb1f}.payroll-page .payroll-search ion-icon,.payroll-modal .payroll-search ion-icon{color:#94a3b8;font-size:1rem;flex-shrink:0}.payroll-page .payroll-search input,.payroll-modal .payroll-search input{border:none;outline:none;background:transparent;width:100%;font-size:.88rem;color:#1a2a4a;height:100%}.payroll-page .payroll-search input::placeholder,.payroll-modal .payroll-search input::placeholder{color:#94a3b8}.payroll-page .payroll-kpi,.payroll-modal .payroll-kpi{padding:16px;display:flex;align-items:flex-start;gap:12px;min-height:96px;transition:box-shadow .2s,transform .15s}.payroll-page .payroll-kpi:hover,.payroll-modal .payroll-kpi:hover{box-shadow:0 8px 24px #1a6fdb1a}.payroll-page .payroll-kpi__icon,.payroll-modal .payroll-kpi__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f0f6ff;color:var(--ion-color-primary, #1a6fdb);flex-shrink:0}.payroll-page .payroll-kpi__icon ion-icon,.payroll-modal .payroll-kpi__icon ion-icon{font-size:1.2rem}.payroll-page .payroll-kpi__body,.payroll-modal .payroll-kpi__body{min-width:0;flex:1}.payroll-page .payroll-kpi__label,.payroll-modal .payroll-kpi__label{font-size:.72rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.payroll-page .payroll-kpi__value,.payroll-modal .payroll-kpi__value{font-size:1.5rem;font-weight:800;color:#1a2a4a;line-height:1.15;letter-spacing:-.02em}.payroll-page .payroll-kpi__helper,.payroll-modal .payroll-kpi__helper{margin-top:4px;font-size:.72rem;color:#64748b}.payroll-page .payroll-kpi--primary .payroll-kpi__icon,.payroll-modal .payroll-kpi--primary .payroll-kpi__icon{background:#eff6ff;color:var(--ion-color-primary, #1a6fdb)}.payroll-page .payroll-kpi--success .payroll-kpi__icon,.payroll-modal .payroll-kpi--success .payroll-kpi__icon{background:#dcfce7;color:#16a34a}.payroll-page .payroll-kpi--warning .payroll-kpi__icon,.payroll-modal .payroll-kpi--warning .payroll-kpi__icon{background:#fef9c3;color:#ca8a04}.payroll-page .payroll-kpi--danger .payroll-kpi__icon,.payroll-modal .payroll-kpi--danger .payroll-kpi__icon{background:#fee2e2;color:#dc2626}.payroll-page .payroll-kpi--info .payroll-kpi__icon,.payroll-modal .payroll-kpi--info .payroll-kpi__icon{background:#e0f2fe;color:#0284c7}.payroll-page .payroll-empty,.payroll-modal .payroll-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:32px 20px;color:#94a3b8}.payroll-page .payroll-empty__icon ion-icon,.payroll-modal .payroll-empty__icon ion-icon{font-size:3.25rem;color:#e2e8f0}.payroll-page .payroll-empty__title,.payroll-modal .payroll-empty__title{font-size:1rem;font-weight:700;color:#64748b}.payroll-page .payroll-empty__message,.payroll-modal .payroll-empty__message{margin:0;font-size:.8rem;max-width:360px;line-height:1.5}.payroll-page .payroll-empty__action,.payroll-modal .payroll-empty__action{margin-top:8px}.payroll-page .payroll-empty__action:empty,.payroll-modal .payroll-empty__action:empty{display:none}.payroll-page .btn-primary,.payroll-page .payroll-btn-primary,.payroll-modal .btn-primary,.payroll-modal .payroll-btn-primary{background:linear-gradient(135deg,var(--ion-color-primary, #1a6fdb),var(--ion-color-secondary, #3b9eff));color:#fff;box-shadow:0 4px 14px #1a6fdb47}.payroll-page .btn-primary:hover:not(:disabled),.payroll-page .payroll-btn-primary:hover:not(:disabled),.payroll-modal .btn-primary:hover:not(:disabled),.payroll-modal .payroll-btn-primary:hover:not(:disabled){box-shadow:0 6px 18px #1a6fdb5c;filter:brightness(1.03)}.payroll-page .btn-primary:active:not(:disabled),.payroll-page .payroll-btn-primary:active:not(:disabled),.payroll-modal .btn-primary:active:not(:disabled),.payroll-modal .payroll-btn-primary:active:not(:disabled){box-shadow:0 2px 8px #1a6fdb38}.payroll-page .btn-secondary,.payroll-page .payroll-btn-secondary,.payroll-modal .btn-secondary,.payroll-modal .payroll-btn-secondary{background:#f0f6ff;color:var(--ion-color-primary, #1a6fdb);border:1.5px solid #dbeafe}.payroll-page .btn-secondary:hover:not(:disabled),.payroll-page .payroll-btn-secondary:hover:not(:disabled),.payroll-modal .btn-secondary:hover:not(:disabled),.payroll-modal .payroll-btn-secondary:hover:not(:disabled){background:#dbeafe;box-shadow:0 4px 12px #1a6fdb1f}.payroll-page .btn-secondary:active:not(:disabled),.payroll-page .payroll-btn-secondary:active:not(:disabled),.payroll-modal .btn-secondary:active:not(:disabled),.payroll-modal .payroll-btn-secondary:active:not(:disabled){box-shadow:0 1px 4px #1a6fdb14}.payroll-page .payroll-btn-ghost,.payroll-modal .payroll-btn-ghost{background:transparent;color:#64748b;border:1.5px solid transparent}.payroll-page .payroll-btn-ghost:hover:not(:disabled),.payroll-modal .payroll-btn-ghost:hover:not(:disabled){background:#f0f6ff;color:var(--ion-color-primary, #1a6fdb)}.payroll-page .payroll-btn-danger,.payroll-modal .payroll-btn-danger{background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca}.payroll-page .payroll-btn-danger:hover:not(:disabled),.payroll-modal .payroll-btn-danger:hover:not(:disabled){background:#fee2e2;box-shadow:0 4px 12px #dc262626}.payroll-page .payroll-btn-danger:active:not(:disabled),.payroll-modal .payroll-btn-danger:active:not(:disabled){box-shadow:0 1px 4px #dc26261a}.payroll-page .icon-btn,.payroll-modal .icon-btn{width:32px;height:32px;border-radius:8px;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;transition:background .15s}.payroll-page .icon-btn:focus-visible,.payroll-modal .icon-btn:focus-visible{outline:2px solid var(--ion-color-primary, #1a6fdb);outline-offset:2px}.payroll-page .icon-btn ion-icon,.payroll-modal .icon-btn ion-icon{font-size:1rem}.payroll-page .icon-btn:disabled,.payroll-modal .icon-btn:disabled{opacity:.45;cursor:not-allowed}.payroll-page .icon-btn.view,.payroll-modal .icon-btn.view{background:var(--action-view-bg, #eff6ff);color:var(--action-view, #2563eb)}.payroll-page .icon-btn.view:hover:not(:disabled),.payroll-modal .icon-btn.view:hover:not(:disabled){background:var(--action-view-hover, #dbeafe)}.payroll-page .icon-btn.edit,.payroll-modal .icon-btn.edit{background:var(--action-edit-bg, #fffbeb);color:var(--action-edit, #d97706)}.payroll-page .icon-btn.edit:hover:not(:disabled),.payroll-modal .icon-btn.edit:hover:not(:disabled){background:var(--action-edit-hover, #fef3c7)}.payroll-page .icon-btn.del,.payroll-page .icon-btn.delete,.payroll-modal .icon-btn.del,.payroll-modal .icon-btn.delete{background:var(--action-delete-bg, #fef2f2);color:var(--action-delete, #dc2626)}.payroll-page .icon-btn.del:hover:not(:disabled),.payroll-page .icon-btn.delete:hover:not(:disabled),.payroll-modal .icon-btn.del:hover:not(:disabled),.payroll-modal .icon-btn.delete:hover:not(:disabled){background:var(--action-delete-hover, #fee2e2)}.payroll-page .icon-btn.history,.payroll-modal .icon-btn.history{background:var(--action-manage-bg, #f5f3ff);color:var(--action-manage, #7c3aed)}.payroll-page .icon-btn.history:hover:not(:disabled),.payroll-modal .icon-btn.history:hover:not(:disabled){background:var(--action-manage-hover, #ede9fe)}.payroll-page .icon-btn.activate,.payroll-modal .icon-btn.activate{background:var(--action-approve-bg, #f0fdf4);color:var(--action-approve, #16a34a)}.payroll-page .icon-btn.activate:hover:not(:disabled),.payroll-modal .icon-btn.activate:hover:not(:disabled){background:var(--action-approve-hover, #dcfce7)}.payroll-page .icon-btn.deactivate,.payroll-modal .icon-btn.deactivate{background:var(--action-warning-bg, #fffbeb);color:var(--action-warning, #d97706)}.payroll-page .icon-btn.deactivate:hover:not(:disabled),.payroll-modal .icon-btn.deactivate:hover:not(:disabled){background:var(--action-warning-hover, #fef3c7)}.payroll-page .icon-btn.download,.payroll-page .icon-btn.print,.payroll-modal .icon-btn.download,.payroll-modal .icon-btn.print{background:var(--action-download-bg, #eff6ff);color:var(--action-download, #2563eb)}.payroll-page .icon-btn.download:hover:not(:disabled),.payroll-page .icon-btn.print:hover:not(:disabled),.payroll-modal .icon-btn.download:hover:not(:disabled),.payroll-modal .icon-btn.print:hover:not(:disabled){background:var(--action-download-hover, #dbeafe)}.payroll-page .icon-btn.approve,.payroll-modal .icon-btn.approve{background:#dcfce7;color:#16a34a}.payroll-page .icon-btn.approve:hover:not(:disabled),.payroll-modal .icon-btn.approve:hover:not(:disabled){background:#bbf7d0}.payroll-page .icon-btn.reject,.payroll-modal .icon-btn.reject{background:#fee2e2;color:#dc2626}.payroll-page .icon-btn.reject:hover:not(:disabled),.payroll-modal .icon-btn.reject:hover:not(:disabled){background:#fecaca}.payroll-page .payroll-badge,.payroll-page .badge,.payroll-modal .payroll-badge,.payroll-modal .badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600;line-height:1.4;background:#f1f5f9;color:#64748b;text-transform:capitalize;white-space:nowrap}.payroll-page .payroll-badge.active,.payroll-page .payroll-badge.approved,.payroll-page .payroll-badge.processed,.payroll-page .payroll-badge.success,.payroll-page .badge.active,.payroll-page .badge.approved,.payroll-page .badge.processed,.payroll-page .badge.success,.payroll-modal .payroll-badge.active,.payroll-modal .payroll-badge.approved,.payroll-modal .payroll-badge.processed,.payroll-modal .payroll-badge.success,.payroll-modal .badge.active,.payroll-modal .badge.approved,.payroll-modal .badge.processed,.payroll-modal .badge.success{background:#dcfce7;color:#16a34a}.payroll-page .payroll-badge.inactive,.payroll-page .payroll-badge.draft,.payroll-page .badge.inactive,.payroll-page .badge.draft,.payroll-modal .payroll-badge.inactive,.payroll-modal .payroll-badge.draft,.payroll-modal .badge.inactive,.payroll-modal .badge.draft{background:#f1f5f9;color:#64748b}.payroll-page .payroll-badge.pending,.payroll-page .payroll-badge.warning,.payroll-page .badge.pending,.payroll-page .badge.warning,.payroll-modal .payroll-badge.pending,.payroll-modal .payroll-badge.warning,.payroll-modal .badge.pending,.payroll-modal .badge.warning{background:#fef9c3;color:#ca8a04}.payroll-page .payroll-badge.rejected,.payroll-page .payroll-badge.danger,.payroll-page .payroll-badge.failed,.payroll-page .badge.rejected,.payroll-page .badge.danger,.payroll-page .badge.failed,.payroll-modal .payroll-badge.rejected,.payroll-modal .payroll-badge.danger,.payroll-modal .payroll-badge.failed,.payroll-modal .badge.rejected,.payroll-modal .badge.danger,.payroll-modal .badge.failed{background:#fee2e2;color:#dc2626}.payroll-page .payroll-badge.locked,.payroll-page .badge.locked,.payroll-modal .payroll-badge.locked,.payroll-modal .badge.locked{background:#e0e7ff;color:#4338ca}.payroll-page .payroll-badge.info,.payroll-page .badge.info,.payroll-modal .payroll-badge.info,.payroll-modal .badge.info{background:#e0f2fe;color:#0284c7}.payroll-page .payroll-form .form-grid,.payroll-page .payroll-form .payroll-form__grid,.payroll-modal .payroll-form .form-grid,.payroll-modal .payroll-form .payroll-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.payroll-page .payroll-form .field,.payroll-page .payroll-form .payroll-form__field,.payroll-modal .payroll-form .field,.payroll-modal .payroll-form .payroll-form__field{display:flex;flex-direction:column;gap:8px;min-width:0}.payroll-page .payroll-form .field label,.payroll-page .payroll-form .payroll-form__field label,.payroll-modal .payroll-form .field label,.payroll-modal .payroll-form .payroll-form__field label{font-size:.8rem;font-weight:600;color:#64748b}.payroll-page .payroll-form .field label .req,.payroll-page .payroll-form .field label .required,.payroll-page .payroll-form .payroll-form__field label .req,.payroll-page .payroll-form .payroll-form__field label .required,.payroll-modal .payroll-form .field label .req,.payroll-modal .payroll-form .field label .required,.payroll-modal .payroll-form .payroll-form__field label .req,.payroll-modal .payroll-form .payroll-form__field label .required{color:#dc2626;margin-left:2px}.payroll-page .payroll-form .field .hint,.payroll-page .payroll-form .field .helper,.payroll-page .payroll-form .payroll-form__field .hint,.payroll-page .payroll-form .payroll-form__field .helper,.payroll-modal .payroll-form .field .hint,.payroll-modal .payroll-form .field .helper,.payroll-modal .payroll-form .payroll-form__field .hint,.payroll-modal .payroll-form .payroll-form__field .helper{font-size:.72rem;color:#94a3b8}.payroll-page .payroll-form .field .error,.payroll-page .payroll-form .field .validation-error,.payroll-page .payroll-form .payroll-form__field .error,.payroll-page .payroll-form .payroll-form__field .validation-error,.payroll-modal .payroll-form .field .error,.payroll-modal .payroll-form .field .validation-error,.payroll-modal .payroll-form .payroll-form__field .error,.payroll-modal .payroll-form .payroll-form__field .validation-error{font-size:.72rem;color:#dc2626;font-weight:500}.payroll-page .payroll-form .field.invalid input,.payroll-page .payroll-form .field.invalid select,.payroll-page .payroll-form .field.invalid textarea,.payroll-page .payroll-form .field input.ng-invalid.ng-touched,.payroll-page .payroll-form .field select.ng-invalid.ng-touched,.payroll-page .payroll-form .field textarea.ng-invalid.ng-touched,.payroll-page .payroll-form .payroll-form__field.invalid input,.payroll-page .payroll-form .payroll-form__field.invalid select,.payroll-page .payroll-form .payroll-form__field.invalid textarea,.payroll-page .payroll-form .payroll-form__field input.ng-invalid.ng-touched,.payroll-page .payroll-form .payroll-form__field select.ng-invalid.ng-touched,.payroll-page .payroll-form .payroll-form__field textarea.ng-invalid.ng-touched,.payroll-modal .payroll-form .field.invalid input,.payroll-modal .payroll-form .field.invalid select,.payroll-modal .payroll-form .field.invalid textarea,.payroll-modal .payroll-form .field input.ng-invalid.ng-touched,.payroll-modal .payroll-form .field select.ng-invalid.ng-touched,.payroll-modal .payroll-form .field textarea.ng-invalid.ng-touched,.payroll-modal .payroll-form .payroll-form__field.invalid input,.payroll-modal .payroll-form .payroll-form__field.invalid select,.payroll-modal .payroll-form .payroll-form__field.invalid textarea,.payroll-modal .payroll-form .payroll-form__field input.ng-invalid.ng-touched,.payroll-modal .payroll-form .payroll-form__field select.ng-invalid.ng-touched,.payroll-modal .payroll-form .payroll-form__field textarea.ng-invalid.ng-touched{border-color:#fca5a5;background:#fff5f5}.payroll-page .payroll-form input:not([type=checkbox]):not([type=radio]),.payroll-page .payroll-form select,.payroll-page .payroll-form textarea,.payroll-modal .payroll-form input:not([type=checkbox]):not([type=radio]),.payroll-modal .payroll-form select,.payroll-modal .payroll-form textarea{width:100%;box-sizing:border-box;height:40px;border:1.5px solid #dbeafe;border-radius:10px;padding:0 12px;font-size:.88rem;color:#1a2a4a;background:#f8faff;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.payroll-page .payroll-form input:not([type=checkbox]):not([type=radio]):focus-visible,.payroll-page .payroll-form select:focus-visible,.payroll-page .payroll-form textarea:focus-visible,.payroll-modal .payroll-form input:not([type=checkbox]):not([type=radio]):focus-visible,.payroll-modal .payroll-form select:focus-visible,.payroll-modal .payroll-form textarea:focus-visible{outline:2px solid var(--ion-color-primary, #1a6fdb);outline-offset:2px}.payroll-page .payroll-form input:not([type=checkbox]):not([type=radio]):hover:not(:disabled),.payroll-page .payroll-form select:hover:not(:disabled),.payroll-page .payroll-form textarea:hover:not(:disabled),.payroll-modal .payroll-form input:not([type=checkbox]):not([type=radio]):hover:not(:disabled),.payroll-modal .payroll-form select:hover:not(:disabled),.payroll-modal .payroll-form textarea:hover:not(:disabled){border-color:#93c5fd}.payroll-page .payroll-form input:not([type=checkbox]):not([type=radio]):focus,.payroll-page .payroll-form input:not([type=checkbox]):not([type=radio]):focus-visible,.payroll-page .payroll-form select:focus,.payroll-page .payroll-form select:focus-visible,.payroll-page .payroll-form textarea:focus,.payroll-page .payroll-form textarea:focus-visible,.payroll-modal .payroll-form input:not([type=checkbox]):not([type=radio]):focus,.payroll-modal .payroll-form input:not([type=checkbox]):not([type=radio]):focus-visible,.payroll-modal .payroll-form select:focus,.payroll-modal .payroll-form select:focus-visible,.payroll-modal .payroll-form textarea:focus,.payroll-modal .payroll-form textarea:focus-visible{border-color:var(--ion-color-primary, #1a6fdb);background:#fff;box-shadow:0 0 0 3px #1a6fdb1f}.payroll-page .payroll-form input:not([type=checkbox]):not([type=radio]):disabled,.payroll-page .payroll-form select:disabled,.payroll-page .payroll-form textarea:disabled,.payroll-modal .payroll-form input:not([type=checkbox]):not([type=radio]):disabled,.payroll-modal .payroll-form select:disabled,.payroll-modal .payroll-form textarea:disabled{opacity:.55;cursor:not-allowed;background:#f1f5f9}.payroll-page .payroll-form input:not([type=checkbox]):not([type=radio])::placeholder,.payroll-page .payroll-form select::placeholder,.payroll-page .payroll-form textarea::placeholder,.payroll-modal .payroll-form input:not([type=checkbox]):not([type=radio])::placeholder,.payroll-modal .payroll-form select::placeholder,.payroll-modal .payroll-form textarea::placeholder{color:#94a3b8}.payroll-page .payroll-form textarea,.payroll-modal .payroll-form textarea{height:auto;min-height:88px;padding:12px;resize:vertical}.payroll-page .payroll-form select,.payroll-modal .payroll-form select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important;padding-right:38px!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}.payroll-page .payroll-form select option,.payroll-modal .payroll-form select option{background-color:#fff!important;color:#0f172a!important;font-size:.88rem;font-weight:500;padding:10px 14px;line-height:1.5}.payroll-page .payroll-form .form-actions,.payroll-page .payroll-form .payroll-form__actions,.payroll-modal .payroll-form .form-actions,.payroll-modal .payroll-form .payroll-form__actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;padding-top:8px}.payroll-page select.payroll-select,.payroll-page .payroll-filter select,.payroll-page .payroll-filter input:not([type=checkbox]):not([type=radio]),.payroll-modal select.payroll-select,.payroll-modal .payroll-filter select,.payroll-modal .payroll-filter input:not([type=checkbox]):not([type=radio]){height:40px;border:1.5px solid #dbeafe;border-radius:10px;padding:0 12px;font-size:.88rem;color:#1a2a4a;background:#f8faff;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.payroll-page select.payroll-select:focus-visible,.payroll-page .payroll-filter select:focus-visible,.payroll-page .payroll-filter input:not([type=checkbox]):not([type=radio]):focus-visible,.payroll-modal select.payroll-select:focus-visible,.payroll-modal .payroll-filter select:focus-visible,.payroll-modal .payroll-filter input:not([type=checkbox]):not([type=radio]):focus-visible{outline:2px solid var(--ion-color-primary, #1a6fdb);outline-offset:2px}.payroll-page select.payroll-select:hover:not(:disabled),.payroll-page .payroll-filter select:hover:not(:disabled),.payroll-page .payroll-filter input:not([type=checkbox]):not([type=radio]):hover:not(:disabled),.payroll-modal select.payroll-select:hover:not(:disabled),.payroll-modal .payroll-filter select:hover:not(:disabled),.payroll-modal .payroll-filter input:not([type=checkbox]):not([type=radio]):hover:not(:disabled){border-color:#93c5fd}.payroll-page select.payroll-select:focus,.payroll-page select.payroll-select:focus-visible,.payroll-page .payroll-filter select:focus,.payroll-page .payroll-filter select:focus-visible,.payroll-page .payroll-filter input:not([type=checkbox]):not([type=radio]):focus,.payroll-page .payroll-filter input:not([type=checkbox]):not([type=radio]):focus-visible,.payroll-modal select.payroll-select:focus,.payroll-modal select.payroll-select:focus-visible,.payroll-modal .payroll-filter select:focus,.payroll-modal .payroll-filter select:focus-visible,.payroll-modal .payroll-filter input:not([type=checkbox]):not([type=radio]):focus,.payroll-modal .payroll-filter input:not([type=checkbox]):not([type=radio]):focus-visible{border-color:var(--ion-color-primary, #1a6fdb);background:#fff;box-shadow:0 0 0 3px #1a6fdb1f}.payroll-page select.payroll-select:disabled,.payroll-page .payroll-filter select:disabled,.payroll-page .payroll-filter input:not([type=checkbox]):not([type=radio]):disabled,.payroll-modal select.payroll-select:disabled,.payroll-modal .payroll-filter select:disabled,.payroll-modal .payroll-filter input:not([type=checkbox]):not([type=radio]):disabled{opacity:.55;cursor:not-allowed;background:#f1f5f9}.payroll-page select.payroll-select::placeholder,.payroll-page .payroll-filter select::placeholder,.payroll-page .payroll-filter input:not([type=checkbox]):not([type=radio])::placeholder,.payroll-modal select.payroll-select::placeholder,.payroll-modal .payroll-filter select::placeholder,.payroll-modal .payroll-filter input:not([type=checkbox]):not([type=radio])::placeholder{color:#94a3b8}.payroll-page select.payroll-select,.payroll-page .payroll-filter select,.payroll-modal select.payroll-select,.payroll-modal .payroll-filter select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important;padding-right:38px!important;min-width:140px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}.payroll-page select.payroll-select option,.payroll-page .payroll-filter select option,.payroll-modal select.payroll-select option,.payroll-modal .payroll-filter select option{background-color:#fff!important;color:#0f172a!important;font-size:.88rem;font-weight:500;padding:10px 14px;line-height:1.5}.payroll-page .payroll-table,.payroll-page .card-table,.payroll-modal .payroll-table,.payroll-modal .card-table{padding:0;overflow:auto;max-height:min(70vh,720px);position:relative}.payroll-page .payroll-table .table-header,.payroll-page .payroll-table thead th,.payroll-page .card-table .table-header,.payroll-page .card-table thead th,.payroll-modal .payroll-table .table-header,.payroll-modal .payroll-table thead th,.payroll-modal .card-table .table-header,.payroll-modal .card-table thead th{position:sticky;top:0;z-index:2;background:#f8faff;border-bottom:1px solid #e8f0fe;font-size:.72rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.payroll-page .payroll-table .table-header,.payroll-page .card-table .table-header,.payroll-modal .payroll-table .table-header,.payroll-modal .card-table .table-header{display:grid;grid-template-columns:var(--cols, repeat(4, 1fr));min-width:var(--min-table-width, 600px);padding:12px 20px}.payroll-page .payroll-table .table-row,.payroll-page .card-table .table-row,.payroll-modal .payroll-table .table-row,.payroll-modal .card-table .table-row{display:grid;grid-template-columns:var(--cols, repeat(4, 1fr));min-width:var(--min-table-width, 600px);padding:14px 20px;border-bottom:1px solid #f1f5f9;font-size:.88rem;color:#1a2a4a;align-items:center;transition:background .15s}.payroll-page .payroll-table .table-row:nth-child(2n),.payroll-page .card-table .table-row:nth-child(2n),.payroll-modal .payroll-table .table-row:nth-child(2n),.payroll-modal .card-table .table-row:nth-child(2n){background:#fafcff}.payroll-page .payroll-table .table-row:hover,.payroll-page .card-table .table-row:hover,.payroll-modal .payroll-table .table-row:hover,.payroll-modal .card-table .table-row:hover{background:#f0f6ff}.payroll-page .payroll-table .table-row:last-child,.payroll-page .card-table .table-row:last-child,.payroll-modal .payroll-table .table-row:last-child,.payroll-modal .card-table .table-row:last-child{border-bottom:none}.payroll-page .payroll-table table,.payroll-page .card-table table,.payroll-modal .payroll-table table,.payroll-modal .card-table table{width:100%;border-collapse:collapse;min-width:var(--min-table-width, 600px)}.payroll-page .payroll-table table th,.payroll-page .payroll-table table td,.payroll-page .card-table table th,.payroll-page .card-table table td,.payroll-modal .payroll-table table th,.payroll-modal .payroll-table table td,.payroll-modal .card-table table th,.payroll-modal .card-table table td{padding:12px 16px;text-align:left;vertical-align:middle}.payroll-page .payroll-table table tbody tr,.payroll-page .card-table table tbody tr,.payroll-modal .payroll-table table tbody tr,.payroll-modal .card-table table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.payroll-page .payroll-table table tbody tr:nth-child(2n),.payroll-page .card-table table tbody tr:nth-child(2n),.payroll-modal .payroll-table table tbody tr:nth-child(2n),.payroll-modal .card-table table tbody tr:nth-child(2n){background:#fafcff}.payroll-page .payroll-table table tbody tr:hover,.payroll-page .card-table table tbody tr:hover,.payroll-modal .payroll-table table tbody tr:hover,.payroll-modal .card-table table tbody tr:hover{background:#f0f6ff}.payroll-page .payroll-table .actions-col,.payroll-page .payroll-table .col-actions,.payroll-page .card-table .actions-col,.payroll-page .card-table .col-actions,.payroll-modal .payroll-table .actions-col,.payroll-modal .payroll-table .col-actions,.payroll-modal .card-table .actions-col,.payroll-modal .card-table .col-actions{display:flex;justify-content:flex-end;gap:8px}.payroll-page .payroll-pagination,.payroll-page .pagination,.payroll-modal .payroll-pagination,.payroll-modal .pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px;font-size:.8rem;color:#64748b}.payroll-page .payroll-pagination .page-btns,.payroll-page .payroll-pagination .payroll-pagination__btns,.payroll-page .pagination .page-btns,.payroll-page .pagination .payroll-pagination__btns,.payroll-modal .payroll-pagination .page-btns,.payroll-modal .payroll-pagination .payroll-pagination__btns,.payroll-modal .pagination .page-btns,.payroll-modal .pagination .payroll-pagination__btns{display:flex;align-items:center;gap:8px}.payroll-page .payroll-pagination button,.payroll-page .pagination button,.payroll-modal .payroll-pagination button,.payroll-modal .pagination button{height:34px;padding:0 12px;background:#f0f6ff;color:var(--ion-color-primary, #1a6fdb);border:1.5px solid #dbeafe}.payroll-page .payroll-pagination button:hover:not(:disabled),.payroll-page .pagination button:hover:not(:disabled),.payroll-modal .payroll-pagination button:hover:not(:disabled),.payroll-modal .pagination button:hover:not(:disabled){background:#dbeafe}.payroll-page .payroll-pagination button.active,.payroll-page .pagination button.active,.payroll-modal .payroll-pagination button.active,.payroll-modal .pagination button.active{background:var(--ion-color-primary, #1a6fdb);color:#fff;border-color:var(--ion-color-primary, #1a6fdb)}.payroll-page .payroll-skeleton,.payroll-page .skeleton-row .skeleton-cell,.payroll-modal .payroll-skeleton,.payroll-modal .skeleton-row .skeleton-cell{height:13px;border-radius:6px;background:linear-gradient(90deg,#f0f4ff 25%,#dbeafe,#f0f4ff 75%);background-size:200% 100%;animation:payroll-shimmer 1.4s infinite}.payroll-page .loading-row,.payroll-modal .loading-row{padding:0;display:flex;flex-direction:column}.payroll-page .loading-row .skeleton-row,.payroll-modal .loading-row .skeleton-row{display:grid;grid-template-columns:var(--cols, repeat(4, 1fr));padding:14px 20px;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px}.payroll-page .payroll-tabs,.payroll-modal .payroll-tabs{display:flex;gap:4px;padding:8px;background:#f8faff;border-radius:14px;border:1px solid #e8f0fe;overflow-x:auto}.payroll-page .payroll-tabs .tab-btn,.payroll-page .payroll-tabs button,.payroll-modal .payroll-tabs .tab-btn,.payroll-modal .payroll-tabs button{height:36px;background:transparent;color:#64748b;border:none;box-shadow:none}.payroll-page .payroll-tabs .tab-btn.active,.payroll-page .payroll-tabs button.active,.payroll-modal .payroll-tabs .tab-btn.active,.payroll-modal .payroll-tabs button.active{background:var(--ion-color-primary, #1a6fdb);color:#fff;box-shadow:0 4px 12px #1a6fdb38}.payroll-page .payroll-tabs .tab-btn.active:hover:not(:disabled),.payroll-page .payroll-tabs button.active:hover:not(:disabled),.payroll-modal .payroll-tabs .tab-btn.active:hover:not(:disabled),.payroll-modal .payroll-tabs button.active:hover:not(:disabled){background:var(--ion-color-primary-tint, #317ddf);color:#fff}.payroll-page .payroll-tabs .tab-btn:hover:not(.active):not(:disabled),.payroll-page .payroll-tabs button:hover:not(.active):not(:disabled),.payroll-modal .payroll-tabs .tab-btn:hover:not(.active):not(:disabled),.payroll-modal .payroll-tabs button:hover:not(.active):not(:disabled){background:#1a6fdb0f}.payroll-page .payroll-modal__header,.payroll-page .modal-header,.payroll-modal .payroll-modal__header,.payroll-modal .modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #e8f0fe;background:#fff}.payroll-page .payroll-modal__header h2,.payroll-page .payroll-modal__header .title,.payroll-page .modal-header h2,.payroll-page .modal-header .title,.payroll-modal .payroll-modal__header h2,.payroll-modal .payroll-modal__header .title,.payroll-modal .modal-header h2,.payroll-modal .modal-header .title{font-size:1.25rem;font-weight:700}.payroll-page .payroll-modal__body,.payroll-page .modal-body,.payroll-modal .payroll-modal__body,.payroll-modal .modal-body{padding:20px}.payroll-page .payroll-modal__footer,.payroll-page .modal-footer,.payroll-modal .payroll-modal__footer,.payroll-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e8f0fe;background:#fafcff}.payroll-modal{--border-radius: 16px}.payroll-modal ion-toolbar{--background: #fff;--border-width: 0}@keyframes payroll-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1024px){.payroll-page{padding:16px;gap:16px}.payroll-page .payroll-form .form-grid,.payroll-page .payroll-form .payroll-form__grid,.payroll-modal .payroll-form .form-grid,.payroll-modal .payroll-form .payroll-form__grid,.payroll-page.payroll-settings .payroll-settings__groups{grid-template-columns:1fr}}@media(max-width:768px){.payroll-page{padding:12px}.payroll-page .payroll-page-header__row{flex-direction:column;align-items:stretch}.payroll-page .payroll-page-header__actions{margin-left:0;width:100%}.payroll-page .payroll-page-header__actions>*{flex:1}.payroll-page .payroll-filter{flex-direction:column;align-items:stretch}.payroll-page .payroll-filter__fields{width:100%}.payroll-page .payroll-filter__actions{margin-left:0;width:100%}.payroll-page .payroll-search{max-width:none;width:100%}.payroll-page .payroll-filter__row{flex-wrap:wrap}.payroll-page .payroll-filter__row .payroll-search{flex:1 1 100%;width:100%}.payroll-page .payroll-grid,.payroll-page .payroll-grid--kpi{grid-template-columns:1fr 1fr}.payroll-page .payroll-pagination,.payroll-page .pagination{justify-content:center}.payroll-page.payroll-process .payroll-process__kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-page.payroll-process .payroll-process__step-arrow{display:none}}@media(max-width:640px){.payroll-page.payroll-process .payroll-process__kpi{grid-template-columns:1fr}.payroll-page.payroll-process .payroll-process__flow{padding:16px}}@media(max-width:480px){.payroll-page .payroll-grid,.payroll-page .payroll-grid--kpi{grid-template-columns:1fr}.payroll-page .payroll-page-header__title{font-size:1.5rem}.payroll-page .pd-charts-row{flex-direction:column}}.payroll-page .payroll-page-meta{margin:-8px 0 0;font-size:.8rem;color:#64748b}.payroll-page .pd-charts-row{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap}.payroll-page .pd-card.payroll-card{flex:1 1 320px;display:flex;flex-direction:column;min-height:280px;padding:20px}.payroll-page .pd-card-wide{flex:2 1 480px}.payroll-page .pd-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.payroll-page .pd-card-title{display:block;font-size:1rem;font-weight:700;color:#1a2a4a}.payroll-page .pd-card-sub{display:block;font-size:.72rem;color:#94a3b8;margin-top:2px}.payroll-page .pd-quick-actions{display:flex;flex-wrap:wrap;gap:8px}.payroll-page .pd-context-strip.payroll-card{margin-bottom:0;display:flex;flex-wrap:wrap;gap:16px 24px}.payroll-page .payroll-kpi{height:100%;min-height:104px}.payroll-page .btn.active,.payroll-page .btn-secondary.active{background:var(--ion-color-primary, #1a6fdb);color:#fff;border-color:var(--ion-color-primary, #1a6fdb)}.payroll-page .btn.active:hover:not(:disabled),.payroll-page .btn-secondary.active:hover:not(:disabled){background:var(--ion-color-primary-tint, #317ddf);color:#fff;border-color:var(--ion-color-primary-tint, #317ddf)}.payroll-page .settings-card{padding:0;overflow:hidden}.payroll-page .settings-grid{display:flex;flex-direction:column}.payroll-page .setting-item{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #e8f0fe;gap:16px;flex-wrap:wrap}.payroll-page .setting-item:last-child{border-bottom:none}.payroll-page .setting-item:hover{background:#fafcff}.payroll-page .setting-label{flex:1;min-width:180px}.payroll-page .setting-label strong{display:block;font-size:.88rem;color:#1a2a4a}.payroll-page .setting-label .setting-desc{font-size:.72rem;color:#94a3b8}.payroll-page .setting-control{display:flex;align-items:center;gap:8px}.payroll-page .setting-control input,.payroll-page .setting-control select{min-width:160px;height:40px;border:1.5px solid #dbeafe;border-radius:10px;padding:0 12px;font-size:.88rem;color:#1a2a4a;background:#f8faff;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.payroll-page .setting-control input:focus-visible,.payroll-page .setting-control select:focus-visible{outline:2px solid var(--ion-color-primary, #1a6fdb);outline-offset:2px}.payroll-page .setting-control input:hover:not(:disabled),.payroll-page .setting-control select:hover:not(:disabled){border-color:#93c5fd}.payroll-page .setting-control input:focus,.payroll-page .setting-control input:focus-visible,.payroll-page .setting-control select:focus,.payroll-page .setting-control select:focus-visible{border-color:var(--ion-color-primary, #1a6fdb);background:#fff;box-shadow:0 0 0 3px #1a6fdb1f}.payroll-page .setting-control input:disabled,.payroll-page .setting-control select:disabled{opacity:.55;cursor:not-allowed;background:#f1f5f9}.payroll-page .setting-control input::placeholder,.payroll-page .setting-control select::placeholder{color:#94a3b8}.payroll-page .setting-control .input-suffix{font-size:.8rem;color:#94a3b8;font-weight:600}.payroll-page .settings-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;background:#fafcff;border-top:1px solid #e8f0fe}.payroll-page .info-note{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#64748b}.payroll-page .info-note ion-icon{color:var(--ion-color-primary, #1a6fdb);font-size:1.1rem}.payroll-page .slip-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:.8rem}.payroll-page .slip-row:last-child{border-bottom:none}.payroll-page.payroll-process .payroll-process__kpi{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.payroll-page.payroll-process .payroll-process__kpi app-payroll-kpi-card{display:block;min-width:0}.payroll-page.payroll-process .payroll-process__kpi .payroll-kpi{min-height:112px;padding:20px}.payroll-page.payroll-process .payroll-process__kpi .payroll-kpi__value{font-size:1.55rem}.payroll-page.payroll-process .payroll-process__kpi .payroll-kpi__label{font-size:.8rem}.payroll-page.payroll-process .payroll-process__freeze-banner{display:flex;align-items:flex-start;gap:12px;margin:0 0 16px;padding:12px 16px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc}.payroll-page.payroll-process .payroll-process__freeze-banner ion-icon{font-size:1.35rem;margin-top:2px;flex-shrink:0}.payroll-page.payroll-process .payroll-process__freeze-banner strong{display:block;color:#1a2a4a;font-size:.88rem}.payroll-page.payroll-process .payroll-process__freeze-banner p{margin:2px 0 0;color:#64748b;font-size:.8rem;line-height:1.45}.payroll-page.payroll-process .payroll-process__freeze-banner--soft{border-color:#bfdbfe;background:#eff6ff}.payroll-page.payroll-process .payroll-process__freeze-banner--soft ion-icon{color:#2563eb}.payroll-page.payroll-process .payroll-process__freeze-banner--hard{border-color:#fecaca;background:#fef2f2}.payroll-page.payroll-process .payroll-process__freeze-banner--hard ion-icon{color:#dc2626}.payroll-page.payroll-process .payroll-process__flow{margin:0 0 20px;padding:20px 24px;border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#fff 55%,#f0f9ff);box-shadow:0 2px 8px #1a6fdb0f}.payroll-page.payroll-process .payroll-process__flow-header{margin-bottom:16px}.payroll-page.payroll-process .payroll-process__flow-title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:#1a2a4a}.payroll-page.payroll-process .payroll-process__flow-note{margin:6px 0 0;max-width:52rem;font-size:.8rem;line-height:1.5;color:#64748b}.payroll-page.payroll-process .payroll-process__steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 4px}.payroll-page.payroll-process .payroll-process__step{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid #bfdbfe;background:#fff;box-shadow:0 1px 2px #0f172a0a}.payroll-page.payroll-process .payroll-process__step--final{border-color:#86efac;background:#f0fdf4}.payroll-page.payroll-process .payroll-process__step-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:.72rem;font-weight:700;color:#fff;background:var(--ion-color-primary, #1a6fdb)}.payroll-page.payroll-process .payroll-process__step--final .payroll-process__step-num{background:#16a34a}.payroll-page.payroll-process .payroll-process__step-label{font-size:.88rem;font-weight:600;color:#1a2a4a;white-space:nowrap}.payroll-page.payroll-process .payroll-process__step-arrow{display:inline-flex;align-items:center;color:#93c5fd;padding:0 2px}.payroll-page.payroll-process .payroll-process__step-arrow ion-icon{font-size:1.15rem}.payroll-page.payroll-settings .payroll-settings__tabs .tab-btn{display:inline-flex;align-items:center;gap:8px}.payroll-page.payroll-settings .payroll-settings__tabs .tab-btn ion-icon{font-size:1rem}.payroll-page.payroll-settings .payroll-settings__loading{padding:20px}.payroll-page.payroll-settings .payroll-settings__loading .skeleton-row{margin-bottom:16px}.payroll-page.payroll-settings .payroll-settings__loading .skeleton-row .skeleton-cell{height:72px;width:100%;border-radius:14px}.payroll-page.payroll-settings .payroll-settings__intro{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px;padding:16px 20px;border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#fff 70%);box-shadow:0 2px 8px #1a6fdb0f}.payroll-page.payroll-settings .payroll-settings__intro-copy{display:flex;align-items:flex-start;gap:12px;min-width:0}.payroll-page.payroll-settings .payroll-settings__intro-copy>ion-icon{flex-shrink:0;margin-top:2px;font-size:1.35rem;color:var(--ion-color-primary, #1a6fdb)}.payroll-page.payroll-settings .payroll-settings__intro-copy strong{display:block;color:#1a2a4a;font-size:1rem}.payroll-page.payroll-settings .payroll-settings__intro-copy p{margin:4px 0 0;color:#64748b;font-size:.8rem;line-height:1.45}.payroll-page.payroll-settings .payroll-settings__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:5.5rem}.payroll-page.payroll-settings .payroll-settings__group{display:flex;flex-direction:column;padding:0;overflow:hidden}.payroll-page.payroll-settings .payroll-settings__group--wide{grid-column:1/-1}.payroll-page.payroll-settings .payroll-settings__group-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e8f0fe;background:#fafcff}.payroll-page.payroll-settings .payroll-settings__group-header h3{margin:0;font-size:1rem;font-weight:700;color:#1a2a4a}.payroll-page.payroll-settings .payroll-settings__group-header p{margin:2px 0 0;font-size:.72rem;color:#94a3b8}.payroll-page.payroll-settings .payroll-settings__group-icon{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ion-color-primary, #1a6fdb);background:#1a6fdb1a;border:1px solid rgba(26,111,219,.14)}.payroll-page.payroll-settings .payroll-settings__group-icon ion-icon{font-size:1.2rem}.payroll-page.payroll-settings .payroll-settings__group-icon[data-group=PF]{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.payroll-page.payroll-settings .payroll-settings__group-icon[data-group=ESI]{color:#0f766e;background:#ccfbf1;border-color:#99f6e4}.payroll-page.payroll-settings .payroll-settings__group-icon[data-group=PT]{color:#a16207;background:#fef3c7;border-color:#fde68a}.payroll-page.payroll-settings .payroll-settings__group-icon[data-group=TDS]{color:#7c3aed;background:#ede9fe;border-color:#ddd6fe}.payroll-page.payroll-settings .payroll-settings__group-icon[data-group=Gratuity]{color:#be185d;background:#fce7f3;border-color:#fbcfe8}.payroll-page.payroll-settings .payroll-settings__group-icon[data-group=Bonus]{color:#c2410c;background:#ffedd5;border-color:#fed7aa}.payroll-page.payroll-settings .payroll-settings__group-icon[data-group=LWF]{color:#475569;background:#e2e8f0;border-color:#cbd5e1}.payroll-page.payroll-settings .payroll-settings__group-icon[data-group=General]{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.payroll-page.payroll-settings .payroll-settings__grid{display:flex;flex-direction:column;padding:8px 0}.payroll-page.payroll-settings .payroll-settings__item{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,180px);gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid #f1f5f9}.payroll-page.payroll-settings .payroll-settings__item:last-child{border-bottom:none}.payroll-page.payroll-settings .payroll-settings__item:hover{background:#fafcff}.payroll-page.payroll-settings .payroll-settings__item--wide{grid-template-columns:1fr;align-items:stretch}.payroll-page.payroll-settings .payroll-settings__item--wide .payroll-settings__control{max-width:none}.payroll-page.payroll-settings .payroll-settings__label{min-width:0}.payroll-page.payroll-settings .payroll-settings__label label{display:block;margin:0;font-size:.88rem;font-weight:600;color:#1a2a4a;line-height:1.3}.payroll-page.payroll-settings .payroll-settings__desc{display:block;margin-top:2px;font-size:.72rem;color:#94a3b8;line-height:1.4}.payroll-page.payroll-settings .payroll-settings__control{position:relative;display:flex;align-items:center;width:100%}.payroll-page.payroll-settings .payroll-settings__control input,.payroll-page.payroll-settings .payroll-settings__control textarea{width:100%;height:40px;border:1.5px solid #dbeafe;border-radius:10px;padding:0 12px;font-size:.88rem;color:#1a2a4a;background:#f8faff;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;font-variant-numeric:tabular-nums;font-weight:600}.payroll-page.payroll-settings .payroll-settings__control input:focus-visible,.payroll-page.payroll-settings .payroll-settings__control textarea:focus-visible{outline:2px solid var(--ion-color-primary, #1a6fdb);outline-offset:2px}.payroll-page.payroll-settings .payroll-settings__control input:hover:not(:disabled),.payroll-page.payroll-settings .payroll-settings__control textarea:hover:not(:disabled){border-color:#93c5fd}.payroll-page.payroll-settings .payroll-settings__control input:focus,.payroll-page.payroll-settings .payroll-settings__control input:focus-visible,.payroll-page.payroll-settings .payroll-settings__control textarea:focus,.payroll-page.payroll-settings .payroll-settings__control textarea:focus-visible{border-color:var(--ion-color-primary, #1a6fdb);background:#fff;box-shadow:0 0 0 3px #1a6fdb1f}.payroll-page.payroll-settings .payroll-settings__control input:disabled,.payroll-page.payroll-settings .payroll-settings__control textarea:disabled{opacity:.55;cursor:not-allowed;background:#f1f5f9}.payroll-page.payroll-settings .payroll-settings__control input::placeholder,.payroll-page.payroll-settings .payroll-settings__control textarea::placeholder{color:#94a3b8}.payroll-page.payroll-settings .payroll-settings__control textarea{min-height:4.5rem;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;font-weight:500;line-height:1.45}.payroll-page.payroll-settings .payroll-settings__control--money input{padding-left:28px}.payroll-page.payroll-settings .payroll-settings__control--rate input{padding-right:32px}.payroll-page.payroll-settings .payroll-settings__control--json{align-items:stretch}.payroll-page.payroll-settings .payroll-settings__pt-extra{padding:16px 20px 20px;border-top:1px solid #f1f5f9;background:#fffcf5}.payroll-page.payroll-settings .payroll-settings__pt-extra-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.payroll-page.payroll-settings .payroll-settings__pt-extra-header strong{display:block;color:#1a2a4a;font-size:.88rem}.payroll-page.payroll-settings .payroll-settings__pt-extra-header p{margin:4px 0 0;color:#94a3b8;font-size:.72rem;line-height:1.4;max-width:42rem}.payroll-page.payroll-settings .payroll-settings__pt-extra-header p code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.payroll-page.payroll-settings .payroll-settings__pt-extra-header .btn-secondary{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.payroll-page.payroll-settings .payroll-settings__pt-empty{padding:12px 16px;border:1px dashed #fde68a;border-radius:10px;color:#64748b;font-size:.8rem;background:#fffbeb}.payroll-page.payroll-settings .payroll-settings__pt-row{display:flex;flex-direction:column;gap:12px;padding:16px;margin-top:12px;border:1px solid #fde68a;border-radius:10px;background:#fff}.payroll-page.payroll-settings .payroll-settings__pt-row .field{display:flex;flex-direction:column;gap:6px;min-width:0}.payroll-page.payroll-settings .payroll-settings__pt-row .field label{margin:0;font-size:.8rem;font-weight:600;color:#1a2a4a}.payroll-page.payroll-settings .payroll-settings__pt-row .field input,.payroll-page.payroll-settings .payroll-settings__pt-row .field textarea{width:100%;height:40px;border:1.5px solid #dbeafe;border-radius:10px;padding:0 12px;font-size:.88rem;color:#1a2a4a;background:#f8faff;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.payroll-page.payroll-settings .payroll-settings__pt-row .field input:focus-visible,.payroll-page.payroll-settings .payroll-settings__pt-row .field textarea:focus-visible{outline:2px solid var(--ion-color-primary, #1a6fdb);outline-offset:2px}.payroll-page.payroll-settings .payroll-settings__pt-row .field input:hover:not(:disabled),.payroll-page.payroll-settings .payroll-settings__pt-row .field textarea:hover:not(:disabled){border-color:#93c5fd}.payroll-page.payroll-settings .payroll-settings__pt-row .field input:focus,.payroll-page.payroll-settings .payroll-settings__pt-row .field input:focus-visible,.payroll-page.payroll-settings .payroll-settings__pt-row .field textarea:focus,.payroll-page.payroll-settings .payroll-settings__pt-row .field textarea:focus-visible{border-color:var(--ion-color-primary, #1a6fdb);background:#fff;box-shadow:0 0 0 3px #1a6fdb1f}.payroll-page.payroll-settings .payroll-settings__pt-row .field input:disabled,.payroll-page.payroll-settings .payroll-settings__pt-row .field textarea:disabled{opacity:.55;cursor:not-allowed;background:#f1f5f9}.payroll-page.payroll-settings .payroll-settings__pt-row .field input::placeholder,.payroll-page.payroll-settings .payroll-settings__pt-row .field textarea::placeholder{color:#94a3b8}.payroll-page.payroll-settings .payroll-settings__pt-row .field textarea{min-height:4.5rem;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.45}.payroll-page.payroll-settings .payroll-settings__pt-row-top{display:flex;align-items:flex-end;gap:12px}.payroll-page.payroll-settings .payroll-settings__pt-row-top .field{flex:0 1 160px}.payroll-page.payroll-settings .payroll-settings__pt-row-top .icon-btn{margin-bottom:2px}.payroll-page.payroll-settings .payroll-settings__affix{position:absolute;top:50%;transform:translateY(-50%);color:#64748b;font-size:.8rem;font-weight:700;pointer-events:none}.payroll-page.payroll-settings .payroll-settings__affix--prefix{left:12px}.payroll-page.payroll-settings .payroll-settings__affix--suffix{right:12px}.payroll-page.payroll-settings .payroll-settings__sticky-footer{position:sticky;bottom:12px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border:1px solid #dbeafe;border-radius:14px;background:#fffffff5;box-shadow:0 8px 28px #0f172a1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.payroll-page.payroll-settings .payroll-settings__sticky-footer .btn-primary ion-spinner,.payroll-page.payroll-settings .payroll-settings__sticky-footer .payroll-settings__intro .btn-primary ion-spinner{width:15px;height:15px}.payroll-page.payroll-settings .payroll-settings__versions{display:flex;flex-direction:column;gap:16px}.payroll-page.payroll-settings .payroll-settings__version-form,.payroll-page.payroll-settings .payroll-settings__version-list{padding:0;overflow:hidden}.payroll-page.payroll-settings .payroll-settings__version-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.payroll-page.payroll-settings .payroll-settings__version-grid .field{margin:0}.payroll-page.payroll-settings .payroll-settings__version-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid #e8f0fe;background:#fafcff}.payroll-page.payroll-settings .payroll-settings__version-actions .btn-primary{display:inline-flex;align-items:center;gap:8px}.payroll-page.payroll-settings .payroll-settings__version-actions .btn-primary ion-spinner{width:15px;height:15px}.payroll-page.payroll-settings .payroll-settings__hint{display:inline-flex;align-items:center;gap:8px;color:#94a3b8;font-size:.72rem}.payroll-page.payroll-settings .payroll-settings__hint ion-icon{color:var(--ion-color-primary, #1a6fdb);font-size:1rem}.payroll-page.payroll-settings .payroll-settings__version-list app-payroll-filter-card{display:block;padding:16px 20px 0}.payroll-page.payroll-settings .payroll-settings__version-list .payroll-table{border-radius:0;box-shadow:none;border-left:none;border-right:none}.payroll-page.payroll-settings .payroll-settings__version-list .payroll-pagination{padding:12px 20px;border-top:1px solid #e8f0fe}.payroll-page.payroll-settings .payroll-settings__key{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;color:#64748b}.payroll-page.payroll-settings .payroll-badge.info{background:#0284c71f;color:#0369a1}.payroll-modal{display:flex;flex-direction:column;max-height:100%;background:#fff}.payroll-modal .modal-header,.payroll-modal .payroll-modal__header,.payroll-modal .payslip-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #e8f0fe;background:#fff;flex-shrink:0}.payroll-modal .modal-header>span,.payroll-modal .modal-header h2,.payroll-modal .payroll-modal__header>span,.payroll-modal .payroll-modal__header h2,.payroll-modal .payslip-header>span,.payroll-modal .payslip-header h2{font-size:1.25rem;font-weight:700;color:#1a2a4a}.payroll-modal .modal-header p,.payroll-modal .payroll-modal__header p,.payroll-modal .payslip-header p{margin:4px 0 0;font-size:.8rem;color:#64748b}.payroll-modal .modal-body,.payroll-modal .payroll-modal__body,.payroll-modal .payslip-body{padding:20px;overflow:auto;flex:1;min-height:0}.payroll-modal .inline-modal-footer,.payroll-modal .payroll-modal__footer,.payroll-modal .payslip-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid #e8f0fe;background:#fafcff;flex-shrink:0}.payroll-modal.payroll-form .field-row,.payroll-modal .payroll-form .field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.payroll-modal.payroll-form .field,.payroll-modal .payroll-form .field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;min-width:0}.payroll-modal.payroll-form .field label,.payroll-modal .payroll-form .field label{font-size:.8rem;font-weight:600;color:#64748b}.payroll-modal.payroll-form .field label .required,.payroll-modal .payroll-form .field label .required{color:#dc2626;margin-left:2px}.payroll-modal.payroll-form .field input:not([type=checkbox]):not([type=radio]),.payroll-modal.payroll-form .field select,.payroll-modal.payroll-form .field textarea,.payroll-modal .payroll-form .field input:not([type=checkbox]):not([type=radio]),.payroll-modal .payroll-form .field select,.payroll-modal .payroll-form .field textarea{width:100%;box-sizing:border-box;height:40px;border:1.5px solid #dbeafe;border-radius:10px;padding:0 12px;font-size:.88rem;color:#1a2a4a;background:#f8faff;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.payroll-modal.payroll-form .field input:not([type=checkbox]):not([type=radio]):focus-visible,.payroll-modal.payroll-form .field select:focus-visible,.payroll-modal.payroll-form .field textarea:focus-visible,.payroll-modal .payroll-form .field input:not([type=checkbox]):not([type=radio]):focus-visible,.payroll-modal .payroll-form .field select:focus-visible,.payroll-modal .payroll-form .field textarea:focus-visible{outline:2px solid var(--ion-color-primary, #1a6fdb);outline-offset:2px}.payroll-modal.payroll-form .field input:not([type=checkbox]):not([type=radio]):hover:not(:disabled),.payroll-modal.payroll-form .field select:hover:not(:disabled),.payroll-modal.payroll-form .field textarea:hover:not(:disabled),.payroll-modal .payroll-form .field input:not([type=checkbox]):not([type=radio]):hover:not(:disabled),.payroll-modal .payroll-form .field select:hover:not(:disabled),.payroll-modal .payroll-form .field textarea:hover:not(:disabled){border-color:#93c5fd}.payroll-modal.payroll-form .field input:not([type=checkbox]):not([type=radio]):focus,.payroll-modal.payroll-form .field input:not([type=checkbox]):not([type=radio]):focus-visible,.payroll-modal.payroll-form .field select:focus,.payroll-modal.payroll-form .field select:focus-visible,.payroll-modal.payroll-form .field textarea:focus,.payroll-modal.payroll-form .field textarea:focus-visible,.payroll-modal .payroll-form .field input:not([type=checkbox]):not([type=radio]):focus,.payroll-modal .payroll-form .field input:not([type=checkbox]):not([type=radio]):focus-visible,.payroll-modal .payroll-form .field select:focus,.payroll-modal .payroll-form .field select:focus-visible,.payroll-modal .payroll-form .field textarea:focus,.payroll-modal .payroll-form .field textarea:focus-visible{border-color:var(--ion-color-primary, #1a6fdb);background:#fff;box-shadow:0 0 0 3px #1a6fdb1f}.payroll-modal.payroll-form .field input:not([type=checkbox]):not([type=radio]):disabled,.payroll-modal.payroll-form .field select:disabled,.payroll-modal.payroll-form .field textarea:disabled,.payroll-modal .payroll-form .field input:not([type=checkbox]):not([type=radio]):disabled,.payroll-modal .payroll-form .field select:disabled,.payroll-modal .payroll-form .field textarea:disabled{opacity:.55;cursor:not-allowed;background:#f1f5f9}.payroll-modal.payroll-form .field input:not([type=checkbox]):not([type=radio])::placeholder,.payroll-modal.payroll-form .field select::placeholder,.payroll-modal.payroll-form .field textarea::placeholder,.payroll-modal .payroll-form .field input:not([type=checkbox]):not([type=radio])::placeholder,.payroll-modal .payroll-form .field select::placeholder,.payroll-modal .payroll-form .field textarea::placeholder{color:#94a3b8}.payroll-modal.payroll-form .field textarea,.payroll-modal .payroll-form .field textarea{height:auto;min-height:80px;padding:12px;resize:vertical}.payroll-modal.payroll-form .field select,.payroll-modal .payroll-form .field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2394a3b8' d='M1.4.6L6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.payroll-modal.payroll-form .field-row>.field,.payroll-modal .payroll-form .field-row>.field{margin-bottom:0}.payroll-modal.payroll-form .field-row>label,.payroll-modal .payroll-form .field-row>label{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:#64748b}.payroll-modal.employee-salary-form{height:100%;background:#f4f7fb}.payroll-modal.employee-salary-form .employee-salary-form__header{padding:16px 20px;background:linear-gradient(180deg,#fffffff5,#f8fbfff5),radial-gradient(120% 80% at 0% 0%,rgba(26,111,219,.08),transparent 55%);border-bottom:1px solid #e2eaf6}.payroll-modal.employee-salary-form .employee-salary-form__heading{display:flex;align-items:center;gap:12px;min-width:0}.payroll-modal.employee-salary-form .employee-salary-form__heading>div{display:flex;flex-direction:column;gap:2px;min-width:0}.payroll-modal.employee-salary-form .employee-salary-form__heading>div>span:not(.employee-salary-form__eyebrow){font-size:1.15rem;font-weight:700;color:#1a2a4a;line-height:1.25}.payroll-modal.employee-salary-form .employee-salary-form__eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ion-color-primary, #1a6fdb)}.payroll-modal.employee-salary-form .employee-salary-form__icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;background:linear-gradient(145deg,#1a6fdb,#3b9eff);box-shadow:0 8px 18px #1a6fdb47;border:none}.payroll-modal.employee-salary-form .employee-salary-form__icon ion-icon{font-size:1.4rem}.payroll-modal.employee-salary-form .employee-salary-form__body{gap:16px;padding:16px;background:#f4f7fb}.payroll-modal.employee-salary-form .employee-salary-form__notice{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border:1px solid #fde68a;border-radius:10px;color:#92400e;background:#fffbeb;font-size:.8rem;line-height:1.5}.payroll-modal.employee-salary-form .employee-salary-form__notice ion-icon{flex-shrink:0;margin-top:2px;font-size:1.05rem}.payroll-modal.employee-salary-form .employee-salary-form__section{padding:16px;border:1px solid #e2eaf6;border-radius:16px;background:#fff;box-shadow:0 1px 2px #0f172a08,0 8px 24px #0f172a08}.payroll-modal.employee-salary-form .employee-salary-form__section--compensation{border-color:#1a6fdb38;background:linear-gradient(135deg,#1a6fdb0f,#fff 48%),#fff}.payroll-modal.employee-salary-form .employee-salary-form__section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eef2f7}.payroll-modal.employee-salary-form .employee-salary-form__section-title h3{margin:0;color:#1a2a4a;font-size:1rem;font-weight:700}.payroll-modal.employee-salary-form .employee-salary-form__section-title p{margin:2px 0 0;color:#94a3b8;font-size:.72rem}.payroll-modal.employee-salary-form .employee-salary-form__section-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ion-color-primary, #1a6fdb);background:#1a6fdb1a}.payroll-modal.employee-salary-form .employee-salary-form__section-icon ion-icon{font-size:1.05rem}.payroll-modal.employee-salary-form .employee-salary-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.payroll-modal.employee-salary-form .employee-salary-form__grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-modal.employee-salary-form .employee-salary-form__grid .field{margin:0}.payroll-modal.employee-salary-form .employee-salary-form__full{grid-column:1/-1}.payroll-modal.employee-salary-form .employee-salary-form__currency-hint{display:block;margin-top:6px;color:#94a3b8;font-size:.72rem;font-weight:600}.payroll-modal.employee-salary-form .employee-salary-form__earnings{margin-top:16px;padding-top:16px;border-top:1px solid #eef2f7}.payroll-modal.employee-salary-form .employee-salary-form__earnings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.payroll-modal.employee-salary-form .employee-salary-form__earnings-head h4{margin:0;color:#1a2a4a;font-size:.88rem;font-weight:700}.payroll-modal.employee-salary-form .employee-salary-form__earnings-head ion-spinner{width:18px;height:18px}.payroll-modal.employee-salary-form .employee-salary-form__earnings-head--spaced{margin-top:16px;padding-top:16px;border-top:1px solid #eef2f7}.payroll-modal.employee-salary-form .employee-salary-form__hint{margin:6px 0 0;color:#94a3b8;font-size:.8rem}.payroll-modal.employee-salary-form .employee-salary-form__structure-toggles{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.payroll-modal.employee-salary-form .employee-salary-form__structure-btn{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:7.5rem;padding:10px 14px;border:1px solid #d7e3f4;border-radius:12px;background:#f8fbff;color:#334155;font-family:inherit;font-size:.8rem;font-weight:600;line-height:1.25;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,color .15s ease}.payroll-modal.employee-salary-form .employee-salary-form__structure-btn small{font-size:.7rem;font-weight:500;color:#64748b}.payroll-modal.employee-salary-form .employee-salary-form__structure-btn:hover:not(:disabled):not(.active){border-color:#93c5fd;background:#eff6ff;color:#1e3a5f}.payroll-modal.employee-salary-form .employee-salary-form__structure-btn.active{border-color:#1a6fdb;background:linear-gradient(180deg,#eff6ff,#dbeafe);color:#0f4c9a;box-shadow:0 0 0 3px #1a6fdb24}.payroll-modal.employee-salary-form .employee-salary-form__structure-btn.active small{color:#2563eb}.payroll-modal.employee-salary-form .employee-salary-form__structure-btn:disabled{opacity:.65;cursor:not-allowed}.payroll-modal.employee-salary-form .employee-salary-form__money{position:relative}.payroll-modal.employee-salary-form .employee-salary-form__money>span{position:absolute;left:13px;top:50%;z-index:1;transform:translateY(-50%);color:#64748b;font-weight:600;pointer-events:none}.payroll-modal.employee-salary-form .employee-salary-form__money input{padding-left:30px!important;font-weight:600;font-variant-numeric:tabular-nums}.payroll-modal.employee-salary-form .employee-salary-form__revision{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:flex-start;padding:16px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.payroll-modal.employee-salary-form .employee-salary-form__revision .field{margin:0}.payroll-modal.employee-salary-form .employee-salary-form__revision small{color:#64748b;font-size:.72rem}.payroll-modal.employee-salary-form .employee-salary-form__revision-icon{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#1d4ed8;background:#dbeafe}.payroll-modal.employee-salary-form .employee-salary-form__revision-icon ion-icon{font-size:1.05rem}.payroll-modal.employee-salary-form .employee-salary-form__uppercase{text-transform:uppercase}.payroll-modal.employee-salary-form .employee-salary-form__footer{justify-content:space-between;background:#fffffff5;border-top:1px solid #e2eaf6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.payroll-modal.employee-salary-form .employee-salary-form__footer-note{display:inline-flex;align-items:center;gap:8px;color:#94a3b8;font-size:.72rem}.payroll-modal.employee-salary-form .employee-salary-form__footer-note ion-icon{color:var(--ion-color-primary, #1a6fdb);font-size:1rem}.payroll-modal.employee-salary-form .employee-salary-form__actions{display:flex;align-items:center;gap:12px}.payroll-modal.employee-salary-form .employee-salary-form__actions .btn-primary{min-width:148px;box-shadow:0 8px 18px #1a6fdb38}.payroll-modal.employee-salary-form .employee-salary-form__actions ion-spinner{width:15px;height:15px}.payroll-modal.employee-salary-form .employee-salary-form__header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.payroll-modal.employee-salary-form .employee-salary-form__tool-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;border:1.5px solid #dbeafe;background:#fff;color:var(--ion-color-primary, #1a6fdb);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.payroll-modal.employee-salary-form .employee-salary-form__tool-btn:focus-visible{outline:2px solid var(--ion-color-primary, #1a6fdb);outline-offset:2px}.payroll-modal.employee-salary-form .employee-salary-form__tool-btn ion-icon{font-size:1rem}.payroll-modal.employee-salary-form .employee-salary-form__tool-btn:hover:not(:disabled){background:#f0f6ff;border-color:#bfdbfe;box-shadow:0 2px 8px #1a6fdb1a}.payroll-modal.employee-salary-form .employee-salary-form__tool-btn:disabled{opacity:.45;cursor:not-allowed}.payroll-modal.employee-salary-form .employee-salary-form__close{margin-left:2px}.payroll-modal.employee-salary-form.employee-salary-form--composition .employee-salary-form__composition{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:16px;align-items:start;background:transparent}.payroll-modal.employee-salary-form.employee-salary-form--composition .employee-salary-form__left{display:flex;flex-direction:column;gap:16px;min-width:0}.payroll-modal.employee-salary-form.employee-salary-form--composition .employee-salary-form__right{position:sticky;top:0;min-width:0;max-height:calc(92vh - 160px);overflow:auto;padding:2px}.payroll-modal.employee-salary-form.employee-salary-form--composition .employee-salary-form__grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-modal.employee-salary-form.employee-salary-form--single .employee-salary-form__single{display:flex;flex-direction:column;gap:16px;max-width:none;margin:0;width:100%;box-sizing:border-box}.payroll-modal.employee-salary-form.employee-salary-form--single .employee-salary-form__body{width:100%;box-sizing:border-box}.payroll-modal.employee-salary-form.employee-salary-form--single .employee-salary-form__section-title ion-spinner{margin-left:auto;width:22px;height:22px}.payroll-modal.employee-salary-form .comp-table-wrap{width:100%;overflow-x:auto}.payroll-modal.employee-salary-form .comp-table-block{margin-top:16px}.payroll-modal.employee-salary-form .comp-table-block:first-of-type{margin-top:0}.payroll-modal.employee-salary-form .comp-table-block__title{margin:0 0 8px;color:#1a2a4a;font-size:.88rem;font-weight:700}.payroll-modal.employee-salary-form .comp-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff;border:1px solid #1e293b;font-size:.8rem}.payroll-modal.employee-salary-form .comp-table th,.payroll-modal.employee-salary-form .comp-table td{border:1px solid #1e293b;padding:10px 12px;vertical-align:middle}.payroll-modal.employee-salary-form .comp-table thead th{background:#f8fafc;color:#1a2a4a;font-weight:700;text-align:center}.payroll-modal.employee-salary-form .comp-table thead th:first-child{text-align:left;width:46%}.payroll-modal.employee-salary-form .comp-table thead th:nth-child(2),.payroll-modal.employee-salary-form .comp-table thead th:nth-child(3){width:27%}.payroll-modal.employee-salary-form .comp-table tbody th[scope=row]{text-align:left;font-weight:700;color:#1a2a4a;background:#fff}.payroll-modal.employee-salary-form .comp-table tbody td{text-align:right;font-variant-numeric:tabular-nums;color:#1a2a4a}.payroll-modal.employee-salary-form .comp-table tr.comp-table__benefit th[scope=row]{font-weight:500}.payroll-modal.employee-salary-form .comp-table tr.comp-table__total{background:#f1f5f9}.payroll-modal.employee-salary-form .comp-table tr.comp-table__total th[scope=row],.payroll-modal.employee-salary-form .comp-table tr.comp-table__total td{font-weight:800}.payroll-modal.employee-salary-form .salary-breakup{border:1px solid #dbeafe;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 1px 2px #0f172a0a,0 16px 40px #1a6fdb14;padding:16px;position:relative;overflow:hidden}.payroll-modal.employee-salary-form .salary-breakup:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#1a6fdb,#3b9eff,#67c6ff)}.payroll-modal.employee-salary-form .salary-breakup__title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eef2f7}.payroll-modal.employee-salary-form .salary-breakup__title h3{margin:4px 0 0;font-size:1.05rem;color:#1a2a4a}.payroll-modal.employee-salary-form .salary-breakup__title p{margin:4px 0 0;font-size:.72rem;color:#94a3b8;line-height:1.4}.payroll-modal.employee-salary-form .salary-breakup__title ion-spinner{width:22px;height:22px;color:var(--ion-color-primary, #1a6fdb)}.payroll-modal.employee-salary-form .salary-breakup__live{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.payroll-modal.employee-salary-form .salary-breakup__live-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98133}.payroll-modal.employee-salary-form .salary-breakup__empty,.payroll-modal.employee-salary-form .salary-breakup__muted{color:#94a3b8;font-size:.8rem;padding:16px;text-align:center;border:1px dashed #dbeafe;border-radius:10px;background:#f8fbff}.payroll-modal.employee-salary-form .salary-breakup__error{display:flex;gap:8px;align-items:flex-start;padding:12px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:.8rem}.payroll-modal.employee-salary-form .salary-breakup__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.payroll-modal.employee-salary-form .salary-breakup__card{padding:12px;border:1px solid #e5edf7;border-radius:14px;background:linear-gradient(180deg,#fafcff,#fff)}.payroll-modal.employee-salary-form .salary-breakup__card span{display:block;font-size:.72rem;color:#94a3b8;font-weight:600}.payroll-modal.employee-salary-form .salary-breakup__card strong{display:block;margin-top:6px;font-size:1.05rem;color:#1a2a4a;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.payroll-modal.employee-salary-form .salary-breakup__card--net{border-color:#16a34a47;background:linear-gradient(180deg,#f0fdf4,#fff)}.payroll-modal.employee-salary-form .salary-breakup__card--net strong{color:#15803d}.payroll-modal.employee-salary-form .salary-breakup__section{margin-bottom:16px}.payroll-modal.employee-salary-form .salary-breakup__section h4{margin:0 0 8px;font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.payroll-modal.employee-salary-form .salary-breakup__rows{display:flex;flex-direction:column;border:1px solid #e8eef7;border-radius:12px;overflow:hidden;background:#fff}.payroll-modal.employee-salary-form .salary-breakup__row{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;font-size:.8rem;border-bottom:1px solid #f1f5f9}.payroll-modal.employee-salary-form .salary-breakup__row:nth-child(2n):not(.salary-breakup__row--total){background:#fbfdff}.payroll-modal.employee-salary-form .salary-breakup__row:last-child{border-bottom:none}.payroll-modal.employee-salary-form .salary-breakup__row strong{font-variant-numeric:tabular-nums;color:#1a2a4a}.payroll-modal.employee-salary-form .salary-breakup__row--total{background:#f3f7fd!important;font-weight:700}.payroll-modal.employee-salary-form .salary-breakup__net{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:16px;border-radius:14px;background:linear-gradient(135deg,#1a6fdb1f,#3b9eff0f);border:1px solid rgba(26,111,219,.22);font-weight:700}.payroll-modal.employee-salary-form .salary-breakup__net strong{font-size:1.15rem;color:var(--ion-color-primary, #1a6fdb);font-variant-numeric:tabular-nums}.payroll-modal.employee-salary-form .salary-breakup__table{border:1px solid #e8eef7;border-radius:12px;overflow:auto;font-size:.72rem;background:#fff}.payroll-modal.employee-salary-form .salary-breakup__thead,.payroll-modal.employee-salary-form .salary-breakup__trow{display:grid;grid-template-columns:1.4fr .7fr .8fr .8fr .8fr;gap:8px;padding:8px 10px;min-width:420px}.payroll-modal.employee-salary-form .salary-breakup__thead{background:#f5f8fd;font-weight:700;color:#64748b;position:sticky;top:0}.payroll-modal.employee-salary-form .salary-breakup__trow{border-top:1px solid #f1f5f9;color:#1a2a4a}.payroll-modal.employee-salary-form .salary-breakup__trow:hover{background:#f8fbff}.payroll-modal.employee-salary-form .salary-breakup__checks{list-style:none;margin:0;padding:0;display:grid;gap:6px}.payroll-modal.employee-salary-form .salary-breakup__checks li{font-size:.8rem;color:#94a3b8;padding:8px 10px 8px 2rem;position:relative;border-radius:10px;background:#f8fafc;border:1px solid #eef2f7}.payroll-modal.employee-salary-form .salary-breakup__checks li:before{content:"\25cb";position:absolute;left:10px;top:8px}.payroll-modal.employee-salary-form .salary-breakup__checks li.ok{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.payroll-modal.employee-salary-form .salary-breakup__checks li.ok:before{content:"\2713"}.payroll-modal.employee-salary-form .salary-breakup__warnings{margin-top:12px;padding:12px;border-radius:10px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:.8rem}.payroll-modal.employee-salary-form .salary-breakup__warnings ul{margin:6px 0 0;padding-left:1.1rem}.payroll-modal.employee-salary-form .salary-breakup__trace-toggle{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;color:var(--ion-color-primary, #1a6fdb);font-weight:700;font-size:.8rem;cursor:pointer;padding:0}.payroll-modal.employee-salary-form .salary-breakup__trace-toggle:focus-visible{outline:2px solid var(--ion-color-primary, #1a6fdb);outline-offset:2px}.payroll-modal.employee-salary-form .salary-breakup__traces{margin-top:12px;display:flex;flex-direction:column;gap:12px}.payroll-modal.employee-salary-form .salary-breakup__trace{padding:12px;border:1px solid #e5edf7;border-radius:10px;background:#fafcff;font-size:.8rem}.payroll-modal.employee-salary-form .salary-breakup__trace strong{display:block;margin-bottom:6px;color:#1a2a4a}.payroll-modal.employee-salary-form .salary-breakup__trace-step{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;padding:2px 0}.payroll-modal.payroll-period-form{height:100%}.payroll-modal.payroll-period-form .payroll-period-form__header{padding:16px 20px;background:linear-gradient(135deg,#f8fbff,#fff 65%)}.payroll-modal.payroll-period-form .payroll-period-form__heading{display:flex;align-items:center;gap:12px;min-width:0}.payroll-modal.payroll-period-form .payroll-period-form__icon{width:44px;height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ion-color-primary, #1a6fdb);background:#1a6fdb1a;border:1px solid rgba(26,111,219,.14)}.payroll-modal.payroll-period-form .payroll-period-form__icon ion-icon{font-size:1.35rem}.payroll-modal.payroll-period-form .payroll-period-form__body{gap:16px;padding:16px;background:#f8fafc}.payroll-modal.payroll-period-form .payroll-period-form__notice{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border:1px solid #fecaca;border-radius:10px;color:#991b1b;background:#fef2f2;font-size:.8rem;line-height:1.5}.payroll-modal.payroll-period-form .payroll-period-form__notice ion-icon{flex-shrink:0;margin-top:2px;font-size:1.05rem}.payroll-modal.payroll-period-form .payroll-period-form__section{padding:16px;border:1px solid #e5edf7;border-radius:14px;background:#fff;box-shadow:0 1px 2px #0f172a08}.payroll-modal.payroll-period-form .payroll-period-form__section--derived{border-color:#1a6fdb2e;background:linear-gradient(135deg,#1a6fdb09,#fff 55%)}.payroll-modal.payroll-period-form .payroll-period-form__section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eef2f7}.payroll-modal.payroll-period-form .payroll-period-form__section-title h3{margin:0;color:#1a2a4a;font-size:1rem;font-weight:700}.payroll-modal.payroll-period-form .payroll-period-form__section-title p{margin:2px 0 0;color:#94a3b8;font-size:.72rem}.payroll-modal.payroll-period-form .payroll-period-form__section-icon{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ion-color-primary, #1a6fdb);background:#1a6fdb14}.payroll-modal.payroll-period-form .payroll-period-form__section-icon ion-icon{font-size:1rem}.payroll-modal.payroll-period-form .payroll-period-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.payroll-modal.payroll-period-form .payroll-period-form__grid .field{margin:0}.payroll-modal.payroll-period-form .payroll-period-form__full{grid-column:1/-1}.payroll-modal.payroll-period-form .payroll-period-form__chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.payroll-modal.payroll-period-form .payroll-period-form__chip{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #dbeafe;border-radius:10px;background:#fff;text-align:center}.payroll-modal.payroll-period-form .payroll-period-form__chip strong{color:#1a2a4a;font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.payroll-modal.payroll-period-form .payroll-period-form__chip-label{color:#94a3b8;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.payroll-modal.payroll-period-form .payroll-period-form__footer{justify-content:space-between}.payroll-modal.payroll-period-form .payroll-period-form__footer-note{display:inline-flex;align-items:center;gap:8px;color:#94a3b8;font-size:.72rem}.payroll-modal.payroll-period-form .payroll-period-form__footer-note ion-icon{color:var(--ion-color-primary, #1a6fdb);font-size:1rem}.payroll-modal.payroll-period-form .payroll-period-form__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.payroll-modal.payroll-period-form .payroll-period-form__actions .btn-primary,.payroll-modal.payroll-period-form .payroll-period-form__actions .btn-secondary{display:inline-flex;align-items:center;gap:8px}.payroll-modal.payroll-period-form .payroll-period-form__actions .btn-primary{min-width:130px}.payroll-modal.payroll-period-form .payroll-period-form__actions ion-spinner{width:15px;height:15px}.payroll-modal.pre-payment-form{height:100%}.payroll-modal.pre-payment-form .pre-payment-form__header{padding:16px 20px;background:linear-gradient(135deg,#f8fbff,#fff 65%)}.payroll-modal.pre-payment-form .pre-payment-form__heading{display:flex;align-items:center;gap:12px;min-width:0}.payroll-modal.pre-payment-form .pre-payment-form__heading>div{min-width:0}.payroll-modal.pre-payment-form .pre-payment-form__heading>div>span{display:block;color:#1a2a4a;font-size:1.25rem;font-weight:700;line-height:1.25}.payroll-modal.pre-payment-form .pre-payment-form__heading>div>p{margin:2px 0 0;color:#94a3b8;font-size:.72rem}.payroll-modal.pre-payment-form .pre-payment-form__icon{width:44px;height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ion-color-primary, #1a6fdb);background:#1a6fdb1a;border:1px solid rgba(26,111,219,.14)}.payroll-modal.pre-payment-form .pre-payment-form__icon ion-icon{font-size:1.35rem}.payroll-modal.pre-payment-form .pre-payment-form__body{gap:16px;padding:16px;background:#f8fafc}.payroll-modal.pre-payment-form .pre-payment-form__section{padding:16px;border:1px solid #e5edf7;border-radius:14px;background:#fff;box-shadow:0 1px 2px #0f172a08}.payroll-modal.pre-payment-form .pre-payment-form__section--amount{border-color:#16a34a2e;background:linear-gradient(135deg,#16a34a0a,#fff 55%)}.payroll-modal.pre-payment-form .pre-payment-form__section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eef2f7}.payroll-modal.pre-payment-form .pre-payment-form__section-title h3{margin:0;color:#1a2a4a;font-size:1rem;font-weight:700}.payroll-modal.pre-payment-form .pre-payment-form__section-title p{margin:2px 0 0;color:#94a3b8;font-size:.72rem}.payroll-modal.pre-payment-form .pre-payment-form__section-icon{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ion-color-primary, #1a6fdb);background:#1a6fdb14}.payroll-modal.pre-payment-form .pre-payment-form__section-icon ion-icon{font-size:1rem}.payroll-modal.pre-payment-form .pre-payment-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.payroll-modal.pre-payment-form .pre-payment-form__grid .field{margin:0}.payroll-modal.pre-payment-form .pre-payment-form__full{grid-column:1/-1}.payroll-modal.pre-payment-form .pre-payment-form__money{position:relative}.payroll-modal.pre-payment-form .pre-payment-form__money>span{position:absolute;left:12px;bottom:11px;color:#64748b;font-size:.8rem;font-weight:700;pointer-events:none}.payroll-modal.pre-payment-form .pre-payment-form__money input{padding-left:28px}.payroll-modal.pre-payment-form .pre-payment-form__footer{justify-content:space-between}.payroll-modal.pre-payment-form .pre-payment-form__footer-note{display:inline-flex;align-items:center;gap:8px;color:#94a3b8;font-size:.72rem}.payroll-modal.pre-payment-form .pre-payment-form__footer-note ion-icon{color:var(--ion-color-primary, #1a6fdb);font-size:1rem}.payroll-modal.pre-payment-form .pre-payment-form__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.payroll-modal.pre-payment-form .pre-payment-form__actions .btn-primary,.payroll-modal.pre-payment-form .pre-payment-form__actions .btn-secondary{display:inline-flex;align-items:center;gap:8px}.payroll-modal.pre-payment-form .pre-payment-form__actions .btn-primary{min-width:150px}.payroll-modal.pre-payment-form .pre-payment-form__actions ion-spinner{width:15px;height:15px}.inline-modal.pre-payment-modal{--width: min(560px, 94vw);--height: auto;--max-height: 90vh;--border-radius: 16px;width:min(560px,94vw);max-width:94vw;background:transparent;box-shadow:none}.payroll-modal.compliance-register-form{height:100%}.payroll-modal.compliance-register-form .compliance-register-form__header{padding:16px 20px;background:linear-gradient(135deg,#f8fbff,#fff 65%)}.payroll-modal.compliance-register-form .compliance-register-form__heading{display:flex;align-items:center;gap:12px;min-width:0}.payroll-modal.compliance-register-form .compliance-register-form__heading>div{min-width:0}.payroll-modal.compliance-register-form .compliance-register-form__heading>div>span{display:block;color:#1a2a4a;font-size:1.25rem;font-weight:700;line-height:1.25}.payroll-modal.compliance-register-form .compliance-register-form__heading>div>p{margin:2px 0 0;color:#94a3b8;font-size:.72rem}.payroll-modal.compliance-register-form .compliance-register-form__icon{width:44px;height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ion-color-primary, #1a6fdb);background:#1a6fdb1a;border:1px solid rgba(26,111,219,.14)}.payroll-modal.compliance-register-form .compliance-register-form__icon ion-icon{font-size:1.35rem}.payroll-modal.compliance-register-form .compliance-register-form__body{gap:16px;padding:16px;background:#f8fafc}.payroll-modal.compliance-register-form .compliance-register-form__section{padding:16px;border:1px solid #e5edf7;border-radius:14px;background:#fff;box-shadow:0 1px 2px #0f172a08}.payroll-modal.compliance-register-form .compliance-register-form__section--calc{border-color:#1a6fdb2e;background:linear-gradient(135deg,#1a6fdb0a,#fff 55%)}.payroll-modal.compliance-register-form .compliance-register-form__section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eef2f7}.payroll-modal.compliance-register-form .compliance-register-form__section-title h3{margin:0;color:#1a2a4a;font-size:1rem;font-weight:700}.payroll-modal.compliance-register-form .compliance-register-form__section-title p{margin:2px 0 0;color:#94a3b8;font-size:.72rem}.payroll-modal.compliance-register-form .compliance-register-form__section-icon{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ion-color-primary, #1a6fdb);background:#1a6fdb14}.payroll-modal.compliance-register-form .compliance-register-form__section-icon ion-icon{font-size:1rem}.payroll-modal.compliance-register-form .compliance-register-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.payroll-modal.compliance-register-form .compliance-register-form__grid .field{margin:0}.payroll-modal.compliance-register-form .compliance-register-form__grid .field small{display:block;margin-top:4px;color:#94a3b8;font-size:.72rem}.payroll-modal.compliance-register-form .compliance-register-form__full{grid-column:1/-1}.payroll-modal.compliance-register-form .compliance-register-form__money{position:relative}.payroll-modal.compliance-register-form .compliance-register-form__money>span{position:absolute;left:12px;top:34px;color:#64748b;font-size:.8rem;font-weight:700;pointer-events:none;z-index:1}.payroll-modal.compliance-register-form .compliance-register-form__money input{padding-left:28px}.payroll-modal.compliance-register-form .compliance-register-form__money small{padding-left:2px}.payroll-modal.compliance-register-form .compliance-register-form__hint-warn{color:#ca8a04!important}.payroll-modal.compliance-register-form .compliance-register-form__rate-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.payroll-modal.compliance-register-form .compliance-register-form__chip{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid #dbeafe;border-radius:10px;background:#fff;text-align:center}.payroll-modal.compliance-register-form .compliance-register-form__chip span{color:#94a3b8;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.payroll-modal.compliance-register-form .compliance-register-form__chip strong{color:#1a2a4a;font-size:1rem;font-variant-numeric:tabular-nums}.payroll-modal.compliance-register-form .compliance-register-form__calc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.payroll-modal.compliance-register-form .compliance-register-form__lock{display:inline-flex;align-items:center;gap:8px;margin:0;color:#64748b;font-size:.8rem;font-weight:600;cursor:pointer}.payroll-modal.compliance-register-form .compliance-register-form__lock input{width:15px;height:15px;margin:0;accent-color:var(--ion-color-primary, #1a6fdb)}.payroll-modal.compliance-register-form .compliance-register-form__total{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 16px;border:1px solid #bbf7d0;border-radius:10px;background:#f0fdf4}.payroll-modal.compliance-register-form .compliance-register-form__total span{color:#64748b;font-size:.8rem;font-weight:600}.payroll-modal.compliance-register-form .compliance-register-form__total strong{color:#166534;font-size:1.25rem;font-variant-numeric:tabular-nums}.payroll-modal.compliance-register-form .compliance-register-form__footer{justify-content:space-between}.payroll-modal.compliance-register-form .compliance-register-form__footer-note{display:inline-flex;align-items:center;gap:8px;color:#94a3b8;font-size:.72rem}.payroll-modal.compliance-register-form .compliance-register-form__footer-note ion-icon{color:var(--ion-color-primary, #1a6fdb);font-size:1rem}.payroll-modal.compliance-register-form .compliance-register-form__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.payroll-modal.compliance-register-form .compliance-register-form__actions .btn-primary,.payroll-modal.compliance-register-form .compliance-register-form__actions .btn-secondary{display:inline-flex;align-items:center;gap:8px}.payroll-modal.compliance-register-form .compliance-register-form__actions .btn-primary{min-width:140px}.payroll-modal.compliance-register-form .compliance-register-form__actions ion-spinner{width:15px;height:15px}.inline-modal.pf-register-modal,.inline-modal.esi-register-modal,.inline-modal.pt-register-modal,.inline-modal.it-register-modal{--width: min(760px, 96vw);--height: auto;--max-height: 92vh;--border-radius: 16px;width:min(760px,96vw);max-width:96vw;background:transparent;box-shadow:none}.payroll-modal.salary-structure-form{height:100%}.payroll-modal.salary-structure-form .salary-structure-form__header{padding:16px 20px;background:linear-gradient(135deg,#f8fbff,#fff 65%)}.payroll-modal.salary-structure-form .salary-structure-form__heading{display:flex;align-items:center;gap:12px;min-width:0}.payroll-modal.salary-structure-form .salary-structure-form__icon{width:44px;height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ion-color-primary, #1a6fdb);background:#1a6fdb1a;border:1px solid rgba(26,111,219,.14)}.payroll-modal.salary-structure-form .salary-structure-form__icon ion-icon{font-size:1.35rem}.payroll-modal.salary-structure-form .salary-structure-form__body{gap:16px;padding:16px;background:#f8fafc}.payroll-modal.salary-structure-form .salary-structure-form__section{padding:16px;border:1px solid #e5edf7;border-radius:14px;background:#fff;box-shadow:0 1px 2px #0f172a08}.payroll-modal.salary-structure-form .salary-structure-form__section--statutory{border-color:#0f766e33;background:linear-gradient(135deg,#0f766e0a,#fff 55%)}.payroll-modal.salary-structure-form .salary-structure-form__section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eef2f7}.payroll-modal.salary-structure-form .salary-structure-form__section-title h3{margin:0;color:#1a2a4a;font-size:1rem;font-weight:700}.payroll-modal.salary-structure-form .salary-structure-form__section-title p{margin:2px 0 0;color:#94a3b8;font-size:.72rem}.payroll-modal.salary-structure-form .salary-structure-form__section-icon{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ion-color-primary, #1a6fdb);background:#1a6fdb14}.payroll-modal.salary-structure-form .salary-structure-form__section-icon ion-icon{font-size:1rem}.payroll-modal.salary-structure-form .salary-structure-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.payroll-modal.salary-structure-form .salary-structure-form__grid .field{margin:0}.payroll-modal.salary-structure-form .salary-structure-form__full{grid-column:1/-1}.payroll-modal.salary-structure-form .salary-structure-form__flags{display:flex;flex-wrap:wrap;gap:8px}.payroll-modal.salary-structure-form .salary-structure-form__flag{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:999px;background:#fff;color:#64748b;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.payroll-modal.salary-structure-form .salary-structure-form__flag input{width:15px;height:15px;margin:0;accent-color:var(--ion-color-primary, #1a6fdb);cursor:pointer}.payroll-modal.salary-structure-form .salary-structure-form__flag:hover{border-color:#bfdbfe;background:#f8fbff}.payroll-modal.salary-structure-form .salary-structure-form__flag:has(input:checked){border-color:#1a6fdb73;background:#1a6fdb14;color:#1a2a4a}.payroll-modal.salary-structure-form .salary-structure-form__footer{justify-content:space-between}.payroll-modal.salary-structure-form .salary-structure-form__footer-note{display:inline-flex;align-items:center;gap:8px;color:#94a3b8;font-size:.72rem}.payroll-modal.salary-structure-form .salary-structure-form__footer-note ion-icon{color:var(--ion-color-primary, #1a6fdb);font-size:1rem}.payroll-modal.salary-structure-form .salary-structure-form__actions{display:flex;align-items:center;gap:12px}.payroll-modal.salary-structure-form .salary-structure-form__actions .btn-primary,.payroll-modal.salary-structure-form .salary-structure-form__actions .btn-secondary{display:inline-flex;align-items:center;gap:8px}.payroll-modal.salary-structure-form .salary-structure-form__actions .btn-primary{min-width:140px}.payroll-modal.salary-structure-form .salary-structure-form__actions ion-spinner{width:15px;height:15px}.payroll-modal.salary-group-form{height:100%}.payroll-modal.salary-group-form .salary-group-form__header{padding:16px 20px;background:linear-gradient(135deg,#f8fbff,#fff 65%)}.payroll-modal.salary-group-form .salary-group-form__heading{display:flex;align-items:center;gap:12px;min-width:0}.payroll-modal.salary-group-form .salary-group-form__icon{width:44px;height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ion-color-primary, #1a6fdb);background:#1a6fdb1a;border:1px solid rgba(26,111,219,.14)}.payroll-modal.salary-group-form .salary-group-form__icon ion-icon{font-size:1.35rem}.payroll-modal.salary-group-form .salary-group-form__body{gap:16px;padding:16px;background:#f8fafc}.payroll-modal.salary-group-form .salary-group-form__section{padding:16px;border:1px solid #e5edf7;border-radius:14px;background:#fff;box-shadow:0 1px 2px #0f172a08}.payroll-modal.salary-group-form .salary-group-form__section--statutory{border-color:#0f766e33;background:linear-gradient(135deg,#0f766e0a,#fff 55%)}.payroll-modal.salary-group-form .salary-group-form__section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eef2f7}.payroll-modal.salary-group-form .salary-group-form__section-title h3{margin:0;color:#1a2a4a;font-size:1rem;font-weight:700}.payroll-modal.salary-group-form .salary-group-form__section-title p{margin:2px 0 0;color:#94a3b8;font-size:.72rem}.payroll-modal.salary-group-form .salary-group-form__section-icon{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ion-color-primary, #1a6fdb);background:#1a6fdb14}.payroll-modal.salary-group-form .salary-group-form__section-icon ion-icon{font-size:1rem}.payroll-modal.salary-group-form .salary-group-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.payroll-modal.salary-group-form .salary-group-form__grid .field{margin:0}.payroll-modal.salary-group-form .salary-group-form__full{grid-column:1/-1}.payroll-modal.salary-group-form .salary-group-form__flags{display:flex;flex-wrap:wrap;gap:8px}.payroll-modal.salary-group-form .salary-group-form__flag{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:999px;background:#fff;color:#64748b;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.payroll-modal.salary-group-form .salary-group-form__flag input{width:15px;height:15px;margin:0;accent-color:var(--ion-color-primary, #1a6fdb);cursor:pointer}.payroll-modal.salary-group-form .salary-group-form__flag:hover{border-color:#bfdbfe;background:#f8fbff}.payroll-modal.salary-group-form .salary-group-form__flag:has(input:checked){border-color:#1a6fdb73;background:#1a6fdb14;color:#1a2a4a}.payroll-modal.salary-group-form .salary-group-form__footer{justify-content:space-between}.payroll-modal.salary-group-form .salary-group-form__footer-note{display:inline-flex;align-items:center;gap:8px;color:#94a3b8;font-size:.72rem}.payroll-modal.salary-group-form .salary-group-form__footer-note ion-icon{color:var(--ion-color-primary, #1a6fdb);font-size:1rem}.payroll-modal.salary-group-form .salary-group-form__actions{display:flex;align-items:center;gap:12px}.payroll-modal.salary-group-form .salary-group-form__actions .btn-primary,.payroll-modal.salary-group-form .salary-group-form__actions .btn-secondary{display:inline-flex;align-items:center;gap:8px}.payroll-modal.salary-group-form .salary-group-form__actions .btn-primary{min-width:140px}.payroll-modal.salary-group-form .salary-group-form__actions ion-spinner{width:15px;height:15px}.payroll-modal.pay-grade-form{height:100%}.payroll-modal.pay-grade-form .pay-grade-form__header{padding:16px 20px;background:linear-gradient(135deg,#f8fbff,#fff 65%)}.payroll-modal.pay-grade-form .pay-grade-form__heading{display:flex;align-items:center;gap:12px;min-width:0}.payroll-modal.pay-grade-form .pay-grade-form__icon{width:44px;height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ion-color-primary, #1a6fdb);background:#1a6fdb1a;border:1px solid rgba(26,111,219,.14)}.payroll-modal.pay-grade-form .pay-grade-form__icon ion-icon{font-size:1.35rem}.payroll-modal.pay-grade-form .pay-grade-form__body{gap:16px;padding:16px;background:#f8fafc}.payroll-modal.pay-grade-form .pay-grade-form__section{padding:16px;border:1px solid #e5edf7;border-radius:14px;background:#fff;box-shadow:0 1px 2px #0f172a08}.payroll-modal.pay-grade-form .pay-grade-form__section--statutory{border-color:#0f766e33;background:linear-gradient(135deg,#0f766e0a,#fff 55%)}.payroll-modal.pay-grade-form .pay-grade-form__section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eef2f7}.payroll-modal.pay-grade-form .pay-grade-form__section-title h3{margin:0;color:#1a2a4a;font-size:1rem;font-weight:700}.payroll-modal.pay-grade-form .pay-grade-form__section-title p{margin:2px 0 0;color:#94a3b8;font-size:.72rem}.payroll-modal.pay-grade-form .pay-grade-form__section-icon{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ion-color-primary, #1a6fdb);background:#1a6fdb14}.payroll-modal.pay-grade-form .pay-grade-form__section-icon ion-icon{font-size:1rem}.payroll-modal.pay-grade-form .pay-grade-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.payroll-modal.pay-grade-form .pay-grade-form__grid .field{margin:0}.payroll-modal.pay-grade-form .pay-grade-form__full{grid-column:1/-1}.payroll-modal.pay-grade-form .pay-grade-form__flags{display:flex;flex-wrap:wrap;gap:8px}.payroll-modal.pay-grade-form .pay-grade-form__flag{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:999px;background:#fff;color:#64748b;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.payroll-modal.pay-grade-form .pay-grade-form__flag input{width:15px;height:15px;margin:0;accent-color:var(--ion-color-primary, #1a6fdb);cursor:pointer}.payroll-modal.pay-grade-form .pay-grade-form__flag:hover{border-color:#bfdbfe;background:#f8fbff}.payroll-modal.pay-grade-form .pay-grade-form__flag:has(input:checked){border-color:#1a6fdb73;background:#1a6fdb14;color:#1a2a4a}.payroll-modal.pay-grade-form .pay-grade-form__footer{justify-content:space-between}.payroll-modal.pay-grade-form .pay-grade-form__footer-note{display:inline-flex;align-items:center;gap:8px;color:#94a3b8;font-size:.72rem}.payroll-modal.pay-grade-form .pay-grade-form__footer-note ion-icon{color:var(--ion-color-primary, #1a6fdb);font-size:1rem}.payroll-modal.pay-grade-form .pay-grade-form__actions{display:flex;align-items:center;gap:12px}.payroll-modal.pay-grade-form .pay-grade-form__actions .btn-primary,.payroll-modal.pay-grade-form .pay-grade-form__actions .btn-secondary{display:inline-flex;align-items:center;gap:8px}.payroll-modal.pay-grade-form .pay-grade-form__actions .btn-primary{min-width:140px}.payroll-modal.pay-grade-form .pay-grade-form__actions ion-spinner{width:15px;height:15px}.payroll-modal.salary-structure-form .salary-structure-form__uppercase{text-transform:uppercase}.payroll-modal.salary-structure-form .salary-structure-form__grid .field small{color:#94a3b8;font-size:.72rem}.payroll-modal.salary-structure-form .salary-structure-form__note{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border-radius:8px;background:#1a6fdb0f;border:1px solid rgba(26,111,219,.14);color:#64748b;font-size:.8rem}.payroll-modal.salary-structure-form .salary-structure-form__note ion-icon{color:var(--ion-color-primary, #1a6fdb);font-size:1rem;flex-shrink:0}.payroll-modal.pay-grade-form .pay-grade-form__section--salary{border-color:#1a6fdb2e;background:linear-gradient(135deg,#1a6fdb09,#fff 55%)}.payroll-modal.pay-grade-form .pay-grade-form__uppercase{text-transform:uppercase}.payroll-modal.pay-grade-form .pay-grade-form__money{position:relative}.payroll-modal.pay-grade-form .pay-grade-form__money>span{position:absolute;left:13px;top:50%;z-index:1;transform:translateY(-50%);color:#64748b;font-weight:600;pointer-events:none}.payroll-modal.pay-grade-form .pay-grade-form__money input{padding-left:30px!important;font-weight:600;font-variant-numeric:tabular-nums}.payroll-modal.payroll-structure-builder{height:100%}.payroll-modal.payroll-structure-builder .structure-builder__heading{display:flex;align-items:center;gap:12px;min-width:0}.payroll-modal.payroll-structure-builder .structure-builder__icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;background:linear-gradient(135deg,var(--ion-color-primary, #1a6fdb),var(--ion-color-secondary, #3b9eff));box-shadow:0 4px 12px #1a6fdb3d}.payroll-modal.payroll-structure-builder .structure-builder__icon ion-icon{font-size:1.25rem}.payroll-modal.payroll-structure-builder .structure-builder__loading{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#64748b;font-size:.8rem}.payroll-modal.payroll-structure-builder .structure-builder__loading ion-spinner{width:34px;height:34px;color:var(--ion-color-primary, #1a6fdb)}.payroll-modal.payroll-structure-builder .structure-builder__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.payroll-modal.payroll-structure-builder .structure-builder__toolbar h3{font-size:1rem;color:#1a2a4a}.payroll-modal.payroll-structure-builder .structure-builder__toolbar p{margin:2px 0 0;color:#94a3b8;font-size:.72rem}.payroll-modal.payroll-structure-builder .structure-builder__list{display:flex;flex-direction:column;gap:12px}.payroll-modal.payroll-structure-builder .structure-builder__card{border:1px solid #e2e8f0;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 2px 8px #1a6fdb0f;transition:border-color .2s,box-shadow .2s}.payroll-modal.payroll-structure-builder .structure-builder__card:hover{border-color:#dbeafe;box-shadow:0 4px 16px #0000000d}.payroll-modal.payroll-structure-builder .structure-builder__card.has-error{border-color:#fca5a5;box-shadow:0 0 0 1px #dc26261f}.payroll-modal.payroll-structure-builder .structure-builder__form-errors{margin-bottom:12px;padding:8px 12px;border-radius:10px;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;font-size:.8rem;display:flex;flex-direction:column;gap:.25rem}.payroll-modal.payroll-structure-builder .field-invalid select,.payroll-modal.payroll-structure-builder .field-invalid input,.payroll-modal.payroll-structure-builder .field-invalid textarea{border-color:#f87171!important}.payroll-modal.payroll-structure-builder .field-error{display:block;margin-top:.25rem;color:#b91c1c;font-size:.75rem;line-height:1.3}.payroll-modal.payroll-structure-builder .structure-builder__card-header{min-height:44px;padding:8px 12px;display:flex;align-items:center;gap:8px;background:#f8faff;border-bottom:1px solid #e8f0fe}.payroll-modal.payroll-structure-builder .structure-builder__card-header strong{color:#1a2a4a;font-size:.8rem;flex:1}.payroll-modal.payroll-structure-builder .structure-builder__number{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--ion-color-primary, #1a6fdb);background:#dbeafe;font-size:.72rem;font-weight:800}.payroll-modal.payroll-structure-builder .structure-builder__row-actions{display:flex;align-items:center;gap:4px}.payroll-modal.payroll-structure-builder .structure-builder__grid{padding:16px;display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,1fr) minmax(120px,.75fr) minmax(110px,.65fr);gap:12px;align-items:end}.payroll-modal.payroll-structure-builder .structure-builder__grid .field{margin-bottom:0}.payroll-modal.payroll-structure-builder .structure-builder__formula{grid-column:span 2}.payroll-modal.payroll-structure-builder .structure-builder__input-prefix,.payroll-modal.payroll-structure-builder .structure-builder__input-suffix{height:40px;display:flex;align-items:center;border:1.5px solid #dbeafe;border-radius:10px;background:#f8faff;overflow:hidden;transition:border-color .2s,box-shadow .2s}.payroll-modal.payroll-structure-builder .structure-builder__input-prefix:focus-within,.payroll-modal.payroll-structure-builder .structure-builder__input-suffix:focus-within{border-color:var(--ion-color-primary, #1a6fdb);background:#fff;box-shadow:0 0 0 3px #1a6fdb1f}.payroll-modal.payroll-structure-builder .structure-builder__input-prefix>span,.payroll-modal.payroll-structure-builder .structure-builder__input-suffix>span{padding:0 12px;color:#64748b;font-size:.8rem;font-weight:700}.payroll-modal.payroll-structure-builder .structure-builder__input-prefix input,.payroll-modal.payroll-structure-builder .structure-builder__input-suffix input{min-width:0;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding-left:0!important}.payroll-modal.payroll-structure-builder .structure-builder__input-suffix input{padding-left:12px!important;padding-right:0!important}.payroll-modal.payroll-structure-builder .structure-builder__status{display:flex;flex-direction:column;gap:8px}.payroll-modal.payroll-structure-builder .structure-builder__status>span{color:#64748b;font-size:.8rem;font-weight:600}.payroll-modal.payroll-structure-builder .structure-builder__switch{min-height:40px;display:flex;align-items:center;gap:8px;color:#64748b;font-size:.8rem;cursor:pointer}.payroll-modal.payroll-structure-builder .structure-builder__switch input{position:absolute;opacity:0;pointer-events:none}.payroll-modal.payroll-structure-builder .structure-builder__switch input:focus-visible+.structure-builder__switch-track{outline:2px solid var(--ion-color-primary, #1a6fdb);outline-offset:2px}.payroll-modal.payroll-structure-builder .structure-builder__switch input:checked+.structure-builder__switch-track{background:var(--ion-color-primary, #1a6fdb)}.payroll-modal.payroll-structure-builder .structure-builder__switch input:checked+.structure-builder__switch-track:after{transform:translate(16px)}.payroll-modal.payroll-structure-builder .structure-builder__switch-track{width:36px;height:20px;padding:2px;border-radius:999px;background:#cbd5e1;flex-shrink:0;transition:background .2s}.payroll-modal.payroll-structure-builder .structure-builder__switch-track:after{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a40;transition:transform .2s}.payroll-modal.payroll-structure-builder .structure-builder__footer-note{margin-right:auto;display:inline-flex;align-items:center;gap:8px;color:#94a3b8;font-size:.72rem}.payroll-modal.payroll-structure-builder .structure-builder__footer-note ion-icon{color:var(--ion-color-primary, #1a6fdb);font-size:1rem}.payroll-page .payslip-overlay .payslip-modal,.payslip-overlay.payroll-modal-host .payslip-modal{display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.payroll-page .payslip-overlay .payroll-preview-modal,.payslip-overlay.payroll-modal-host .payroll-preview-modal{width:min(1440px,98vw);max-width:min(1440px,98vw);max-height:96vh;height:min(920px,96vh)}.payroll-page .payslip-overlay .payroll-preview-modal__header,.payslip-overlay.payroll-modal-host .payroll-preview-modal__header{display:flex;flex-direction:column;gap:12px;padding:16px 20px;border-bottom:1px solid #e8f0fe;background:#fff;flex-shrink:0}.payroll-page .payslip-overlay .payroll-preview-modal__title-row,.payslip-overlay.payroll-modal-host .payroll-preview-modal__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.payroll-page .payslip-overlay .payroll-preview-modal__title,.payslip-overlay.payroll-modal-host .payroll-preview-modal__title{min-width:0;flex:1}.payroll-page .payslip-overlay .payroll-preview-modal__title h2,.payslip-overlay.payroll-modal-host .payroll-preview-modal__title h2{margin:0;font-size:1.35rem;font-weight:700;color:#1a2a4a;line-height:1.25;white-space:nowrap}.payroll-page .payslip-overlay .payroll-preview-modal__title p,.payslip-overlay.payroll-modal-host .payroll-preview-modal__title p{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:6px 0 0;font-size:.8rem;color:#64748b;line-height:1.4}.payroll-page .payslip-overlay .payroll-preview-modal__title .dot,.payslip-overlay.payroll-modal-host .payroll-preview-modal__title .dot{color:#94a3b8}.payroll-page .payslip-overlay .payroll-preview-modal__title .run-no,.payslip-overlay.payroll-modal-host .payroll-preview-modal__title .run-no{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600;color:#1a2a4a;white-space:nowrap}.payroll-page .payslip-overlay .payroll-preview-modal__title .payroll-badge,.payslip-overlay.payroll-modal-host .payroll-preview-modal__title .payroll-badge{margin-left:2px}.payroll-page .payslip-overlay .payroll-preview-modal__workflow,.payslip-overlay.payroll-modal-host .payroll-preview-modal__workflow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid #dbeafe;background:#f8fbff}.payroll-page .payslip-overlay .payroll-preview-modal__workflow .wf-label,.payslip-overlay.payroll-modal-host .payroll-preview-modal__workflow .wf-label{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ion-color-primary, #1a6fdb)}.payroll-page .payslip-overlay .payroll-preview-modal__workflow .wf-steps,.payslip-overlay.payroll-modal-host .payroll-preview-modal__workflow .wf-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.payroll-page .payslip-overlay .payroll-preview-modal__workflow .wf-steps li,.payslip-overlay.payroll-modal-host .payroll-preview-modal__workflow .wf-steps li{position:relative;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600;color:#64748b;background:#fff;border:1px solid #e2e8f0}.payroll-page .payslip-overlay .payroll-preview-modal__workflow .wf-steps li.active,.payslip-overlay.payroll-modal-host .payroll-preview-modal__workflow .wf-steps li.active{color:#1d4ed8;border-color:#93c5fd;background:#eff6ff}.payroll-page .payslip-overlay .payroll-preview-modal__workflow .wf-steps li:not(:last-child):after,.payslip-overlay.payroll-modal-host .payroll-preview-modal__workflow .wf-steps li:not(:last-child):after{content:"\2192";position:absolute;right:-14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-weight:500}.payroll-page .payslip-overlay .payroll-preview-modal__workflow .wf-steps li:not(:last-child),.payslip-overlay.payroll-modal-host .payroll-preview-modal__workflow .wf-steps li:not(:last-child){margin-right:12px}.payroll-page .payslip-overlay .payroll-preview-modal__actions,.payslip-overlay.payroll-modal-host .payroll-preview-modal__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.payroll-page .payslip-overlay .payroll-preview-modal__body,.payslip-overlay.payroll-modal-host .payroll-preview-modal__body{overflow:auto;max-height:none;flex:1;min-height:0;padding:20px}.payroll-page .payslip-overlay .payroll-preview-modal__kpi,.payslip-overlay.payroll-modal-host .payroll-preview-modal__kpi{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.payroll-page .payslip-overlay .payroll-preview-modal__kpi app-payroll-kpi-card,.payslip-overlay.payroll-modal-host .payroll-preview-modal__kpi app-payroll-kpi-card{display:block;min-width:0}.payroll-page .payslip-overlay .payroll-preview-modal__kpi .payroll-kpi,.payslip-overlay.payroll-modal-host .payroll-preview-modal__kpi .payroll-kpi{min-height:96px;padding:16px}.payroll-page .payslip-overlay .payroll-approval-timeline,.payslip-overlay.payroll-modal-host .payroll-approval-timeline{padding:12px 14px!important}.payroll-page .payslip-overlay .payroll-approval-timeline .payroll-section__title,.payslip-overlay.payroll-modal-host .payroll-approval-timeline .payroll-section__title{margin:0 0 8px;font-size:.88rem;font-weight:700;line-height:1.3}.payroll-page .payslip-overlay .payroll-approval-timeline__levels,.payslip-overlay.payroll-modal-host .payroll-approval-timeline__levels{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.payroll-page .payslip-overlay .payroll-approval-timeline__chip,.payslip-overlay.payroll-modal-host .payroll-approval-timeline__chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;line-height:1.3;min-height:32px}.payroll-page .payslip-overlay .payroll-approval-timeline__chip strong,.payslip-overlay.payroll-modal-host .payroll-approval-timeline__chip strong{font-size:12px;font-weight:700;color:#1a2a4a;white-space:nowrap}.payroll-page .payslip-overlay .payroll-approval-timeline__chip small,.payslip-overlay.payroll-modal-host .payroll-approval-timeline__chip small{font-size:11px;color:#64748b;white-space:nowrap}.payroll-page .payslip-overlay .payroll-approval-timeline__history,.payslip-overlay.payroll-modal-host .payroll-approval-timeline__history{margin-top:8px;display:flex;flex-direction:column;gap:4px}.payroll-page .payslip-overlay .payroll-approval-timeline__item,.payslip-overlay.payroll-modal-host .payroll-approval-timeline__item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:12px;line-height:1.35;border-bottom:1px solid #f1f5f9}.payroll-page .payslip-overlay .payroll-approval-timeline__item:last-child,.payslip-overlay.payroll-modal-host .payroll-approval-timeline__item:last-child{border-bottom:none}.payroll-page .payslip-overlay .payroll-approval-timeline__item .text-muted,.payslip-overlay.payroll-modal-host .payroll-approval-timeline__item .text-muted{font-size:11px}.payroll-page .payslip-overlay .payroll-preview-emp-table .table-header>span,.payroll-page .payslip-overlay .payroll-preview-emp-table .table-row>span,.payslip-overlay.payroll-modal-host .payroll-preview-emp-table .table-header>span,.payslip-overlay.payroll-modal-host .payroll-preview-emp-table .table-row>span{align-self:center}.payroll-page .payslip-overlay .payroll-preview-emp-table .num-cell,.payroll-page .payslip-overlay .payroll-preview-emp-table .money-cell,.payslip-overlay.payroll-modal-host .payroll-preview-emp-table .num-cell,.payslip-overlay.payroll-modal-host .payroll-preview-emp-table .money-cell{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.payroll-page .payslip-overlay .payroll-preview-emp-table .emp-name .name strong,.payslip-overlay.payroll-modal-host .payroll-preview-emp-table .emp-name .name strong{display:block;color:#1a2a4a}.payroll-page .payslip-overlay .payroll-preview-emp-table .emp-name .text-muted,.payslip-overlay.payroll-modal-host .payroll-preview-emp-table .emp-name .text-muted{font-size:11px;line-height:1.35}.payroll-page .payslip-overlay .payroll-preview-emp-detail,.payslip-overlay.payroll-modal-host .payroll-preview-emp-detail{display:block!important;width:100%;min-width:var(--min-table-width, 1100px);box-sizing:border-box;margin:0;padding:12px 20px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc;grid-template-columns:none!important}.payroll-page .payslip-overlay .payroll-preview-emp-detail__grid,.payslip-overlay.payroll-modal-host .payroll-preview-emp-detail__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%}.payroll-page .payslip-overlay .payroll-preview-emp-detail__panel,.payslip-overlay.payroll-modal-host .payroll-preview-emp-detail__panel{min-width:0;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.payroll-page .payslip-overlay .payroll-preview-emp-detail__panel h4,.payslip-overlay.payroll-modal-host .payroll-preview-emp-detail__panel h4{margin:0 0 8px;font-size:13px;font-weight:700;color:#1a2a4a;line-height:1.3}.payroll-page .payslip-overlay .payroll-preview-emp-detail__sub,.payslip-overlay.payroll-modal-host .payroll-preview-emp-detail__sub{margin:12px 0 8px!important;font-size:12px!important;color:#64748b!important}.payroll-page .payslip-overlay .payroll-preview-emp-detail__row,.payslip-overlay.payroll-modal-host .payroll-preview-emp-detail__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:5px 0;border-bottom:1px solid #f1f5f9;font-size:12px;line-height:1.35}.payroll-page .payslip-overlay .payroll-preview-emp-detail__row:last-child,.payslip-overlay.payroll-modal-host .payroll-preview-emp-detail__row:last-child{border-bottom:none}.payroll-page .payslip-overlay .payroll-preview-emp-detail__row>span:first-child,.payslip-overlay.payroll-modal-host .payroll-preview-emp-detail__row>span:first-child{min-width:0;color:#64748b;overflow-wrap:anywhere}.payroll-page .payslip-overlay .payroll-preview-emp-detail__row>span:last-child,.payslip-overlay.payroll-modal-host .payroll-preview-emp-detail__row>span:last-child{color:#1a2a4a;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.payroll-page .payslip-overlay .payroll-preview-emp-detail__row--total,.payslip-overlay.payroll-modal-host .payroll-preview-emp-detail__row--total{margin-top:4px;padding-top:8px;border-top:1px solid #e2e8f0;border-bottom:none}.payroll-page .payslip-overlay .payroll-preview-emp-detail__row--total>span:first-child,.payslip-overlay.payroll-modal-host .payroll-preview-emp-detail__row--total>span:first-child{color:#1a2a4a;font-weight:700}.payroll-page .payslip-overlay .payroll-preview-emp-detail__notes,.payslip-overlay.payroll-modal-host .payroll-preview-emp-detail__notes{margin-top:8px}.payroll-page .payslip-overlay .payroll-preview-emp-detail__notes p,.payslip-overlay.payroll-modal-host .payroll-preview-emp-detail__notes p{margin:0 0 4px;font-size:11px;color:#64748b;line-height:1.4}@media(max-width:900px){.payslip-overlay.payroll-modal-host .payroll-preview-modal__kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.payslip-overlay.payroll-modal-host .payroll-preview-modal__title h2{white-space:normal}.payslip-overlay.payroll-modal-host .payroll-preview-modal__workflow .wf-steps li:not(:last-child):after{display:none}.payslip-overlay.payroll-modal-host .payroll-preview-modal__workflow .wf-steps li:not(:last-child){margin-right:0}.payslip-overlay.payroll-modal-host .payroll-preview-emp-detail__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.payroll-modal.payroll-form .field-row,.payroll-modal .payroll-form .field-row{grid-template-columns:1fr}.payroll-page.payroll-settings .payroll-settings__intro-copy p,.payroll-page.payroll-settings .payroll-settings__sticky-footer .info-note,.payroll-page.payroll-settings .payroll-settings__hint{display:none}.payroll-page.payroll-settings .payroll-settings__item{grid-template-columns:1fr;gap:8px}.payroll-page.payroll-settings .payroll-settings__control{max-width:220px}.payroll-page.payroll-settings .payroll-settings__control--json,.payroll-page.payroll-settings .payroll-settings__item--wide .payroll-settings__control{max-width:none}.payroll-page.payroll-settings .payroll-settings__pt-row-top .field{flex:1 1 auto}.payroll-page.payroll-settings .payroll-settings__version-grid{grid-template-columns:1fr}.payroll-page.payroll-settings .payroll-settings__version-actions{justify-content:flex-end}.payroll-page.payroll-settings .payroll-settings__sticky-footer{bottom:8px;justify-content:flex-end}.payroll-page.payroll-settings .payroll-settings__groups{margin-bottom:4.5rem}.payroll-modal.employee-salary-form .employee-salary-form__grid,.payroll-modal.employee-salary-form .employee-salary-form__grid--three{grid-template-columns:1fr}.payroll-modal.employee-salary-form .employee-salary-form__full{grid-column:auto}.payroll-modal.employee-salary-form .employee-salary-form__footer-note{display:none}.payroll-modal.employee-salary-form .employee-salary-form__footer{justify-content:flex-end}.payroll-modal.employee-salary-form.employee-salary-form--composition .employee-salary-form__composition{grid-template-columns:1fr}.payroll-modal.employee-salary-form.employee-salary-form--composition .employee-salary-form__right{position:static;max-height:none}.payroll-modal.payroll-period-form .payroll-period-form__grid{grid-template-columns:1fr}.payroll-modal.payroll-period-form .payroll-period-form__full{grid-column:auto}.payroll-modal.payroll-period-form .payroll-period-form__chips{grid-template-columns:1fr}.payroll-modal.payroll-period-form .payroll-period-form__footer-note{display:none}.payroll-modal.payroll-period-form .payroll-period-form__footer{justify-content:flex-end}.payroll-modal.payroll-period-form .payroll-period-form__heading p,.payroll-modal.payroll-period-form .payroll-period-form__section-title p{display:none}.payroll-modal.pre-payment-form .pre-payment-form__grid{grid-template-columns:1fr}.payroll-modal.pre-payment-form .pre-payment-form__full{grid-column:auto}.payroll-modal.pre-payment-form .pre-payment-form__footer-note{display:none}.payroll-modal.pre-payment-form .pre-payment-form__footer{justify-content:flex-end}.payroll-modal.pre-payment-form .pre-payment-form__heading p,.payroll-modal.pre-payment-form .pre-payment-form__section-title p{display:none}.payroll-modal.compliance-register-form .compliance-register-form__grid{grid-template-columns:1fr}.payroll-modal.compliance-register-form .compliance-register-form__full{grid-column:auto}.payroll-modal.compliance-register-form .compliance-register-form__rate-chips{grid-template-columns:1fr}.payroll-modal.compliance-register-form .compliance-register-form__footer-note{display:none}.payroll-modal.compliance-register-form .compliance-register-form__footer{justify-content:flex-end}.payroll-modal.compliance-register-form .compliance-register-form__heading p,.payroll-modal.compliance-register-form .compliance-register-form__section-title p{display:none}.payroll-modal.salary-structure-form .salary-structure-form__grid,.payroll-modal.salary-structure-form .salary-group-form__grid,.payroll-modal.salary-structure-form .pay-grade-form__grid,.payroll-modal.salary-group-form .salary-structure-form__grid,.payroll-modal.salary-group-form .salary-group-form__grid,.payroll-modal.salary-group-form .pay-grade-form__grid,.payroll-modal.pay-grade-form .salary-structure-form__grid,.payroll-modal.pay-grade-form .salary-group-form__grid,.payroll-modal.pay-grade-form .pay-grade-form__grid{grid-template-columns:1fr}.payroll-modal.salary-structure-form .salary-structure-form__full,.payroll-modal.salary-structure-form .salary-group-form__full,.payroll-modal.salary-structure-form .pay-grade-form__full,.payroll-modal.salary-group-form .salary-structure-form__full,.payroll-modal.salary-group-form .salary-group-form__full,.payroll-modal.salary-group-form .pay-grade-form__full,.payroll-modal.pay-grade-form .salary-structure-form__full,.payroll-modal.pay-grade-form .salary-group-form__full,.payroll-modal.pay-grade-form .pay-grade-form__full{grid-column:auto}.payroll-modal.salary-structure-form .salary-structure-form__footer-note,.payroll-modal.salary-structure-form .salary-group-form__footer-note,.payroll-modal.salary-structure-form .pay-grade-form__footer-note,.payroll-modal.salary-group-form .salary-structure-form__footer-note,.payroll-modal.salary-group-form .salary-group-form__footer-note,.payroll-modal.salary-group-form .pay-grade-form__footer-note,.payroll-modal.pay-grade-form .salary-structure-form__footer-note,.payroll-modal.pay-grade-form .salary-group-form__footer-note,.payroll-modal.pay-grade-form .pay-grade-form__footer-note{display:none}.payroll-modal.salary-structure-form .salary-structure-form__footer,.payroll-modal.salary-structure-form .salary-group-form__footer,.payroll-modal.salary-structure-form .pay-grade-form__footer,.payroll-modal.salary-group-form .salary-structure-form__footer,.payroll-modal.salary-group-form .salary-group-form__footer,.payroll-modal.salary-group-form .pay-grade-form__footer,.payroll-modal.pay-grade-form .salary-structure-form__footer,.payroll-modal.pay-grade-form .salary-group-form__footer,.payroll-modal.pay-grade-form .pay-grade-form__footer{justify-content:flex-end}.payroll-modal.salary-structure-form .salary-structure-form__heading p,.payroll-modal.salary-structure-form .salary-group-form__heading p,.payroll-modal.salary-structure-form .pay-grade-form__heading p,.payroll-modal.salary-structure-form .salary-structure-form__section-title p,.payroll-modal.salary-structure-form .salary-group-form__section-title p,.payroll-modal.salary-structure-form .pay-grade-form__section-title p,.payroll-modal.salary-group-form .salary-structure-form__heading p,.payroll-modal.salary-group-form .salary-group-form__heading p,.payroll-modal.salary-group-form .pay-grade-form__heading p,.payroll-modal.salary-group-form .salary-structure-form__section-title p,.payroll-modal.salary-group-form .salary-group-form__section-title p,.payroll-modal.salary-group-form .pay-grade-form__section-title p,.payroll-modal.pay-grade-form .salary-structure-form__heading p,.payroll-modal.pay-grade-form .salary-group-form__heading p,.payroll-modal.pay-grade-form .pay-grade-form__heading p,.payroll-modal.pay-grade-form .salary-structure-form__section-title p,.payroll-modal.pay-grade-form .salary-group-form__section-title p,.payroll-modal.pay-grade-form .pay-grade-form__section-title p{display:none}.payroll-modal.payroll-structure-builder .structure-builder__grid{grid-template-columns:1fr 1fr}.payroll-modal.payroll-structure-builder .structure-builder__component,.payroll-modal.payroll-structure-builder .structure-builder__formula{grid-column:1/-1}}@media(max-width:520px){.payroll-modal.employee-salary-form .employee-salary-form__header,.payroll-modal.employee-salary-form .employee-salary-form__body,.payroll-modal.employee-salary-form .employee-salary-form__footer{padding-left:12px;padding-right:12px}.payroll-modal.employee-salary-form .employee-salary-form__heading p,.payroll-modal.employee-salary-form .employee-salary-form__section-title p{display:none}.payroll-modal.employee-salary-form .employee-salary-form__section{padding:12px}.payroll-modal.employee-salary-form .employee-salary-form__actions{width:100%}.payroll-modal.employee-salary-form .employee-salary-form__actions button{flex:1;justify-content:center}.payroll-modal.payroll-structure-builder .structure-builder__heading p,.payroll-modal.payroll-structure-builder .structure-builder__footer-note{display:none}.payroll-modal.payroll-structure-builder .structure-builder__toolbar{align-items:flex-start;flex-direction:column}.payroll-modal.payroll-structure-builder .structure-builder__grid{grid-template-columns:1fr}.payroll-modal.payroll-structure-builder .structure-builder__component,.payroll-modal.payroll-structure-builder .structure-builder__formula{grid-column:auto}}.mps-setup-table .table-header>.mps-actions-head,.mps-setup-table .table-row>.mps-row-actions{justify-self:end;text-align:right}.mps-setup-table .mps-row-actions{display:inline-grid!important;grid-template-columns:repeat(3,32px);gap:6px;align-items:center;justify-content:end;width:100%;min-height:32px}.mps-setup-table .mps-row-actions .icon-btn{margin:0;flex:none}.mps-setup-table .mps-row-actions .mps-row-actions__spacer{width:32px;height:32px;display:inline-block;visibility:hidden;pointer-events:none}.mps-amt-input{width:100%;min-width:72px;max-width:96px;height:28px;padding:2px 6px;border:1px solid #cbd5e1;border-radius:6px;font-size:.78rem;font-variant-numeric:tabular-nums;text-align:right;background:#fff;color:#0f172a;appearance:textfield}.mps-amt-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb2e}.mps-amt-input:disabled{opacity:.55;background:#f1f5f9}.mps-amt-input::-webkit-outer-spin-button,.mps-amt-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mps-sheet-summary.payroll-period-form__chips{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.75rem;margin-bottom:.75rem}.mps-sheet-summary.payroll-period-form__chips .mps-sheet-summary__net{border-color:#bbf7d0;background:#f0fdf4}.monthly-processing-sheet .mps-sheet-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;align-items:center}.monthly-processing-sheet .mps-sheet-toolbar .mps-sheet-toolbar__spacer{flex:1 1 auto;min-width:.5rem}.monthly-processing-sheet .payroll-period-form__notice{margin-bottom:.75rem}.monthly-processing-sheet .mps-register{border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden}.monthly-processing-sheet .mps-register__scroll{overflow:auto;max-height:min(58vh,620px);overscroll-behavior:contain}.monthly-processing-sheet .mps-register__table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:.78rem;color:#0f172a}.monthly-processing-sheet .mps-register__group th{position:sticky;top:0;z-index:5;padding:6px 10px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;border-bottom:1px solid #e2e8f0;white-space:nowrap}.monthly-processing-sheet .mps-group--emp{background:#f1f5f9;color:#334155}.monthly-processing-sheet .mps-group--att{background:#eff6ff;color:#1e40af}.monthly-processing-sheet .mps-group--earn{background:#ecfdf5;color:#065f46}.monthly-processing-sheet .mps-group--ded{background:#fff7ed;color:#9a3412}.monthly-processing-sheet .mps-group--net{background:#f0fdf4;color:#166534}.monthly-processing-sheet .mps-group--note{background:#f8fafc;color:#64748b}.monthly-processing-sheet .mps-register__cols th{position:sticky;top:28px;z-index:4;padding:8px 10px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:.68rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-align:left}.monthly-processing-sheet .mps-register__cols .mps-num,.monthly-processing-sheet .mps-editable-head{text-align:right}.monthly-processing-sheet .mps-editable-head{color:#1d4ed8;background:#eff6ff}.monthly-processing-sheet .mps-register__row td{padding:7px 10px;border-bottom:1px solid #f1f5f9;vertical-align:middle;white-space:nowrap;background:#fff}.monthly-processing-sheet .mps-register__row:nth-child(2n) td{background:#fafbfc}.monthly-processing-sheet .mps-register__row:hover td{background:#f0f7ff}.monthly-processing-sheet .mps-sticky{position:sticky;left:0;z-index:3;box-shadow:1px 0 #e2e8f0}.monthly-processing-sheet .mps-sticky--1{left:0;min-width:42px;width:42px}.monthly-processing-sheet .mps-sticky--2{left:42px;min-width:78px}.monthly-processing-sheet .mps-sticky--3{left:120px;min-width:160px;max-width:220px}.monthly-processing-sheet thead .mps-sticky{z-index:6;background:#f1f5f9}.monthly-processing-sheet .mps-register__cols .mps-sticky{background:#f8fafc}.monthly-processing-sheet .mps-register__cols .mps-sticky.mps-editable-head,.monthly-processing-sheet .mps-register__cols th.mps-editable-head{background:#eff6ff}.monthly-processing-sheet .mps-register__row .mps-sticky{background:#fff}.monthly-processing-sheet .mps-register__row:nth-child(2n) .mps-sticky{background:#fafbfc}.monthly-processing-sheet .mps-register__row:hover .mps-sticky{background:#f0f7ff}.monthly-processing-sheet .mps-col-sl{text-align:center;color:#94a3b8;font-variant-numeric:tabular-nums}.monthly-processing-sheet .mps-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem;color:#475569}.monthly-processing-sheet .mps-name{white-space:normal;line-height:1.25}.monthly-processing-sheet .mps-name strong{font-weight:600;color:#0f172a}.monthly-processing-sheet .mps-center{text-align:center;font-variant-numeric:tabular-nums}.monthly-processing-sheet .mps-lop{color:#b91c1c;font-weight:600}.monthly-processing-sheet .mps-num{text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.monthly-processing-sheet .mps-editable{background:#f8fbff!important}.monthly-processing-sheet .mps-register__row:nth-child(2n) .mps-editable{background:#f3f8ff!important}.monthly-processing-sheet .mps-register__row:hover .mps-editable{background:#e8f1ff!important}.monthly-processing-sheet .mps-total{font-weight:700;color:#0f172a}.monthly-processing-sheet .mps-net{font-weight:700;color:#166534;background:#f0fdf4!important}.monthly-processing-sheet .mps-register__row:nth-child(2n) .mps-net{background:#ecfdf5!important}.monthly-processing-sheet .mps-note{max-width:160px;overflow:hidden;text-overflow:ellipsis;color:#64748b;white-space:nowrap}.monthly-processing-sheet .mps-empty{text-align:center;padding:2rem 1rem!important;color:#64748b;white-space:normal!important}.monthly-processing-sheet tfoot td{position:sticky;bottom:0;z-index:4;padding:9px 10px;background:#0f172a;color:#f8fafc;font-weight:600;border-top:1px solid #1e293b;white-space:nowrap;text-align:inherit}.monthly-processing-sheet tfoot .mps-num{text-align:right;font-variant-numeric:tabular-nums}.monthly-processing-sheet tfoot .mps-center{text-align:center}.monthly-processing-sheet tfoot .mps-totals-label{text-align:left;font-weight:700;letter-spacing:.02em}.monthly-processing-sheet tfoot .mps-sticky{background:#0f172a;color:#f8fafc;box-shadow:1px 0 #334155}.monthly-processing-sheet tfoot .mps-total{color:#f8fafc}.monthly-processing-sheet tfoot .mps-net{background:#14532d!important;color:#bbf7d0;text-align:right}.monthly-processing-sheet .mps-register__hint{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.72rem;color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0}.monthly-processing-sheet .mps-register__hint ion-icon{font-size:.9rem}@media(max-width:900px){.mps-sheet-summary.payroll-period-form__chips{grid-template-columns:repeat(2,minmax(0,1fr))!important}.monthly-processing-sheet .mps-sticky--3{min-width:120px;max-width:140px}}app-recruitment-filters{display:block;margin:0 0 10px}app-recruitment-filters+.card-table,app-recruitment-filters+.card-table.card-table-fill{margin-top:0;min-height:calc(100vh - 280px)}.rec-filters{background:#fff;border:1.5px solid #dbeafe;border-radius:12px;box-shadow:0 1px 4px #1a6fdb0d;padding:10px 12px}.rec-filters__fields{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:8px 10px}.rec-filters__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #eef4ff}.rec-filters__actions:not(:has(button)):not(:has(select)){display:none}.rec-filters__toggle{display:none;align-items:center;gap:6px;height:36px;padding:0 12px;border:1.5px solid #dbeafe;border-radius:10px;background:#f8faff;color:#1a2a4a;font-size:.82rem;font-weight:600;cursor:pointer;flex:0 0 auto}.rec-filters__toggle:focus-visible{outline:2px solid #1a6fdb;outline-offset:2px}.rec-filter-field{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-width:140px;flex:1 1 150px;max-width:none}.rec-filter-field--search{flex:1.4 1 220px;min-width:200px}.rec-filter-field label,.rec-filter-field .rec-filter-label{font-size:.7rem;font-weight:600;color:#64748b;line-height:1;white-space:nowrap}.rec-filter-control{display:flex;align-items:center;height:36px;width:100%;box-sizing:border-box;border:1.5px solid #dbeafe;border-radius:8px;background:#f8faff;padding:0 10px;gap:8px;min-width:0;transition:border-color .15s,box-shadow .15s,background .15s}.rec-filter-control:focus-within{border-color:#1a6fdb;background:#fff;box-shadow:0 0 0 3px #1a6fdb1f}.rec-filter-control ion-icon{color:#94a3b8;font-size:1rem;flex-shrink:0}.rec-filter-control input{flex:1;min-width:0;height:100%;border:none;outline:none;background:transparent;font-size:.82rem;color:#1a2a4a;line-height:1}.rec-filter-control select{flex:1;min-width:0;height:100%;border:none!important;outline:none!important;background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 2px center!important;background-size:15px 15px!important;padding-right:22px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;font-size:.82rem;font-weight:550;color:#1a2a4a;line-height:1;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rec-filter-control select option{background-color:#fff!important;color:#0f172a!important;font-size:.85rem;font-weight:500;padding:8px 12px}.rec-filter-control input[type=date]{min-width:0;padding:0}.rec-filter-control--search,.rec-filter-control--search-wide{width:100%;max-width:none}.rec-filter-control--search input[type=search]::-webkit-search-cancel-button,.rec-filter-control--search input[type=search]::-webkit-search-decoration,.rec-filter-control--search-wide input[type=search]::-webkit-search-cancel-button,.rec-filter-control--search-wide input[type=search]::-webkit-search-decoration{appearance:none}.rec-search-clear{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;border:none;background:transparent;color:#94a3b8;cursor:pointer;border-radius:999px}.rec-search-clear ion-icon{font-size:1.05rem;color:#94a3b8}.rec-search-clear:hover ion-icon{color:#475569}.rec-search-clear:focus-visible{outline:2px solid #1a6fdb;outline-offset:2px}.rec-export-format{height:36px;border:1.5px solid #dbeafe;border-radius:8px;background:#f8faff;padding:0 10px;font-size:.82rem;color:#1a2a4a;flex:0 0 auto;align-self:flex-end}.rec-filters [recActions]{display:contents}.rec-filters [recPrimary],.rec-filters [recExtra]{min-width:0}.rec-filters .btn-primary,.rec-filters .btn-secondary{height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;font-size:.82rem;flex:0 0 auto;align-self:flex-end}@media(max-width:1100px){.rec-filters__fields{flex-wrap:wrap}.rec-filter-field,.rec-filter-field--search{flex:1 1 calc(33.33% - 10px);min-width:140px}}.rec-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-top:10px;padding:10px 12px;background:#fff;border:1.5px solid #dbeafe;border-radius:12px}.rec-pagination__meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.rec-pagination__range{font-size:.8rem;color:#64748b;font-weight:500}.rec-pagination__range strong{color:#1a2a4a;font-weight:700}.rec-pagination__size{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:#64748b}.rec-pagination__size select{height:32px;border:1.5px solid #dbeafe;border-radius:8px;background:#f8faff;padding:0 8px;font-size:.8rem;color:#1a2a4a;cursor:pointer}.rec-pagination__size select:focus-visible{outline:2px solid #1a6fdb;outline-offset:2px}.rec-pagination__pages{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.rec-page-btn{min-width:32px;height:32px;padding:0 6px;border:1.5px solid #dbeafe;background:#f8faff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;font-weight:600;color:#1a6fdb;transition:background .15s,border-color .15s,color .15s}.rec-page-btn ion-icon{font-size:.95rem}.rec-page-btn:hover:not(:disabled):not(.is-active){background:#eff6ff;border-color:#93c5fd}.rec-page-btn:focus-visible{outline:2px solid #1a6fdb;outline-offset:2px}.rec-page-btn:disabled{opacity:.4;cursor:not-allowed;color:#94a3b8}.rec-page-btn.is-active{background:#1a6fdb;border-color:#1a6fdb;color:#fff}.rec-page-ellipsis{min-width:20px;text-align:center;color:#94a3b8;font-weight:700;font-size:.8rem}@media(max-width:720px){.rec-pagination{justify-content:center}.rec-pagination__pages{justify-content:center;width:100%}.rec-filters__toggle{display:inline-flex;margin-bottom:8px}.rec-filters:not(.is-open) .rec-filters__fields{display:none}.rec-filter-field,.rec-filter-field--search{flex:1 1 100%;min-width:0}}:root{--action-view: #2563eb;--action-view-bg: #eff6ff;--action-view-hover: #dbeafe;--action-edit: #d97706;--action-edit-bg: #fffbeb;--action-edit-hover: #fef3c7;--action-add: #16a34a;--action-add-bg: #f0fdf4;--action-add-hover: #dcfce7;--action-save: #16a34a;--action-approve: #16a34a;--action-approve-bg: #f0fdf4;--action-approve-hover: #dcfce7;--action-verified: #0d9488;--action-verified-bg: #f0fdfa;--action-verified-hover: #ccfbf1;--action-manage: #7c3aed;--action-manage-bg: #f5f3ff;--action-manage-hover: #ede9fe;--action-status: #0891b2;--action-status-bg: #ecfeff;--action-status-hover: #cffafe;--action-download: #2563eb;--action-download-bg: #eff6ff;--action-download-hover: #dbeafe;--action-upload: #4f46e5;--action-upload-bg: #eef2ff;--action-upload-hover: #e0e7ff;--action-email: #2563eb;--action-search: #2563eb;--action-filter: #4f46e5;--action-refresh: #64748b;--action-refresh-bg: #f1f5f9;--action-refresh-hover: #e2e8f0;--action-close: #64748b;--action-close-bg: #f1f5f9;--action-close-hover: #e2e8f0;--action-warning: #d97706;--action-warning-bg: #fffbeb;--action-warning-hover: #fef3c7;--action-delete: #dc2626;--action-delete-bg: #fef2f2;--action-delete-hover: #fee2e2;--action-reject: #dc2626;--action-reject-bg: #fef2f2;--action-reject-hover: #fee2e2;--action-archive: #64748b;--action-restore: #2563eb;--action-lock: #64748b;--action-unlock: #16a34a;--action-payment: #0d9488}.action-icon{color:inherit;transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-view{color:var(--action-view);background:var(--action-view-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-view ion-icon{color:var(--action-view);transition:transform .2s ease}.action-icon-view:hover:not(:disabled):not([disabled]){background:var(--action-view-hover);color:var(--action-view);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.action-icon-view:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-view)}.action-icon-view:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.action-icon-edit{color:var(--action-edit);background:var(--action-edit-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-edit ion-icon{color:var(--action-edit);transition:transform .2s ease}.action-icon-edit:hover:not(:disabled):not([disabled]){background:var(--action-edit-hover);color:var(--action-edit);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.action-icon-edit:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-edit)}.action-icon-edit:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.action-icon-add,.action-icon-save,.action-icon-approve{color:var(--action-approve);background:var(--action-approve-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-add ion-icon,.action-icon-save ion-icon,.action-icon-approve ion-icon{color:var(--action-approve);transition:transform .2s ease}.action-icon-add:hover:not(:disabled):not([disabled]),.action-icon-save:hover:not(:disabled):not([disabled]),.action-icon-approve:hover:not(:disabled):not([disabled]){background:var(--action-approve-hover);color:var(--action-approve);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.action-icon-add:hover:not(:disabled):not([disabled]) ion-icon,.action-icon-save:hover:not(:disabled):not([disabled]) ion-icon,.action-icon-approve:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-approve)}.action-icon-add:active:not(:disabled):not([disabled]),.action-icon-save:active:not(:disabled):not([disabled]),.action-icon-approve:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.action-icon-verified{color:var(--action-verified);background:var(--action-verified-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-verified ion-icon{color:var(--action-verified);transition:transform .2s ease}.action-icon-verified:hover:not(:disabled):not([disabled]){background:var(--action-verified-hover);color:var(--action-verified);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.action-icon-verified:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-verified)}.action-icon-verified:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.action-icon-manage{color:var(--action-manage);background:var(--action-manage-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-manage ion-icon{color:var(--action-manage);transition:transform .2s ease}.action-icon-manage:hover:not(:disabled):not([disabled]){background:var(--action-manage-hover);color:var(--action-manage);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.action-icon-manage:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-manage)}.action-icon-manage:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.action-icon-status{color:var(--action-status);background:var(--action-status-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-status ion-icon{color:var(--action-status);transition:transform .2s ease}.action-icon-status:hover:not(:disabled):not([disabled]){background:var(--action-status-hover);color:var(--action-status);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.action-icon-status:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-status)}.action-icon-status:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.action-icon-download,.action-icon-print,.action-icon-email,.action-icon-search{color:var(--action-download);background:var(--action-download-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-download ion-icon,.action-icon-print ion-icon,.action-icon-email ion-icon,.action-icon-search ion-icon{color:var(--action-download);transition:transform .2s ease}.action-icon-download:hover:not(:disabled):not([disabled]),.action-icon-print:hover:not(:disabled):not([disabled]),.action-icon-email:hover:not(:disabled):not([disabled]),.action-icon-search:hover:not(:disabled):not([disabled]){background:var(--action-download-hover);color:var(--action-download);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.action-icon-download:hover:not(:disabled):not([disabled]) ion-icon,.action-icon-print:hover:not(:disabled):not([disabled]) ion-icon,.action-icon-email:hover:not(:disabled):not([disabled]) ion-icon,.action-icon-search:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-download)}.action-icon-download:active:not(:disabled):not([disabled]),.action-icon-print:active:not(:disabled):not([disabled]),.action-icon-email:active:not(:disabled):not([disabled]),.action-icon-search:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.action-icon-upload,.action-icon-filter{color:var(--action-upload);background:var(--action-upload-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-upload ion-icon,.action-icon-filter ion-icon{color:var(--action-upload);transition:transform .2s ease}.action-icon-upload:hover:not(:disabled):not([disabled]),.action-icon-filter:hover:not(:disabled):not([disabled]){background:var(--action-upload-hover);color:var(--action-upload);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.action-icon-upload:hover:not(:disabled):not([disabled]) ion-icon,.action-icon-filter:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-upload)}.action-icon-upload:active:not(:disabled):not([disabled]),.action-icon-filter:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.action-icon-refresh,.action-icon-close,.action-icon-archive{color:var(--action-close);background:var(--action-close-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-refresh ion-icon,.action-icon-close ion-icon,.action-icon-archive ion-icon{color:var(--action-close);transition:transform .2s ease}.action-icon-refresh:hover:not(:disabled):not([disabled]),.action-icon-close:hover:not(:disabled):not([disabled]),.action-icon-archive:hover:not(:disabled):not([disabled]){background:var(--action-close-hover);color:var(--action-close);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.action-icon-refresh:hover:not(:disabled):not([disabled]) ion-icon,.action-icon-close:hover:not(:disabled):not([disabled]) ion-icon,.action-icon-archive:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-close)}.action-icon-refresh:active:not(:disabled):not([disabled]),.action-icon-close:active:not(:disabled):not([disabled]),.action-icon-archive:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.action-icon-warning{color:var(--action-warning);background:var(--action-warning-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-warning ion-icon{color:var(--action-warning);transition:transform .2s ease}.action-icon-warning:hover:not(:disabled):not([disabled]){background:var(--action-warning-hover);color:var(--action-warning);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.action-icon-warning:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-warning)}.action-icon-warning:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.action-icon-delete,.action-icon-reject,.action-icon-remove{color:var(--action-delete);background:var(--action-delete-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-delete ion-icon,.action-icon-reject ion-icon,.action-icon-remove ion-icon{color:var(--action-delete);transition:transform .2s ease}.action-icon-delete:hover:not(:disabled):not([disabled]),.action-icon-reject:hover:not(:disabled):not([disabled]),.action-icon-remove:hover:not(:disabled):not([disabled]){background:var(--action-delete-hover);color:var(--action-delete);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.action-icon-delete:hover:not(:disabled):not([disabled]) ion-icon,.action-icon-reject:hover:not(:disabled):not([disabled]) ion-icon,.action-icon-remove:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-delete)}.action-icon-delete:active:not(:disabled):not([disabled]),.action-icon-reject:active:not(:disabled):not([disabled]),.action-icon-remove:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.action-icon-restore{color:var(--action-restore);background:var(--action-view-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-restore ion-icon{color:var(--action-restore);transition:transform .2s ease}.action-icon-restore:hover:not(:disabled):not([disabled]){background:var(--action-view-hover);color:var(--action-restore);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.action-icon-restore:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-restore)}.action-icon-restore:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.action-icon-lock{color:var(--action-lock);background:var(--action-close-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-lock ion-icon{color:var(--action-lock);transition:transform .2s ease}.action-icon-lock:hover:not(:disabled):not([disabled]){background:var(--action-close-hover);color:var(--action-lock);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.action-icon-lock:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-lock)}.action-icon-lock:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.action-icon-unlock{color:var(--action-unlock);background:var(--action-approve-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-unlock ion-icon{color:var(--action-unlock);transition:transform .2s ease}.action-icon-unlock:hover:not(:disabled):not([disabled]){background:var(--action-approve-hover);color:var(--action-unlock);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.action-icon-unlock:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-unlock)}.action-icon-unlock:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.action-icon-payment{color:var(--action-payment);background:var(--action-verified-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.action-icon-payment ion-icon{color:var(--action-payment);transition:transform .2s ease}.action-icon-payment:hover:not(:disabled):not([disabled]){background:var(--action-verified-hover);color:var(--action-payment);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.action-icon-payment:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-payment)}.action-icon-payment:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.icon-btn.edit,.icon-btn.action-icon-edit,button.icon-btn.edit{color:var(--action-edit);background:var(--action-edit-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn.edit ion-icon,.icon-btn.action-icon-edit ion-icon,button.icon-btn.edit ion-icon{color:var(--action-edit);transition:transform .2s ease}.icon-btn.edit:hover:not(:disabled):not([disabled]),.icon-btn.action-icon-edit:hover:not(:disabled):not([disabled]),button.icon-btn.edit:hover:not(:disabled):not([disabled]){background:var(--action-edit-hover);color:var(--action-edit);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.icon-btn.edit:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn.action-icon-edit:hover:not(:disabled):not([disabled]) ion-icon,button.icon-btn.edit:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-edit)}.icon-btn.edit:active:not(:disabled):not([disabled]),.icon-btn.action-icon-edit:active:not(:disabled):not([disabled]),button.icon-btn.edit:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.icon-btn.view,.icon-btn.action-icon-view,button.icon-btn.view{color:var(--action-view);background:var(--action-view-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn.view ion-icon,.icon-btn.action-icon-view ion-icon,button.icon-btn.view ion-icon{color:var(--action-view);transition:transform .2s ease}.icon-btn.view:hover:not(:disabled):not([disabled]),.icon-btn.action-icon-view:hover:not(:disabled):not([disabled]),button.icon-btn.view:hover:not(:disabled):not([disabled]){background:var(--action-view-hover);color:var(--action-view);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.icon-btn.view:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn.action-icon-view:hover:not(:disabled):not([disabled]) ion-icon,button.icon-btn.view:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-view)}.icon-btn.view:active:not(:disabled):not([disabled]),.icon-btn.action-icon-view:active:not(:disabled):not([disabled]),button.icon-btn.view:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.icon-btn.del,.icon-btn.delete,.icon-btn.danger,.icon-btn.action-icon-delete,button.icon-btn.del,button.icon-btn.danger{color:var(--action-delete);background:var(--action-delete-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn.del ion-icon,.icon-btn.delete ion-icon,.icon-btn.danger ion-icon,.icon-btn.action-icon-delete ion-icon,button.icon-btn.del ion-icon,button.icon-btn.danger ion-icon{color:var(--action-delete);transition:transform .2s ease}.icon-btn.del:hover:not(:disabled):not([disabled]),.icon-btn.delete:hover:not(:disabled):not([disabled]),.icon-btn.danger:hover:not(:disabled):not([disabled]),.icon-btn.action-icon-delete:hover:not(:disabled):not([disabled]),button.icon-btn.del:hover:not(:disabled):not([disabled]),button.icon-btn.danger:hover:not(:disabled):not([disabled]){background:var(--action-delete-hover);color:var(--action-delete);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.icon-btn.del:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn.delete:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn.danger:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn.action-icon-delete:hover:not(:disabled):not([disabled]) ion-icon,button.icon-btn.del:hover:not(:disabled):not([disabled]) ion-icon,button.icon-btn.danger:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-delete)}.icon-btn.del:active:not(:disabled):not([disabled]),.icon-btn.delete:active:not(:disabled):not([disabled]),.icon-btn.danger:active:not(:disabled):not([disabled]),.icon-btn.action-icon-delete:active:not(:disabled):not([disabled]),button.icon-btn.del:active:not(:disabled):not([disabled]),button.icon-btn.danger:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.icon-btn.activate,.icon-btn.approve-action,.icon-btn.action-icon-approve{color:var(--action-approve);background:var(--action-approve-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn.activate ion-icon,.icon-btn.approve-action ion-icon,.icon-btn.action-icon-approve ion-icon{color:var(--action-approve);transition:transform .2s ease}.icon-btn.activate:hover:not(:disabled):not([disabled]),.icon-btn.approve-action:hover:not(:disabled):not([disabled]),.icon-btn.action-icon-approve:hover:not(:disabled):not([disabled]){background:var(--action-approve-hover);color:var(--action-approve);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.icon-btn.activate:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn.approve-action:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn.action-icon-approve:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-approve)}.icon-btn.activate:active:not(:disabled):not([disabled]),.icon-btn.approve-action:active:not(:disabled):not([disabled]),.icon-btn.action-icon-approve:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.icon-btn.deactivate{color:var(--action-warning);background:var(--action-warning-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn.deactivate ion-icon{color:var(--action-warning);transition:transform .2s ease}.icon-btn.deactivate:hover:not(:disabled):not([disabled]){background:var(--action-warning-hover);color:var(--action-warning);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.icon-btn.deactivate:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-warning)}.icon-btn.deactivate:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.icon-btn.employee{color:var(--action-manage);background:var(--action-manage-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn.employee ion-icon{color:var(--action-manage);transition:transform .2s ease}.icon-btn.employee:hover:not(:disabled):not([disabled]){background:var(--action-manage-hover);color:var(--action-manage);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.icon-btn.employee:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-manage)}.icon-btn.employee:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn,.card-table .icon-btn,.table-row .icon-btn,.col-actions .icon-btn,.payroll-actions .icon-btn,span.actions .icon-btn,.req-row .icon-btn,.cand-row .icon-btn{transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=eye-outline]),.actions .icon-btn:has(ion-icon[name=eye]),.actions .icon-btn:has(ion-icon[name=information-circle-outline]),.actions .icon-btn:has(ion-icon[name=document-text-outline]),.actions .icon-btn:has(ion-icon[name=reader-outline]),.actions .icon-btn:has(ion-icon[name=wallet-outline]),.actions .icon-btn:has(ion-icon[name=id-card-outline]),.card-table .icon-btn:has(ion-icon[name=eye-outline]),.card-table .icon-btn:has(ion-icon[name=eye]),.card-table .icon-btn:has(ion-icon[name=information-circle-outline]),.card-table .icon-btn:has(ion-icon[name=document-text-outline]),.card-table .icon-btn:has(ion-icon[name=reader-outline]),.card-table .icon-btn:has(ion-icon[name=wallet-outline]),.card-table .icon-btn:has(ion-icon[name=id-card-outline]),.table-row .icon-btn:has(ion-icon[name=eye-outline]),.table-row .icon-btn:has(ion-icon[name=eye]),.table-row .icon-btn:has(ion-icon[name=information-circle-outline]),.table-row .icon-btn:has(ion-icon[name=document-text-outline]),.table-row .icon-btn:has(ion-icon[name=reader-outline]),.table-row .icon-btn:has(ion-icon[name=wallet-outline]),.table-row .icon-btn:has(ion-icon[name=id-card-outline]),.col-actions .icon-btn:has(ion-icon[name=eye-outline]),.col-actions .icon-btn:has(ion-icon[name=eye]),.col-actions .icon-btn:has(ion-icon[name=information-circle-outline]),.col-actions .icon-btn:has(ion-icon[name=document-text-outline]),.col-actions .icon-btn:has(ion-icon[name=reader-outline]),.col-actions .icon-btn:has(ion-icon[name=wallet-outline]),.col-actions .icon-btn:has(ion-icon[name=id-card-outline]),.payroll-actions .icon-btn:has(ion-icon[name=eye-outline]),.payroll-actions .icon-btn:has(ion-icon[name=eye]),.payroll-actions .icon-btn:has(ion-icon[name=information-circle-outline]),.payroll-actions .icon-btn:has(ion-icon[name=document-text-outline]),.payroll-actions .icon-btn:has(ion-icon[name=reader-outline]),.payroll-actions .icon-btn:has(ion-icon[name=wallet-outline]),.payroll-actions .icon-btn:has(ion-icon[name=id-card-outline]),span.actions .icon-btn:has(ion-icon[name=eye-outline]),span.actions .icon-btn:has(ion-icon[name=eye]),span.actions .icon-btn:has(ion-icon[name=information-circle-outline]),span.actions .icon-btn:has(ion-icon[name=document-text-outline]),span.actions .icon-btn:has(ion-icon[name=reader-outline]),span.actions .icon-btn:has(ion-icon[name=wallet-outline]),span.actions .icon-btn:has(ion-icon[name=id-card-outline]),.req-row .icon-btn:has(ion-icon[name=eye-outline]),.req-row .icon-btn:has(ion-icon[name=eye]),.req-row .icon-btn:has(ion-icon[name=information-circle-outline]),.req-row .icon-btn:has(ion-icon[name=document-text-outline]),.req-row .icon-btn:has(ion-icon[name=reader-outline]),.req-row .icon-btn:has(ion-icon[name=wallet-outline]),.req-row .icon-btn:has(ion-icon[name=id-card-outline]),.cand-row .icon-btn:has(ion-icon[name=eye-outline]),.cand-row .icon-btn:has(ion-icon[name=eye]),.cand-row .icon-btn:has(ion-icon[name=information-circle-outline]),.cand-row .icon-btn:has(ion-icon[name=document-text-outline]),.cand-row .icon-btn:has(ion-icon[name=reader-outline]),.cand-row .icon-btn:has(ion-icon[name=wallet-outline]),.cand-row .icon-btn:has(ion-icon[name=id-card-outline]){color:var(--action-view);background:var(--action-view-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=eye-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=eye]) ion-icon,.actions .icon-btn:has(ion-icon[name=information-circle-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=document-text-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=reader-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=wallet-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=id-card-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=eye-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=eye]) ion-icon,.card-table .icon-btn:has(ion-icon[name=information-circle-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=document-text-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=reader-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=wallet-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=id-card-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=eye-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=eye]) ion-icon,.table-row .icon-btn:has(ion-icon[name=information-circle-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=document-text-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=reader-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=wallet-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=id-card-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=eye-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=eye]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=information-circle-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=document-text-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=reader-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=wallet-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=id-card-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=eye-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=eye]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=information-circle-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=document-text-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=reader-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=wallet-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=id-card-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=eye-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=eye]) ion-icon,span.actions .icon-btn:has(ion-icon[name=information-circle-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=document-text-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=reader-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=wallet-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=id-card-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=eye-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=eye]) ion-icon,.req-row .icon-btn:has(ion-icon[name=information-circle-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=document-text-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=reader-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=wallet-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=id-card-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=eye-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=eye]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=information-circle-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=document-text-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=reader-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=wallet-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=id-card-outline]) ion-icon{color:var(--action-view);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]){background:var(--action-view-hover);color:var(--action-view);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=eye-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=eye]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=information-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=document-text-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=reader-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=wallet-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=id-card-outline]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-view)}.actions .icon-btn:has(ion-icon[name=eye-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=eye]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=information-circle-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=document-text-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=reader-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=wallet-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=id-card-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=eye-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=eye]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=information-circle-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=document-text-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=reader-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=wallet-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=id-card-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=eye-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=eye]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=information-circle-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=document-text-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=reader-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=wallet-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=id-card-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=eye-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=eye]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=information-circle-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=document-text-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=reader-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=wallet-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=id-card-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=eye-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=eye]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=information-circle-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=document-text-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=reader-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=wallet-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=id-card-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=eye-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=eye]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=information-circle-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=document-text-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=reader-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=wallet-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=id-card-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=eye-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=eye]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=information-circle-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=document-text-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=reader-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=wallet-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=id-card-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=eye-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=eye]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=information-circle-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=document-text-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=reader-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=wallet-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=id-card-outline]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn:has(ion-icon[name=create-outline]),.actions .icon-btn:has(ion-icon[name=create]),.actions .icon-btn:has(ion-icon[name=pencil-outline]),.actions .icon-btn:has(ion-icon[name=pencil]),.card-table .icon-btn:has(ion-icon[name=create-outline]),.card-table .icon-btn:has(ion-icon[name=create]),.card-table .icon-btn:has(ion-icon[name=pencil-outline]),.card-table .icon-btn:has(ion-icon[name=pencil]),.table-row .icon-btn:has(ion-icon[name=create-outline]),.table-row .icon-btn:has(ion-icon[name=create]),.table-row .icon-btn:has(ion-icon[name=pencil-outline]),.table-row .icon-btn:has(ion-icon[name=pencil]),.col-actions .icon-btn:has(ion-icon[name=create-outline]),.col-actions .icon-btn:has(ion-icon[name=create]),.col-actions .icon-btn:has(ion-icon[name=pencil-outline]),.col-actions .icon-btn:has(ion-icon[name=pencil]),.payroll-actions .icon-btn:has(ion-icon[name=create-outline]),.payroll-actions .icon-btn:has(ion-icon[name=create]),.payroll-actions .icon-btn:has(ion-icon[name=pencil-outline]),.payroll-actions .icon-btn:has(ion-icon[name=pencil]),span.actions .icon-btn:has(ion-icon[name=create-outline]),span.actions .icon-btn:has(ion-icon[name=create]),span.actions .icon-btn:has(ion-icon[name=pencil-outline]),span.actions .icon-btn:has(ion-icon[name=pencil]),.req-row .icon-btn:has(ion-icon[name=create-outline]),.req-row .icon-btn:has(ion-icon[name=create]),.req-row .icon-btn:has(ion-icon[name=pencil-outline]),.req-row .icon-btn:has(ion-icon[name=pencil]),.cand-row .icon-btn:has(ion-icon[name=create-outline]),.cand-row .icon-btn:has(ion-icon[name=create]),.cand-row .icon-btn:has(ion-icon[name=pencil-outline]),.cand-row .icon-btn:has(ion-icon[name=pencil]){color:var(--action-edit);background:var(--action-edit-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=create-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=create]) ion-icon,.actions .icon-btn:has(ion-icon[name=pencil-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=pencil]) ion-icon,.card-table .icon-btn:has(ion-icon[name=create-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=create]) ion-icon,.card-table .icon-btn:has(ion-icon[name=pencil-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=pencil]) ion-icon,.table-row .icon-btn:has(ion-icon[name=create-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=create]) ion-icon,.table-row .icon-btn:has(ion-icon[name=pencil-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=pencil]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=create-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=create]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=pencil-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=pencil]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=create-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=create]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=pencil-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=pencil]) ion-icon,span.actions .icon-btn:has(ion-icon[name=create-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=create]) ion-icon,span.actions .icon-btn:has(ion-icon[name=pencil-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=pencil]) ion-icon,.req-row .icon-btn:has(ion-icon[name=create-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=create]) ion-icon,.req-row .icon-btn:has(ion-icon[name=pencil-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=pencil]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=create-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=create]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=pencil-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=pencil]) ion-icon{color:var(--action-edit);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]){background:var(--action-edit-hover);color:var(--action-edit);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=create-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=create]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=pencil-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=pencil]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-edit)}.actions .icon-btn:has(ion-icon[name=create-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=create]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=pencil-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=pencil]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=create-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=create]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=pencil-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=pencil]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=create-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=create]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=pencil-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=pencil]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=create-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=create]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=pencil-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=pencil]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=create-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=create]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=pencil-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=pencil]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=create-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=create]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=pencil-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=pencil]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=create-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=create]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=pencil-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=pencil]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=create-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=create]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=pencil-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=pencil]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn:has(ion-icon[name=add-outline]),.actions .icon-btn:has(ion-icon[name=add]),.actions .icon-btn:has(ion-icon[name=person-add-outline]),.card-table .icon-btn:has(ion-icon[name=add-outline]),.card-table .icon-btn:has(ion-icon[name=add]),.card-table .icon-btn:has(ion-icon[name=person-add-outline]),.table-row .icon-btn:has(ion-icon[name=add-outline]),.table-row .icon-btn:has(ion-icon[name=add]),.table-row .icon-btn:has(ion-icon[name=person-add-outline]),.col-actions .icon-btn:has(ion-icon[name=add-outline]),.col-actions .icon-btn:has(ion-icon[name=add]),.col-actions .icon-btn:has(ion-icon[name=person-add-outline]),.payroll-actions .icon-btn:has(ion-icon[name=add-outline]),.payroll-actions .icon-btn:has(ion-icon[name=add]),.payroll-actions .icon-btn:has(ion-icon[name=person-add-outline]),span.actions .icon-btn:has(ion-icon[name=add-outline]),span.actions .icon-btn:has(ion-icon[name=add]),span.actions .icon-btn:has(ion-icon[name=person-add-outline]),.req-row .icon-btn:has(ion-icon[name=add-outline]),.req-row .icon-btn:has(ion-icon[name=add]),.req-row .icon-btn:has(ion-icon[name=person-add-outline]),.cand-row .icon-btn:has(ion-icon[name=add-outline]),.cand-row .icon-btn:has(ion-icon[name=add]),.cand-row .icon-btn:has(ion-icon[name=person-add-outline]){color:var(--action-add);background:var(--action-add-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=add-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=add]) ion-icon,.actions .icon-btn:has(ion-icon[name=person-add-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=add-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=add]) ion-icon,.card-table .icon-btn:has(ion-icon[name=person-add-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=add-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=add]) ion-icon,.table-row .icon-btn:has(ion-icon[name=person-add-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=add-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=add]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=person-add-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=add-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=add]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=person-add-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=add-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=add]) ion-icon,span.actions .icon-btn:has(ion-icon[name=person-add-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=add-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=add]) ion-icon,.req-row .icon-btn:has(ion-icon[name=person-add-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=add-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=add]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=person-add-outline]) ion-icon{color:var(--action-add);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]){background:var(--action-add-hover);color:var(--action-add);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=add-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=add]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=person-add-outline]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-add)}.actions .icon-btn:has(ion-icon[name=add-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=add]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=person-add-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=add-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=add]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=person-add-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=add-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=add]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=person-add-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=add-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=add]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=person-add-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=add-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=add]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=person-add-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=add-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=add]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=person-add-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=add-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=add]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=person-add-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=add-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=add]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=person-add-outline]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn:has(ion-icon[name=checkmark-outline]),.actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]),.actions .icon-btn:has(ion-icon[name=checkmark-done-outline]),.card-table .icon-btn:has(ion-icon[name=checkmark-outline]),.card-table .icon-btn:has(ion-icon[name=checkmark-circle-outline]),.card-table .icon-btn:has(ion-icon[name=checkmark-done-outline]),.table-row .icon-btn:has(ion-icon[name=checkmark-outline]),.table-row .icon-btn:has(ion-icon[name=checkmark-circle-outline]),.table-row .icon-btn:has(ion-icon[name=checkmark-done-outline]),.col-actions .icon-btn:has(ion-icon[name=checkmark-outline]),.col-actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]),.col-actions .icon-btn:has(ion-icon[name=checkmark-done-outline]),.payroll-actions .icon-btn:has(ion-icon[name=checkmark-outline]),.payroll-actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]),.payroll-actions .icon-btn:has(ion-icon[name=checkmark-done-outline]),span.actions .icon-btn:has(ion-icon[name=checkmark-outline]),span.actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]),span.actions .icon-btn:has(ion-icon[name=checkmark-done-outline]),.req-row .icon-btn:has(ion-icon[name=checkmark-outline]),.req-row .icon-btn:has(ion-icon[name=checkmark-circle-outline]),.req-row .icon-btn:has(ion-icon[name=checkmark-done-outline]),.cand-row .icon-btn:has(ion-icon[name=checkmark-outline]),.cand-row .icon-btn:has(ion-icon[name=checkmark-circle-outline]),.cand-row .icon-btn:has(ion-icon[name=checkmark-done-outline]){color:var(--action-approve);background:var(--action-approve-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=checkmark-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=checkmark-done-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=checkmark-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=checkmark-circle-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=checkmark-done-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=checkmark-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=checkmark-circle-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=checkmark-done-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=checkmark-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=checkmark-done-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=checkmark-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=checkmark-done-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=checkmark-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=checkmark-done-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=checkmark-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=checkmark-circle-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=checkmark-done-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=checkmark-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=checkmark-circle-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=checkmark-done-outline]) ion-icon{color:var(--action-approve);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]){background:var(--action-approve-hover);color:var(--action-approve);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=checkmark-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=checkmark-done-outline]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-approve)}.actions .icon-btn:has(ion-icon[name=checkmark-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=checkmark-done-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=checkmark-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=checkmark-circle-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=checkmark-done-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=checkmark-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=checkmark-circle-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=checkmark-done-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=checkmark-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=checkmark-done-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=checkmark-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=checkmark-done-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=checkmark-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=checkmark-circle-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=checkmark-done-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=checkmark-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=checkmark-circle-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=checkmark-done-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=checkmark-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=checkmark-circle-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=checkmark-done-outline]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn:has(ion-icon[name=layers-outline]),.actions .icon-btn:has(ion-icon[name=settings-outline]),.actions .icon-btn:has(ion-icon[name=construct-outline]),.actions .icon-btn:has(ion-icon[name=options-outline]),.actions .icon-btn:has(ion-icon[name=grid-outline]),.actions .icon-btn:has(ion-icon[name=folder-outline]),.actions .icon-btn:has(ion-icon[name=folder-open-outline]),.card-table .icon-btn:has(ion-icon[name=layers-outline]),.card-table .icon-btn:has(ion-icon[name=settings-outline]),.card-table .icon-btn:has(ion-icon[name=construct-outline]),.card-table .icon-btn:has(ion-icon[name=options-outline]),.card-table .icon-btn:has(ion-icon[name=grid-outline]),.card-table .icon-btn:has(ion-icon[name=folder-outline]),.card-table .icon-btn:has(ion-icon[name=folder-open-outline]),.table-row .icon-btn:has(ion-icon[name=layers-outline]),.table-row .icon-btn:has(ion-icon[name=settings-outline]),.table-row .icon-btn:has(ion-icon[name=construct-outline]),.table-row .icon-btn:has(ion-icon[name=options-outline]),.table-row .icon-btn:has(ion-icon[name=grid-outline]),.table-row .icon-btn:has(ion-icon[name=folder-outline]),.table-row .icon-btn:has(ion-icon[name=folder-open-outline]),.col-actions .icon-btn:has(ion-icon[name=layers-outline]),.col-actions .icon-btn:has(ion-icon[name=settings-outline]),.col-actions .icon-btn:has(ion-icon[name=construct-outline]),.col-actions .icon-btn:has(ion-icon[name=options-outline]),.col-actions .icon-btn:has(ion-icon[name=grid-outline]),.col-actions .icon-btn:has(ion-icon[name=folder-outline]),.col-actions .icon-btn:has(ion-icon[name=folder-open-outline]),.payroll-actions .icon-btn:has(ion-icon[name=layers-outline]),.payroll-actions .icon-btn:has(ion-icon[name=settings-outline]),.payroll-actions .icon-btn:has(ion-icon[name=construct-outline]),.payroll-actions .icon-btn:has(ion-icon[name=options-outline]),.payroll-actions .icon-btn:has(ion-icon[name=grid-outline]),.payroll-actions .icon-btn:has(ion-icon[name=folder-outline]),.payroll-actions .icon-btn:has(ion-icon[name=folder-open-outline]),span.actions .icon-btn:has(ion-icon[name=layers-outline]),span.actions .icon-btn:has(ion-icon[name=settings-outline]),span.actions .icon-btn:has(ion-icon[name=construct-outline]),span.actions .icon-btn:has(ion-icon[name=options-outline]),span.actions .icon-btn:has(ion-icon[name=grid-outline]),span.actions .icon-btn:has(ion-icon[name=folder-outline]),span.actions .icon-btn:has(ion-icon[name=folder-open-outline]),.req-row .icon-btn:has(ion-icon[name=layers-outline]),.req-row .icon-btn:has(ion-icon[name=settings-outline]),.req-row .icon-btn:has(ion-icon[name=construct-outline]),.req-row .icon-btn:has(ion-icon[name=options-outline]),.req-row .icon-btn:has(ion-icon[name=grid-outline]),.req-row .icon-btn:has(ion-icon[name=folder-outline]),.req-row .icon-btn:has(ion-icon[name=folder-open-outline]),.cand-row .icon-btn:has(ion-icon[name=layers-outline]),.cand-row .icon-btn:has(ion-icon[name=settings-outline]),.cand-row .icon-btn:has(ion-icon[name=construct-outline]),.cand-row .icon-btn:has(ion-icon[name=options-outline]),.cand-row .icon-btn:has(ion-icon[name=grid-outline]),.cand-row .icon-btn:has(ion-icon[name=folder-outline]),.cand-row .icon-btn:has(ion-icon[name=folder-open-outline]){color:var(--action-manage);background:var(--action-manage-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=layers-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=settings-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=construct-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=options-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=grid-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=folder-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=folder-open-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=layers-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=settings-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=construct-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=options-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=grid-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=folder-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=folder-open-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=layers-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=settings-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=construct-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=options-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=grid-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=folder-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=folder-open-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=layers-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=settings-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=construct-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=options-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=grid-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=folder-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=folder-open-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=layers-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=settings-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=construct-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=options-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=grid-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=folder-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=folder-open-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=layers-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=settings-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=construct-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=options-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=grid-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=folder-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=folder-open-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=layers-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=settings-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=construct-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=options-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=grid-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=folder-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=folder-open-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=layers-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=settings-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=construct-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=options-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=grid-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=folder-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=folder-open-outline]) ion-icon{color:var(--action-manage);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]){background:var(--action-manage-hover);color:var(--action-manage);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=layers-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=settings-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=construct-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=options-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=grid-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=folder-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=folder-open-outline]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-manage)}.actions .icon-btn:has(ion-icon[name=layers-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=settings-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=construct-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=options-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=grid-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=folder-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=folder-open-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=layers-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=settings-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=construct-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=options-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=grid-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=folder-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=folder-open-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=layers-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=settings-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=construct-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=options-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=grid-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=folder-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=folder-open-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=layers-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=settings-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=construct-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=options-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=grid-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=folder-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=folder-open-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=layers-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=settings-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=construct-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=options-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=grid-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=folder-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=folder-open-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=layers-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=settings-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=construct-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=options-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=grid-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=folder-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=folder-open-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=layers-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=settings-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=construct-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=options-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=grid-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=folder-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=folder-open-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=layers-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=settings-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=construct-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=options-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=grid-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=folder-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=folder-open-outline]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn:has(ion-icon[name=time-outline]),.actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]),.actions .icon-btn:has(ion-icon[name=sync-outline]),.actions .icon-btn:has(ion-icon[name=return-down-back-outline]),.card-table .icon-btn:has(ion-icon[name=time-outline]),.card-table .icon-btn:has(ion-icon[name=swap-horizontal-outline]),.card-table .icon-btn:has(ion-icon[name=sync-outline]),.card-table .icon-btn:has(ion-icon[name=return-down-back-outline]),.table-row .icon-btn:has(ion-icon[name=time-outline]),.table-row .icon-btn:has(ion-icon[name=swap-horizontal-outline]),.table-row .icon-btn:has(ion-icon[name=sync-outline]),.table-row .icon-btn:has(ion-icon[name=return-down-back-outline]),.col-actions .icon-btn:has(ion-icon[name=time-outline]),.col-actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]),.col-actions .icon-btn:has(ion-icon[name=sync-outline]),.col-actions .icon-btn:has(ion-icon[name=return-down-back-outline]),.payroll-actions .icon-btn:has(ion-icon[name=time-outline]),.payroll-actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]),.payroll-actions .icon-btn:has(ion-icon[name=sync-outline]),.payroll-actions .icon-btn:has(ion-icon[name=return-down-back-outline]),span.actions .icon-btn:has(ion-icon[name=time-outline]),span.actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]),span.actions .icon-btn:has(ion-icon[name=sync-outline]),span.actions .icon-btn:has(ion-icon[name=return-down-back-outline]),.req-row .icon-btn:has(ion-icon[name=time-outline]),.req-row .icon-btn:has(ion-icon[name=swap-horizontal-outline]),.req-row .icon-btn:has(ion-icon[name=sync-outline]),.req-row .icon-btn:has(ion-icon[name=return-down-back-outline]),.cand-row .icon-btn:has(ion-icon[name=time-outline]),.cand-row .icon-btn:has(ion-icon[name=swap-horizontal-outline]),.cand-row .icon-btn:has(ion-icon[name=sync-outline]),.cand-row .icon-btn:has(ion-icon[name=return-down-back-outline]){color:var(--action-status);background:var(--action-status-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=time-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=sync-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=return-down-back-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=time-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=swap-horizontal-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=sync-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=return-down-back-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=time-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=swap-horizontal-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=sync-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=return-down-back-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=time-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=sync-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=return-down-back-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=time-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=sync-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=return-down-back-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=time-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=sync-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=return-down-back-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=time-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=swap-horizontal-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=sync-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=return-down-back-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=time-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=swap-horizontal-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=sync-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=return-down-back-outline]) ion-icon{color:var(--action-status);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]){background:var(--action-status-hover);color:var(--action-status);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=time-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=swap-horizontal-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=sync-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=return-down-back-outline]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-status)}.actions .icon-btn:has(ion-icon[name=time-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=sync-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=return-down-back-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=time-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=swap-horizontal-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=sync-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=return-down-back-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=time-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=swap-horizontal-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=sync-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=return-down-back-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=time-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=sync-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=return-down-back-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=time-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=sync-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=return-down-back-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=time-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=swap-horizontal-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=sync-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=return-down-back-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=time-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=swap-horizontal-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=sync-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=return-down-back-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=time-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=swap-horizontal-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=sync-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=return-down-back-outline]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn:has(ion-icon[name=download-outline]),.actions .icon-btn:has(ion-icon[name=download]),.actions .icon-btn:has(ion-icon[name=cloud-download-outline]),.actions .icon-btn:has(ion-icon[name=print-outline]),.actions .icon-btn:has(ion-icon[name=share-outline]),.card-table .icon-btn:has(ion-icon[name=download-outline]),.card-table .icon-btn:has(ion-icon[name=download]),.card-table .icon-btn:has(ion-icon[name=cloud-download-outline]),.card-table .icon-btn:has(ion-icon[name=print-outline]),.card-table .icon-btn:has(ion-icon[name=share-outline]),.table-row .icon-btn:has(ion-icon[name=download-outline]),.table-row .icon-btn:has(ion-icon[name=download]),.table-row .icon-btn:has(ion-icon[name=cloud-download-outline]),.table-row .icon-btn:has(ion-icon[name=print-outline]),.table-row .icon-btn:has(ion-icon[name=share-outline]),.col-actions .icon-btn:has(ion-icon[name=download-outline]),.col-actions .icon-btn:has(ion-icon[name=download]),.col-actions .icon-btn:has(ion-icon[name=cloud-download-outline]),.col-actions .icon-btn:has(ion-icon[name=print-outline]),.col-actions .icon-btn:has(ion-icon[name=share-outline]),.payroll-actions .icon-btn:has(ion-icon[name=download-outline]),.payroll-actions .icon-btn:has(ion-icon[name=download]),.payroll-actions .icon-btn:has(ion-icon[name=cloud-download-outline]),.payroll-actions .icon-btn:has(ion-icon[name=print-outline]),.payroll-actions .icon-btn:has(ion-icon[name=share-outline]),span.actions .icon-btn:has(ion-icon[name=download-outline]),span.actions .icon-btn:has(ion-icon[name=download]),span.actions .icon-btn:has(ion-icon[name=cloud-download-outline]),span.actions .icon-btn:has(ion-icon[name=print-outline]),span.actions .icon-btn:has(ion-icon[name=share-outline]),.req-row .icon-btn:has(ion-icon[name=download-outline]),.req-row .icon-btn:has(ion-icon[name=download]),.req-row .icon-btn:has(ion-icon[name=cloud-download-outline]),.req-row .icon-btn:has(ion-icon[name=print-outline]),.req-row .icon-btn:has(ion-icon[name=share-outline]),.cand-row .icon-btn:has(ion-icon[name=download-outline]),.cand-row .icon-btn:has(ion-icon[name=download]),.cand-row .icon-btn:has(ion-icon[name=cloud-download-outline]),.cand-row .icon-btn:has(ion-icon[name=print-outline]),.cand-row .icon-btn:has(ion-icon[name=share-outline]){color:var(--action-download);background:var(--action-download-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=download-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=download]) ion-icon,.actions .icon-btn:has(ion-icon[name=cloud-download-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=print-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=share-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=download-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=download]) ion-icon,.card-table .icon-btn:has(ion-icon[name=cloud-download-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=print-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=share-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=download-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=download]) ion-icon,.table-row .icon-btn:has(ion-icon[name=cloud-download-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=print-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=share-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=download-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=download]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=cloud-download-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=print-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=share-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=download-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=download]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=cloud-download-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=print-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=share-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=download-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=download]) ion-icon,span.actions .icon-btn:has(ion-icon[name=cloud-download-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=print-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=share-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=download-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=download]) ion-icon,.req-row .icon-btn:has(ion-icon[name=cloud-download-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=print-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=share-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=download-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=download]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=cloud-download-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=print-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=share-outline]) ion-icon{color:var(--action-download);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]){background:var(--action-download-hover);color:var(--action-download);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=download-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=download]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=cloud-download-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=print-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=share-outline]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-download)}.actions .icon-btn:has(ion-icon[name=download-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=download]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=cloud-download-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=print-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=share-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=download-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=download]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=cloud-download-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=print-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=share-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=download-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=download]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=cloud-download-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=print-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=share-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=download-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=download]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=cloud-download-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=print-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=share-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=download-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=download]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=cloud-download-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=print-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=share-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=download-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=download]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=cloud-download-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=print-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=share-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=download-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=download]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=cloud-download-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=print-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=share-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=download-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=download]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=cloud-download-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=print-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=share-outline]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn:has(ion-icon[name=cloud-upload-outline]),.actions .icon-btn:has(ion-icon[name=cloud-upload]),.actions .icon-btn:has(ion-icon[name=attach-outline]),.card-table .icon-btn:has(ion-icon[name=cloud-upload-outline]),.card-table .icon-btn:has(ion-icon[name=cloud-upload]),.card-table .icon-btn:has(ion-icon[name=attach-outline]),.table-row .icon-btn:has(ion-icon[name=cloud-upload-outline]),.table-row .icon-btn:has(ion-icon[name=cloud-upload]),.table-row .icon-btn:has(ion-icon[name=attach-outline]),.col-actions .icon-btn:has(ion-icon[name=cloud-upload-outline]),.col-actions .icon-btn:has(ion-icon[name=cloud-upload]),.col-actions .icon-btn:has(ion-icon[name=attach-outline]),.payroll-actions .icon-btn:has(ion-icon[name=cloud-upload-outline]),.payroll-actions .icon-btn:has(ion-icon[name=cloud-upload]),.payroll-actions .icon-btn:has(ion-icon[name=attach-outline]),span.actions .icon-btn:has(ion-icon[name=cloud-upload-outline]),span.actions .icon-btn:has(ion-icon[name=cloud-upload]),span.actions .icon-btn:has(ion-icon[name=attach-outline]),.req-row .icon-btn:has(ion-icon[name=cloud-upload-outline]),.req-row .icon-btn:has(ion-icon[name=cloud-upload]),.req-row .icon-btn:has(ion-icon[name=attach-outline]),.cand-row .icon-btn:has(ion-icon[name=cloud-upload-outline]),.cand-row .icon-btn:has(ion-icon[name=cloud-upload]),.cand-row .icon-btn:has(ion-icon[name=attach-outline]){color:var(--action-upload);background:var(--action-upload-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=cloud-upload-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=cloud-upload]) ion-icon,.actions .icon-btn:has(ion-icon[name=attach-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=cloud-upload-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=cloud-upload]) ion-icon,.card-table .icon-btn:has(ion-icon[name=attach-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=cloud-upload-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=cloud-upload]) ion-icon,.table-row .icon-btn:has(ion-icon[name=attach-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=cloud-upload-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=cloud-upload]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=attach-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=cloud-upload-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=cloud-upload]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=attach-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=cloud-upload-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=cloud-upload]) ion-icon,span.actions .icon-btn:has(ion-icon[name=attach-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=cloud-upload-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=cloud-upload]) ion-icon,.req-row .icon-btn:has(ion-icon[name=attach-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=cloud-upload-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=cloud-upload]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=attach-outline]) ion-icon{color:var(--action-upload);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]){background:var(--action-upload-hover);color:var(--action-upload);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=cloud-upload-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=cloud-upload]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=attach-outline]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-upload)}.actions .icon-btn:has(ion-icon[name=cloud-upload-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=cloud-upload]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=attach-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=cloud-upload-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=cloud-upload]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=attach-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=cloud-upload-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=cloud-upload]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=attach-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=cloud-upload-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=cloud-upload]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=attach-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=cloud-upload-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=cloud-upload]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=attach-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=cloud-upload-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=cloud-upload]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=attach-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=cloud-upload-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=cloud-upload]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=attach-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=cloud-upload-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=cloud-upload]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=attach-outline]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn:has(ion-icon[name=mail-outline]),.actions .icon-btn:has(ion-icon[name=send-outline]),.actions .icon-btn:has(ion-icon[name=paper-plane-outline]),.card-table .icon-btn:has(ion-icon[name=mail-outline]),.card-table .icon-btn:has(ion-icon[name=send-outline]),.card-table .icon-btn:has(ion-icon[name=paper-plane-outline]),.table-row .icon-btn:has(ion-icon[name=mail-outline]),.table-row .icon-btn:has(ion-icon[name=send-outline]),.table-row .icon-btn:has(ion-icon[name=paper-plane-outline]),.col-actions .icon-btn:has(ion-icon[name=mail-outline]),.col-actions .icon-btn:has(ion-icon[name=send-outline]),.col-actions .icon-btn:has(ion-icon[name=paper-plane-outline]),.payroll-actions .icon-btn:has(ion-icon[name=mail-outline]),.payroll-actions .icon-btn:has(ion-icon[name=send-outline]),.payroll-actions .icon-btn:has(ion-icon[name=paper-plane-outline]),span.actions .icon-btn:has(ion-icon[name=mail-outline]),span.actions .icon-btn:has(ion-icon[name=send-outline]),span.actions .icon-btn:has(ion-icon[name=paper-plane-outline]),.req-row .icon-btn:has(ion-icon[name=mail-outline]),.req-row .icon-btn:has(ion-icon[name=send-outline]),.req-row .icon-btn:has(ion-icon[name=paper-plane-outline]),.cand-row .icon-btn:has(ion-icon[name=mail-outline]),.cand-row .icon-btn:has(ion-icon[name=send-outline]),.cand-row .icon-btn:has(ion-icon[name=paper-plane-outline]){color:var(--action-email);background:var(--action-download-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=mail-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=send-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=paper-plane-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=mail-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=send-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=paper-plane-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=mail-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=send-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=paper-plane-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=mail-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=send-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=paper-plane-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=mail-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=send-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=paper-plane-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=mail-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=send-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=paper-plane-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=mail-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=send-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=paper-plane-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=mail-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=send-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=paper-plane-outline]) ion-icon{color:var(--action-email);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]){background:var(--action-download-hover);color:var(--action-email);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=mail-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=send-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=paper-plane-outline]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-email)}.actions .icon-btn:has(ion-icon[name=mail-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=send-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=paper-plane-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=mail-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=send-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=paper-plane-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=mail-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=send-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=paper-plane-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=mail-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=send-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=paper-plane-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=mail-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=send-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=paper-plane-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=mail-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=send-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=paper-plane-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=mail-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=send-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=paper-plane-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=mail-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=send-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=paper-plane-outline]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn:has(ion-icon[name=refresh-outline]),.actions .icon-btn:has(ion-icon[name=reload-outline]),.actions .icon-btn:has(ion-icon[name=arrow-undo-outline]),.card-table .icon-btn:has(ion-icon[name=refresh-outline]),.card-table .icon-btn:has(ion-icon[name=reload-outline]),.card-table .icon-btn:has(ion-icon[name=arrow-undo-outline]),.table-row .icon-btn:has(ion-icon[name=refresh-outline]),.table-row .icon-btn:has(ion-icon[name=reload-outline]),.table-row .icon-btn:has(ion-icon[name=arrow-undo-outline]),.col-actions .icon-btn:has(ion-icon[name=refresh-outline]),.col-actions .icon-btn:has(ion-icon[name=reload-outline]),.col-actions .icon-btn:has(ion-icon[name=arrow-undo-outline]),.payroll-actions .icon-btn:has(ion-icon[name=refresh-outline]),.payroll-actions .icon-btn:has(ion-icon[name=reload-outline]),.payroll-actions .icon-btn:has(ion-icon[name=arrow-undo-outline]),span.actions .icon-btn:has(ion-icon[name=refresh-outline]),span.actions .icon-btn:has(ion-icon[name=reload-outline]),span.actions .icon-btn:has(ion-icon[name=arrow-undo-outline]),.req-row .icon-btn:has(ion-icon[name=refresh-outline]),.req-row .icon-btn:has(ion-icon[name=reload-outline]),.req-row .icon-btn:has(ion-icon[name=arrow-undo-outline]),.cand-row .icon-btn:has(ion-icon[name=refresh-outline]),.cand-row .icon-btn:has(ion-icon[name=reload-outline]),.cand-row .icon-btn:has(ion-icon[name=arrow-undo-outline]){color:var(--action-restore);background:var(--action-view-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=refresh-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=reload-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=arrow-undo-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=refresh-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=reload-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=arrow-undo-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=refresh-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=reload-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=arrow-undo-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=refresh-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=reload-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=arrow-undo-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=refresh-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=reload-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=arrow-undo-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=refresh-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=reload-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=arrow-undo-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=refresh-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=reload-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=arrow-undo-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=refresh-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=reload-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=arrow-undo-outline]) ion-icon{color:var(--action-restore);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]){background:var(--action-view-hover);color:var(--action-restore);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=refresh-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=reload-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=arrow-undo-outline]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-restore)}.actions .icon-btn:has(ion-icon[name=refresh-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=reload-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=arrow-undo-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=refresh-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=reload-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=arrow-undo-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=refresh-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=reload-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=arrow-undo-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=refresh-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=reload-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=arrow-undo-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=refresh-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=reload-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=arrow-undo-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=refresh-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=reload-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=arrow-undo-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=refresh-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=reload-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=arrow-undo-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=refresh-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=reload-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=arrow-undo-outline]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn:has(ion-icon[name=pause-circle-outline]),.actions .icon-btn:has(ion-icon[name=pause-outline]),.actions .icon-btn:has(ion-icon[name=alert-circle-outline]),.actions .icon-btn:has(ion-icon[name=warning-outline]),.actions .icon-btn:has(ion-icon[name=key-outline]),.card-table .icon-btn:has(ion-icon[name=pause-circle-outline]),.card-table .icon-btn:has(ion-icon[name=pause-outline]),.card-table .icon-btn:has(ion-icon[name=alert-circle-outline]),.card-table .icon-btn:has(ion-icon[name=warning-outline]),.card-table .icon-btn:has(ion-icon[name=key-outline]),.table-row .icon-btn:has(ion-icon[name=pause-circle-outline]),.table-row .icon-btn:has(ion-icon[name=pause-outline]),.table-row .icon-btn:has(ion-icon[name=alert-circle-outline]),.table-row .icon-btn:has(ion-icon[name=warning-outline]),.table-row .icon-btn:has(ion-icon[name=key-outline]),.col-actions .icon-btn:has(ion-icon[name=pause-circle-outline]),.col-actions .icon-btn:has(ion-icon[name=pause-outline]),.col-actions .icon-btn:has(ion-icon[name=alert-circle-outline]),.col-actions .icon-btn:has(ion-icon[name=warning-outline]),.col-actions .icon-btn:has(ion-icon[name=key-outline]),.payroll-actions .icon-btn:has(ion-icon[name=pause-circle-outline]),.payroll-actions .icon-btn:has(ion-icon[name=pause-outline]),.payroll-actions .icon-btn:has(ion-icon[name=alert-circle-outline]),.payroll-actions .icon-btn:has(ion-icon[name=warning-outline]),.payroll-actions .icon-btn:has(ion-icon[name=key-outline]),span.actions .icon-btn:has(ion-icon[name=pause-circle-outline]),span.actions .icon-btn:has(ion-icon[name=pause-outline]),span.actions .icon-btn:has(ion-icon[name=alert-circle-outline]),span.actions .icon-btn:has(ion-icon[name=warning-outline]),span.actions .icon-btn:has(ion-icon[name=key-outline]),.req-row .icon-btn:has(ion-icon[name=pause-circle-outline]),.req-row .icon-btn:has(ion-icon[name=pause-outline]),.req-row .icon-btn:has(ion-icon[name=alert-circle-outline]),.req-row .icon-btn:has(ion-icon[name=warning-outline]),.req-row .icon-btn:has(ion-icon[name=key-outline]),.cand-row .icon-btn:has(ion-icon[name=pause-circle-outline]),.cand-row .icon-btn:has(ion-icon[name=pause-outline]),.cand-row .icon-btn:has(ion-icon[name=alert-circle-outline]),.cand-row .icon-btn:has(ion-icon[name=warning-outline]),.cand-row .icon-btn:has(ion-icon[name=key-outline]){color:var(--action-warning);background:var(--action-warning-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=pause-circle-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=pause-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=alert-circle-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=warning-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=key-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=pause-circle-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=pause-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=alert-circle-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=warning-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=key-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=pause-circle-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=pause-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=alert-circle-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=warning-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=key-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=pause-circle-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=pause-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=alert-circle-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=warning-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=key-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=pause-circle-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=pause-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=alert-circle-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=warning-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=key-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=pause-circle-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=pause-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=alert-circle-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=warning-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=key-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=pause-circle-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=pause-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=alert-circle-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=warning-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=key-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=pause-circle-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=pause-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=alert-circle-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=warning-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=key-outline]) ion-icon{color:var(--action-warning);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]){background:var(--action-warning-hover);color:var(--action-warning);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=pause-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=pause-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=alert-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=warning-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=key-outline]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-warning)}.actions .icon-btn:has(ion-icon[name=pause-circle-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=pause-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=alert-circle-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=warning-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=key-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=pause-circle-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=pause-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=alert-circle-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=warning-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=key-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=pause-circle-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=pause-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=alert-circle-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=warning-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=key-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=pause-circle-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=pause-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=alert-circle-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=warning-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=key-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=pause-circle-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=pause-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=alert-circle-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=warning-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=key-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=pause-circle-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=pause-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=alert-circle-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=warning-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=key-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=pause-circle-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=pause-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=alert-circle-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=warning-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=key-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=pause-circle-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=pause-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=alert-circle-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=warning-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=key-outline]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn:has(ion-icon[name=trash-outline]),.actions .icon-btn:has(ion-icon[name=trash]),.actions .icon-btn:has(ion-icon[name=close-circle-outline]),.actions .icon-btn:has(ion-icon[name=ban-outline]),.actions .icon-btn:has(ion-icon[name=remove-circle-outline]),.card-table .icon-btn:has(ion-icon[name=trash-outline]),.card-table .icon-btn:has(ion-icon[name=trash]),.card-table .icon-btn:has(ion-icon[name=close-circle-outline]),.card-table .icon-btn:has(ion-icon[name=ban-outline]),.card-table .icon-btn:has(ion-icon[name=remove-circle-outline]),.table-row .icon-btn:has(ion-icon[name=trash-outline]),.table-row .icon-btn:has(ion-icon[name=trash]),.table-row .icon-btn:has(ion-icon[name=close-circle-outline]),.table-row .icon-btn:has(ion-icon[name=ban-outline]),.table-row .icon-btn:has(ion-icon[name=remove-circle-outline]),.col-actions .icon-btn:has(ion-icon[name=trash-outline]),.col-actions .icon-btn:has(ion-icon[name=trash]),.col-actions .icon-btn:has(ion-icon[name=close-circle-outline]),.col-actions .icon-btn:has(ion-icon[name=ban-outline]),.col-actions .icon-btn:has(ion-icon[name=remove-circle-outline]),.payroll-actions .icon-btn:has(ion-icon[name=trash-outline]),.payroll-actions .icon-btn:has(ion-icon[name=trash]),.payroll-actions .icon-btn:has(ion-icon[name=close-circle-outline]),.payroll-actions .icon-btn:has(ion-icon[name=ban-outline]),.payroll-actions .icon-btn:has(ion-icon[name=remove-circle-outline]),span.actions .icon-btn:has(ion-icon[name=trash-outline]),span.actions .icon-btn:has(ion-icon[name=trash]),span.actions .icon-btn:has(ion-icon[name=close-circle-outline]),span.actions .icon-btn:has(ion-icon[name=ban-outline]),span.actions .icon-btn:has(ion-icon[name=remove-circle-outline]),.req-row .icon-btn:has(ion-icon[name=trash-outline]),.req-row .icon-btn:has(ion-icon[name=trash]),.req-row .icon-btn:has(ion-icon[name=close-circle-outline]),.req-row .icon-btn:has(ion-icon[name=ban-outline]),.req-row .icon-btn:has(ion-icon[name=remove-circle-outline]),.cand-row .icon-btn:has(ion-icon[name=trash-outline]),.cand-row .icon-btn:has(ion-icon[name=trash]),.cand-row .icon-btn:has(ion-icon[name=close-circle-outline]),.cand-row .icon-btn:has(ion-icon[name=ban-outline]),.cand-row .icon-btn:has(ion-icon[name=remove-circle-outline]){color:var(--action-delete);background:var(--action-delete-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=trash-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=trash]) ion-icon,.actions .icon-btn:has(ion-icon[name=close-circle-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=ban-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=remove-circle-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=trash-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=trash]) ion-icon,.card-table .icon-btn:has(ion-icon[name=close-circle-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=ban-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=remove-circle-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=trash-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=trash]) ion-icon,.table-row .icon-btn:has(ion-icon[name=close-circle-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=ban-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=remove-circle-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=trash-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=trash]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=close-circle-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=ban-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=remove-circle-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=trash-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=trash]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=close-circle-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=ban-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=remove-circle-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=trash-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=trash]) ion-icon,span.actions .icon-btn:has(ion-icon[name=close-circle-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=ban-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=remove-circle-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=trash-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=trash]) ion-icon,.req-row .icon-btn:has(ion-icon[name=close-circle-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=ban-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=remove-circle-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=trash-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=trash]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=close-circle-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=ban-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=remove-circle-outline]) ion-icon{color:var(--action-delete);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]){background:var(--action-delete-hover);color:var(--action-delete);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=trash-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=trash]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=close-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=ban-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=remove-circle-outline]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-delete)}.actions .icon-btn:has(ion-icon[name=trash-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=trash]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=close-circle-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=ban-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=remove-circle-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=trash-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=trash]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=close-circle-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=ban-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=remove-circle-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=trash-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=trash]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=close-circle-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=ban-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=remove-circle-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=trash-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=trash]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=close-circle-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=ban-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=remove-circle-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=trash-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=trash]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=close-circle-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=ban-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=remove-circle-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=trash-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=trash]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=close-circle-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=ban-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=remove-circle-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=trash-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=trash]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=close-circle-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=ban-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=remove-circle-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=trash-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=trash]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=close-circle-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=ban-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=remove-circle-outline]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]),.actions .icon-btn:has(ion-icon[name=shield-outline]),.card-table .icon-btn:has(ion-icon[name=shield-checkmark-outline]),.card-table .icon-btn:has(ion-icon[name=shield-outline]),.table-row .icon-btn:has(ion-icon[name=shield-checkmark-outline]),.table-row .icon-btn:has(ion-icon[name=shield-outline]),.col-actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]),.col-actions .icon-btn:has(ion-icon[name=shield-outline]),.payroll-actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]),.payroll-actions .icon-btn:has(ion-icon[name=shield-outline]),span.actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]),span.actions .icon-btn:has(ion-icon[name=shield-outline]),.req-row .icon-btn:has(ion-icon[name=shield-checkmark-outline]),.req-row .icon-btn:has(ion-icon[name=shield-outline]),.cand-row .icon-btn:has(ion-icon[name=shield-checkmark-outline]),.cand-row .icon-btn:has(ion-icon[name=shield-outline]){color:var(--action-verified);background:var(--action-verified-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=shield-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=shield-checkmark-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=shield-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=shield-checkmark-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=shield-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=shield-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=shield-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=shield-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=shield-checkmark-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=shield-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=shield-checkmark-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=shield-outline]) ion-icon{color:var(--action-verified);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]){background:var(--action-verified-hover);color:var(--action-verified);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=shield-checkmark-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=shield-outline]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-verified)}.actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=shield-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=shield-checkmark-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=shield-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=shield-checkmark-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=shield-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=shield-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=shield-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=shield-checkmark-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=shield-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=shield-checkmark-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=shield-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=shield-checkmark-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=shield-outline]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn:has(ion-icon[name=lock-closed-outline]),.actions .icon-btn:has(ion-icon[name=lock-closed]),.card-table .icon-btn:has(ion-icon[name=lock-closed-outline]),.card-table .icon-btn:has(ion-icon[name=lock-closed]),.table-row .icon-btn:has(ion-icon[name=lock-closed-outline]),.table-row .icon-btn:has(ion-icon[name=lock-closed]),.col-actions .icon-btn:has(ion-icon[name=lock-closed-outline]),.col-actions .icon-btn:has(ion-icon[name=lock-closed]),.payroll-actions .icon-btn:has(ion-icon[name=lock-closed-outline]),.payroll-actions .icon-btn:has(ion-icon[name=lock-closed]),span.actions .icon-btn:has(ion-icon[name=lock-closed-outline]),span.actions .icon-btn:has(ion-icon[name=lock-closed]),.req-row .icon-btn:has(ion-icon[name=lock-closed-outline]),.req-row .icon-btn:has(ion-icon[name=lock-closed]),.cand-row .icon-btn:has(ion-icon[name=lock-closed-outline]),.cand-row .icon-btn:has(ion-icon[name=lock-closed]){color:var(--action-lock);background:var(--action-close-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=lock-closed-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=lock-closed]) ion-icon,.card-table .icon-btn:has(ion-icon[name=lock-closed-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=lock-closed]) ion-icon,.table-row .icon-btn:has(ion-icon[name=lock-closed-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=lock-closed]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=lock-closed-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=lock-closed]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=lock-closed-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=lock-closed]) ion-icon,span.actions .icon-btn:has(ion-icon[name=lock-closed-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=lock-closed]) ion-icon,.req-row .icon-btn:has(ion-icon[name=lock-closed-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=lock-closed]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=lock-closed-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=lock-closed]) ion-icon{color:var(--action-lock);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]){background:var(--action-close-hover);color:var(--action-lock);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=lock-closed-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=lock-closed]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-lock)}.actions .icon-btn:has(ion-icon[name=lock-closed-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=lock-closed]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=lock-closed-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=lock-closed]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=lock-closed-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=lock-closed]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=lock-closed-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=lock-closed]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=lock-closed-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=lock-closed]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=lock-closed-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=lock-closed]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=lock-closed-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=lock-closed]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=lock-closed-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=lock-closed]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn:has(ion-icon[name=lock-open-outline]),.actions .icon-btn:has(ion-icon[name=lock-open]),.card-table .icon-btn:has(ion-icon[name=lock-open-outline]),.card-table .icon-btn:has(ion-icon[name=lock-open]),.table-row .icon-btn:has(ion-icon[name=lock-open-outline]),.table-row .icon-btn:has(ion-icon[name=lock-open]),.col-actions .icon-btn:has(ion-icon[name=lock-open-outline]),.col-actions .icon-btn:has(ion-icon[name=lock-open]),.payroll-actions .icon-btn:has(ion-icon[name=lock-open-outline]),.payroll-actions .icon-btn:has(ion-icon[name=lock-open]),span.actions .icon-btn:has(ion-icon[name=lock-open-outline]),span.actions .icon-btn:has(ion-icon[name=lock-open]),.req-row .icon-btn:has(ion-icon[name=lock-open-outline]),.req-row .icon-btn:has(ion-icon[name=lock-open]),.cand-row .icon-btn:has(ion-icon[name=lock-open-outline]),.cand-row .icon-btn:has(ion-icon[name=lock-open]){color:var(--action-unlock);background:var(--action-approve-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=lock-open-outline]) ion-icon,.actions .icon-btn:has(ion-icon[name=lock-open]) ion-icon,.card-table .icon-btn:has(ion-icon[name=lock-open-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=lock-open]) ion-icon,.table-row .icon-btn:has(ion-icon[name=lock-open-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=lock-open]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=lock-open-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=lock-open]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=lock-open-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=lock-open]) ion-icon,span.actions .icon-btn:has(ion-icon[name=lock-open-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=lock-open]) ion-icon,.req-row .icon-btn:has(ion-icon[name=lock-open-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=lock-open]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=lock-open-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=lock-open]) ion-icon{color:var(--action-unlock);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]){background:var(--action-approve-hover);color:var(--action-unlock);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]) ion-icon,.actions .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=lock-open-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=lock-open]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-unlock)}.actions .icon-btn:has(ion-icon[name=lock-open-outline]):active:not(:disabled):not([disabled]),.actions .icon-btn:has(ion-icon[name=lock-open]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=lock-open-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=lock-open]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=lock-open-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=lock-open]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=lock-open-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=lock-open]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=lock-open-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=lock-open]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=lock-open-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=lock-open]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=lock-open-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=lock-open]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=lock-open-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=lock-open]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.actions .icon-btn:has(ion-icon[name=close-outline]),.card-table .icon-btn:has(ion-icon[name=close-outline]),.table-row .icon-btn:has(ion-icon[name=close-outline]),.col-actions .icon-btn:has(ion-icon[name=close-outline]),.payroll-actions .icon-btn:has(ion-icon[name=close-outline]),span.actions .icon-btn:has(ion-icon[name=close-outline]),.req-row .icon-btn:has(ion-icon[name=close-outline]),.cand-row .icon-btn:has(ion-icon[name=close-outline]){color:var(--action-close);background:var(--action-close-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.actions .icon-btn:has(ion-icon[name=close-outline]) ion-icon,.card-table .icon-btn:has(ion-icon[name=close-outline]) ion-icon,.table-row .icon-btn:has(ion-icon[name=close-outline]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=close-outline]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=close-outline]) ion-icon,span.actions .icon-btn:has(ion-icon[name=close-outline]) ion-icon,.req-row .icon-btn:has(ion-icon[name=close-outline]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=close-outline]) ion-icon{color:var(--action-close);transition:transform .2s ease}.actions .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]){background:var(--action-close-hover);color:var(--action-close);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.actions .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]) ion-icon,.card-table .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]) ion-icon,.table-row .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]) ion-icon,.col-actions .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]) ion-icon,.payroll-actions .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]) ion-icon,span.actions .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]) ion-icon,.req-row .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]) ion-icon,.cand-row .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-close)}.actions .icon-btn:has(ion-icon[name=close-outline]):active:not(:disabled):not([disabled]),.card-table .icon-btn:has(ion-icon[name=close-outline]):active:not(:disabled):not([disabled]),.table-row .icon-btn:has(ion-icon[name=close-outline]):active:not(:disabled):not([disabled]),.col-actions .icon-btn:has(ion-icon[name=close-outline]):active:not(:disabled):not([disabled]),.payroll-actions .icon-btn:has(ion-icon[name=close-outline]):active:not(:disabled):not([disabled]),span.actions .icon-btn:has(ion-icon[name=close-outline]):active:not(:disabled):not([disabled]),.req-row .icon-btn:has(ion-icon[name=close-outline]):active:not(:disabled):not([disabled]),.cand-row .icon-btn:has(ion-icon[name=close-outline]):active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.modal-header .icon-btn:has(ion-icon[name=close-outline]),.inline-modal-header .icon-btn:has(ion-icon[name=close-outline]),.modal-header>.icon-btn:last-child{color:var(--action-close);background:transparent;transition:all .2s cubic-bezier(.16,1,.3,1)}.modal-header .icon-btn:has(ion-icon[name=close-outline]) ion-icon,.inline-modal-header .icon-btn:has(ion-icon[name=close-outline]) ion-icon,.modal-header>.icon-btn:last-child ion-icon{color:var(--action-close);transition:transform .2s ease}.modal-header .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]),.inline-modal-header .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]),.modal-header>.icon-btn:last-child:hover:not(:disabled):not([disabled]){background:var(--action-close-hover);color:var(--action-close);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.modal-header .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]) ion-icon,.inline-modal-header .icon-btn:has(ion-icon[name=close-outline]):hover:not(:disabled):not([disabled]) ion-icon,.modal-header>.icon-btn:last-child:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-close)}.modal-header .icon-btn:has(ion-icon[name=close-outline]):active:not(:disabled):not([disabled]),.inline-modal-header .icon-btn:has(ion-icon[name=close-outline]):active:not(:disabled):not([disabled]),.modal-header>.icon-btn:last-child:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.icon-btn[title*=Delete i],.icon-btn[title*=Reject i],.icon-btn[aria-label*=Delete i],.icon-btn[aria-label*=Reject i]{color:var(--action-delete);background:var(--action-delete-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn[title*=Delete i] ion-icon,.icon-btn[title*=Reject i] ion-icon,.icon-btn[aria-label*=Delete i] ion-icon,.icon-btn[aria-label*=Reject i] ion-icon{color:var(--action-delete);transition:transform .2s ease}.icon-btn[title*=Delete i]:hover:not(:disabled):not([disabled]),.icon-btn[title*=Reject i]:hover:not(:disabled):not([disabled]),.icon-btn[aria-label*=Delete i]:hover:not(:disabled):not([disabled]),.icon-btn[aria-label*=Reject i]:hover:not(:disabled):not([disabled]){background:var(--action-delete-hover);color:var(--action-delete);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.icon-btn[title*=Delete i]:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn[title*=Reject i]:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn[aria-label*=Delete i]:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn[aria-label*=Reject i]:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-delete)}.icon-btn[title*=Delete i]:active:not(:disabled):not([disabled]),.icon-btn[title*=Reject i]:active:not(:disabled):not([disabled]),.icon-btn[aria-label*=Delete i]:active:not(:disabled):not([disabled]),.icon-btn[aria-label*=Reject i]:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.icon-btn[title*=Edit i],.icon-btn[aria-label*=Edit i]{color:var(--action-edit);background:var(--action-edit-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn[title*=Edit i] ion-icon,.icon-btn[aria-label*=Edit i] ion-icon{color:var(--action-edit);transition:transform .2s ease}.icon-btn[title*=Edit i]:hover:not(:disabled):not([disabled]),.icon-btn[aria-label*=Edit i]:hover:not(:disabled):not([disabled]){background:var(--action-edit-hover);color:var(--action-edit);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.icon-btn[title*=Edit i]:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn[aria-label*=Edit i]:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-edit)}.icon-btn[title*=Edit i]:active:not(:disabled):not([disabled]),.icon-btn[aria-label*=Edit i]:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.icon-btn[title*=View i],.icon-btn[title*=Details i],.icon-btn[aria-label*=View i]{color:var(--action-view);background:var(--action-view-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn[title*=View i] ion-icon,.icon-btn[title*=Details i] ion-icon,.icon-btn[aria-label*=View i] ion-icon{color:var(--action-view);transition:transform .2s ease}.icon-btn[title*=View i]:hover:not(:disabled):not([disabled]),.icon-btn[title*=Details i]:hover:not(:disabled):not([disabled]),.icon-btn[aria-label*=View i]:hover:not(:disabled):not([disabled]){background:var(--action-view-hover);color:var(--action-view);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.icon-btn[title*=View i]:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn[title*=Details i]:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn[aria-label*=View i]:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-view)}.icon-btn[title*=View i]:active:not(:disabled):not([disabled]),.icon-btn[title*=Details i]:active:not(:disabled):not([disabled]),.icon-btn[aria-label*=View i]:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.icon-btn[title*=Approve i],.icon-btn[aria-label*=Approve i]{color:var(--action-approve);background:var(--action-approve-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn[title*=Approve i] ion-icon,.icon-btn[aria-label*=Approve i] ion-icon{color:var(--action-approve);transition:transform .2s ease}.icon-btn[title*=Approve i]:hover:not(:disabled):not([disabled]),.icon-btn[aria-label*=Approve i]:hover:not(:disabled):not([disabled]){background:var(--action-approve-hover);color:var(--action-approve);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.icon-btn[title*=Approve i]:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn[aria-label*=Approve i]:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-approve)}.icon-btn[title*=Approve i]:active:not(:disabled):not([disabled]),.icon-btn[aria-label*=Approve i]:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.icon-btn[title*=Manage i],.icon-btn[title*=Rounds i],.icon-btn[aria-label*=Manage i]{color:var(--action-manage);background:var(--action-manage-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn[title*=Manage i] ion-icon,.icon-btn[title*=Rounds i] ion-icon,.icon-btn[aria-label*=Manage i] ion-icon{color:var(--action-manage);transition:transform .2s ease}.icon-btn[title*=Manage i]:hover:not(:disabled):not([disabled]),.icon-btn[title*=Rounds i]:hover:not(:disabled):not([disabled]),.icon-btn[aria-label*=Manage i]:hover:not(:disabled):not([disabled]){background:var(--action-manage-hover);color:var(--action-manage);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.icon-btn[title*=Manage i]:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn[title*=Rounds i]:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn[aria-label*=Manage i]:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-manage)}.icon-btn[title*=Manage i]:active:not(:disabled):not([disabled]),.icon-btn[title*=Rounds i]:active:not(:disabled):not([disabled]),.icon-btn[aria-label*=Manage i]:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.icon-btn[title*=Download i],.icon-btn[title*=Export i],.icon-btn[aria-label*=Download i]{color:var(--action-download);background:var(--action-download-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn[title*=Download i] ion-icon,.icon-btn[title*=Export i] ion-icon,.icon-btn[aria-label*=Download i] ion-icon{color:var(--action-download);transition:transform .2s ease}.icon-btn[title*=Download i]:hover:not(:disabled):not([disabled]),.icon-btn[title*=Export i]:hover:not(:disabled):not([disabled]),.icon-btn[aria-label*=Download i]:hover:not(:disabled):not([disabled]){background:var(--action-download-hover);color:var(--action-download);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.icon-btn[title*=Download i]:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn[title*=Export i]:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn[aria-label*=Download i]:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-download)}.icon-btn[title*=Download i]:active:not(:disabled):not([disabled]),.icon-btn[title*=Export i]:active:not(:disabled):not([disabled]),.icon-btn[aria-label*=Download i]:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.icon-btn[title*=Inactive i],.icon-btn[title*=Deactivate i],.icon-btn[title*=Warning i]{color:var(--action-warning);background:var(--action-warning-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn[title*=Inactive i] ion-icon,.icon-btn[title*=Deactivate i] ion-icon,.icon-btn[title*=Warning i] ion-icon{color:var(--action-warning);transition:transform .2s ease}.icon-btn[title*=Inactive i]:hover:not(:disabled):not([disabled]),.icon-btn[title*=Deactivate i]:hover:not(:disabled):not([disabled]),.icon-btn[title*=Warning i]:hover:not(:disabled):not([disabled]){background:var(--action-warning-hover);color:var(--action-warning);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.icon-btn[title*=Inactive i]:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn[title*=Deactivate i]:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn[title*=Warning i]:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-warning)}.icon-btn[title*=Inactive i]:active:not(:disabled):not([disabled]),.icon-btn[title*=Deactivate i]:active:not(:disabled):not([disabled]),.icon-btn[title*=Warning i]:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.icon-btn[title*=Activate i],.icon-btn[title=Activate]{color:var(--action-restore);background:var(--action-view-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn[title*=Activate i] ion-icon,.icon-btn[title=Activate] ion-icon{color:var(--action-restore);transition:transform .2s ease}.icon-btn[title*=Activate i]:hover:not(:disabled):not([disabled]),.icon-btn[title=Activate]:hover:not(:disabled):not([disabled]){background:var(--action-view-hover);color:var(--action-restore);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.icon-btn[title*=Activate i]:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn[title=Activate]:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-restore)}.icon-btn[title*=Activate i]:active:not(:disabled):not([disabled]),.icon-btn[title=Activate]:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}.icon-btn[title*="Document Verification" i],.icon-btn[title*=Verification i]{color:var(--action-view);background:var(--action-view-bg);transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn[title*="Document Verification" i] ion-icon,.icon-btn[title*=Verification i] ion-icon{color:var(--action-view);transition:transform .2s ease}.icon-btn[title*="Document Verification" i]:hover:not(:disabled):not([disabled]),.icon-btn[title*=Verification i]:hover:not(:disabled):not([disabled]){background:var(--action-view-hover);color:var(--action-view);transform:translateY(-1px) scale(1.06);box-shadow:0 2px 6px #00000014}.icon-btn[title*="Document Verification" i]:hover:not(:disabled):not([disabled]) ion-icon,.icon-btn[title*=Verification i]:hover:not(:disabled):not([disabled]) ion-icon{color:var(--action-view)}.icon-btn[title*="Document Verification" i]:active:not(:disabled):not([disabled]),.icon-btn[title*=Verification i]:active:not(:disabled):not([disabled]){transform:translateY(0) scale(.96);box-shadow:none}@media(prefers-color-scheme:dark){:root{--action-view-bg: rgba(37, 99, 235, .18);--action-view-hover: rgba(37, 99, 235, .28);--action-edit-bg: rgba(217, 119, 6, .18);--action-edit-hover: rgba(217, 119, 6, .28);--action-approve-bg: rgba(22, 163, 74, .18);--action-approve-hover: rgba(22, 163, 74, .28);--action-add-bg: rgba(22, 163, 74, .18);--action-add-hover: rgba(22, 163, 74, .28);--action-manage-bg: rgba(124, 58, 237, .18);--action-manage-hover: rgba(124, 58, 237, .28);--action-status-bg: rgba(8, 145, 178, .18);--action-status-hover: rgba(8, 145, 178, .28);--action-delete-bg: rgba(220, 38, 38, .18);--action-delete-hover: rgba(220, 38, 38, .28);--action-warning-bg: rgba(217, 119, 6, .18);--action-warning-hover: rgba(217, 119, 6, .28);--action-close-bg: rgba(100, 116, 139, .2);--action-close-hover: rgba(100, 116, 139, .32);--action-verified-bg: rgba(13, 148, 136, .18);--action-verified-hover: rgba(13, 148, 136, .28);--action-upload-bg: rgba(79, 70, 229, .18);--action-upload-hover: rgba(79, 70, 229, .28);--action-download-bg: rgba(37, 99, 235, .18);--action-download-hover: rgba(37, 99, 235, .28)}}body.dark,.ion-palette-dark,.dark-theme{--action-view-bg: rgba(37, 99, 235, .18);--action-edit-bg: rgba(217, 119, 6, .18);--action-approve-bg: rgba(22, 163, 74, .18);--action-manage-bg: rgba(124, 58, 237, .18);--action-delete-bg: rgba(220, 38, 38, .18);--action-warning-bg: rgba(217, 119, 6, .18)}@media(max-width:640px){.actions .icon-btn,.card-table .icon-btn{min-width:32px;min-height:32px}}@font-face{font-family:primeicons;font-display:block;src:url(primeicons.8ca441e178bfb872.eot);src:url(primeicons.8ca441e178bfb872.eot?#iefix) format("embedded-opentype"),url(primeicons.e1a53edb6ea00325.woff2) format("woff2"),url(primeicons.7f7722745590608a.woff) format("woff"),url(primeicons.310a7310efb91ab1.ttf) format("truetype"),url(primeicons.19e14e488f5edc90.svg?#primeicons) format("svg");font-weight:400;font-style:normal}.pi{font-family:primeicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pi:before{--webkit-backface-visibility:hidden;backface-visibility:hidden}.pi-fw{width:1.28571429em;text-align:center}.pi-spin{animation:fa-spin 2s infinite linear}@media(prefers-reduced-motion:reduce){.pi-spin{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.pi-folder-plus:before{content:"\ea05"}.pi-receipt:before{content:"\ea06"}.pi-asterisk:before{content:"\ea07"}.pi-face-smile:before{content:"\ea08"}.pi-pinterest:before{content:"\ea09"}.pi-expand:before{content:"\ea0a"}.pi-pen-to-square:before{content:"\ea0b"}.pi-wave-pulse:before{content:"\ea0c"}.pi-turkish-lira:before{content:"\ea0d"}.pi-spinner-dotted:before{content:"\ea0e"}.pi-crown:before{content:"\ea0f"}.pi-pause-circle:before{content:"\ea10"}.pi-warehouse:before{content:"\ea11"}.pi-objects-column:before{content:"\ea12"}.pi-clipboard:before{content:"\ea13"}.pi-play-circle:before{content:"\ea14"}.pi-venus:before{content:"\ea15"}.pi-cart-minus:before{content:"\ea16"}.pi-file-plus:before{content:"\ea17"}.pi-microchip:before{content:"\ea18"}.pi-twitch:before{content:"\ea19"}.pi-building-columns:before{content:"\ea1a"}.pi-file-check:before{content:"\ea1b"}.pi-microchip-ai:before{content:"\ea1c"}.pi-trophy:before{content:"\ea1d"}.pi-barcode:before{content:"\ea1e"}.pi-file-arrow-up:before{content:"\ea1f"}.pi-mars:before{content:"\ea20"}.pi-tiktok:before{content:"\ea21"}.pi-arrow-up-right-and-arrow-down-left-from-center:before{content:"\ea22"}.pi-ethereum:before{content:"\ea23"}.pi-list-check:before{content:"\ea24"}.pi-thumbtack:before{content:"\ea25"}.pi-arrow-down-left-and-arrow-up-right-to-center:before{content:"\ea26"}.pi-equals:before{content:"\ea27"}.pi-lightbulb:before{content:"\ea28"}.pi-star-half:before{content:"\ea29"}.pi-address-book:before{content:"\ea2a"}.pi-chart-scatter:before{content:"\ea2b"}.pi-indian-rupee:before{content:"\ea2c"}.pi-star-half-fill:before{content:"\ea2d"}.pi-cart-arrow-down:before{content:"\ea2e"}.pi-calendar-clock:before{content:"\ea2f"}.pi-sort-up-fill:before{content:"\ea30"}.pi-sparkles:before{content:"\ea31"}.pi-bullseye:before{content:"\ea32"}.pi-sort-down-fill:before{content:"\ea33"}.pi-graduation-cap:before{content:"\ea34"}.pi-hammer:before{content:"\ea35"}.pi-bell-slash:before{content:"\ea36"}.pi-gauge:before{content:"\ea37"}.pi-shop:before{content:"\ea38"}.pi-headphones:before{content:"\ea39"}.pi-eraser:before{content:"\ea04"}.pi-stopwatch:before{content:"\ea01"}.pi-verified:before{content:"\ea02"}.pi-delete-left:before{content:"\ea03"}.pi-hourglass:before{content:"\e9fe"}.pi-truck:before{content:"\ea00"}.pi-wrench:before{content:"\e9ff"}.pi-microphone:before{content:"\e9fa"}.pi-megaphone:before{content:"\e9fb"}.pi-arrow-right-arrow-left:before{content:"\e9fc"}.pi-bitcoin:before{content:"\e9fd"}.pi-file-edit:before{content:"\e9f6"}.pi-language:before{content:"\e9f7"}.pi-file-export:before{content:"\e9f8"}.pi-file-import:before{content:"\e9f9"}.pi-file-word:before{content:"\e9f1"}.pi-gift:before{content:"\e9f2"}.pi-cart-plus:before{content:"\e9f3"}.pi-thumbs-down-fill:before{content:"\e9f4"}.pi-thumbs-up-fill:before{content:"\e9f5"}.pi-arrows-alt:before{content:"\e9f0"}.pi-calculator:before{content:"\e9ef"}.pi-sort-alt-slash:before{content:"\e9ee"}.pi-arrows-h:before{content:"\e9ec"}.pi-arrows-v:before{content:"\e9ed"}.pi-pound:before{content:"\e9eb"}.pi-prime:before{content:"\e9ea"}.pi-chart-pie:before{content:"\e9e9"}.pi-reddit:before{content:"\e9e8"}.pi-code:before{content:"\e9e7"}.pi-sync:before{content:"\e9e6"}.pi-shopping-bag:before{content:"\e9e5"}.pi-server:before{content:"\e9e4"}.pi-database:before{content:"\e9e3"}.pi-hashtag:before{content:"\e9e2"}.pi-bookmark-fill:before{content:"\e9df"}.pi-filter-fill:before{content:"\e9e0"}.pi-heart-fill:before{content:"\e9e1"}.pi-flag-fill:before{content:"\e9de"}.pi-circle:before{content:"\e9dc"}.pi-circle-fill:before{content:"\e9dd"}.pi-bolt:before{content:"\e9db"}.pi-history:before{content:"\e9da"}.pi-box:before{content:"\e9d9"}.pi-at:before{content:"\e9d8"}.pi-arrow-up-right:before{content:"\e9d4"}.pi-arrow-up-left:before{content:"\e9d5"}.pi-arrow-down-left:before{content:"\e9d6"}.pi-arrow-down-right:before{content:"\e9d7"}.pi-telegram:before{content:"\e9d3"}.pi-stop-circle:before{content:"\e9d2"}.pi-stop:before{content:"\e9d1"}.pi-whatsapp:before{content:"\e9d0"}.pi-building:before{content:"\e9cf"}.pi-qrcode:before{content:"\e9ce"}.pi-car:before{content:"\e9cd"}.pi-instagram:before{content:"\e9cc"}.pi-linkedin:before{content:"\e9cb"}.pi-send:before{content:"\e9ca"}.pi-slack:before{content:"\e9c9"}.pi-sun:before{content:"\e9c8"}.pi-moon:before{content:"\e9c7"}.pi-vimeo:before{content:"\e9c6"}.pi-youtube:before{content:"\e9c5"}.pi-flag:before{content:"\e9c4"}.pi-wallet:before{content:"\e9c3"}.pi-map:before{content:"\e9c2"}.pi-link:before{content:"\e9c1"}.pi-credit-card:before{content:"\e9bf"}.pi-discord:before{content:"\e9c0"}.pi-percentage:before{content:"\e9be"}.pi-euro:before{content:"\e9bd"}.pi-book:before{content:"\e9ba"}.pi-shield:before{content:"\e9b9"}.pi-paypal:before{content:"\e9bb"}.pi-amazon:before{content:"\e9bc"}.pi-phone:before{content:"\e9b8"}.pi-filter-slash:before{content:"\e9b7"}.pi-facebook:before{content:"\e9b4"}.pi-github:before{content:"\e9b5"}.pi-twitter:before{content:"\e9b6"}.pi-step-backward-alt:before{content:"\e9ac"}.pi-step-forward-alt:before{content:"\e9ad"}.pi-forward:before{content:"\e9ae"}.pi-backward:before{content:"\e9af"}.pi-fast-backward:before{content:"\e9b0"}.pi-fast-forward:before{content:"\e9b1"}.pi-pause:before{content:"\e9b2"}.pi-play:before{content:"\e9b3"}.pi-compass:before{content:"\e9ab"}.pi-id-card:before{content:"\e9aa"}.pi-ticket:before{content:"\e9a9"}.pi-file-o:before{content:"\e9a8"}.pi-reply:before{content:"\e9a7"}.pi-directions-alt:before{content:"\e9a5"}.pi-directions:before{content:"\e9a6"}.pi-thumbs-up:before{content:"\e9a3"}.pi-thumbs-down:before{content:"\e9a4"}.pi-sort-numeric-down-alt:before{content:"\e996"}.pi-sort-numeric-up-alt:before{content:"\e997"}.pi-sort-alpha-down-alt:before{content:"\e998"}.pi-sort-alpha-up-alt:before{content:"\e999"}.pi-sort-numeric-down:before{content:"\e99a"}.pi-sort-numeric-up:before{content:"\e99b"}.pi-sort-alpha-down:before{content:"\e99c"}.pi-sort-alpha-up:before{content:"\e99d"}.pi-sort-alt:before{content:"\e99e"}.pi-sort-amount-up:before{content:"\e99f"}.pi-sort-amount-down:before{content:"\e9a0"}.pi-sort-amount-down-alt:before{content:"\e9a1"}.pi-sort-amount-up-alt:before{content:"\e9a2"}.pi-palette:before{content:"\e995"}.pi-undo:before{content:"\e994"}.pi-desktop:before{content:"\e993"}.pi-sliders-v:before{content:"\e991"}.pi-sliders-h:before{content:"\e992"}.pi-search-plus:before{content:"\e98f"}.pi-search-minus:before{content:"\e990"}.pi-file-excel:before{content:"\e98e"}.pi-file-pdf:before{content:"\e98d"}.pi-check-square:before{content:"\e98c"}.pi-chart-line:before{content:"\e98b"}.pi-user-edit:before{content:"\e98a"}.pi-exclamation-circle:before{content:"\e989"}.pi-android:before{content:"\e985"}.pi-google:before{content:"\e986"}.pi-apple:before{content:"\e987"}.pi-microsoft:before{content:"\e988"}.pi-heart:before{content:"\e984"}.pi-mobile:before{content:"\e982"}.pi-tablet:before{content:"\e983"}.pi-key:before{content:"\e981"}.pi-shopping-cart:before{content:"\e980"}.pi-comments:before{content:"\e97e"}.pi-comment:before{content:"\e97f"}.pi-briefcase:before{content:"\e97d"}.pi-bell:before{content:"\e97c"}.pi-paperclip:before{content:"\e97b"}.pi-share-alt:before{content:"\e97a"}.pi-envelope:before{content:"\e979"}.pi-volume-down:before{content:"\e976"}.pi-volume-up:before{content:"\e977"}.pi-volume-off:before{content:"\e978"}.pi-eject:before{content:"\e975"}.pi-money-bill:before{content:"\e974"}.pi-images:before{content:"\e973"}.pi-image:before{content:"\e972"}.pi-sign-in:before{content:"\e970"}.pi-sign-out:before{content:"\e971"}.pi-wifi:before{content:"\e96f"}.pi-sitemap:before{content:"\e96e"}.pi-chart-bar:before{content:"\e96d"}.pi-camera:before{content:"\e96c"}.pi-dollar:before{content:"\e96b"}.pi-lock-open:before{content:"\e96a"}.pi-table:before{content:"\e969"}.pi-map-marker:before{content:"\e968"}.pi-list:before{content:"\e967"}.pi-eye-slash:before{content:"\e965"}.pi-eye:before{content:"\e966"}.pi-folder-open:before{content:"\e964"}.pi-folder:before{content:"\e963"}.pi-video:before{content:"\e962"}.pi-inbox:before{content:"\e961"}.pi-lock:before{content:"\e95f"}.pi-unlock:before{content:"\e960"}.pi-tags:before{content:"\e95d"}.pi-tag:before{content:"\e95e"}.pi-power-off:before{content:"\e95c"}.pi-save:before{content:"\e95b"}.pi-question-circle:before{content:"\e959"}.pi-question:before{content:"\e95a"}.pi-copy:before{content:"\e957"}.pi-file:before{content:"\e958"}.pi-clone:before{content:"\e955"}.pi-calendar-times:before{content:"\e952"}.pi-calendar-minus:before{content:"\e953"}.pi-calendar-plus:before{content:"\e954"}.pi-ellipsis-v:before{content:"\e950"}.pi-ellipsis-h:before{content:"\e951"}.pi-bookmark:before{content:"\e94e"}.pi-globe:before{content:"\e94f"}.pi-replay:before{content:"\e94d"}.pi-filter:before{content:"\e94c"}.pi-print:before{content:"\e94b"}.pi-align-right:before{content:"\e946"}.pi-align-left:before{content:"\e947"}.pi-align-center:before{content:"\e948"}.pi-align-justify:before{content:"\e949"}.pi-cog:before{content:"\e94a"}.pi-cloud-download:before{content:"\e943"}.pi-cloud-upload:before{content:"\e944"}.pi-cloud:before{content:"\e945"}.pi-pencil:before{content:"\e942"}.pi-users:before{content:"\e941"}.pi-clock:before{content:"\e940"}.pi-user-minus:before{content:"\e93e"}.pi-user-plus:before{content:"\e93f"}.pi-trash:before{content:"\e93d"}.pi-external-link:before{content:"\e93c"}.pi-window-maximize:before{content:"\e93b"}.pi-window-minimize:before{content:"\e93a"}.pi-refresh:before{content:"\e938"}.pi-user:before{content:"\e939"}.pi-exclamation-triangle:before{content:"\e922"}.pi-calendar:before{content:"\e927"}.pi-chevron-circle-left:before{content:"\e928"}.pi-chevron-circle-down:before{content:"\e929"}.pi-chevron-circle-right:before{content:"\e92a"}.pi-chevron-circle-up:before{content:"\e92b"}.pi-angle-double-down:before{content:"\e92c"}.pi-angle-double-left:before{content:"\e92d"}.pi-angle-double-right:before{content:"\e92e"}.pi-angle-double-up:before{content:"\e92f"}.pi-angle-down:before{content:"\e930"}.pi-angle-left:before{content:"\e931"}.pi-angle-right:before{content:"\e932"}.pi-angle-up:before{content:"\e933"}.pi-upload:before{content:"\e934"}.pi-download:before{content:"\e956"}.pi-ban:before{content:"\e935"}.pi-star-fill:before{content:"\e936"}.pi-star:before{content:"\e937"}.pi-chevron-left:before{content:"\e900"}.pi-chevron-right:before{content:"\e901"}.pi-chevron-down:before{content:"\e902"}.pi-chevron-up:before{content:"\e903"}.pi-caret-left:before{content:"\e904"}.pi-caret-right:before{content:"\e905"}.pi-caret-down:before{content:"\e906"}.pi-caret-up:before{content:"\e907"}.pi-search:before{content:"\e908"}.pi-check:before{content:"\e909"}.pi-check-circle:before{content:"\e90a"}.pi-times:before{content:"\e90b"}.pi-times-circle:before{content:"\e90c"}.pi-plus:before{content:"\e90d"}.pi-plus-circle:before{content:"\e90e"}.pi-minus:before{content:"\e90f"}.pi-minus-circle:before{content:"\e910"}.pi-circle-on:before{content:"\e911"}.pi-circle-off:before{content:"\e912"}.pi-sort-down:before{content:"\e913"}.pi-sort-up:before{content:"\e914"}.pi-sort:before{content:"\e915"}.pi-step-backward:before{content:"\e916"}.pi-step-forward:before{content:"\e917"}.pi-th-large:before{content:"\e918"}.pi-arrow-down:before{content:"\e919"}.pi-arrow-left:before{content:"\e91a"}.pi-arrow-right:before{content:"\e91b"}.pi-arrow-up:before{content:"\e91c"}.pi-bars:before{content:"\e91d"}.pi-arrow-circle-down:before{content:"\e91e"}.pi-arrow-circle-left:before{content:"\e91f"}.pi-arrow-circle-right:before{content:"\e920"}.pi-arrow-circle-up:before{content:"\e921"}.pi-info:before{content:"\e923"}.pi-info-circle:before{content:"\e924"}.pi-home:before{content:"\e925"}.pi-spinner:before{content:"\e926"}:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width:768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{inset:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media(prefers-reduced-motion:reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media(min-width:576px){.ion-hide-sm-up{display:none!important}}@media(max-width:575.98px){.ion-hide-sm-down{display:none!important}}@media(min-width:768px){.ion-hide-md-up{display:none!important}}@media(max-width:767.98px){.ion-hide-md-down{display:none!important}}@media(min-width:992px){.ion-hide-lg-up{display:none!important}}@media(max-width:991.98px){.ion-hide-lg-down{display:none!important}}@media(min-width:1200px){.ion-hide-xl-up{display:none!important}}@media(max-width:1199.98px){.ion-hide-xl-down{display:none!important}}.ion-display-none{display:none!important}@media(min-width:576px){.ion-display-sm-none{display:none!important}}@media(min-width:768px){.ion-display-md-none{display:none!important}}@media(min-width:992px){.ion-display-lg-none{display:none!important}}@media(min-width:1200px){.ion-display-xl-none{display:none!important}}.ion-display-inline{display:inline!important}@media(min-width:576px){.ion-display-sm-inline{display:inline!important}}@media(min-width:768px){.ion-display-md-inline{display:inline!important}}@media(min-width:992px){.ion-display-lg-inline{display:inline!important}}@media(min-width:1200px){.ion-display-xl-inline{display:inline!important}}.ion-display-inline-block{display:inline-block!important}@media(min-width:576px){.ion-display-sm-inline-block{display:inline-block!important}}@media(min-width:768px){.ion-display-md-inline-block{display:inline-block!important}}@media(min-width:992px){.ion-display-lg-inline-block{display:inline-block!important}}@media(min-width:1200px){.ion-display-xl-inline-block{display:inline-block!important}}.ion-display-block{display:block!important}@media(min-width:576px){.ion-display-sm-block{display:block!important}}@media(min-width:768px){.ion-display-md-block{display:block!important}}@media(min-width:992px){.ion-display-lg-block{display:block!important}}@media(min-width:1200px){.ion-display-xl-block{display:block!important}}.ion-display-flex{display:flex!important}@media(min-width:576px){.ion-display-sm-flex{display:flex!important}}@media(min-width:768px){.ion-display-md-flex{display:flex!important}}@media(min-width:992px){.ion-display-lg-flex{display:flex!important}}@media(min-width:1200px){.ion-display-xl-flex{display:flex!important}}.ion-display-inline-flex{display:inline-flex!important}@media(min-width:576px){.ion-display-sm-inline-flex{display:inline-flex!important}}@media(min-width:768px){.ion-display-md-inline-flex{display:inline-flex!important}}@media(min-width:992px){.ion-display-lg-inline-flex{display:inline-flex!important}}@media(min-width:1200px){.ion-display-xl-inline-flex{display:inline-flex!important}}.ion-display-grid{display:grid!important}@media(min-width:576px){.ion-display-sm-grid{display:grid!important}}@media(min-width:768px){.ion-display-md-grid{display:grid!important}}@media(min-width:992px){.ion-display-lg-grid{display:grid!important}}@media(min-width:1200px){.ion-display-xl-grid{display:grid!important}}.ion-display-inline-grid{display:inline-grid!important}@media(min-width:576px){.ion-display-sm-inline-grid{display:inline-grid!important}}@media(min-width:768px){.ion-display-md-inline-grid{display:inline-grid!important}}@media(min-width:992px){.ion-display-lg-inline-grid{display:inline-grid!important}}@media(min-width:1200px){.ion-display-xl-inline-grid{display:inline-grid!important}}.ion-display-table{display:table!important}@media(min-width:576px){.ion-display-sm-table{display:table!important}}@media(min-width:768px){.ion-display-md-table{display:table!important}}@media(min-width:992px){.ion-display-lg-table{display:table!important}}@media(min-width:1200px){.ion-display-xl-table{display:table!important}}.ion-display-table-cell{display:table-cell!important}@media(min-width:576px){.ion-display-sm-table-cell{display:table-cell!important}}@media(min-width:768px){.ion-display-md-table-cell{display:table-cell!important}}@media(min-width:992px){.ion-display-lg-table-cell{display:table-cell!important}}@media(min-width:1200px){.ion-display-xl-table-cell{display:table-cell!important}}.ion-display-table-row{display:table-row!important}@media(min-width:576px){.ion-display-sm-table-row{display:table-row!important}}@media(min-width:768px){.ion-display-md-table-row{display:table-row!important}}@media(min-width:992px){.ion-display-lg-table-row{display:table-row!important}}@media(min-width:1200px){.ion-display-xl-table-row{display:table-row!important}}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media(min-width:576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media(min-width:768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media(min-width:992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media(min-width:1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media(min-width:576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media(min-width:768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media(min-width:992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media(min-width:1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media(min-width:576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media(min-width:768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media(min-width:992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media(min-width:1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-content-start{align-content:flex-start!important}.ion-align-content-end{align-content:flex-end!important}.ion-align-content-center{align-content:center!important}.ion-align-content-between{align-content:space-between!important}.ion-align-content-around{align-content:space-around!important}.ion-align-content-stretch{align-content:stretch!important}@media(min-width:576px){.ion-align-content-sm-start{align-content:flex-start!important}.ion-align-content-sm-end{align-content:flex-end!important}.ion-align-content-sm-center{align-content:center!important}.ion-align-content-sm-between{align-content:space-between!important}.ion-align-content-sm-around{align-content:space-around!important}.ion-align-content-sm-stretch{align-content:stretch!important}}@media(min-width:768px){.ion-align-content-md-start{align-content:flex-start!important}.ion-align-content-md-end{align-content:flex-end!important}.ion-align-content-md-center{align-content:center!important}.ion-align-content-md-between{align-content:space-between!important}.ion-align-content-md-around{align-content:space-around!important}.ion-align-content-md-stretch{align-content:stretch!important}}@media(min-width:992px){.ion-align-content-lg-start{align-content:flex-start!important}.ion-align-content-lg-end{align-content:flex-end!important}.ion-align-content-lg-center{align-content:center!important}.ion-align-content-lg-between{align-content:space-between!important}.ion-align-content-lg-around{align-content:space-around!important}.ion-align-content-lg-stretch{align-content:stretch!important}}@media(min-width:1200px){.ion-align-content-xl-start{align-content:flex-start!important}.ion-align-content-xl-end{align-content:flex-end!important}.ion-align-content-xl-center{align-content:center!important}.ion-align-content-xl-between{align-content:space-between!important}.ion-align-content-xl-around{align-content:space-around!important}.ion-align-content-xl-stretch{align-content:stretch!important}}.ion-align-items-start{align-items:start!important}.ion-align-items-end{align-items:end!important}.ion-align-items-center{align-items:center!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}@media(min-width:576px){.ion-align-items-sm-start{align-items:start!important}.ion-align-items-sm-end{align-items:end!important}.ion-align-items-sm-center{align-items:center!important}.ion-align-items-sm-stretch{align-items:stretch!important}.ion-align-items-sm-baseline{align-items:baseline!important}}@media(min-width:768px){.ion-align-items-md-start{align-items:start!important}.ion-align-items-md-end{align-items:end!important}.ion-align-items-md-center{align-items:center!important}.ion-align-items-md-stretch{align-items:stretch!important}.ion-align-items-md-baseline{align-items:baseline!important}}@media(min-width:992px){.ion-align-items-lg-start{align-items:start!important}.ion-align-items-lg-end{align-items:end!important}.ion-align-items-lg-center{align-items:center!important}.ion-align-items-lg-stretch{align-items:stretch!important}.ion-align-items-lg-baseline{align-items:baseline!important}}@media(min-width:1200px){.ion-align-items-xl-start{align-items:start!important}.ion-align-items-xl-end{align-items:end!important}.ion-align-items-xl-center{align-items:center!important}.ion-align-items-xl-stretch{align-items:stretch!important}.ion-align-items-xl-baseline{align-items:baseline!important}}.ion-align-self-start{align-self:start!important}.ion-align-self-end{align-self:end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}@media(min-width:576px){.ion-align-self-sm-start{align-self:start!important}.ion-align-self-sm-end{align-self:end!important}.ion-align-self-sm-center{align-self:center!important}.ion-align-self-sm-stretch{align-self:stretch!important}.ion-align-self-sm-baseline{align-self:baseline!important}.ion-align-self-sm-auto{align-self:auto!important}}@media(min-width:768px){.ion-align-self-md-start{align-self:start!important}.ion-align-self-md-end{align-self:end!important}.ion-align-self-md-center{align-self:center!important}.ion-align-self-md-stretch{align-self:stretch!important}.ion-align-self-md-baseline{align-self:baseline!important}.ion-align-self-md-auto{align-self:auto!important}}@media(min-width:992px){.ion-align-self-lg-start{align-self:start!important}.ion-align-self-lg-end{align-self:end!important}.ion-align-self-lg-center{align-self:center!important}.ion-align-self-lg-stretch{align-self:stretch!important}.ion-align-self-lg-baseline{align-self:baseline!important}.ion-align-self-lg-auto{align-self:auto!important}}@media(min-width:1200px){.ion-align-self-xl-start{align-self:start!important}.ion-align-self-xl-end{align-self:end!important}.ion-align-self-xl-center{align-self:center!important}.ion-align-self-xl-stretch{align-self:stretch!important}.ion-align-self-xl-baseline{align-self:baseline!important}.ion-align-self-xl-auto{align-self:auto!important}}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-evenly{justify-content:space-evenly!important}@media(min-width:576px){.ion-justify-content-sm-start{justify-content:flex-start!important}.ion-justify-content-sm-end{justify-content:flex-end!important}.ion-justify-content-sm-center{justify-content:center!important}.ion-justify-content-sm-between{justify-content:space-between!important}.ion-justify-content-sm-around{justify-content:space-around!important}.ion-justify-content-sm-evenly{justify-content:space-evenly!important}}@media(min-width:768px){.ion-justify-content-md-start{justify-content:flex-start!important}.ion-justify-content-md-end{justify-content:flex-end!important}.ion-justify-content-md-center{justify-content:center!important}.ion-justify-content-md-between{justify-content:space-between!important}.ion-justify-content-md-around{justify-content:space-around!important}.ion-justify-content-md-evenly{justify-content:space-evenly!important}}@media(min-width:992px){.ion-justify-content-lg-start{justify-content:flex-start!important}.ion-justify-content-lg-end{justify-content:flex-end!important}.ion-justify-content-lg-center{justify-content:center!important}.ion-justify-content-lg-between{justify-content:space-between!important}.ion-justify-content-lg-around{justify-content:space-around!important}.ion-justify-content-lg-evenly{justify-content:space-evenly!important}}@media(min-width:1200px){.ion-justify-content-xl-start{justify-content:flex-start!important}.ion-justify-content-xl-end{justify-content:flex-end!important}.ion-justify-content-xl-center{justify-content:center!important}.ion-justify-content-xl-between{justify-content:space-between!important}.ion-justify-content-xl-around{justify-content:space-around!important}.ion-justify-content-xl-evenly{justify-content:space-evenly!important}}.ion-flex-row{flex-direction:row!important}.ion-flex-row-reverse{flex-direction:row-reverse!important}.ion-flex-column{flex-direction:column!important}.ion-flex-column-reverse{flex-direction:column-reverse!important}@media(min-width:576px){.ion-flex-sm-row{flex-direction:row!important}.ion-flex-sm-row-reverse{flex-direction:row-reverse!important}.ion-flex-sm-column{flex-direction:column!important}.ion-flex-sm-column-reverse{flex-direction:column-reverse!important}}@media(min-width:768px){.ion-flex-md-row{flex-direction:row!important}.ion-flex-md-row-reverse{flex-direction:row-reverse!important}.ion-flex-md-column{flex-direction:column!important}.ion-flex-md-column-reverse{flex-direction:column-reverse!important}}@media(min-width:992px){.ion-flex-lg-row{flex-direction:row!important}.ion-flex-lg-row-reverse{flex-direction:row-reverse!important}.ion-flex-lg-column{flex-direction:column!important}.ion-flex-lg-column-reverse{flex-direction:column-reverse!important}}@media(min-width:1200px){.ion-flex-xl-row{flex-direction:row!important}.ion-flex-xl-row-reverse{flex-direction:row-reverse!important}.ion-flex-xl-column{flex-direction:column!important}.ion-flex-xl-column-reverse{flex-direction:column-reverse!important}}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-flex-wrap{flex-wrap:wrap!important}.ion-flex-nowrap{flex-wrap:nowrap!important}.ion-flex-wrap-reverse{flex-wrap:wrap-reverse!important}@media(min-width:576px){.ion-flex-sm-wrap{flex-wrap:wrap!important}.ion-flex-sm-nowrap{flex-wrap:nowrap!important}.ion-flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}}@media(min-width:768px){.ion-flex-md-wrap{flex-wrap:wrap!important}.ion-flex-md-nowrap{flex-wrap:nowrap!important}.ion-flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}}@media(min-width:992px){.ion-flex-lg-wrap{flex-wrap:wrap!important}.ion-flex-lg-nowrap{flex-wrap:nowrap!important}.ion-flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}}@media(min-width:1200px){.ion-flex-xl-wrap{flex-wrap:wrap!important}.ion-flex-xl-nowrap{flex-wrap:nowrap!important}.ion-flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}}.ion-flex-1{flex:1!important}.ion-flex-auto{flex:auto!important}.ion-flex-initial{flex:initial!important}.ion-flex-none{flex:none!important}@media(min-width:576px){.ion-flex-sm-1{flex:1!important}.ion-flex-sm-auto{flex:auto!important}.ion-flex-sm-initial{flex:initial!important}.ion-flex-sm-none{flex:none!important}}@media(min-width:768px){.ion-flex-md-1{flex:1!important}.ion-flex-md-auto{flex:auto!important}.ion-flex-md-initial{flex:initial!important}.ion-flex-md-none{flex:none!important}}@media(min-width:992px){.ion-flex-lg-1{flex:1!important}.ion-flex-lg-auto{flex:auto!important}.ion-flex-lg-initial{flex:initial!important}.ion-flex-lg-none{flex:none!important}}@media(min-width:1200px){.ion-flex-xl-1{flex:1!important}.ion-flex-xl-auto{flex:auto!important}.ion-flex-xl-initial{flex:initial!important}.ion-flex-xl-none{flex:none!important}}.ion-flex-grow-0{flex-grow:0!important}.ion-flex-grow-1{flex-grow:1!important}.ion-flex-shrink-0{flex-shrink:0!important}.ion-flex-shrink-1{flex-shrink:1!important}@media(min-width:576px){.ion-flex-sm-grow-0{flex-grow:0!important}.ion-flex-sm-grow-1{flex-grow:1!important}.ion-flex-sm-shrink-0{flex-shrink:0!important}.ion-flex-sm-shrink-1{flex-shrink:1!important}}@media(min-width:768px){.ion-flex-md-grow-0{flex-grow:0!important}.ion-flex-md-grow-1{flex-grow:1!important}.ion-flex-md-shrink-0{flex-shrink:0!important}.ion-flex-md-shrink-1{flex-shrink:1!important}}@media(min-width:992px){.ion-flex-lg-grow-0{flex-grow:0!important}.ion-flex-lg-grow-1{flex-grow:1!important}.ion-flex-lg-shrink-0{flex-shrink:0!important}.ion-flex-lg-shrink-1{flex-shrink:1!important}}@media(min-width:1200px){.ion-flex-xl-grow-0{flex-grow:0!important}.ion-flex-xl-grow-1{flex-grow:1!important}.ion-flex-xl-shrink-0{flex-shrink:0!important}.ion-flex-xl-shrink-1{flex-shrink:1!important}}.ion-order-first{order:-1!important}.ion-order-0{order:0!important}.ion-order-1{order:1!important}.ion-order-2{order:2!important}.ion-order-3{order:3!important}.ion-order-4{order:4!important}.ion-order-5{order:5!important}.ion-order-6{order:6!important}.ion-order-7{order:7!important}.ion-order-8{order:8!important}.ion-order-9{order:9!important}.ion-order-10{order:10!important}.ion-order-11{order:11!important}.ion-order-12{order:12!important}.ion-order-last{order:13!important}@media(min-width:576px){.ion-order-sm-first{order:-1!important}.ion-order-sm-0{order:0!important}.ion-order-sm-1{order:1!important}.ion-order-sm-2{order:2!important}.ion-order-sm-3{order:3!important}.ion-order-sm-4{order:4!important}.ion-order-sm-5{order:5!important}.ion-order-sm-6{order:6!important}.ion-order-sm-7{order:7!important}.ion-order-sm-8{order:8!important}.ion-order-sm-9{order:9!important}.ion-order-sm-10{order:10!important}.ion-order-sm-11{order:11!important}.ion-order-sm-12{order:12!important}.ion-order-sm-last{order:13!important}}@media(min-width:768px){.ion-order-md-first{order:-1!important}.ion-order-md-0{order:0!important}.ion-order-md-1{order:1!important}.ion-order-md-2{order:2!important}.ion-order-md-3{order:3!important}.ion-order-md-4{order:4!important}.ion-order-md-5{order:5!important}.ion-order-md-6{order:6!important}.ion-order-md-7{order:7!important}.ion-order-md-8{order:8!important}.ion-order-md-9{order:9!important}.ion-order-md-10{order:10!important}.ion-order-md-11{order:11!important}.ion-order-md-12{order:12!important}.ion-order-md-last{order:13!important}}@media(min-width:992px){.ion-order-lg-first{order:-1!important}.ion-order-lg-0{order:0!important}.ion-order-lg-1{order:1!important}.ion-order-lg-2{order:2!important}.ion-order-lg-3{order:3!important}.ion-order-lg-4{order:4!important}.ion-order-lg-5{order:5!important}.ion-order-lg-6{order:6!important}.ion-order-lg-7{order:7!important}.ion-order-lg-8{order:8!important}.ion-order-lg-9{order:9!important}.ion-order-lg-10{order:10!important}.ion-order-lg-11{order:11!important}.ion-order-lg-12{order:12!important}.ion-order-lg-last{order:13!important}}@media(min-width:1200px){.ion-order-xl-first{order:-1!important}.ion-order-xl-0{order:0!important}.ion-order-xl-1{order:1!important}.ion-order-xl-2{order:2!important}.ion-order-xl-3{order:3!important}.ion-order-xl-4{order:4!important}.ion-order-xl-5{order:5!important}.ion-order-xl-6{order:6!important}.ion-order-xl-7{order:7!important}.ion-order-xl-8{order:8!important}.ion-order-xl-9{order:9!important}.ion-order-xl-10{order:10!important}.ion-order-xl-11{order:11!important}.ion-order-xl-12{order:12!important}.ion-order-xl-last{order:13!important}}*{font-family:Inter,sans-serif}@theme{ --color-primary: #4f46e5; --color-primary-light: #6366f1; --color-primary-dark: #4338ca; --color-surface: #f8fafc; --color-background: #ffffff; --color-text: #0f172a; }select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important;padding:9px 38px 9px 12px;color:#0f172a;font-family:inherit;font-size:.88rem;font-weight:500;line-height:1.4;border-radius:10px;border:1.5px solid #e2e8f0;box-shadow:0 1px 2px #0f172a08;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;outline:none;transition:border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),background-color .2s cubic-bezier(.16,1,.3,1)}select:hover:not(:disabled){border-color:#cbd5e1;background-color:#f8fafc}select:focus{border-color:#4f46e5;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;box-shadow:0 0 0 3.5px #4f46e51f,0 1px 3px #0f172a0a}select:disabled{background-color:#f1f5f9!important;color:#94a3b8!important;cursor:not-allowed;border-color:#e2e8f0!important;opacity:.75;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}select option{background-color:#fff!important;color:#0f172a!important;font-family:inherit;font-size:.88rem;font-weight:500;padding:10px 14px;line-height:1.5}select option:disabled{color:#94a3b8!important}.carry-forward-modal{--width: min(640px, 94vw) !important;--height: min(78vh, 620px) !important;--max-height: 90vh !important;--border-radius: 16px;--background: #ffffff}.carry-forward-modal::part(content){display:flex;flex-direction:column;overflow:hidden}.carry-forward-modal app-carry-forward-modal{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.employee-upload-modal{--width: min(720px, 94vw) !important;--height: min(85vh, 720px) !important;--max-height: 90vh !important;--border-radius: 16px;--background: #ffffff}.employee-upload-modal::part(content){display:flex;flex-direction:column;overflow:hidden}.employee-upload-modal app-employee-upload-modal{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.employee-form-modal{--width: min(1100px, 92vw) !important;--max-width: 96vw;--height: min(92vh, 900px) !important;--max-height: 96vh !important;--border-radius: 16px;--background: #ffffff}.employee-form-modal::part(content){display:flex;flex-direction:column;overflow:hidden;background:#fff}.employee-form-modal app-employee-form{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.employee-form-modal .emp-form-header{flex-shrink:0;box-shadow:none}.employee-form-modal .emp-form-header:after{display:none}.employee-form-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:1.1rem;font-weight:700;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#0f172a,#1e293b);width:100%;box-sizing:border-box}.employee-form-modal .modal-header span{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.3}.employee-form-modal .modal-header .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#fff;cursor:pointer;flex-shrink:0}.employee-form-modal .modal-header .icon-btn ion-icon{font-size:1.35rem;color:#fff}.employee-form-modal .modal-header .icon-btn:hover{background:#ffffff1f}.employee-form-modal ion-content.emp-form-body{--overflow: auto;--background: #fff;flex:1 1 auto;min-height:0}.employee-form-modal ion-footer{flex-shrink:0;background:#fff}.employee-form-modal .form-tabs{display:flex;gap:4px;padding:0 16px 12px;background:#fff;border-bottom:1px solid #e8f0fe;overflow-x:auto}.employee-form-modal .form-tabs .tab-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:10px;background:transparent;color:#64748b;font-size:.82rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.employee-form-modal .form-tabs .tab-btn ion-icon{font-size:1rem}.employee-form-modal .form-tabs .tab-btn.active{background:#e8f0fe;color:#1a6fdb;font-weight:600}.employee-form-modal .form-tabs .tab-btn:hover:not(.active){background:#f1f5f9}.employee-form-modal .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.employee-form-modal .form-grid .full{grid-column:1/-1}.employee-form-modal .field{display:flex;flex-direction:column;gap:6px}.employee-form-modal .field label{font-size:.8rem;font-weight:600;color:#475569}.employee-form-modal .field label .req{color:#ef4444;margin-left:2px}.employee-form-modal .field input,.employee-form-modal .field textarea{padding:10px 14px;border:1.5px solid #dbeafe;border-radius:10px;font-size:.9rem;color:#1a2a4a;background:#f8faff;outline:none;font-family:inherit;resize:vertical}.employee-form-modal .field input:focus,.employee-form-modal .field textarea:focus{border-color:#1a6fdb;background:#fff}.employee-form-modal .field select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;padding:10px 38px 10px 14px!important;border:1.5px solid #dbeafe;border-radius:10px;font-size:.9rem;font-weight:500;color:#1a2a4a;background-color:#f8faff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:16px 16px!important;outline:none;font-family:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-height:42px;transition:all .2s cubic-bezier(.16,1,.3,1)}.employee-form-modal .field select:hover:not(:disabled){border-color:#93c5fd;background-color:#fff}.employee-form-modal .field select:focus{border-color:#1a6fdb;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%231a6fdb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;box-shadow:0 0 0 3.5px #1a6fdb1f}.employee-form-modal .field select option{background-color:#fff;color:#0f172a;font-size:.9rem;font-weight:500;padding:10px 14px}.employee-form-modal .info-note{display:flex;align-items:center;gap:8px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:12px 16px;font-size:.85rem;color:#1e40af;margin:0}.employee-form-modal .info-note ion-icon{font-size:1.1rem;flex-shrink:0}.employee-form-modal .bank-section-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:#1a2a4a;margin-bottom:14px;padding-bottom:8px;border-bottom:1.5px solid #e8f0fe}.employee-form-modal .bank-section-title ion-icon{color:#1a6fdb;font-size:1rem}.employee-form-modal .bank-section-title.secondary{margin-top:8px;color:#475569}.employee-form-modal .bank-section-title .optional-tag{font-size:.72rem;font-weight:500;background:#f1f5f9;color:#64748b;padding:2px 8px;border-radius:20px}.employee-form-modal .bank-section-title .toggle-secondary{margin-left:auto;display:flex;align-items:center;gap:4px;background:#e8f0fe;color:#1a6fdb;border:none;border-radius:8px;padding:4px 12px;font-size:.78rem;font-weight:600;cursor:pointer}.employee-form-modal .bank-section-title .toggle-secondary ion-icon{font-size:.85rem}.employee-form-modal .bank-section-title .toggle-secondary:hover{background:#dbeafe}.employee-form-modal .form-actions{display:flex;justify-content:flex-end;gap:12px;padding-bottom:8px}.employee-form-modal .documents-grid .icon-btn{transition:all .2s}.employee-form-modal .documents-grid .icon-btn:hover{transform:scale(1.05)}.employee-form-modal .documents-grid>div:hover{border-color:#1a6fdb!important;box-shadow:0 4px 12px #1a6fdb14}.app-toast{--border-radius: 12px;--box-shadow: 0 8px 24px rgba(0, 0, 0, .15);font-size:.9rem;font-weight:500}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#e8edf5 25%,#f1f5f9,#e8edf5 75%);background-size:800px 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:6px}.skeleton-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f1f5f9}.skeleton-row:last-child{border-bottom:none}.skeleton-row .sk-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.skeleton-row .sk-lines{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-row .sk-line{height:10px}.skeleton-row .sk-badge{width:60px;height:22px;border-radius:20px;flex-shrink:0}.skeleton-card{background:#fff;border-radius:12px;border:1px solid #e8edf5;overflow:hidden;margin-bottom:12px}.skeleton-card .sk-header{padding:12px 16px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.skeleton-card .sk-header .sk-title{height:12px;width:140px}.skeleton-card .sk-header .sk-action{height:12px;width:60px}ion-modal.overlay-hidden,ion-modal:not(.show-modal){display:none!important;pointer-events:none!important;opacity:0!important}ion-modal.show-modal,ion-modal:not(.overlay-hidden){position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;--width: min(600px, 94vw);--height: auto;--max-height: 95vh;--border-radius: 16px;--padding-end: 0;--backdrop-opacity: .45;--ion-backdrop-color: #0f172a;--ion-background-color: #ffffff;background:transparent!important;overflow:hidden}ion-modal.show-modal.small,ion-modal.show-modal.small-modal,ion-modal.show-modal.modal-small,ion-modal.show-modal.modal-sm,ion-modal:not(.overlay-hidden).small,ion-modal:not(.overlay-hidden).small-modal,ion-modal:not(.overlay-hidden).modal-small,ion-modal:not(.overlay-hidden).modal-sm{--width: min(440px, 92vw);--height: auto;--max-height: 90vh}ion-modal.show-modal.interview-status-modal,ion-modal:not(.overlay-hidden).interview-status-modal{--width: min(640px, 94vw);--height: auto;--max-height: 92vh}ion-modal.show-modal.medium,ion-modal.show-modal.medium-modal,ion-modal.show-modal.modal-medium,ion-modal.show-modal.modal-md,ion-modal:not(.overlay-hidden).medium,ion-modal:not(.overlay-hidden).medium-modal,ion-modal:not(.overlay-hidden).modal-medium,ion-modal:not(.overlay-hidden).modal-md{--width: min(640px, 94vw);--height: auto;--max-height: 92vh}ion-modal.show-modal.large,ion-modal.show-modal.large-modal,ion-modal.show-modal.modal-large,ion-modal.show-modal.modal-lg,ion-modal:not(.overlay-hidden).large,ion-modal:not(.overlay-hidden).large-modal,ion-modal:not(.overlay-hidden).modal-large,ion-modal:not(.overlay-hidden).modal-lg{--width: min(880px, 96vw);--height: auto;--max-height: 94vh}ion-modal.show-modal.extra-large,ion-modal.show-modal.extra-large-modal,ion-modal.show-modal.modal-extra-large,ion-modal.show-modal.modal-xl,ion-modal.show-modal.xl-modal,ion-modal.show-modal.xl,ion-modal:not(.overlay-hidden).extra-large,ion-modal:not(.overlay-hidden).extra-large-modal,ion-modal:not(.overlay-hidden).modal-extra-large,ion-modal:not(.overlay-hidden).modal-xl,ion-modal:not(.overlay-hidden).xl-modal,ion-modal:not(.overlay-hidden).xl{--width: min(1700px, 98vw);--height: min(92vh, 920px);--max-height: 96vh}ion-modal.show-modal.extra-large::part(content),ion-modal.show-modal.extra-large-modal::part(content),ion-modal.show-modal.modal-extra-large::part(content),ion-modal.show-modal.modal-xl::part(content),ion-modal.show-modal.xl-modal::part(content),ion-modal.show-modal.xl::part(content),ion-modal:not(.overlay-hidden).extra-large::part(content),ion-modal:not(.overlay-hidden).extra-large-modal::part(content),ion-modal:not(.overlay-hidden).modal-extra-large::part(content),ion-modal:not(.overlay-hidden).modal-xl::part(content),ion-modal:not(.overlay-hidden).xl-modal::part(content),ion-modal:not(.overlay-hidden).xl::part(content){display:flex;flex-direction:column;height:100%;max-height:96vh;overflow:hidden}ion-modal.show-modal.extra-large ng-template,ion-modal.show-modal.extra-large-modal ng-template,ion-modal.show-modal.modal-extra-large ng-template,ion-modal.show-modal.modal-xl ng-template,ion-modal.show-modal.xl-modal ng-template,ion-modal.show-modal.xl ng-template,ion-modal:not(.overlay-hidden).extra-large ng-template,ion-modal:not(.overlay-hidden).extra-large-modal ng-template,ion-modal:not(.overlay-hidden).modal-extra-large ng-template,ion-modal:not(.overlay-hidden).modal-xl ng-template,ion-modal:not(.overlay-hidden).xl-modal ng-template,ion-modal:not(.overlay-hidden).xl ng-template{display:flex;flex-direction:column;height:100%;overflow:hidden}ion-modal.show-modal.wide,ion-modal.show-modal.wide-modal,ion-modal.show-modal.modal-wide,ion-modal:not(.overlay-hidden).wide,ion-modal:not(.overlay-hidden).wide-modal,ion-modal:not(.overlay-hidden).modal-wide{--width: 90vw;--height: 90vh}ion-modal.show-modal.carry-forward-modal,ion-modal:not(.overlay-hidden).carry-forward-modal{--width: min(640px, 94vw);--height: min(78vh, 620px);--max-height: 90vh}ion-modal.show-modal.employee-salary-modal,ion-modal:not(.overlay-hidden).employee-salary-modal{--width: min(1280px, 98vw);--height: min(94vh, 980px)}ion-modal.show-modal.employee-id-card-modal,ion-modal:not(.overlay-hidden).employee-id-card-modal{--width: min(1120px, 98vw);--height: min(94vh, 900px);--max-height: 96vh}ion-modal.show-modal.employee-id-card-modal app-employee-id-card-modal,ion-modal:not(.overlay-hidden).employee-id-card-modal app-employee-id-card-modal{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}ion-modal.show-modal.payroll-period-modal,ion-modal:not(.overlay-hidden).payroll-period-modal{--width: min(640px, 94vw);--height: auto;--max-height: 92vh}ion-modal.show-modal.monthly-payroll-setup-modal,ion-modal:not(.overlay-hidden).monthly-payroll-setup-modal{--width: min(960px, 96vw);--height: min(94vh, 920px);--max-height: 94vh}ion-modal.show-modal.payroll-processing-sheet-modal,ion-modal:not(.overlay-hidden).payroll-processing-sheet-modal{--width: min(1680px, 98vw);--height: min(96vh, 1080px);--max-height: 96vh}ion-modal.show-modal.salary-structure-modal,ion-modal:not(.overlay-hidden).salary-structure-modal{--width: min(760px, 94vw);--height: min(90vh, 900px)}ion-modal.show-modal.salary-group-modal,ion-modal.show-modal.pay-grade-modal,ion-modal:not(.overlay-hidden).salary-group-modal,ion-modal:not(.overlay-hidden).pay-grade-modal{--width: min(680px, 94vw);--height: auto;--max-height: 92vh}ion-modal.show-modal.travel-advance-modal,ion-modal:not(.overlay-hidden).travel-advance-modal{--width: min(960px, 96vw);--height: min(90vh, 860px);--max-height: 94vh}ion-modal.show-modal::part(content),ion-modal:not(.overlay-hidden)::part(content){border-radius:16px;padding:0;background:#fff!important;box-shadow:0 25px 60px -15px #0f172a59,0 10px 25px -5px #0f172a26;opacity:1!important;margin:auto!important;position:relative!important}ion-modal.show-modal::part(backdrop),ion-modal:not(.overlay-hidden)::part(backdrop){position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0f172a73}ion-modal.show-modal>*,ion-modal:not(.overlay-hidden)>*{width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;margin:0!important;background:#fff!important;overflow:hidden!important}.af-info-bar{display:flex;align-items:center;gap:24px;background:#fff;padding:16px 24px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.af-info-bar .af-info-field{display:flex;flex-direction:column;gap:4px;min-width:150px;flex:1}.af-info-bar .af-info-field label{font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.af-info-bar .af-info-field input,.af-info-bar .af-info-field select{border:1.5px solid #e2e8f0;background:#f8fafc;padding:8px 12px;border-radius:8px;font-size:.95rem;font-weight:600;color:#1e293b;outline:none;width:100%;margin-top:4px;transition:all .2s}.af-info-bar .af-info-field input:focus,.af-info-bar .af-info-field select:focus{border-color:#1a6fdb;background:#fff}.af-info-bar .af-info-field input:read-only,.af-info-bar .af-info-field select:read-only{background:#f1f5f9;color:#64748b;cursor:default}.af-tabs-container{position:sticky;top:0;z-index:10;background:#f8fafc;padding:12px 24px;border-bottom:1px solid #eef2f6}.af-tabs{display:flex;gap:4px;background:#f1f5f9;border-radius:14px;padding:6px;margin-bottom:24px;overflow-x:auto;flex-wrap:nowrap;border:1px solid #e2e8f0}.af-tabs .af-tab{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:none;border-radius:10px;background:transparent;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;flex:1;min-width:fit-content}.af-tabs .af-tab .af-tab-num{width:22px;height:22px;border-radius:6px;background:#e2e8f0;color:#64748b;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.af-tabs .af-tab.active{background:#fff;color:#1a6fdb;box-shadow:0 4px 12px #00000014}.af-tabs .af-tab.active .af-tab-num{background:#eff6ff;color:#1a6fdb}.af-tabs .af-tab:hover:not(.active){background:#ffffff80;color:#1a2a4a}.af-tabs .af-tab:hover:not(.active) .af-tab-num{background:#fff}.af-section{background:#fff;border-radius:20px;padding:32px;margin-bottom:20px;box-shadow:0 4px 20px #0000000a;border:1px solid #f1f5f9}.af-section .af-section-header{display:flex;align-items:center;gap:18px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f1f5f9}.af-section .af-section-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.af-section .af-section-icon ion-icon{font-size:1.5rem}.af-section .af-section-icon.s1{background:#eff6ff;color:#1a6fdb}.af-section .af-section-icon.s2{background:#fefce8;color:#ca8a04}.af-section .af-section-icon.s3{background:#f0fdf4;color:#16a34a}.af-section .af-section-icon.s4{background:#fdf4ff;color:#9333ea}.af-section .af-section-icon.s5{background:#fff7ed;color:#ea580c}.af-section .af-section-icon.s6{background:#ecfeff;color:#0891b2}.af-section .af-section-icon.s7{background:#fff1f2;color:#e11d48}.af-section .af-section-icon.s8{background:#f0fdf4;color:#059669}.af-section .af-section-icon.review{background:#eff6ff;color:#1a6fdb}.af-section .af-section-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin-bottom:4px}.af-section .af-section-desc{font-size:.85rem;color:#64748b}.af-field{display:flex;flex-direction:column;gap:8px;width:100%}.af-field label{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:#475569}.af-field label ion-icon{font-size:1rem;color:#1a6fdb}.af-field label .req{color:#ef4444;margin-left:2px}.af-field input,.af-field select,.af-field textarea{width:100%;box-sizing:border-box;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.92rem;color:#1e293b;background:#f8fafc;outline:none;font-family:inherit;resize:vertical;transition:all .2s}.af-field input:focus,.af-field select:focus,.af-field textarea:focus{border-color:#1a6fdb;background:#fff;box-shadow:0 0 0 4px #1a6fdb14}.af-field input:read-only,.af-field input:disabled,.af-field select:read-only,.af-field select:disabled,.af-field textarea:read-only,.af-field textarea:disabled{background:#f1f5f9;color:#64748b;cursor:default;border-color:#e2e8f0}.af-field.af-field-sm{min-width:240px}.af-responsibility-block{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px;padding:24px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}.af-responsibility-block .af-resp-num{width:32px;height:32px;border-radius:10px;background:#1a6fdb;color:#fff;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:4px}.af-responsibility-block .af-resp-content{flex:1;display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.af-responsibility-block .af-resp-content .af-field{flex:1;min-width:250px}.af-rating-pills{display:flex;gap:8px;flex-wrap:wrap}.af-rating-pills .af-pill{padding:8px 16px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.af-rating-pills .af-pill:hover:not(:disabled){border-color:#1a6fdb;color:#1a6fdb;background:#eff6ff}.af-rating-pills .af-pill:disabled{cursor:not-allowed;opacity:.6}.af-rating-pills .af-pill.selected.excellent{background:#dcfce7;border-color:#16a34a;color:#16a34a}.af-rating-pills .af-pill.selected.good{background:#fef9c3;border-color:#ca8a04;color:#ca8a04}.af-rating-pills .af-pill.selected.needs{background:#fee2e2;border-color:#dc2626;color:#dc2626}.af-comments-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;padding:24px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}.af-comments-panel:has(.af-field:only-child){grid-template-columns:1fr}.af-section-rating{margin-top:24px;padding-top:24px;border-top:1px solid #f1f5f9;display:flex;align-items:center;gap:20px}.af-section-rating label{font-size:.85rem;font-weight:700;color:#475569;white-space:nowrap}.af-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.af-three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.small-modal,.modal-small,.modal-sm{--width: min(440px, 92vw) !important;--height: auto !important;--max-height: 90vh !important}.medium-modal,.modal-medium,.modal-md{--width: min(640px, 94vw) !important;--height: auto !important;--max-height: 92vh !important}.large-modal,.modal-large,.modal-lg{--width: min(880px, 96vw) !important;--height: auto !important;--max-height: 94vh !important}.extra-large-modal,.modal-extra-large,.modal-xl,.xl-modal{--width: min(1140px, 97vw) !important;--height: auto !important;--max-height: 95vh !important}ion-modal.timesheet-approval-modal{--width: min(1200px, 97vw) !important;--height: min(92vh, 900px) !important;--max-height: 95vh !important}ion-modal.timesheet-approval-modal::part(content){display:flex;flex-direction:column;height:100%;max-height:95vh;overflow:hidden;border-radius:16px}.ts-approval-shell{display:flex;flex-direction:column;height:100%;min-height:0;max-height:95vh;background:#f1f5f9;overflow:hidden}.ts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,#0f172a,#1e293b 60%,#1d4ed8);flex-shrink:0;gap:12px}.ts-modal-header-left{display:flex;align-items:center;gap:14px}.ts-modal-icon-wrap{width:42px;height:42px;border-radius:10px;background:#38bdf826;border:1px solid rgba(56,189,248,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ts-modal-icon-wrap ion-icon{font-size:1.4rem;color:#38bdf8}.ts-modal-title{font-weight:700;font-size:1.1rem;color:#fff;line-height:1.25}.ts-modal-subtitle{font-size:.8rem;color:#94a3b8;margin-top:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ts-modal-code{color:#cbd5e1}.ts-modal-divider{color:#475569}.ts-modal-header-right{display:flex;align-items:center;gap:10px}.ts-close-btn{width:34px;height:34px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.ts-close-btn ion-icon{font-size:1.3rem}.ts-close-btn:hover{background:#fff3}.ts-approval-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px 24px;display:flex;flex-direction:column;gap:16px;background:#f1f5f9}.ts-loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;gap:12px;color:#64748b;font-size:.9rem;font-weight:500}.ts-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;flex-shrink:0}.ts-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 4px #0000000a;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s ease}.ts-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000012;border-color:#cbd5e1}.ts-kpi-card ion-icon{font-size:1.6rem;flex-shrink:0}.ts-kpi-period ion-icon{color:#6366f1}.ts-kpi-hours ion-icon{color:#0284c7}.ts-kpi-work ion-icon{color:#16a34a}.ts-kpi-leave ion-icon{color:#d97706}.ts-kpi-submitted ion-icon{color:#8b5cf6}.ts-kpi-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;font-weight:700}.ts-kpi-value{font-size:1rem;font-weight:700;color:#0f172a;margin-top:3px;line-height:1.25}.ts-log-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;flex:1 1 auto;min-height:300px;overflow:hidden}.ts-log-card-head{background:#f8fafc;padding:12px 18px;border-bottom:1px solid #e2e8f0;font-weight:700;font-size:.92rem;color:#1e293b;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ts-log-card-hint{font-size:.75rem;font-weight:500;color:#94a3b8}.ts-log-table-wrap{overflow:auto;flex:1 1 auto;max-height:min(60vh,540px);-webkit-overflow-scrolling:touch}.ts-log-table{width:100%;min-width:760px;border-collapse:collapse;font-size:.85rem;text-align:left}.ts-log-table thead th{position:sticky;top:0;z-index:2;background:#f8fafc;color:#64748b;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ts-log-table .col-task{min-width:220px;padding-left:16px}.ts-log-table .col-type{min-width:110px}.ts-log-table .col-day{width:68px;min-width:60px;text-align:center;padding:10px 6px}.ts-log-table .col-total{min-width:72px;text-align:right;padding-right:16px}.ts-log-table th.col-day{text-align:center}.ts-log-table .day-name,.ts-log-table .day-date{display:block;line-height:1.3}.ts-log-table .day-date{margin-top:2px;font-size:.68rem;color:#94a3b8;font-weight:400}.ts-empty-row td{padding:36px 16px;text-align:center;color:#94a3b8;font-size:.88rem}.ts-project-row{background:#f1f5f9!important;transition:background .1s}.ts-project-row:hover{background:#e2e8f0!important}.ts-project-cell{padding:10px 16px!important;font-size:.88rem;border-bottom:1px solid #e2e8f0}.ts-subheader-row th{background:#fafafa!important;border-bottom:1px solid #e2e8f0;font-size:.68rem!important;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8!important;font-weight:700!important;padding:6px 12px!important}.ts-log-entry-row{border-bottom:1px solid #f1f5f9;transition:background .1s}.ts-log-entry-row:hover{background:#f8fafc}.ts-entry-title-cell{padding:10px 12px 10px 24px;vertical-align:middle}.ts-entry-title{font-weight:600;color:#1e293b;font-size:.85rem;line-height:1.4}.ts-entry-desc{font-size:.75rem;color:#64748b;margin-top:3px;font-style:italic;line-height:1.35;white-space:pre-wrap}.ts-entry-activity-cell{padding:10px 12px;vertical-align:middle}.ts-activity-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.ts-badge-task{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.ts-badge-meeting{background:#faf5ff;color:#7c3aed;border:1px solid #ddd6fe}.ts-badge-holiday{background:#fefce8;color:#a16207;border:1px solid #fef08a}.ts-badge-leave{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.ts-hours-cell{padding:10px 8px;text-align:center;vertical-align:middle}.ts-hours-val{font-weight:700;color:#0f172a;font-size:.85rem}.ts-hours-empty{color:#94a3b8;font-size:.85rem}.ts-row-total-cell{padding:10px 16px;text-align:right;font-weight:700;color:#0284c7;font-size:.85rem;vertical-align:middle}.ts-subtotal-row{background:#f8fafc}.ts-subtotal-label{padding:8px 12px 8px 16px!important;text-align:right;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#475569;border-top:1px solid #e2e8f0}.ts-subtotal-day{padding:8px!important;text-align:center;font-size:.8rem;font-weight:600;color:#475569;border-top:1px solid #e2e8f0}.ts-subtotal-total{padding:8px 16px!important;text-align:right;font-size:.85rem;font-weight:700;color:#0f172a;border-top:1px solid #e2e8f0}.ts-grand-total-row{background:#0f172a;color:#fff}.ts-grand-label{padding:12px 12px 12px 16px!important;text-align:right;font-weight:800;font-size:.88rem;text-transform:uppercase;letter-spacing:.04em;color:#fff}.ts-grand-day{padding:12px 8px!important;text-align:center;font-weight:700;font-size:.88rem;color:#e2e8f0}.ts-grand-total{padding:12px 16px!important;text-align:right;font-weight:800;font-size:1rem;color:#38bdf8}.ts-remarks-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px #0000000a;flex-shrink:0}.ts-remarks-label{font-size:.85rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:7px}.ts-remarks-label ion-icon{color:#0284c7;font-size:1.1rem}.ts-remarks-textarea{width:100%;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:.88rem;outline:none;background:#f8fafc;color:#0f172a;resize:vertical;font-family:inherit;box-sizing:border-box;transition:border-color .15s}.ts-remarks-textarea:focus{border-color:#0284c7;background:#fff}.ts-modal-footer{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 24px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;gap:12px;flex-wrap:wrap;box-shadow:0 -2px 8px #0000000a}.ts-footer-actions{display:flex;gap:10px;flex-wrap:wrap}.ts-btn-approve,.ts-btn-return,.ts-btn-close{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all .15s}.ts-btn-approve ion-icon,.ts-btn-return ion-icon,.ts-btn-close ion-icon{font-size:1rem}.ts-btn-approve{background:#16a34a;color:#fff;border-color:#16a34a}.ts-btn-approve:hover{background:#15803d}.ts-btn-return{background:#fef2f2;color:#991b1b;border-color:#fecaca}.ts-btn-return:hover{background:#fee2e2}.ts-btn-close{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.ts-btn-close:hover{background:#e2e8f0}.wide-modal,.modal-wide{--width: 90vw !important;--height: 90vh !important}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:1.1rem;font-weight:700;color:#fff!important;flex-shrink:0;background:linear-gradient(135deg,#0f172a,#1e293b);width:100%;box-sizing:border-box}.modal-header span,.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header .title{color:#fff!important}.modal-header .icon-btn ion-icon{color:#fff!important}.modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;flex:1 1 auto;min-height:0;background:#fff;width:100%;box-sizing:border-box}.modal-body.grid{display:grid;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.modal-body.grid{grid-template-columns:1fr}}.modal-body .field{display:flex;flex-direction:column;gap:8px;width:100%}.modal-body .field.full{grid-column:1/-1}.modal-body .field label{font-size:.82rem;font-weight:600;color:#475569;margin-left:2px}.modal-body .field label .req{color:#ef4444;margin-left:2px}.modal-body .field input,.modal-body .field select,.modal-body .field textarea{width:100%;box-sizing:border-box;padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.92rem;color:#1e293b;background:#fff;outline:none;font-family:inherit;transition:all .2s;resize:vertical}.modal-body .field input::placeholder,.modal-body .field select::placeholder,.modal-body .field textarea::placeholder{color:#94a3b8}.modal-body .field input:focus,.modal-body .field select:focus,.modal-body .field textarea:focus{border-color:#1a6fdb;background:#fff;box-shadow:0 0 0 4px #1a6fdb1a}.modal-body .field input:read-only,.modal-body .field select:read-only,.modal-body .field textarea:read-only{background:#f8fafc;color:#64748b;cursor:default}.modal-body .field[style*=grid-column]{grid-column:1/-1}.inline-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 24px;border-top:1px solid #eef2f6;flex-shrink:0;background:#fff;width:100%;box-sizing:border-box;flex-wrap:wrap}.inline-modal-backdrop{position:fixed;inset:0;z-index:10000;background:#0f172a73;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div.inline-modal{position:fixed;z-index:10001;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:min(720px,94vw);max-width:96vw;max-height:min(92vh,900px);background:#fff;border-radius:16px;box-shadow:0 25px 60px -15px #0f172a59,0 10px 25px -5px #0f172a26;overflow:hidden}div.inline-modal.wide{width:min(960px,96vw);max-height:min(94vh,980px)}div.inline-modal.small{width:min(480px,94vw)}.travel-advance-modal{--width: min(960px, 96vw) !important;--height: min(90vh, 860px) !important;--max-height: 94vh !important;--border-radius: 16px;--background: #ffffff}.travel-advance-modal::part(content){display:flex;flex-direction:column;overflow:hidden;background:#fff}.travel-advance-modal app-travel-advance-form{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff}.travel-advance-modal .modal-header{flex-shrink:0}.travel-advance-modal .modal-header .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#fff;cursor:pointer}.travel-advance-modal .modal-header .icon-btn ion-icon{font-size:1.35rem;color:#fff}.travel-advance-modal .modal-header .icon-btn:hover{background:#ffffff1f}.travel-advance-modal .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto}.travel-advance-modal .modal-body.two-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;align-content:start}@media(max-width:900px){.travel-advance-modal .modal-body.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.travel-advance-modal .modal-body.two-col{grid-template-columns:1fr}}.travel-advance-modal .modal-body .field.full-width{grid-column:1/-1}.travel-advance-modal .inline-modal-footer{flex-shrink:0}.inline-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;flex-shrink:0;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;font-size:1.1rem;font-weight:700;box-sizing:border-box}.inline-modal-header span{color:#fff;font-weight:700;line-height:1.3}.inline-modal-header .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#fff;cursor:pointer;flex-shrink:0}.inline-modal-header .icon-btn ion-icon{font-size:1.35rem;color:#fff}.inline-modal-header .icon-btn:hover{background:#ffffff1f}.inline-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px 24px;background:#fff;box-sizing:border-box}.inline-modal-body.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px;align-content:start}@media(max-width:768px){.inline-modal-body.grid{grid-template-columns:1fr}}.inline-modal-body .field{display:flex;flex-direction:column;gap:6px}.inline-modal-body .field label{font-size:.8rem;font-weight:600;color:#475569}.inline-modal-body .field label .req{color:#ef4444;margin-left:2px}.inline-modal-body .field input,.inline-modal-body .field select,.inline-modal-body .field textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid #dbeafe;border-radius:10px;font-size:.9rem;color:#1a2a4a;background:#f8faff;outline:none;font-family:inherit}.inline-modal-body .field input:focus,.inline-modal-body .field select:focus,.inline-modal-body .field textarea:focus{border-color:#1a6fdb;background:#fff}.inline-modal-body .field input:disabled,.inline-modal-body .field input[readonly],.inline-modal-body .field select:disabled,.inline-modal-body .field select[readonly],.inline-modal-body .field textarea:disabled,.inline-modal-body .field textarea[readonly]{background:#f1f5f9;color:#475569;cursor:not-allowed}.inline-modal-body .field .error{color:#dc2626;font-size:.78rem}.inline-modal-body .field .info{padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:.85rem}.inline-modal-body .schedule-summary{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;font-size:.85rem;color:#334155}.inline-modal-body .schedule-summary .schedule-row{display:flex;flex-wrap:wrap;gap:4px 8px}.inline-modal-body .schedule-summary .schedule-row strong{color:#1a2a4a;margin-right:4px}.att-stats{display:flex;gap:10px}.att-stats .att-stat{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.att-stats .att-stat ion-icon{font-size:1rem}.att-stats .att-stat.present{background:#dcfce7;color:#16a34a}.att-stats .att-stat.progress{background:#fef9c3;color:#ca8a04}.att-stats .att-stat.absent{background:#fee2e2;color:#dc2626}.filter-select{padding:8px 36px 8px 12px!important;border:1.5px solid #dbeafe;border-radius:10px;font-size:.88rem;font-weight:500;color:#1a2a4a;background-color:#f8faff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;outline:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .2s cubic-bezier(.16,1,.3,1)}.filter-select:hover{border-color:#93c5fd;background-color:#fff}.filter-select:focus{border-color:#1a6fdb;background-color:#fff;box-shadow:0 0 0 3px #1a6fdb1f}.filter-select option{background-color:#fff!important;color:#0f172a!important;font-size:.88rem;font-weight:500;padding:10px 14px}.balance-hint{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:.78rem;font-weight:600;color:#1a6fdb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:6px 10px}.balance-hint ion-icon{font-size:.95rem;flex-shrink:0}.balance-emp-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:16px;overflow:hidden}.balance-emp-card .balance-emp-header{padding:14px 18px;border-bottom:1px solid #f1f5f9}.balance-emp-card .balance-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#f1f5f9}.balance-emp-card .balance-type-card{background:#fff;padding:20px 24px;display:flex;flex-direction:column;justify-content:space-between}.balance-emp-card .balance-type-card .bt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.balance-emp-card .balance-type-card .bt-header .bt-name{font-size:.9rem;font-weight:700;color:#1a2a4a}.balance-emp-card .balance-type-card .bt-numbers{display:flex;align-items:center;margin-bottom:14px}.balance-emp-card .balance-type-card .bt-numbers .bt-num{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.balance-emp-card .balance-type-card .bt-numbers .bt-num .bt-val{font-size:1.6rem;font-weight:800;color:#1a2a4a}.balance-emp-card .balance-type-card .bt-numbers .bt-num .bt-val.used{color:#f59e0b}.balance-emp-card .balance-type-card .bt-numbers .bt-num .bt-val.balance{color:#16a34a}.balance-emp-card .balance-type-card .bt-numbers .bt-num .bt-lbl{font-size:.7rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.balance-emp-card .balance-type-card .bt-numbers .bt-divider{width:1px;height:36px;background:#e8f0fe;flex-shrink:0}.bt-bar-bg{height:6px;background:#f1f5f9;border-radius:10px;overflow:hidden}.bt-bar-bg .bt-bar-fill{height:100%;border-radius:10px;transition:width .4s ease}.balance-user-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.balance-user-grid .balance-user-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d}.balance-user-grid .balance-user-card .bu-icon{width:48px;height:48px;border-radius:12px;background:#eff6ff;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.balance-user-grid .balance-user-card .bu-icon ion-icon{font-size:1.4rem;color:#1a6fdb}.balance-user-grid .balance-user-card .bu-name{font-size:.92rem;font-weight:700;color:#1a2a4a;margin-bottom:16px}.balance-user-grid .balance-user-card .bu-numbers{display:flex;align-items:center;gap:0;margin-bottom:16px}.balance-user-grid .balance-user-card .bu-numbers .bu-num{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}.balance-user-grid .balance-user-card .bu-numbers .bu-num .bu-val{font-size:1.6rem;font-weight:800;color:#1a2a4a}.balance-user-grid .balance-user-card .bu-numbers .bu-num .bu-val.used{color:#f59e0b}.balance-user-grid .balance-user-card .bu-numbers .bu-num .bu-val.balance{color:#16a34a}.balance-user-grid .balance-user-card .bu-numbers .bu-num .bu-lbl{font-size:.7rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.balance-user-grid .balance-user-card .bu-numbers .bu-divider{width:1px;height:36px;background:#e8f0fe}.monthly-emp-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:14px;overflow:hidden}.monthly-emp-card .monthly-emp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;gap:16px}.monthly-emp-card .monthly-emp-header:hover{background:#f8faff}.monthly-emp-card .monthly-emp-header .expand-icon{font-size:1.1rem;color:#94a3b8;flex-shrink:0}.monthly-emp-card .monthly-summary-pills{display:flex;gap:8px;flex-wrap:wrap}.monthly-emp-card .monthly-summary-pills .mpill{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:.78rem;font-weight:600}.monthly-emp-card .monthly-summary-pills .mpill ion-icon{font-size:.9rem}.monthly-emp-card .monthly-summary-pills .mpill.green{background:#dcfce7;color:#16a34a}.monthly-emp-card .monthly-summary-pills .mpill.red{background:#fee2e2;color:#dc2626}.monthly-emp-card .monthly-summary-pills .mpill.blue{background:#eff6ff;color:#1a6fdb}.monthly-emp-card .monthly-detail-table{border-top:1px solid #f1f5f9}.monthly-emp-card .monthly-detail-table .detail-header{display:grid;grid-template-columns:1fr .6fr 1fr 1fr 1fr 1fr;padding:10px 18px;background:#f8faff;font-size:.72rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px}.monthly-emp-card .monthly-detail-table .detail-row{display:grid;grid-template-columns:1fr .6fr 1fr 1fr 1fr 1fr;padding:10px 18px;font-size:.83rem;color:#1a2a4a;border-bottom:1px solid #f8faff;align-items:center}.monthly-emp-card .monthly-detail-table .detail-row:last-child{border-bottom:none}.monthly-emp-card .monthly-detail-table .detail-row:hover{background:#f8faff}.monthly-emp-card .monthly-detail-table .detail-row.weekend{background:#fafafa;color:#94a3b8}.af-numeric-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}@media(max-width:768px){.af-numeric-grid{grid-template-columns:1fr}}.af-numeric-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all .2s}.af-numeric-item:hover{border-color:#cbd5e1;background:#f1f5f9}.af-numeric-label{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:#1e293b}.af-numeric-label ion-icon{font-size:1.2rem;color:#1a6fdb}.af-numeric-btns{display:flex;gap:6px}.af-num-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.af-num-btn:hover:not(:disabled){border-color:#1a6fdb;color:#1a6fdb}.af-num-btn.active{color:#fff;border-color:transparent}.af-num-btn.active.c1{background:#ef4444;box-shadow:0 4px 12px #ef444440}.af-num-btn.active.c2{background:#f97316;box-shadow:0 4px 12px #f9731640}.af-num-btn.active.c3{background:#eab308;box-shadow:0 4px 12px #eab30840}.af-num-btn.active.c4{background:#22c55e;box-shadow:0 4px 12px #22c55e40}.af-num-btn.active.c5{background:#15803d;box-shadow:0 4px 12px #15803d40}.af-num-btn:disabled{cursor:not-allowed;opacity:.6}.af-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.af-review-grid{grid-template-columns:1fr}}.af-status-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.af-status-badge ion-icon{font-size:1rem}.af-status-badge.draft{background:#f1f5f9;color:#64748b}.af-status-badge.submitted{background:#fef9c3;color:#ca8a04}.af-status-badge.reviewed{background:#dcfce7;color:#16a34a}.af-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;border:1.5px solid transparent}.af-btn ion-icon{font-size:1.1rem}.af-btn.secondary{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.af-btn.secondary:hover:not(:disabled){background:#e2e8f0;color:#1e293b;border-color:#cbd5e1}.af-btn.primary{background:#1a6fdb;color:#fff;box-shadow:0 4px 12px #1a6fdb33}.af-btn.primary:hover:not(:disabled){background:#1762c1;transform:translateY(-1px);box-shadow:0 6px 15px #1a6fdb4d}.af-btn.primary:active:not(:disabled){transform:translateY(0)}.af-btn:disabled{opacity:.4;cursor:not-allowed}.af-tab-progress{display:flex;gap:6px;align-items:center;padding:0 12px}.af-tab-progress .af-progress-dot{width:6px;height:6px;border-radius:50%;background:#e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1)}.af-tab-progress .af-progress-dot.active{width:20px;border-radius:4px;background:#1a6fdb}.recruitment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:10px 0}.recruitment-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.recruitment-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.recruitment-card .card-status{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;background:#f1f5f9;color:#64748b}.recruitment-card .card-status.completed{background:#dcfce7!important;color:#15803d!important}.recruitment-card .card-status.scheduled{background:#dbeafe!important;color:#1d4ed8!important}.recruitment-card .card-status.issued{background:#fef9c3!important;color:#854d0e!important}.recruitment-card .card-status.accepted{background:#f0fdf4!important;color:#166534!important}.recruitment-card .card-main{padding:24px;flex:1;display:flex;flex-direction:column;gap:16px}.recruitment-card .candidate-info{display:flex;align-items:center;gap:12px}.recruitment-card .candidate-info .avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#1a6fdb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.recruitment-card .candidate-info h3{margin:0;font-size:1.1rem;color:#1e293b;font-weight:700}.recruitment-card .candidate-info .round-badge{display:inline-block;margin-top:4px;font-size:.75rem;font-weight:600;color:#6366f1;background:#eef2ff;padding:2px 8px;border-radius:6px}.recruitment-card .interview-details,.recruitment-card .offer-details{display:flex;flex-direction:column;gap:8px}.recruitment-card .interview-details .detail-item,.recruitment-card .offer-details .detail-item{display:flex;align-items:center;gap:8px;font-size:.88rem;color:#475569}.recruitment-card .interview-details .detail-item ion-icon,.recruitment-card .offer-details .detail-item ion-icon{color:#94a3b8;font-size:1.1rem}.recruitment-card .card-footer{padding:16px 24px;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.recruitment-card .card-footer .rating-stars{display:flex;gap:2px}.recruitment-card .card-footer .rating-stars ion-icon{font-size:1.1rem}.recruitment-card .card-footer .salary{font-weight:700;color:#0f172a;font-size:1rem}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#64748b}.loading-state ion-icon,.empty-state ion-icon{font-size:4rem;color:#cbd5e1;margin-bottom:16px}.loading-state p,.empty-state p{font-size:1.1rem;margin-bottom:24px}.status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.round-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.status-badge{padding:3px 8px;border-radius:999px;font-size:.72rem;font-weight:600}.status-badge.scheduled{background:#fef9c3;color:#854d0e}.status-badge.completed{background:#dcfce7;color:#166534}:host ::ng-deep .p-multiselect{width:100%}:host ::ng-deep .p-multiselect-panel{min-width:260px}.p-multiselect-overlay{background:#fff!important}:host ::ng-deep .p-multiselect-panel .p-multiselect-header{display:none}.stats-row{display:flex;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.stat-card{flex:1 1 160px;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 4px #0000000d}.stat-card .stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--ion-color-medium, #6c757d)}.stat-card .stat-icon.primary{background:rgba(var(--ion-color-primary-rgb),.12);color:var(--ion-color-primary)}.stat-card .stat-icon.success{background:rgba(var(--ion-color-success-rgb),.12);color:var(--ion-color-success)}.stat-card .stat-icon.warning{background:rgba(var(--ion-color-warning-rgb),.12);color:var(--ion-color-warning)}.stat-card .stat-icon.danger{background:rgba(var(--ion-color-danger-rgb),.12);color:var(--ion-color-danger)}.stat-card .stat-body .stat-val{font-size:1.35rem;font-weight:700;color:var(--text-primary, #111);line-height:1.2}.stat-card .stat-body .stat-lbl{font-size:.75rem;color:var(--text-muted, #6c757d);margin-top:2px}.filter-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.badge.warning{background:rgba(var(--ion-color-warning-rgb),.15);color:var(--ion-color-warning-shade)}.badge.danger{background:rgba(var(--ion-color-danger-rgb),.15);color:var(--ion-color-danger-shade)}.badge.info{background:rgba(var(--ion-color-tertiary-rgb),.15);color:var(--ion-color-tertiary-shade)}.checkbox-field label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.88rem}.checkbox-field input[type=checkbox]{width:16px;height:16px;cursor:pointer}.payslip-overlay{position:fixed;inset:0;background:#0000008c;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.payslip-modal{background:var(--card-bg, #fff);border-radius:16px;width:100%;max-width:760px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column}.payslip-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb);gap:1rem}.payslip-header h2{margin:0;font-size:1.1rem;font-weight:700}.payslip-header p{margin:2px 0 0;font-size:.82rem;color:var(--text-muted, #6c757d)}.payslip-header .payslip-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.payslip-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.slip-emp-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:1rem}.slip-section{display:flex;flex-direction:column;gap:.45rem}.slip-row{display:flex;gap:.5rem;font-size:.83rem}.slip-row .lbl{font-weight:600;color:var(--text-muted, #6c757d);min-width:110px;flex-shrink:0}.slip-table{border:1px solid var(--border-color, #e5e7eb);border-radius:10px;overflow:hidden;font-size:.83rem}.slip-table-header{display:grid;grid-template-columns:2fr 1fr 2fr 1fr;background:var(--table-header-bg, #f4f6f9);padding:.55rem 1rem;font-weight:700;font-size:.82rem}.slip-table-header span:nth-child(2n){text-align:right}.slip-table-row{display:grid;grid-template-columns:2fr 1fr 2fr 1fr;padding:.42rem 1rem;border-top:1px solid var(--border-color, #e5e7eb)}.slip-table-row span:nth-child(2n){text-align:right}.slip-table-row:hover{background:var(--hover-bg, #f9fafb)}.slip-table-footer{display:grid;grid-template-columns:2fr 1fr 2fr 1fr;padding:.6rem 1rem;border-top:2px solid var(--border-color, #e5e7eb);background:var(--table-header-bg, #f4f6f9);font-weight:700}.slip-table-footer strong:nth-child(2n){text-align:right}.slip-net-pay{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--ion-color-primary, #3880ff);color:#fff;border-radius:10px}.slip-net-pay span{font-size:.95rem}.slip-net-pay strong{font-size:1.4rem}.settings-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.settings-grid{display:flex;flex-direction:column}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;border-bottom:1px solid var(--border-color, #e5e7eb);gap:1rem}.setting-item:last-child{border-bottom:none}.setting-item:hover{background:var(--hover-bg, #f9fafb)}.setting-label{flex:1}.setting-label strong{display:block;font-size:.9rem}.setting-label .setting-desc{font-size:.75rem;color:var(--text-muted, #6c757d)}.setting-control{display:flex;align-items:center;gap:4px}.setting-control input{width:140px;padding:.4rem .6rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.88rem}.setting-control .input-suffix{font-size:.82rem;color:var(--text-muted)}.settings-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--table-header-bg, #f4f6f9);border-top:1px solid var(--border-color, #e5e7eb)}.info-note{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-muted, #6c757d)}.info-note ion-icon{font-size:1rem}.pd-latest-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;font-size:.82rem;font-weight:600;color:#1a6fdb}.pd-latest-badge ion-icon{font-size:1rem}.pd-context-strip{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-bottom:16px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.pd-context-item{display:flex;flex-direction:column;gap:4px;min-width:120px}.pd-context-label{font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8}.pd-context-value{font-size:.9rem;font-weight:600;color:#1a2a4a}.pd-context-value small{font-weight:500;color:#94a3b8}.pd-status-pill{display:inline-flex;align-items:center;gap:4px;width:fit-content;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;text-transform:capitalize;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.pd-status-pill small{font-weight:500;text-transform:none;opacity:.85}.pd-status-pill[data-status=preview],.pd-status-pill[data-status=submitted]{background:#fffbeb;color:#b45309;border-color:#fde68a}.pd-status-pill[data-status=approved],.pd-status-pill[data-status=confirmed],.pd-status-pill[data-status=ready]{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.pd-status-pill[data-status=locked],.pd-status-pill[data-status=paid]{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.pd-status-pill[data-status=empty],.pd-status-pill[data-status=no_run],.pd-status-pill[data-status=no_period],.pd-status-pill[data-status=unknown]{background:#f8fafc;color:#64748b}.pd-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.pd-quick-actions button{display:inline-flex;align-items:center;gap:6px}.pd-quick-actions button ion-icon{font-size:1rem}.pd-charts-row{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.pd-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;box-shadow:0 1px 4px #0000000d;flex:1 1 280px;min-width:0}.pd-card.pd-card-wide{flex:2 1 420px}.pd-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.pd-card-title{font-size:.95rem;font-weight:700;color:#1a2a4a}.pd-card-sub{font-size:.75rem;color:#94a3b8;margin-left:8px}.pd-toggle-group{display:flex;gap:4px;background:#f1f5f9;border-radius:8px;padding:3px}.pd-toggle-group button{padding:4px 12px;border:none;border-radius:6px;background:transparent;color:#64748b;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.pd-toggle-group button.active{background:#fff;color:#1a6fdb;box-shadow:0 1px 4px #0000001a}.pd-toggle-group button:hover:not(.active){color:#1a2a4a}.pd-svg{width:100%;height:auto;display:block;overflow:visible}.pd-donut-wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.pd-donut-svg{width:160px;height:160px;flex-shrink:0}.pd-legend{display:flex;flex-direction:column;gap:10px;flex:1}.pd-legend-item{display:flex;align-items:center;gap:8px;font-size:.82rem}.pd-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pd-legend-label{flex:1;color:#475569;font-weight:500}.pd-legend-val{font-weight:700;color:#1a2a4a}.pd-legend-pct{color:#94a3b8;font-size:.75rem;min-width:32px;text-align:right}.pd-dept-list{display:flex;flex-direction:column;gap:12px}.pd-dept-row{display:grid;grid-template-columns:120px 1fr 72px 52px;align-items:center;gap:10px}.pd-dept-name{font-size:.82rem;font-weight:600;color:#1a2a4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-dept-bar-wrap{height:8px;background:#f1f5f9;border-radius:10px;overflow:hidden}.pd-dept-bar{height:100%;background:linear-gradient(90deg,#1a6fdb,#3b9eff);border-radius:10px;transition:width .5s ease;min-width:4px}.pd-dept-val{font-size:.8rem;font-weight:700;color:#1a2a4a;text-align:right}.pd-dept-count{font-size:.72rem;color:#94a3b8;text-align:right}.pd-earners-list{display:flex;flex-direction:column;gap:2px}.pd-earner-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:10px;transition:background .15s}.pd-earner-row:hover{background:#f8faff}.pd-earner-rank{width:22px;height:22px;border-radius:6px;background:#eff6ff;color:#1a6fdb;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pd-earner-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#1a6fdb,#3b9eff);color:#fff;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pd-earner-info{flex:1;min-width:0}.pd-earner-name{font-size:.85rem;font-weight:600;color:#1a2a4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-earner-dept{font-size:.72rem;color:#94a3b8}.pd-earner-net{font-size:.88rem;font-weight:700;color:#16a34a;flex-shrink:0}.pd-empty{text-align:center;color:#94a3b8;font-size:.85rem;padding:32px 0}ion-alert.offer-issue-alert::part(message){white-space:pre-line;text-align:left}:root{--ion-color-primary: #1a6fdb;--ion-color-primary-rgb: 26, 111, 219;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #1762c1;--ion-color-primary-tint: #317ddf;--ion-color-secondary: #3b9eff;--ion-color-secondary-rgb: 59, 158, 255;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #348be0;--ion-color-secondary-tint: #4fa8ff;--ion-background-color: #ffffff;--ion-background-color-rgb: 255, 255, 255;--ion-text-color: #1a2a4a;--ion-text-color-rgb: 26, 42, 74;--ion-toolbar-background: #1a6fdb;--ion-toolbar-color: #ffffff;--ion-tab-bar-background: #ffffff;--ion-tab-bar-color: #1a6fdb;--ion-tab-bar-color-selected: #1a6fdb;--ion-item-background: #ffffff;--ion-card-background: #f0f6ff}