/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--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-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-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-900:oklch(38.6% .063 188.416);--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-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-900:oklch(39.1% .09 240.876);--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-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-fuchsia-50:oklch(97.7% .017 320.058);--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-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-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--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-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-sm:0 1px 2px #00000026;--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-pulse:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:normal;font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-feature-settings:normal;font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:normal;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:initial}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:#0000;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{font-feature-settings:inherit;background-color:#0000;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;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:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,#0000)}}}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{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{border-width:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-0\.5{top:calc(var(--spacing)*-.5)}.-top-1{top:calc(var(--spacing)*-1)}.top-0{top:calc(var(--spacing)*0)}.top-0\.5{top:calc(var(--spacing)*.5)}.top-1{top:calc(var(--spacing)*1)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-6{top:calc(var(--spacing)*6)}.top-16{top:calc(var(--spacing)*16)}.top-full{top:100%}.-right-0\.5{right:calc(var(--spacing)*-.5)}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.right-0\.5{right:calc(var(--spacing)*.5)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-6{right:calc(var(--spacing)*6)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-6{bottom:calc(var(--spacing)*6)}.left-0{left:calc(var(--spacing)*0)}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.z-10{z-index:10}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[1000\]{z-index:1000}.z-\[1100\]{z-index:1100}.z-\[1200\]{z-index:1200}.z-\[1250\]{z-index:1250}.z-\[1300\]{z-index:1300}.z-\[1400\]{z-index:1400}.z-\[1500\]{z-index:1500}.z-\[1600\]{z-index:1600}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.z-\[10001\]{z-index:10001}.z-\[99999\]{z-index:99999}.z-\[999999\]{z-index:999999}.col-span-1{grid-column:span 1/span 1}.col-span-4{grid-column:span 4/span 4}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mx-6{margin-inline:calc(var(--spacing)*-6)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-auto{margin-inline:auto}.-mt-6{margin-top:calc(var(--spacing)*-6)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-6{margin-right:calc(var(--spacing)*6)}.-mb-px{margin-bottom:-1px}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-10{margin-left:calc(var(--spacing)*10)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.\!h-auto{height:auto!important}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-28{height:calc(var(--spacing)*28)}.h-64{height:calc(var(--spacing)*64)}.h-96{height:calc(var(--spacing)*96)}.h-\[16px\]{height:16px}.h-\[18px\]{height:18px}.h-\[120px\]{height:120px}.h-\[300px\]{height:300px}.h-\[320px\]{height:320px}.h-\[350px\]{height:350px}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-32{max-height:calc(var(--spacing)*32)}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-44{max-height:calc(var(--spacing)*44)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-52{max-height:calc(var(--spacing)*52)}.max-h-56{max-height:calc(var(--spacing)*56)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-72{max-height:calc(var(--spacing)*72)}.max-h-\[68vh\]{max-height:68vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.max-h-\[160px\]{max-height:160px}.max-h-\[220px\]{max-height:220px}.max-h-\[280px\]{max-height:280px}.max-h-\[300px\]{max-height:300px}.max-h-\[340px\]{max-height:340px}.max-h-\[380px\]{max-height:380px}.max-h-\[400px\]{max-height:400px}.max-h-\[420px\]{max-height:420px}.max-h-\[460px\]{max-height:460px}.max-h-\[500px\]{max-height:500px}.max-h-\[600px\]{max-height:600px}.max-h-\[calc\(90vh-5rem\)\]{max-height:calc(90vh - 5rem)}.max-h-\[calc\(100\%-60px\)\]{max-height:calc(100% - 60px)}.max-h-\[calc\(100vh-6rem\)\]{max-height:calc(100vh - 6rem)}.\!min-h-\[72px\]{min-height:72px!important}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-8{min-height:calc(var(--spacing)*8)}.min-h-9{min-height:calc(var(--spacing)*9)}.min-h-\[36px\]{min-height:36px}.min-h-\[48px\]{min-height:48px}.min-h-\[50vh\]{min-height:50vh}.min-h-\[60px\]{min-height:60px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[64px\]{min-height:64px}.min-h-\[80px\]{min-height:80px}.min-h-\[88px\]{min-height:88px}.min-h-\[90px\]{min-height:90px}.min-h-\[100px\]{min-height:100px}.min-h-\[110px\]{min-height:110px}.min-h-\[120px\]{min-height:120px}.min-h-\[140px\]{min-height:140px}.min-h-\[152px\]{min-height:152px}.min-h-\[160px\]{min-height:160px}.min-h-\[180px\]{min-height:180px}.min-h-\[200px\]{min-height:200px}.min-h-\[220px\]{min-height:220px}.min-h-\[300px\]{min-height:300px}.min-h-\[350px\]{min-height:350px}.min-h-\[400px\]{min-height:400px}.min-h-\[calc\(100vh-4rem\)\]{min-height:calc(100vh - 4rem)}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-\[18px\]{width:18px}.w-\[60px\]{width:60px}.w-\[120px\]{width:120px}.w-\[220px\]{width:220px}.w-\[280px\]{width:280px}.w-\[400px\]{width:400px}.w-\[1200px\]{width:1200px}.w-\[min\(92vw\,28rem\)\]{width:min(92vw,28rem)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[65px\]{max-width:65px}.max-w-\[90\%\]{max-width:90%}.max-w-\[90vw\]{max-width:90vw}.max-w-\[95\%\]{max-width:95%}.max-w-\[120px\]{max-width:120px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[250px\]{max-width:250px}.max-w-\[260px\]{max-width:260px}.max-w-\[300px\]{max-width:300px}.max-w-\[340px\]{max-width:340px}.max-w-\[350px\]{max-width:350px}.max-w-\[480px\]{max-width:480px}.max-w-\[560px\]{max-width:560px}.max-w-\[600px\]{max-width:600px}.max-w-\[800px\]{max-width:800px}.max-w-\[calc\(100vw-1rem\)\]{max-width:calc(100vw - 1rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-7{min-width:calc(var(--spacing)*7)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-16{min-width:calc(var(--spacing)*16)}.min-w-40{min-width:calc(var(--spacing)*40)}.min-w-\[1\.25rem\]{min-width:1.25rem}.min-w-\[2rem\]{min-width:2rem}.min-w-\[3\.25rem\]{min-width:3.25rem}.min-w-\[16px\]{min-width:16px}.min-w-\[18px\]{min-width:18px}.min-w-\[20px\]{min-width:20px}.min-w-\[32px\]{min-width:32px}.min-w-\[50px\]{min-width:50px}.min-w-\[60px\]{min-width:60px}.min-w-\[70px\]{min-width:70px}.min-w-\[100px\]{min-width:100px}.min-w-\[110px\]{min-width:110px}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[160px\]{min-width:160px}.min-w-\[170px\]{min-width:170px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[280px\]{min-width:280px}.min-w-\[300px\]{min-width:300px}.min-w-\[380px\]{min-width:380px}.min-w-\[400px\]{min-width:400px}.min-w-\[600px\]{min-width:600px}.min-w-\[700px\]{min-width:700px}.min-w-\[800px\]{min-width:800px}.min-w-\[900px\]{min-width:900px}.min-w-\[1100px\]{min-width:1100px}.min-w-\[1300px\]{min-width:1300px}.min-w-auto{min-width:auto}.flex-1{flex:1 1}.flex-\[0_0_140px\]{flex:0 0 140px}.flex-\[0_0_160px\]{flex:0 0 160px}.flex-\[0_0_180px\]{flex:0 0 180px}.flex-\[0_1_300px\]{flex:0 1 300px}.flex-\[0_1_auto\]{flex:0 1 auto}.flex-\[1_1_240px\]{flex:240px 1}.flex-\[1_1_auto\]{flex:auto}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0)}.-translate-y-1\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-\[2fr_1fr_1fr_1fr_auto\]{grid-template-columns:2fr 1fr 1fr 1fr auto}.grid-cols-\[repeat\(auto-fill\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(120px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(140px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*.5*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*.5*var(--tw-space-y-reverse))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*1*var(--tw-space-y-reverse))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*3*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*3*var(--tw-space-y-reverse))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*5*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*5*var(--tw-space-y-reverse))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*6*var(--tw-space-y-reverse))}.gap-x-4{column-gap:calc(var(--spacing)*4)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*1*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*1*var(--tw-space-x-reverse))}:where(.space-x-1\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*1.5*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*1.5*var(--tw-space-x-reverse))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*2*var(--tw-space-x-reverse))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*3*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*3*var(--tw-space-x-reverse))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*4*var(--tw-space-x-reverse))}.gap-y-1{row-gap:calc(var(--spacing)*1)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}:where(.divide-gray-700>:not(:last-child)){border-color:var(--color-gray-700)}:where(.divide-slate-200>:not(:last-child)){border-color:var(--color-slate-200)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg)}.rounded-r-lg,.rounded-t-lg{border-top-right-radius:var(--radius-lg)}.rounded-r-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-b-2xl{border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}.rounded-b-lg{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.\!border-gray-600{border-color:var(--color-gray-600)!important}.\!border-gray-700{border-color:var(--color-gray-700)!important}.border-\[\#667eea\]{border-color:#667eea}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-200\/60{border-color:#fee68599}@supports (color:color-mix(in lab,red,red)){.border-amber-200\/60{border-color:color-mix(in oklab,var(--color-amber-200) 60%,#0000)}}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-400{border-color:var(--color-amber-400)}.border-amber-400\/50{border-color:#fcbb0080}@supports (color:color-mix(in lab,red,red)){.border-amber-400\/50{border-color:color-mix(in oklab,var(--color-amber-400) 50%,#0000)}}.border-amber-500{border-color:var(--color-amber-500)}.border-amber-600{border-color:var(--color-amber-600)}.border-amber-700{border-color:var(--color-amber-700)}.border-black\/5{border-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.border-black\/5{border-color:color-mix(in oklab,var(--color-black) 5%,#0000)}}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.border-black\/10{border-color:color-mix(in oklab,var(--color-black) 10%,#0000)}}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-200\/60{border-color:#bedbff99}@supports (color:color-mix(in lab,red,red)){.border-blue-200\/60{border-color:color-mix(in oklab,var(--color-blue-200) 60%,#0000)}}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-500\/50{border-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/50{border-color:color-mix(in oklab,var(--color-blue-500) 50%,#0000)}}.border-blue-600{border-color:var(--color-blue-600)}.border-blue-700{border-color:var(--color-blue-700)}.border-blue-800{border-color:var(--color-blue-800)}.border-current{border-color:currentColor}.border-cyan-200{border-color:var(--color-cyan-200)}.border-cyan-500{border-color:var(--color-cyan-500)}.border-cyan-600{border-color:var(--color-cyan-600)}.border-emerald-100{border-color:var(--color-emerald-100)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-400{border-color:var(--color-emerald-400)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-emerald-600{border-color:var(--color-emerald-600)}.border-emerald-700{border-color:var(--color-emerald-700)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\/60{border-color:#e5e7eb99}@supports (color:color-mix(in lab,red,red)){.border-gray-200\/60{border-color:color-mix(in oklab,var(--color-gray-200) 60%,#0000)}}.border-gray-200\/80{border-color:#e5e7ebcc}@supports (color:color-mix(in lab,red,red)){.border-gray-200\/80{border-color:color-mix(in oklab,var(--color-gray-200) 80%,#0000)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-green-100{border-color:var(--color-green-100)}.border-green-200{border-color:var(--color-green-200)}.border-green-300{border-color:var(--color-green-300)}.border-green-400{border-color:var(--color-green-400)}.border-green-500{border-color:var(--color-green-500)}.border-green-500\/50{border-color:#00c75880}@supports (color:color-mix(in lab,red,red)){.border-green-500\/50{border-color:color-mix(in oklab,var(--color-green-500) 50%,#0000)}}.border-green-600{border-color:var(--color-green-600)}.border-green-700{border-color:var(--color-green-700)}.border-green-800{border-color:var(--color-green-800)}.border-indigo-100{border-color:var(--color-indigo-100)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-indigo-200\/50{border-color:#c7d2ff80}@supports (color:color-mix(in lab,red,red)){.border-indigo-200\/50{border-color:color-mix(in oklab,var(--color-indigo-200) 50%,#0000)}}.border-indigo-300{border-color:var(--color-indigo-300)}.border-indigo-400{border-color:var(--color-indigo-400)}.border-indigo-500{border-color:var(--color-indigo-500)}.border-indigo-500\/20{border-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.border-indigo-500\/20{border-color:color-mix(in oklab,var(--color-indigo-500) 20%,#0000)}}.border-indigo-600{border-color:var(--color-indigo-600)}.border-indigo-700{border-color:var(--color-indigo-700)}.border-orange-200{border-color:var(--color-orange-200)}.border-orange-300{border-color:var(--color-orange-300)}.border-orange-500{border-color:var(--color-orange-500)}.border-pink-200{border-color:var(--color-pink-200)}.border-pink-400{border-color:var(--color-pink-400)}.border-pink-400\/40{border-color:#fb64b666}@supports (color:color-mix(in lab,red,red)){.border-pink-400\/40{border-color:color-mix(in oklab,var(--color-pink-400) 40%,#0000)}}.border-pink-500{border-color:var(--color-pink-500)}.border-pink-600{border-color:var(--color-pink-600)}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-500{border-color:var(--color-purple-500)}.border-purple-600{border-color:var(--color-purple-600)}.border-purple-800{border-color:var(--color-purple-800)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-400{border-color:var(--color-red-400)}.border-red-500{border-color:var(--color-red-500)}.border-red-500\/50{border-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.border-red-500\/50{border-color:color-mix(in oklab,var(--color-red-500) 50%,#0000)}}.border-red-600{border-color:var(--color-red-600)}.border-red-700{border-color:var(--color-red-700)}.border-red-800{border-color:var(--color-red-800)}.border-sky-100{border-color:var(--color-sky-100)}.border-sky-500{border-color:var(--color-sky-500)}.border-sky-700{border-color:var(--color-sky-700)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/80{border-color:color-mix(in oklab,var(--color-slate-200) 80%,#0000)}}.border-slate-200\/90{border-color:#e2e8f0e6}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/90{border-color:color-mix(in oklab,var(--color-slate-200) 90%,#0000)}}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-500{border-color:var(--color-slate-500)}.border-slate-600{border-color:var(--color-slate-600)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-800{border-color:var(--color-slate-800)}.border-teal-500{border-color:var(--color-teal-500)}.border-transparent{border-color:#0000}.border-violet-100{border-color:var(--color-violet-100)}.border-violet-200{border-color:var(--color-violet-200)}.border-violet-300{border-color:var(--color-violet-300)}.border-violet-500{border-color:var(--color-violet-500)}.border-violet-600{border-color:var(--color-violet-600)}.border-violet-700{border-color:var(--color-violet-700)}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,#0000)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,#0000)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white) 30%,#0000)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white) 40%,#0000)}}.border-yellow-200{border-color:var(--color-yellow-200)}.border-t-transparent{border-top-color:#0000}.border-l-cyan-400{border-left-color:var(--color-cyan-400)}.border-l-emerald-400{border-left-color:var(--color-emerald-400)}.border-l-pink-400{border-left-color:var(--color-pink-400)}.\!bg-amber-900\/50{background-color:#7b330680!important}@supports (color:color-mix(in lab,red,red)){.\!bg-amber-900\/50{background-color:color-mix(in oklab,var(--color-amber-900) 50%,#0000)!important}}.\!bg-gray-600{background-color:var(--color-gray-600)!important}.\!bg-gray-700{background-color:var(--color-gray-700)!important}.\!bg-gray-800{background-color:var(--color-gray-800)!important}.\!bg-green-900\/50{background-color:#0d542b80!important}@supports (color:color-mix(in lab,red,red)){.\!bg-green-900\/50{background-color:color-mix(in oklab,var(--color-green-900) 50%,#0000)!important}}.\!bg-red-900\/50{background-color:#82181a80!important}@supports (color:color-mix(in lab,red,red)){.\!bg-red-900\/50{background-color:color-mix(in oklab,var(--color-red-900) 50%,#0000)!important}}.\!bg-transparent{background-color:#0000!important}.bg-\[\#1f2937\]{background-color:#1f2937}.bg-\[\#1976d2\]{background-color:#1976d2}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/50{background-color:#fffbeb80}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/50{background-color:color-mix(in oklab,var(--color-amber-50) 50%,#0000)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/20{background-color:color-mix(in oklab,var(--color-amber-500) 20%,#0000)}}.bg-amber-600{background-color:var(--color-amber-600)}.bg-amber-900\/20{background-color:#7b330633}@supports (color:color-mix(in lab,red,red)){.bg-amber-900\/20{background-color:color-mix(in oklab,var(--color-amber-900) 20%,#0000)}}.bg-amber-900\/30{background-color:#7b33064d}@supports (color:color-mix(in lab,red,red)){.bg-amber-900\/30{background-color:color-mix(in oklab,var(--color-amber-900) 30%,#0000)}}.bg-amber-900\/40{background-color:#7b330666}@supports (color:color-mix(in lab,red,red)){.bg-amber-900\/40{background-color:color-mix(in oklab,var(--color-amber-900) 40%,#0000)}}.bg-amber-900\/50{background-color:#7b330680}@supports (color:color-mix(in lab,red,red)){.bg-amber-900\/50{background-color:color-mix(in oklab,var(--color-amber-900) 50%,#0000)}}.bg-amber-950\/25{background-color:#46190140}@supports (color:color-mix(in lab,red,red)){.bg-amber-950\/25{background-color:color-mix(in oklab,var(--color-amber-950) 25%,#0000)}}.bg-amber-950\/30{background-color:#4619014d}@supports (color:color-mix(in lab,red,red)){.bg-amber-950\/30{background-color:color-mix(in oklab,var(--color-amber-950) 30%,#0000)}}.bg-black{background-color:var(--color-black)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black) 30%,#0000)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,#0000)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,#0000)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/50{background-color:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/50{background-color:color-mix(in oklab,var(--color-blue-50) 50%,#0000)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/20{background-color:color-mix(in oklab,var(--color-blue-500) 20%,#0000)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-blue-900{background-color:var(--color-blue-900)}.bg-blue-900\/20{background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.bg-blue-900\/20{background-color:color-mix(in oklab,var(--color-blue-900) 20%,#0000)}}.bg-blue-900\/30{background-color:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.bg-blue-900\/30{background-color:color-mix(in oklab,var(--color-blue-900) 30%,#0000)}}.bg-blue-900\/40{background-color:#1c398e66}@supports (color:color-mix(in lab,red,red)){.bg-blue-900\/40{background-color:color-mix(in oklab,var(--color-blue-900) 40%,#0000)}}.bg-blue-900\/50{background-color:#1c398e80}@supports (color:color-mix(in lab,red,red)){.bg-blue-900\/50{background-color:color-mix(in oklab,var(--color-blue-900) 50%,#0000)}}.bg-cyan-50{background-color:var(--color-cyan-50)}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-cyan-600{background-color:var(--color-cyan-600)}.bg-cyan-900\/50{background-color:#104e6480}@supports (color:color-mix(in lab,red,red)){.bg-cyan-900\/50{background-color:color-mix(in oklab,var(--color-cyan-900) 50%,#0000)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\/50{background-color:#ecfdf580}@supports (color:color-mix(in lab,red,red)){.bg-emerald-50\/50{background-color:color-mix(in oklab,var(--color-emerald-50) 50%,#0000)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/20{background-color:color-mix(in oklab,var(--color-emerald-500) 20%,#0000)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-emerald-900\/50{background-color:#004e3b80}@supports (color:color-mix(in lab,red,red)){.bg-emerald-900\/50{background-color:color-mix(in oklab,var(--color-emerald-900) 50%,#0000)}}.bg-emerald-950\/25{background-color:#002c2240}@supports (color:color-mix(in lab,red,red)){.bg-emerald-950\/25{background-color:color-mix(in oklab,var(--color-emerald-950) 25%,#0000)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/50{background-color:color-mix(in oklab,var(--color-gray-50) 50%,#0000)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-200\/50{background-color:#e5e7eb80}@supports (color:color-mix(in lab,red,red)){.bg-gray-200\/50{background-color:color-mix(in oklab,var(--color-gray-200) 50%,#0000)}}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-500\/20{background-color:#6a728233}@supports (color:color-mix(in lab,red,red)){.bg-gray-500\/20{background-color:color-mix(in oklab,var(--color-gray-500) 20%,#0000)}}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-600\/80{background-color:#4a5565cc}@supports (color:color-mix(in lab,red,red)){.bg-gray-600\/80{background-color:color-mix(in oklab,var(--color-gray-600) 80%,#0000)}}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-700\/40{background-color:#36415366}@supports (color:color-mix(in lab,red,red)){.bg-gray-700\/40{background-color:color-mix(in oklab,var(--color-gray-700) 40%,#0000)}}.bg-gray-700\/50{background-color:#36415380}@supports (color:color-mix(in lab,red,red)){.bg-gray-700\/50{background-color:color-mix(in oklab,var(--color-gray-700) 50%,#0000)}}.bg-gray-700\/70{background-color:#364153b3}@supports (color:color-mix(in lab,red,red)){.bg-gray-700\/70{background-color:color-mix(in oklab,var(--color-gray-700) 70%,#0000)}}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-800\/50{background-color:#1e293980}@supports (color:color-mix(in lab,red,red)){.bg-gray-800\/50{background-color:color-mix(in oklab,var(--color-gray-800) 50%,#0000)}}.bg-gray-800\/80{background-color:#1e2939cc}@supports (color:color-mix(in lab,red,red)){.bg-gray-800\/80{background-color:color-mix(in oklab,var(--color-gray-800) 80%,#0000)}}.bg-gray-800\/90{background-color:#1e2939e6}@supports (color:color-mix(in lab,red,red)){.bg-gray-800\/90{background-color:color-mix(in oklab,var(--color-gray-800) 90%,#0000)}}.bg-gray-800\/95{background-color:#1e2939f2}@supports (color:color-mix(in lab,red,red)){.bg-gray-800\/95{background-color:color-mix(in oklab,var(--color-gray-800) 95%,#0000)}}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-900\/50{background-color:#10182880}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/50{background-color:color-mix(in oklab,var(--color-gray-900) 50%,#0000)}}.bg-gray-900\/60{background-color:#10182899}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/60{background-color:color-mix(in oklab,var(--color-gray-900) 60%,#0000)}}.bg-green-50{background-color:var(--color-green-50)}.bg-green-50\/50{background-color:#f0fdf480}@supports (color:color-mix(in lab,red,red)){.bg-green-50\/50{background-color:color-mix(in oklab,var(--color-green-50) 50%,#0000)}}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-600\/25{background-color:#00a54440}@supports (color:color-mix(in lab,red,red)){.bg-green-600\/25{background-color:color-mix(in oklab,var(--color-green-600) 25%,#0000)}}.bg-green-700{background-color:var(--color-green-700)}.bg-green-700\/90{background-color:#008138e6}@supports (color:color-mix(in lab,red,red)){.bg-green-700\/90{background-color:color-mix(in oklab,var(--color-green-700) 90%,#0000)}}.bg-green-900{background-color:var(--color-green-900)}.bg-green-900\/30{background-color:#0d542b4d}@supports (color:color-mix(in lab,red,red)){.bg-green-900\/30{background-color:color-mix(in oklab,var(--color-green-900) 30%,#0000)}}.bg-green-900\/40{background-color:#0d542b66}@supports (color:color-mix(in lab,red,red)){.bg-green-900\/40{background-color:color-mix(in oklab,var(--color-green-900) 40%,#0000)}}.bg-green-900\/50{background-color:#0d542b80}@supports (color:color-mix(in lab,red,red)){.bg-green-900\/50{background-color:color-mix(in oklab,var(--color-green-900) 50%,#0000)}}.bg-green-950\/25{background-color:#032e1540}@supports (color:color-mix(in lab,red,red)){.bg-green-950\/25{background-color:color-mix(in oklab,var(--color-green-950) 25%,#0000)}}.bg-green-950\/30{background-color:#032e154d}@supports (color:color-mix(in lab,red,red)){.bg-green-950\/30{background-color:color-mix(in oklab,var(--color-green-950) 30%,#0000)}}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-50\/50{background-color:#eef2ff80}@supports (color:color-mix(in lab,red,red)){.bg-indigo-50\/50{background-color:color-mix(in oklab,var(--color-indigo-50) 50%,#0000)}}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-100\/80{background-color:#e0e7ffcc}@supports (color:color-mix(in lab,red,red)){.bg-indigo-100\/80{background-color:color-mix(in oklab,var(--color-indigo-100) 80%,#0000)}}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-500\/15{background-color:#625fff26}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/15{background-color:color-mix(in oklab,var(--color-indigo-500) 15%,#0000)}}.bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/20{background-color:color-mix(in oklab,var(--color-indigo-500) 20%,#0000)}}.bg-indigo-500\/30{background-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/30{background-color:color-mix(in oklab,var(--color-indigo-500) 30%,#0000)}}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-600\/90{background-color:#4f39f6e6}@supports (color:color-mix(in lab,red,red)){.bg-indigo-600\/90{background-color:color-mix(in oklab,var(--color-indigo-600) 90%,#0000)}}.bg-indigo-900\/40{background-color:#312c8566}@supports (color:color-mix(in lab,red,red)){.bg-indigo-900\/40{background-color:color-mix(in oklab,var(--color-indigo-900) 40%,#0000)}}.bg-indigo-900\/50{background-color:#312c8580}@supports (color:color-mix(in lab,red,red)){.bg-indigo-900\/50{background-color:color-mix(in oklab,var(--color-indigo-900) 50%,#0000)}}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-orange-900\/50{background-color:#7e2a0c80}@supports (color:color-mix(in lab,red,red)){.bg-orange-900\/50{background-color:color-mix(in oklab,var(--color-orange-900) 50%,#0000)}}.bg-pink-50{background-color:var(--color-pink-50)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-pink-900\/50{background-color:#86104380}@supports (color:color-mix(in lab,red,red)){.bg-pink-900\/50{background-color:color-mix(in oklab,var(--color-pink-900) 50%,#0000)}}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-purple-700{background-color:var(--color-purple-700)}.bg-purple-900{background-color:var(--color-purple-900)}.bg-purple-900\/50{background-color:#59168b80}@supports (color:color-mix(in lab,red,red)){.bg-purple-900\/50{background-color:color-mix(in oklab,var(--color-purple-900) 50%,#0000)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\/50{background-color:#fef2f280}@supports (color:color-mix(in lab,red,red)){.bg-red-50\/50{background-color:color-mix(in oklab,var(--color-red-50) 50%,#0000)}}.bg-red-50\/70{background-color:#fef2f2b3}@supports (color:color-mix(in lab,red,red)){.bg-red-50\/70{background-color:color-mix(in oklab,var(--color-red-50) 70%,#0000)}}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500) 20%,#0000)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-600\/90{background-color:#e40014e6}@supports (color:color-mix(in lab,red,red)){.bg-red-600\/90{background-color:color-mix(in oklab,var(--color-red-600) 90%,#0000)}}.bg-red-700{background-color:var(--color-red-700)}.bg-red-900{background-color:var(--color-red-900)}.bg-red-900\/30{background-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.bg-red-900\/30{background-color:color-mix(in oklab,var(--color-red-900) 30%,#0000)}}.bg-red-900\/40{background-color:#82181a66}@supports (color:color-mix(in lab,red,red)){.bg-red-900\/40{background-color:color-mix(in oklab,var(--color-red-900) 40%,#0000)}}.bg-red-900\/50{background-color:#82181a80}@supports (color:color-mix(in lab,red,red)){.bg-red-900\/50{background-color:color-mix(in oklab,var(--color-red-900) 50%,#0000)}}.bg-red-950\/25{background-color:#46080940}@supports (color:color-mix(in lab,red,red)){.bg-red-950\/25{background-color:color-mix(in oklab,var(--color-red-950) 25%,#0000)}}.bg-red-950\/30{background-color:#4608094d}@supports (color:color-mix(in lab,red,red)){.bg-red-950\/30{background-color:color-mix(in oklab,var(--color-red-950) 30%,#0000)}}.bg-rose-50{background-color:var(--color-rose-50)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-sky-900\/30{background-color:#024a704d}@supports (color:color-mix(in lab,red,red)){.bg-sky-900\/30{background-color:color-mix(in oklab,var(--color-sky-900) 30%,#0000)}}.bg-sky-900\/50{background-color:#024a7080}@supports (color:color-mix(in lab,red,red)){.bg-sky-900\/50{background-color:color-mix(in oklab,var(--color-sky-900) 50%,#0000)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/50{background-color:#f8fafc80}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/50{background-color:color-mix(in oklab,var(--color-slate-50) 50%,#0000)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-slate-500{background-color:var(--color-slate-500)}.bg-slate-600{background-color:var(--color-slate-600)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-800\/50{background-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\/50{background-color:color-mix(in oklab,var(--color-slate-800) 50%,#0000)}}.bg-slate-800\/80{background-color:#1d293dcc}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\/80{background-color:color-mix(in oklab,var(--color-slate-800) 80%,#0000)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\/50{background-color:#0f172b80}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/50{background-color:color-mix(in oklab,var(--color-slate-900) 50%,#0000)}}.bg-teal-100{background-color:var(--color-teal-100)}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-100{background-color:var(--color-violet-100)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-violet-600{background-color:var(--color-violet-600)}.bg-violet-900\/30{background-color:#4d179a4d}@supports (color:color-mix(in lab,red,red)){.bg-violet-900\/30{background-color:color-mix(in oklab,var(--color-violet-900) 30%,#0000)}}.bg-violet-900\/40{background-color:#4d179a66}@supports (color:color-mix(in lab,red,red)){.bg-violet-900\/40{background-color:color-mix(in oklab,var(--color-violet-900) 40%,#0000)}}.bg-violet-900\/50{background-color:#4d179a80}@supports (color:color-mix(in lab,red,red)){.bg-violet-900\/50{background-color:color-mix(in oklab,var(--color-violet-900) 50%,#0000)}}.bg-violet-950\/30{background-color:#2f0d684d}@supports (color:color-mix(in lab,red,red)){.bg-violet-950\/30{background-color:color-mix(in oklab,var(--color-violet-950) 30%,#0000)}}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,#0000)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,#0000)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,#0000)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white) 50%,#0000)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white) 70%,#0000)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,#0000)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,#0000)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white) 95%,#0000)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab}.bg-gradient-to-b,.bg-gradient-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#f5f7fa\]{--tw-gradient-from:#f5f7fa;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[rgba\(102\,126\,234\,0\.1\)\]{--tw-gradient-from:#667eea1a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-50{--tw-gradient-from:var(--color-amber-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-400{--tw-gradient-from:var(--color-amber-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-500{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-600{--tw-gradient-from:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-100{--tw-gradient-from:var(--color-blue-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-400{--tw-gradient-from:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-600{--tw-gradient-from:var(--color-cyan-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-50{--tw-gradient-from:var(--color-emerald-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-400{--tw-gradient-from:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-600{--tw-gradient-from:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-fuchsia-400{--tw-gradient-from:var(--color-fuchsia-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-50{--tw-gradient-from:var(--color-gray-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-50\/50{--tw-gradient-from:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.from-gray-50\/50{--tw-gradient-from:color-mix(in oklab,var(--color-gray-50) 50%,#0000)}}.from-gray-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-700{--tw-gradient-from:var(--color-gray-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-900{--tw-gradient-from:var(--color-gray-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-400{--tw-gradient-from:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-600{--tw-gradient-from:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-700{--tw-gradient-from:var(--color-green-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-50{--tw-gradient-from:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-50\/30{--tw-gradient-from:#eef2ff4d}@supports (color:color-mix(in lab,red,red)){.from-indigo-50\/30{--tw-gradient-from:color-mix(in oklab,var(--color-indigo-50) 30%,#0000)}}.from-indigo-50\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-50\/50{--tw-gradient-from:#eef2ff80}@supports (color:color-mix(in lab,red,red)){.from-indigo-50\/50{--tw-gradient-from:color-mix(in oklab,var(--color-indigo-50) 50%,#0000)}}.from-indigo-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-500\/5{--tw-gradient-from:#625fff0d}@supports (color:color-mix(in lab,red,red)){.from-indigo-500\/5{--tw-gradient-from:color-mix(in oklab,var(--color-indigo-500) 5%,#0000)}}.from-indigo-500\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-500\/10{--tw-gradient-from:#625fff1a}@supports (color:color-mix(in lab,red,red)){.from-indigo-500\/10{--tw-gradient-from:color-mix(in oklab,var(--color-indigo-500) 10%,#0000)}}.from-indigo-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-600{--tw-gradient-from:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-700{--tw-gradient-from:var(--color-indigo-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-800{--tw-gradient-from:var(--color-indigo-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-500{--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-400{--tw-gradient-from:var(--color-pink-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-600{--tw-gradient-from:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-400{--tw-gradient-from:var(--color-sky-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-500{--tw-gradient-from:var(--color-sky-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-600{--tw-gradient-from:var(--color-sky-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-600{--tw-gradient-from:var(--color-slate-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-700{--tw-gradient-from:var(--color-slate-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-900{--tw-gradient-from:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-400{--tw-gradient-from:var(--color-violet-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-500{--tw-gradient-from:var(--color-violet-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-600{--tw-gradient-from:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-amber-600{--tw-gradient-via:var(--color-amber-600);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-blue-600{--tw-gradient-via:var(--color-blue-600);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-cyan-600{--tw-gradient-via:var(--color-cyan-600);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-indigo-600{--tw-gradient-via:var(--color-indigo-600);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#c3cfe2\]{--tw-gradient-to:#c3cfe2;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[rgba\(118\,75\,162\,0\.1\)\]{--tw-gradient-to:#764ba21a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-50\/50{--tw-gradient-to:#fffbeb80}@supports (color:color-mix(in lab,red,red)){.to-amber-50\/50{--tw-gradient-to:color-mix(in oklab,var(--color-amber-50) 50%,#0000)}}.to-amber-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-100{--tw-gradient-to:var(--color-amber-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-300{--tw-gradient-to:var(--color-amber-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-400{--tw-gradient-to:var(--color-amber-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-500{--tw-gradient-to:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-700{--tw-gradient-to:var(--color-amber-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-100{--tw-gradient-to:var(--color-blue-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-200{--tw-gradient-to:var(--color-blue-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-300{--tw-gradient-to:var(--color-blue-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-400{--tw-gradient-to:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-700{--tw-gradient-to:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-300{--tw-gradient-to:var(--color-cyan-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-400{--tw-gradient-to:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-700{--tw-gradient-to:var(--color-cyan-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-50\/50{--tw-gradient-to:#ecfdf580}@supports (color:color-mix(in lab,red,red)){.to-emerald-50\/50{--tw-gradient-to:color-mix(in oklab,var(--color-emerald-50) 50%,#0000)}}.to-emerald-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-100{--tw-gradient-to:var(--color-emerald-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-600{--tw-gradient-to:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-700{--tw-gradient-to:var(--color-emerald-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-50{--tw-gradient-to:var(--color-gray-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-50\/80{--tw-gradient-to:#f9fafbcc}@supports (color:color-mix(in lab,red,red)){.to-gray-50\/80{--tw-gradient-to:color-mix(in oklab,var(--color-gray-50) 80%,#0000)}}.to-gray-50\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-100{--tw-gradient-to:var(--color-gray-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-200{--tw-gradient-to:var(--color-gray-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-800{--tw-gradient-to:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-50\/50{--tw-gradient-to:#f0fdf480}@supports (color:color-mix(in lab,red,red)){.to-green-50\/50{--tw-gradient-to:color-mix(in oklab,var(--color-green-50) 50%,#0000)}}.to-green-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-300{--tw-gradient-to:var(--color-green-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-400{--tw-gradient-to:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-600{--tw-gradient-to:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-700{--tw-gradient-to:var(--color-green-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-800{--tw-gradient-to:var(--color-green-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-500{--tw-gradient-to:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-700{--tw-gradient-to:var(--color-indigo-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-600{--tw-gradient-to:var(--color-orange-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-300{--tw-gradient-to:var(--color-pink-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-50{--tw-gradient-to:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-400{--tw-gradient-to:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600\/5{--tw-gradient-to:#9810fa0d}@supports (color:color-mix(in lab,red,red)){.to-purple-600\/5{--tw-gradient-to:color-mix(in oklab,var(--color-purple-600) 5%,#0000)}}.to-purple-600\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600\/10{--tw-gradient-to:#9810fa1a}@supports (color:color-mix(in lab,red,red)){.to-purple-600\/10{--tw-gradient-to:color-mix(in oklab,var(--color-purple-600) 10%,#0000)}}.to-purple-600\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-800{--tw-gradient-to:var(--color-purple-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-900{--tw-gradient-to:var(--color-purple-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-50\/50{--tw-gradient-to:#fef2f280}@supports (color:color-mix(in lab,red,red)){.to-red-50\/50{--tw-gradient-to:color-mix(in oklab,var(--color-red-50) 50%,#0000)}}.to-red-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-400{--tw-gradient-to:var(--color-red-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-600{--tw-gradient-to:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-700{--tw-gradient-to:var(--color-red-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-900{--tw-gradient-to:var(--color-red-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-400{--tw-gradient-to:var(--color-rose-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-500{--tw-gradient-to:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-50\/50{--tw-gradient-to:#f0f9ff80}@supports (color:color-mix(in lab,red,red)){.to-sky-50\/50{--tw-gradient-to:color-mix(in oklab,var(--color-sky-50) 50%,#0000)}}.to-sky-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-700{--tw-gradient-to:var(--color-sky-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-50{--tw-gradient-to:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-100{--tw-gradient-to:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-100\/80{--tw-gradient-to:#f1f5f9cc}@supports (color:color-mix(in lab,red,red)){.to-slate-100\/80{--tw-gradient-to:color-mix(in oklab,var(--color-slate-100) 80%,#0000)}}.to-slate-100\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-600{--tw-gradient-to:var(--color-slate-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-700{--tw-gradient-to:var(--color-slate-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-800{--tw-gradient-to:var(--color-slate-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-50\/50{--tw-gradient-to:#f0fdfa80}@supports (color:color-mix(in lab,red,red)){.to-teal-50\/50{--tw-gradient-to:color-mix(in oklab,var(--color-teal-50) 50%,#0000)}}.to-teal-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-300{--tw-gradient-to:var(--color-teal-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-400{--tw-gradient-to:var(--color-teal-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-50\/50{--tw-gradient-to:#f5f3ff80}@supports (color:color-mix(in lab,red,red)){.to-violet-50\/50{--tw-gradient-to:color-mix(in oklab,var(--color-violet-50) 50%,#0000)}}.to-violet-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-300{--tw-gradient-to:var(--color-violet-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-500{--tw-gradient-to:var(--color-violet-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-600{--tw-gradient-to:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-700{--tw-gradient-to:var(--color-violet-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-300{--tw-gradient-to:var(--color-yellow-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-amber-500{fill:var(--color-amber-500)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.p-12{padding:calc(var(--spacing)*12)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-14{padding-top:calc(var(--spacing)*14)}.pt-20{padding-top:calc(var(--spacing)*20)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-2\.5{padding-bottom:calc(var(--spacing)*2.5)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-9{padding-left:calc(var(--spacing)*9)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--text-5xl--line-height);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--text-base--line-height);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--text-lg--line-height);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--text-xl--line-height);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--text-xs--line-height);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.74rem\]{font-size:.74rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-amber-200{color:var(--color-amber-200)!important}.\!text-amber-300{color:var(--color-amber-300)!important}.\!text-blue-300{color:var(--color-blue-300)!important}.\!text-gray-100{color:var(--color-gray-100)!important}.\!text-gray-200{color:var(--color-gray-200)!important}.\!text-green-200{color:var(--color-green-200)!important}.\!text-green-300{color:var(--color-green-300)!important}.\!text-red-200{color:var(--color-red-200)!important}.\!text-red-300{color:var(--color-red-300)!important}.\!text-violet-300{color:var(--color-violet-300)!important}.text-\[\#667eea\]{color:#667eea}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-black{color:var(--color-black)}.text-blue-100{color:var(--color-blue-100)}.text-blue-200{color:var(--color-blue-200)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-700\/90{color:#1447e6e6}@supports (color:color-mix(in lab,red,red)){.text-blue-700\/90{color:color-mix(in oklab,var(--color-blue-700) 90%,#0000)}}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-current{color:currentColor}.text-cyan-300{color:var(--color-cyan-300)}.text-cyan-400{color:var(--color-cyan-400)}.text-cyan-500{color:var(--color-cyan-500)}.text-cyan-600{color:var(--color-cyan-600)}.text-cyan-700{color:var(--color-cyan-700)}.text-emerald-100{color:var(--color-emerald-100)}.text-emerald-200{color:var(--color-emerald-200)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-900{color:var(--color-emerald-900)}.text-fuchsia-300{color:var(--color-fuchsia-300)}.text-fuchsia-500{color:var(--color-fuchsia-500)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-100{color:var(--color-green-100)}.text-green-200{color:var(--color-green-200)}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-indigo-300{color:var(--color-indigo-300)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-800{color:var(--color-indigo-800)}.text-inherit{color:inherit}.text-orange-300{color:var(--color-orange-300)}.text-orange-400{color:var(--color-orange-400)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-orange-800{color:var(--color-orange-800)}.text-pink-100{color:var(--color-pink-100)}.text-pink-200{color:var(--color-pink-200)}.text-pink-300{color:var(--color-pink-300)}.text-pink-400{color:var(--color-pink-400)}.text-pink-500{color:var(--color-pink-500)}.text-pink-600{color:var(--color-pink-600)}.text-pink-700{color:var(--color-pink-700)}.text-pink-800{color:var(--color-pink-800)}.text-pink-900{color:var(--color-pink-900)}.text-purple-100{color:var(--color-purple-100)}.text-purple-300{color:var(--color-purple-300)}.text-purple-400{color:var(--color-purple-400)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-purple-900{color:var(--color-purple-900)}.text-red-100{color:var(--color-red-100)}.text-red-200{color:var(--color-red-200)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-rose-300{color:var(--color-rose-300)}.text-rose-600{color:var(--color-rose-600)}.text-sky-300{color:var(--color-sky-300)}.text-sky-400{color:var(--color-sky-400)}.text-sky-600{color:var(--color-sky-600)}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-teal-600{color:var(--color-teal-600)}.text-transparent{color:#0000}.text-violet-200{color:var(--color-violet-200)}.text-violet-300{color:var(--color-violet-300)}.text-violet-400{color:var(--color-violet-400)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-violet-800{color:var(--color-violet-800)}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,#0000)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,#0000)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,#0000)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,#0000)}}.text-white\/95{color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.text-white\/95{color:color-mix(in oklab,var(--color-white) 95%,#0000)}}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.text-yellow-900{color:var(--color-yellow-900)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal}.ordinal,.tabular-nums{font-feature-settings:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.placeholder-gray-400::placeholder{color:var(--color-gray-400)}.placeholder-gray-500::placeholder{color:var(--color-gray-500)}.placeholder-slate-400::placeholder{color:var(--color-slate-400)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-2xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)}.shadow-\[0_0_8px_rgba\(99\,102\,241\,0\.5\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#6366f180)}.shadow-\[0_0_8px_rgba\(99\,102\,241\,0\.5\)\],.shadow-inner{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-lg,.shadow-md{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-gray-200\/50{--tw-shadow-color:#e5e7eb80}@supports (color:color-mix(in lab,red,red)){.shadow-gray-200\/50{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-gray-200) 50%,#0000) var(--tw-shadow-alpha),#0000)}}.shadow-indigo-500\/25{--tw-shadow-color:#625fff40}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-500\/25{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-indigo-500) 25%,#0000) var(--tw-shadow-alpha),#0000)}}.ring-amber-200\/50{--tw-ring-color:#fee68580}@supports (color:color-mix(in lab,red,red)){.ring-amber-200\/50{--tw-ring-color:color-mix(in oklab,var(--color-amber-200) 50%,#0000)}}.ring-green-200\/50{--tw-ring-color:#b9f8cf80}@supports (color:color-mix(in lab,red,red)){.ring-green-200\/50{--tw-ring-color:color-mix(in oklab,var(--color-green-200) 50%,#0000)}}.ring-red-200\/50{--tw-ring-color:#ffcaca80}@supports (color:color-mix(in lab,red,red)){.ring-red-200\/50{--tw-ring-color:color-mix(in oklab,var(--color-red-200) 50%,#0000)}}.ring-sky-200\/50{--tw-ring-color:#b8e6fe80}@supports (color:color-mix(in lab,red,red)){.ring-sky-200\/50{--tw-ring-color:color-mix(in oklab,var(--color-sky-200) 50%,#0000)}}.ring-violet-200\/50{--tw-ring-color:#ddd6ff80}@supports (color:color-mix(in lab,red,red)){.ring-violet-200\/50{--tw-ring-color:color-mix(in oklab,var(--color-violet-200) 50%,#0000)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm))}.drop-shadow-sm,.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm))}.transition{transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-\[width\]{transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:width;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-all{transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-opacity{transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-shadow{transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:box-shadow;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-transform{transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.\[scrollbar-gutter\:stable\]{scrollbar-gutter:stable}@media (hover:hover){.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}}.peer-checked\:bg-blue-600:is(:where(.peer):checked~*){background-color:var(--color-blue-600)}.peer-focus\:ring-4:is(:where(.peer):focus~*){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-focus\:ring-blue-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-blue-300)}.peer-focus\:outline-none:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}.placeholder\:\!text-gray-400::placeholder{color:var(--color-gray-400)!important}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:h-5:after{content:var(--tw-content);height:calc(var(--spacing)*5)}.after\:w-5:after{content:var(--tw-content);width:calc(var(--spacing)*5)}.after\:rounded-full:after{border-radius:3.40282e+38px;content:var(--tw-content)}.after\:border:after{border-style:var(--tw-border-style);border-width:1px;content:var(--tw-content)}.after\:border-gray-300:after{border-color:var(--color-gray-300);content:var(--tw-content)}.after\:bg-white:after{background-color:var(--color-white);content:var(--tw-content)}.after\:transition-all:after{content:var(--tw-content);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{--tw-translate-x:100%;content:var(--tw-content);translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-checked\:after\:border-white:is(:where(.peer):checked~*):after{border-color:var(--color-white);content:var(--tw-content)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:border-blue-500:focus-within{border-color:var(--color-blue-500)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-blue-500:focus-within{--tw-ring-color:var(--color-blue-500)}@media (hover:hover){.hover\:translate-x-1:hover{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:translate-x-2:hover{--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-0.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:rotate-90:hover{rotate:90deg}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:border-emerald-400:hover{border-color:var(--color-emerald-400)}.hover\:border-emerald-500:hover{border-color:var(--color-emerald-500)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-gray-500:hover{border-color:var(--color-gray-500)}.hover\:border-gray-600:hover{border-color:var(--color-gray-600)}.hover\:border-green-300:hover{border-color:var(--color-green-300)}.hover\:border-green-500:hover{border-color:var(--color-green-500)}.hover\:border-indigo-300:hover{border-color:var(--color-indigo-300)}.hover\:border-indigo-400:hover{border-color:var(--color-indigo-400)}.hover\:border-red-400:hover{border-color:var(--color-red-400)}.hover\:border-red-500:hover{border-color:var(--color-red-500)}.hover\:border-teal-200:hover{border-color:var(--color-teal-200)}.hover\:border-violet-400:hover{border-color:var(--color-violet-400)}.hover\:border-violet-500:hover{border-color:var(--color-violet-500)}.hover\:border-white:hover{border-color:var(--color-white)}.hover\:border-white\/50:hover{border-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/50:hover{border-color:color-mix(in oklab,var(--color-white) 50%,#0000)}}.hover\:\!bg-gray-600:hover{background-color:var(--color-gray-600)!important}.hover\:\!bg-gray-700:hover{background-color:var(--color-gray-700)!important}.hover\:\!bg-gray-700\/90:hover{background-color:#364153e6!important}@supports (color:color-mix(in lab,red,red)){.hover\:\!bg-gray-700\/90:hover{background-color:color-mix(in oklab,var(--color-gray-700) 90%,#0000)!important}}.hover\:bg-amber-50:hover{background-color:var(--color-amber-50)}.hover\:bg-amber-100:hover{background-color:var(--color-amber-100)}.hover\:bg-amber-200:hover{background-color:var(--color-amber-200)}.hover\:bg-amber-500:hover{background-color:var(--color-amber-500)}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-amber-700:hover{background-color:var(--color-amber-700)}.hover\:bg-amber-800\/50:hover{background-color:#953d0080}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-800\/50:hover{background-color:color-mix(in oklab,var(--color-amber-800) 50%,#0000)}}.hover\:bg-amber-900\/30:hover{background-color:#7b33064d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-900\/30:hover{background-color:color-mix(in oklab,var(--color-amber-900) 30%,#0000)}}.hover\:bg-amber-900\/50:hover{background-color:#7b330680}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-900\/50:hover{background-color:color-mix(in oklab,var(--color-amber-900) 50%,#0000)}}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab,var(--color-black) 10%,#0000)}}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-blue-500\/15:hover{background-color:#3080ff26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-500\/15:hover{background-color:color-mix(in oklab,var(--color-blue-500) 15%,#0000)}}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-blue-800\/50:hover{background-color:#193cb880}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-800\/50:hover{background-color:color-mix(in oklab,var(--color-blue-800) 50%,#0000)}}.hover\:bg-blue-900\/50:hover{background-color:#1c398e80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-900\/50:hover{background-color:color-mix(in oklab,var(--color-blue-900) 50%,#0000)}}.hover\:bg-cyan-50:hover{background-color:var(--color-cyan-50)}.hover\:bg-cyan-100:hover{background-color:var(--color-cyan-100)}.hover\:bg-cyan-600:hover{background-color:var(--color-cyan-600)}.hover\:bg-cyan-700:hover{background-color:var(--color-cyan-700)}.hover\:bg-emerald-50:hover{background-color:var(--color-emerald-50)}.hover\:bg-emerald-100:hover{background-color:var(--color-emerald-100)}.hover\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\:bg-emerald-600:hover{background-color:var(--color-emerald-600)}.hover\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\:bg-fuchsia-50:hover{background-color:var(--color-fuchsia-50)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-50\/50:hover{background-color:color-mix(in oklab,var(--color-gray-50) 50%,#0000)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-gray-500:hover{background-color:var(--color-gray-500)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-gray-700\/50:hover{background-color:#36415380}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-700\/50:hover{background-color:color-mix(in oklab,var(--color-gray-700) 50%,#0000)}}.hover\:bg-gray-700\/70:hover{background-color:#364153b3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-700\/70:hover{background-color:color-mix(in oklab,var(--color-gray-700) 70%,#0000)}}.hover\:bg-gray-700\/80:hover{background-color:#364153cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-700\/80:hover{background-color:color-mix(in oklab,var(--color-gray-700) 80%,#0000)}}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\:bg-green-100:hover{background-color:var(--color-green-100)}.hover\:bg-green-200:hover{background-color:var(--color-green-200)}.hover\:bg-green-500:hover{background-color:var(--color-green-500)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-green-800\/50:hover{background-color:#01663080}@supports (color:color-mix(in lab,red,red)){.hover\:bg-green-800\/50:hover{background-color:color-mix(in oklab,var(--color-green-800) 50%,#0000)}}.hover\:bg-green-900\/50:hover{background-color:#0d542b80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-green-900\/50:hover{background-color:color-mix(in oklab,var(--color-green-900) 50%,#0000)}}.hover\:bg-indigo-50:hover{background-color:var(--color-indigo-50)}.hover\:bg-indigo-50\/50:hover{background-color:#eef2ff80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-indigo-50\/50:hover{background-color:color-mix(in oklab,var(--color-indigo-50) 50%,#0000)}}.hover\:bg-indigo-100:hover{background-color:var(--color-indigo-100)}.hover\:bg-indigo-200:hover{background-color:var(--color-indigo-200)}.hover\:bg-indigo-500\/5:hover{background-color:#625fff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-indigo-500\/5:hover{background-color:color-mix(in oklab,var(--color-indigo-500) 5%,#0000)}}.hover\:bg-indigo-500\/20:hover{background-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-indigo-500\/20:hover{background-color:color-mix(in oklab,var(--color-indigo-500) 20%,#0000)}}.hover\:bg-indigo-600:hover{background-color:var(--color-indigo-600)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-indigo-800\/50:hover{background-color:#372aac80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-indigo-800\/50:hover{background-color:color-mix(in oklab,var(--color-indigo-800) 50%,#0000)}}.hover\:bg-indigo-900\/50:hover{background-color:#312c8580}@supports (color:color-mix(in lab,red,red)){.hover\:bg-indigo-900\/50:hover{background-color:color-mix(in oklab,var(--color-indigo-900) 50%,#0000)}}.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)}.hover\:bg-pink-50:hover{background-color:var(--color-pink-50)}.hover\:bg-pink-100:hover{background-color:var(--color-pink-100)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-red-200\/50:hover{background-color:#ffcaca80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-200\/50:hover{background-color:color-mix(in oklab,var(--color-red-200) 50%,#0000)}}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-red-800\/50:hover{background-color:#9f071280}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-800\/50:hover{background-color:color-mix(in oklab,var(--color-red-800) 50%,#0000)}}.hover\:bg-red-900\/30:hover{background-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-900\/30:hover{background-color:color-mix(in oklab,var(--color-red-900) 30%,#0000)}}.hover\:bg-red-900\/50:hover{background-color:#82181a80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-900\/50:hover{background-color:color-mix(in oklab,var(--color-red-900) 50%,#0000)}}.hover\:bg-rose-100:hover{background-color:var(--color-rose-100)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-50\/70:hover{background-color:#f8fafcb3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-50\/70:hover{background-color:color-mix(in oklab,var(--color-slate-50) 70%,#0000)}}.hover\:bg-slate-50\/80:hover{background-color:#f8fafccc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-50\/80:hover{background-color:color-mix(in oklab,var(--color-slate-50) 80%,#0000)}}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-500:hover{background-color:var(--color-slate-500)}.hover\:bg-slate-600:hover{background-color:var(--color-slate-600)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-slate-700\/50:hover{background-color:#31415880}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-700\/50:hover{background-color:color-mix(in oklab,var(--color-slate-700) 50%,#0000)}}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-teal-50\/80:hover{background-color:#f0fdfacc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-teal-50\/80:hover{background-color:color-mix(in oklab,var(--color-teal-50) 80%,#0000)}}.hover\:bg-violet-50:hover{background-color:var(--color-violet-50)}.hover\:bg-violet-100:hover{background-color:var(--color-violet-100)}.hover\:bg-violet-500:hover{background-color:var(--color-violet-500)}.hover\:bg-violet-600:hover{background-color:var(--color-violet-600)}.hover\:bg-violet-700:hover{background-color:var(--color-violet-700)}.hover\:bg-violet-800\/50:hover{background-color:#5d0ec080}@supports (color:color-mix(in lab,red,red)){.hover\:bg-violet-800\/50:hover{background-color:color-mix(in oklab,var(--color-violet-800) 50%,#0000)}}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white) 5%,#0000)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,#0000)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,#0000)}}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab,var(--color-white) 30%,#0000)}}.hover\:from-blue-600:hover{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-blue-700:hover{--tw-gradient-from:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-emerald-600:hover{--tw-gradient-from:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-emerald-700:hover{--tw-gradient-from:var(--color-emerald-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-green-600:hover{--tw-gradient-from:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-green-700:hover{--tw-gradient-from:var(--color-green-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-indigo-600:hover{--tw-gradient-from:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-indigo-700:hover{--tw-gradient-from:var(--color-indigo-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-orange-600:hover{--tw-gradient-from:var(--color-orange-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-red-700:hover{--tw-gradient-from:var(--color-red-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-slate-700:hover{--tw-gradient-from:var(--color-slate-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-violet-600:hover{--tw-gradient-from:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-amber-600:hover{--tw-gradient-to:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-blue-800:hover{--tw-gradient-to:var(--color-blue-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-cyan-500:hover{--tw-gradient-to:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-emerald-700:hover{--tw-gradient-to:var(--color-emerald-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-emerald-800:hover{--tw-gradient-to:var(--color-emerald-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-green-500:hover{--tw-gradient-to:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-green-700:hover{--tw-gradient-to:var(--color-green-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-green-800:hover{--tw-gradient-to:var(--color-green-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-indigo-800:hover{--tw-gradient-to:var(--color-indigo-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-purple-700:hover{--tw-gradient-to:var(--color-purple-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-red-800:hover{--tw-gradient-to:var(--color-red-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-slate-800:hover{--tw-gradient-to:var(--color-slate-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-violet-800:hover{--tw-gradient-to:var(--color-violet-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:\!text-white:hover{color:var(--color-white)!important}.hover\:text-amber-700:hover{color:var(--color-amber-700)}.hover\:text-amber-800:hover{color:var(--color-amber-800)}.hover\:text-blue-200:hover{color:var(--color-blue-200)}.hover\:text-blue-400:hover{color:var(--color-blue-400)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-cyan-300:hover{color:var(--color-cyan-300)}.hover\:text-cyan-600:hover{color:var(--color-cyan-600)}.hover\:text-cyan-700:hover{color:var(--color-cyan-700)}.hover\:text-cyan-800:hover{color:var(--color-cyan-800)}.hover\:text-emerald-300:hover{color:var(--color-emerald-300)}.hover\:text-emerald-600:hover{color:var(--color-emerald-600)}.hover\:text-emerald-800:hover{color:var(--color-emerald-800)}.hover\:text-gray-100:hover{color:var(--color-gray-100)}.hover\:text-gray-200:hover{color:var(--color-gray-200)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-green-800:hover{color:var(--color-green-800)}.hover\:text-indigo-200:hover{color:var(--color-indigo-200)}.hover\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\:text-indigo-800:hover{color:var(--color-indigo-800)}.hover\:text-purple-300:hover{color:var(--color-purple-300)}.hover\:text-purple-600:hover{color:var(--color-purple-600)}.hover\:text-purple-800:hover{color:var(--color-purple-800)}.hover\:text-red-300:hover{color:var(--color-red-300)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-red-800:hover{color:var(--color-red-800)}.hover\:text-slate-200:hover{color:var(--color-slate-200)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-teal-700:hover{color:var(--color-teal-700)}.hover\:text-violet-300:hover{color:var(--color-violet-300)}.hover\:text-violet-600:hover{color:var(--color-violet-600)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.hover\:ring-4:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.hover\:shadow-gray-300\/50:hover{--tw-shadow-color:#d1d5dc80}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-gray-300\/50:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-gray-300) 50%,#0000) var(--tw-shadow-alpha),#0000)}}.hover\:ring-amber-200\/50:hover{--tw-ring-color:#fee68580}@supports (color:color-mix(in lab,red,red)){.hover\:ring-amber-200\/50:hover{--tw-ring-color:color-mix(in oklab,var(--color-amber-200) 50%,#0000)}}.hover\:ring-emerald-200\/50:hover{--tw-ring-color:#a4f4cf80}@supports (color:color-mix(in lab,red,red)){.hover\:ring-emerald-200\/50:hover{--tw-ring-color:color-mix(in oklab,var(--color-emerald-200) 50%,#0000)}}.hover\:ring-green-200\/50:hover{--tw-ring-color:#b9f8cf80}@supports (color:color-mix(in lab,red,red)){.hover\:ring-green-200\/50:hover{--tw-ring-color:color-mix(in oklab,var(--color-green-200) 50%,#0000)}}.hover\:ring-red-200\/50:hover{--tw-ring-color:#ffcaca80}@supports (color:color-mix(in lab,red,red)){.hover\:ring-red-200\/50:hover{--tw-ring-color:color-mix(in oklab,var(--color-red-200) 50%,#0000)}}.hover\:ring-sky-200\/50:hover{--tw-ring-color:#b8e6fe80}@supports (color:color-mix(in lab,red,red)){.hover\:ring-sky-200\/50:hover{--tw-ring-color:color-mix(in oklab,var(--color-sky-200) 50%,#0000)}}.hover\:ring-slate-200\/50:hover{--tw-ring-color:#e2e8f080}@supports (color:color-mix(in lab,red,red)){.hover\:ring-slate-200\/50:hover{--tw-ring-color:color-mix(in oklab,var(--color-slate-200) 50%,#0000)}}.hover\:ring-teal-200\/50:hover{--tw-ring-color:#96f7e480}@supports (color:color-mix(in lab,red,red)){.hover\:ring-teal-200\/50:hover{--tw-ring-color:color-mix(in oklab,var(--color-teal-200) 50%,#0000)}}.hover\:ring-violet-200\/50:hover{--tw-ring-color:#ddd6ff80}@supports (color:color-mix(in lab,red,red)){.hover\:ring-violet-200\/50:hover{--tw-ring-color:color-mix(in oklab,var(--color-violet-200) 50%,#0000)}}}.focus\:border-amber-500:focus{border-color:var(--color-amber-500)}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-emerald-500:focus{border-color:var(--color-emerald-500)}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:border-red-500:focus{border-color:var(--color-red-500)}.focus\:border-transparent:focus{border-color:#0000}.focus\:border-violet-500:focus{border-color:var(--color-violet-500)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-amber-500:focus{--tw-ring-color:var(--color-amber-500)}.focus\:ring-amber-500\/20:focus{--tw-ring-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.focus\:ring-amber-500\/20:focus{--tw-ring-color:color-mix(in oklab,var(--color-amber-500) 20%,#0000)}}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-blue-500\/20:focus{--tw-ring-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.focus\:ring-blue-500\/20:focus{--tw-ring-color:color-mix(in oklab,var(--color-blue-500) 20%,#0000)}}.focus\:ring-cyan-500:focus{--tw-ring-color:var(--color-cyan-500)}.focus\:ring-emerald-500:focus{--tw-ring-color:var(--color-emerald-500)}.focus\:ring-green-500:focus{--tw-ring-color:var(--color-green-500)}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-red-500\/20:focus{--tw-ring-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.focus\:ring-red-500\/20:focus{--tw-ring-color:color-mix(in oklab,var(--color-red-500) 20%,#0000)}}.focus\:ring-violet-500:focus{--tw-ring-color:var(--color-violet-500)}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-amber-200:disabled{background-color:var(--color-amber-200)}.disabled\:bg-blue-200:disabled{background-color:var(--color-blue-200)}.disabled\:bg-gray-100:disabled{background-color:var(--color-gray-100)}.disabled\:bg-gray-200:disabled{background-color:var(--color-gray-200)}.disabled\:bg-gray-400:disabled{background-color:var(--color-gray-400)}.disabled\:bg-green-200:disabled{background-color:var(--color-green-200)}.disabled\:bg-purple-200:disabled{background-color:var(--color-purple-200)}.disabled\:bg-red-200:disabled{background-color:var(--color-red-200)}.disabled\:bg-slate-100:disabled{background-color:var(--color-slate-100)}.disabled\:bg-slate-200:disabled{background-color:var(--color-slate-200)}.disabled\:bg-slate-300:disabled{background-color:var(--color-slate-300)}.disabled\:bg-slate-800:disabled{background-color:var(--color-slate-800)}.disabled\:text-gray-400:disabled{color:var(--color-gray-400)}.disabled\:\!opacity-50:disabled{opacity:.5!important}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}@media (hover:hover){.disabled\:hover\:bg-slate-300:disabled:hover{background-color:var(--color-slate-300)}}@media (min-width:40rem){.sm\:left-auto{left:auto}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:mt-8{margin-top:calc(var(--spacing)*8)}.sm\:mb-6{margin-bottom:calc(var(--spacing)*6)}.sm\:ml-auto{margin-left:auto}.sm\:h-2\.5{height:calc(var(--spacing)*2.5)}.sm\:w-2\.5{width:calc(var(--spacing)*2.5)}.sm\:w-64{width:calc(var(--spacing)*64)}.sm\:max-w-2xl{max-width:var(--container-2xl)}.sm\:max-w-4xl{max-width:var(--container-4xl)}.sm\:max-w-5xl{max-width:var(--container-5xl)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:gap-6{gap:calc(var(--spacing)*6)}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-3{padding-inline:calc(var(--spacing)*3)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.sm\:py-3{padding-block:calc(var(--spacing)*3)}.sm\:py-8{padding-block:calc(var(--spacing)*8)}.sm\:pt-20{padding-top:calc(var(--spacing)*20)}.sm\:text-right{text-align:right}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--text-lg--line-height);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--text-xl--line-height);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-8{grid-column:span 8/span 8}.md\:grid{display:grid}.md\:hidden{display:none}.md\:w-\[180px\]{width:180px}.md\:w-\[280px\]{width:280px}.md\:w-\[320px\]{width:320px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:justify-end{justify-content:flex-end}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:self-auto{align-self:auto}.md\:self-stretch{align-self:stretch}.md\:p-5{padding:calc(var(--spacing)*5)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:px-3{padding-inline:calc(var(--spacing)*3)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:py-4{padding-block:calc(var(--spacing)*4)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--text-base--line-height);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--text-xl--line-height);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[repeat\(auto-fit\,minmax\(280px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width:80rem){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}:where(.dark\:divide-gray-600:where(.dark,.dark *)>:not(:last-child)){border-color:var(--color-gray-600)}:where(.dark\:divide-gray-700:where(.dark,.dark *)>:not(:last-child)){border-color:var(--color-gray-700)}.dark\:border-amber-400:where(.dark,.dark *){border-color:var(--color-amber-400)}.dark\:border-amber-700:where(.dark,.dark *){border-color:var(--color-amber-700)}.dark\:border-amber-700\/60:where(.dark,.dark *){border-color:#b7500099}@supports (color:color-mix(in lab,red,red)){.dark\:border-amber-700\/60:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-amber-700) 60%,#0000)}}.dark\:border-amber-800:where(.dark,.dark *){border-color:var(--color-amber-800)}.dark\:border-blue-400:where(.dark,.dark *){border-color:var(--color-blue-400)}.dark\:border-blue-700:where(.dark,.dark *){border-color:var(--color-blue-700)}.dark\:border-blue-700\/60:where(.dark,.dark *){border-color:#1447e699}@supports (color:color-mix(in lab,red,red)){.dark\:border-blue-700\/60:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-blue-700) 60%,#0000)}}.dark\:border-blue-800:where(.dark,.dark *){border-color:var(--color-blue-800)}.dark\:border-blue-900:where(.dark,.dark *){border-color:var(--color-blue-900)}.dark\:border-cyan-400:where(.dark,.dark *){border-color:var(--color-cyan-400)}.dark\:border-cyan-700:where(.dark,.dark *){border-color:var(--color-cyan-700)}.dark\:border-emerald-400:where(.dark,.dark *){border-color:var(--color-emerald-400)}.dark\:border-emerald-700:where(.dark,.dark *){border-color:var(--color-emerald-700)}.dark\:border-emerald-800:where(.dark,.dark *){border-color:var(--color-emerald-800)}.dark\:border-gray-400:where(.dark,.dark *){border-color:var(--color-gray-400)}.dark\:border-gray-600:where(.dark,.dark *){border-color:var(--color-gray-600)}.dark\:border-gray-700:where(.dark,.dark *){border-color:var(--color-gray-700)}.dark\:border-gray-700\/60:where(.dark,.dark *){border-color:#36415399}@supports (color:color-mix(in lab,red,red)){.dark\:border-gray-700\/60:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-gray-700) 60%,#0000)}}.dark\:border-gray-800:where(.dark,.dark *){border-color:var(--color-gray-800)}.dark\:border-green-400:where(.dark,.dark *){border-color:var(--color-green-400)}.dark\:border-green-500:where(.dark,.dark *){border-color:var(--color-green-500)}.dark\:border-green-700:where(.dark,.dark *){border-color:var(--color-green-700)}.dark\:border-green-700\/60:where(.dark,.dark *){border-color:#00813899}@supports (color:color-mix(in lab,red,red)){.dark\:border-green-700\/60:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-green-700) 60%,#0000)}}.dark\:border-green-800:where(.dark,.dark *){border-color:var(--color-green-800)}.dark\:border-indigo-400:where(.dark,.dark *){border-color:var(--color-indigo-400)}.dark\:border-indigo-700:where(.dark,.dark *){border-color:var(--color-indigo-700)}.dark\:border-indigo-700\/60:where(.dark,.dark *){border-color:#432dd799}@supports (color:color-mix(in lab,red,red)){.dark\:border-indigo-700\/60:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-indigo-700) 60%,#0000)}}.dark\:border-orange-700:where(.dark,.dark *){border-color:var(--color-orange-700)}.dark\:border-purple-400:where(.dark,.dark *){border-color:var(--color-purple-400)}.dark\:border-purple-700:where(.dark,.dark *){border-color:var(--color-purple-700)}.dark\:border-purple-700\/60:where(.dark,.dark *){border-color:#8200da99}@supports (color:color-mix(in lab,red,red)){.dark\:border-purple-700\/60:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-purple-700) 60%,#0000)}}.dark\:border-red-400:where(.dark,.dark *){border-color:var(--color-red-400)}.dark\:border-red-700:where(.dark,.dark *){border-color:var(--color-red-700)}.dark\:border-red-700\/60:where(.dark,.dark *){border-color:#bf000f99}@supports (color:color-mix(in lab,red,red)){.dark\:border-red-700\/60:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-red-700) 60%,#0000)}}.dark\:border-red-800:where(.dark,.dark *){border-color:var(--color-red-800)}.dark\:border-sky-400:where(.dark,.dark *){border-color:var(--color-sky-400)}.dark\:border-slate-400:where(.dark,.dark *){border-color:var(--color-slate-400)}.dark\:border-teal-400:where(.dark,.dark *){border-color:var(--color-teal-400)}.dark\:border-violet-400:where(.dark,.dark *){border-color:var(--color-violet-400)}.dark\:border-violet-700:where(.dark,.dark *){border-color:var(--color-violet-700)}.dark\:border-violet-800:where(.dark,.dark *){border-color:var(--color-violet-800)}.dark\:border-yellow-800:where(.dark,.dark *){border-color:var(--color-yellow-800)}.dark\:bg-amber-900:where(.dark,.dark *){background-color:var(--color-amber-900)}.dark\:bg-amber-900\/20:where(.dark,.dark *){background-color:#7b330633}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900) 20%,#0000)}}.dark\:bg-amber-900\/25:where(.dark,.dark *){background-color:#7b330640}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/25:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900) 25%,#0000)}}.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:#7b33064d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900) 30%,#0000)}}.dark\:bg-amber-900\/40:where(.dark,.dark *){background-color:#7b330666}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900) 40%,#0000)}}.dark\:bg-amber-900\/50:where(.dark,.dark *){background-color:#7b330680}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900) 50%,#0000)}}.dark\:bg-amber-900\/90:where(.dark,.dark *){background-color:#7b3306e6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/90:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900) 90%,#0000)}}.dark\:bg-amber-950\/30:where(.dark,.dark *){background-color:#4619014d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-950) 30%,#0000)}}.dark\:bg-blue-900:where(.dark,.dark *){background-color:var(--color-blue-900)}.dark\:bg-blue-900\/20:where(.dark,.dark *){background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900) 20%,#0000)}}.dark\:bg-blue-900\/30:where(.dark,.dark *){background-color:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900) 30%,#0000)}}.dark\:bg-blue-900\/40:where(.dark,.dark *){background-color:#1c398e66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900) 40%,#0000)}}.dark\:bg-blue-900\/90:where(.dark,.dark *){background-color:#1c398ee6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/90:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900) 90%,#0000)}}.dark\:bg-blue-950\/30:where(.dark,.dark *){background-color:#1624564d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-950) 30%,#0000)}}.dark\:bg-cyan-900\/20:where(.dark,.dark *){background-color:#104e6433}@supports (color:color-mix(in lab,red,red)){.dark\:bg-cyan-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-cyan-900) 20%,#0000)}}.dark\:bg-cyan-900\/30:where(.dark,.dark *){background-color:#104e644d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-cyan-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-cyan-900) 30%,#0000)}}.dark\:bg-cyan-900\/40:where(.dark,.dark *){background-color:#104e6466}@supports (color:color-mix(in lab,red,red)){.dark\:bg-cyan-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-cyan-900) 40%,#0000)}}.dark\:bg-emerald-900\/20:where(.dark,.dark *){background-color:#004e3b33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-900) 20%,#0000)}}.dark\:bg-emerald-900\/30:where(.dark,.dark *){background-color:#004e3b4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-900) 30%,#0000)}}.dark\:bg-emerald-900\/40:where(.dark,.dark *){background-color:#004e3b66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-900) 40%,#0000)}}.dark\:bg-gray-600:where(.dark,.dark *){background-color:var(--color-gray-600)}.dark\:bg-gray-600\/50:where(.dark,.dark *){background-color:#4a556580}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-600\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-600) 50%,#0000)}}.dark\:bg-gray-700:where(.dark,.dark *){background-color:var(--color-gray-700)}.dark\:bg-gray-700\/30:where(.dark,.dark *){background-color:#3641534d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-700\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-700) 30%,#0000)}}.dark\:bg-gray-700\/50:where(.dark,.dark *){background-color:#36415380}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-700\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-700) 50%,#0000)}}.dark\:bg-gray-700\/80:where(.dark,.dark *){background-color:#364153cc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-700\/80:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-700) 80%,#0000)}}.dark\:bg-gray-800:where(.dark,.dark *){background-color:var(--color-gray-800)}.dark\:bg-gray-800\/50:where(.dark,.dark *){background-color:#1e293980}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-800\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-800) 50%,#0000)}}.dark\:bg-gray-800\/80:where(.dark,.dark *){background-color:#1e2939cc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-800\/80:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-800) 80%,#0000)}}.dark\:bg-gray-900:where(.dark,.dark *){background-color:var(--color-gray-900)}.dark\:bg-gray-900\/30:where(.dark,.dark *){background-color:#1018284d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-900) 30%,#0000)}}.dark\:bg-gray-900\/40:where(.dark,.dark *){background-color:#10182866}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-900) 40%,#0000)}}.dark\:bg-gray-950:where(.dark,.dark *){background-color:var(--color-gray-950)}.dark\:bg-green-900:where(.dark,.dark *){background-color:var(--color-green-900)}.dark\:bg-green-900\/20:where(.dark,.dark *){background-color:#0d542b33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-green-900) 20%,#0000)}}.dark\:bg-green-900\/30:where(.dark,.dark *){background-color:#0d542b4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-green-900) 30%,#0000)}}.dark\:bg-green-900\/40:where(.dark,.dark *){background-color:#0d542b66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-green-900) 40%,#0000)}}.dark\:bg-green-900\/50:where(.dark,.dark *){background-color:#0d542b80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-green-900) 50%,#0000)}}.dark\:bg-green-900\/90:where(.dark,.dark *){background-color:#0d542be6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/90:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-green-900) 90%,#0000)}}.dark\:bg-green-950\/30:where(.dark,.dark *){background-color:#032e154d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-green-950) 30%,#0000)}}.dark\:bg-indigo-900\/20:where(.dark,.dark *){background-color:#312c8533}@supports (color:color-mix(in lab,red,red)){.dark\:bg-indigo-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-indigo-900) 20%,#0000)}}.dark\:bg-indigo-900\/30:where(.dark,.dark *){background-color:#312c854d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-indigo-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-indigo-900) 30%,#0000)}}.dark\:bg-indigo-900\/40:where(.dark,.dark *){background-color:#312c8566}@supports (color:color-mix(in lab,red,red)){.dark\:bg-indigo-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-indigo-900) 40%,#0000)}}.dark\:bg-orange-900:where(.dark,.dark *){background-color:var(--color-orange-900)}.dark\:bg-orange-900\/20:where(.dark,.dark *){background-color:#7e2a0c33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-orange-900) 20%,#0000)}}.dark\:bg-orange-900\/30:where(.dark,.dark *){background-color:#7e2a0c4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-orange-900) 30%,#0000)}}.dark\:bg-orange-900\/40:where(.dark,.dark *){background-color:#7e2a0c66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-orange-900) 40%,#0000)}}.dark\:bg-purple-900:where(.dark,.dark *){background-color:var(--color-purple-900)}.dark\:bg-purple-900\/30:where(.dark,.dark *){background-color:#59168b4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-purple-900) 30%,#0000)}}.dark\:bg-red-900:where(.dark,.dark *){background-color:var(--color-red-900)}.dark\:bg-red-900\/20:where(.dark,.dark *){background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-900) 20%,#0000)}}.dark\:bg-red-900\/30:where(.dark,.dark *){background-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-900) 30%,#0000)}}.dark\:bg-red-900\/40:where(.dark,.dark *){background-color:#82181a66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-900) 40%,#0000)}}.dark\:bg-red-900\/50:where(.dark,.dark *){background-color:#82181a80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-900) 50%,#0000)}}.dark\:bg-red-900\/90:where(.dark,.dark *){background-color:#82181ae6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/90:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-900) 90%,#0000)}}.dark\:bg-red-950\/20:where(.dark,.dark *){background-color:#46080933}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-950\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-950) 20%,#0000)}}.dark\:bg-red-950\/30:where(.dark,.dark *){background-color:#4608094d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-950) 30%,#0000)}}.dark\:bg-sky-900\/50:where(.dark,.dark *){background-color:#024a7080}@supports (color:color-mix(in lab,red,red)){.dark\:bg-sky-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-sky-900) 50%,#0000)}}.dark\:bg-slate-700:where(.dark,.dark *){background-color:var(--color-slate-700)}.dark\:bg-slate-800\/50:where(.dark,.dark *){background-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-slate-800\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-slate-800) 50%,#0000)}}.dark\:bg-teal-900\/30:where(.dark,.dark *){background-color:#0b4f4a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-teal-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-teal-900) 30%,#0000)}}.dark\:bg-violet-900\/20:where(.dark,.dark *){background-color:#4d179a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-violet-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-violet-900) 20%,#0000)}}.dark\:bg-violet-900\/40:where(.dark,.dark *){background-color:#4d179a66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-violet-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-violet-900) 40%,#0000)}}.dark\:bg-violet-900\/50:where(.dark,.dark *){background-color:#4d179a80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-violet-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-violet-900) 50%,#0000)}}.dark\:bg-violet-950\/30:where(.dark,.dark *){background-color:#2f0d684d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-violet-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-violet-950) 30%,#0000)}}.dark\:bg-yellow-900:where(.dark,.dark *){background-color:var(--color-yellow-900)}.dark\:bg-yellow-900\/20:where(.dark,.dark *){background-color:#733e0a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-yellow-900) 20%,#0000)}}.dark\:bg-yellow-900\/30:where(.dark,.dark *){background-color:#733e0a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-yellow-900) 30%,#0000)}}.dark\:bg-yellow-900\/40:where(.dark,.dark *){background-color:#733e0a66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-yellow-900) 40%,#0000)}}.dark\:from-amber-700:where(.dark,.dark *){--tw-gradient-from:var(--color-amber-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-amber-900\/20:where(.dark,.dark *){--tw-gradient-from:#7b330633}@supports (color:color-mix(in lab,red,red)){.dark\:from-amber-900\/20:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-amber-900) 20%,#0000)}}.dark\:from-amber-900\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-blue-700:where(.dark,.dark *){--tw-gradient-from:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-blue-900\/20:where(.dark,.dark *){--tw-gradient-from:#1c398e33}@supports (color:color-mix(in lab,red,red)){.dark\:from-blue-900\/20:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-blue-900) 20%,#0000)}}.dark\:from-blue-900\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-cyan-700:where(.dark,.dark *){--tw-gradient-from:var(--color-cyan-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-emerald-900\/20:where(.dark,.dark *){--tw-gradient-from:#004e3b33}@supports (color:color-mix(in lab,red,red)){.dark\:from-emerald-900\/20:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-emerald-900) 20%,#0000)}}.dark\:from-emerald-900\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-gray-800:where(.dark,.dark *){--tw-gradient-from:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-gray-800\/80:where(.dark,.dark *){--tw-gradient-from:#1e2939cc}@supports (color:color-mix(in lab,red,red)){.dark\:from-gray-800\/80:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-gray-800) 80%,#0000)}}.dark\:from-gray-800\/80:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-gray-900\/50:where(.dark,.dark *){--tw-gradient-from:#10182880}@supports (color:color-mix(in lab,red,red)){.dark\:from-gray-900\/50:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-gray-900) 50%,#0000)}}.dark\:from-gray-900\/50:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:via-amber-800:where(.dark,.dark *){--tw-gradient-via:var(--color-amber-800);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-blue-800:where(.dark,.dark *){--tw-gradient-via:var(--color-blue-800);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-cyan-800:where(.dark,.dark *){--tw-gradient-via:var(--color-cyan-800);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-gray-800:where(.dark,.dark *){--tw-gradient-via:var(--color-gray-800);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:to-amber-800\/20:where(.dark,.dark *){--tw-gradient-to:#953d0033}@supports (color:color-mix(in lab,red,red)){.dark\:to-amber-800\/20:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-amber-800) 20%,#0000)}}.dark\:to-amber-800\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-amber-900:where(.dark,.dark *){--tw-gradient-to:var(--color-amber-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-amber-900\/20:where(.dark,.dark *){--tw-gradient-to:#7b330633}@supports (color:color-mix(in lab,red,red)){.dark\:to-amber-900\/20:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-amber-900) 20%,#0000)}}.dark\:to-amber-900\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-blue-800:where(.dark,.dark *){--tw-gradient-to:var(--color-blue-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-blue-800\/20:where(.dark,.dark *){--tw-gradient-to:#193cb833}@supports (color:color-mix(in lab,red,red)){.dark\:to-blue-800\/20:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-blue-800) 20%,#0000)}}.dark\:to-blue-800\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-blue-900:where(.dark,.dark *){--tw-gradient-to:var(--color-blue-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-cyan-900:where(.dark,.dark *){--tw-gradient-to:var(--color-cyan-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-emerald-800\/20:where(.dark,.dark *){--tw-gradient-to:#005f4633}@supports (color:color-mix(in lab,red,red)){.dark\:to-emerald-800\/20:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-emerald-800) 20%,#0000)}}.dark\:to-emerald-800\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-emerald-900\/20:where(.dark,.dark *){--tw-gradient-to:#004e3b33}@supports (color:color-mix(in lab,red,red)){.dark\:to-emerald-900\/20:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-emerald-900) 20%,#0000)}}.dark\:to-emerald-900\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-gray-700:where(.dark,.dark *){--tw-gradient-to:var(--color-gray-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-gray-800:where(.dark,.dark *){--tw-gradient-to:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-gray-900\/50:where(.dark,.dark *){--tw-gradient-to:#10182880}@supports (color:color-mix(in lab,red,red)){.dark\:to-gray-900\/50:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-gray-900) 50%,#0000)}}.dark\:to-gray-900\/50:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-gray-900\/80:where(.dark,.dark *){--tw-gradient-to:#101828cc}@supports (color:color-mix(in lab,red,red)){.dark\:to-gray-900\/80:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-gray-900) 80%,#0000)}}.dark\:to-gray-900\/80:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-green-900\/20:where(.dark,.dark *){--tw-gradient-to:#0d542b33}@supports (color:color-mix(in lab,red,red)){.dark\:to-green-900\/20:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-green-900) 20%,#0000)}}.dark\:to-green-900\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-red-900\/20:where(.dark,.dark *){--tw-gradient-to:#82181a33}@supports (color:color-mix(in lab,red,red)){.dark\:to-red-900\/20:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-red-900) 20%,#0000)}}.dark\:to-red-900\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-sky-900\/20:where(.dark,.dark *){--tw-gradient-to:#024a7033}@supports (color:color-mix(in lab,red,red)){.dark\:to-sky-900\/20:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-sky-900) 20%,#0000)}}.dark\:to-sky-900\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-slate-800\/50:where(.dark,.dark *){--tw-gradient-to:#1d293d80}@supports (color:color-mix(in lab,red,red)){.dark\:to-slate-800\/50:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-slate-800) 50%,#0000)}}.dark\:to-slate-800\/50:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-teal-900\/20:where(.dark,.dark *){--tw-gradient-to:#0b4f4a33}@supports (color:color-mix(in lab,red,red)){.dark\:to-teal-900\/20:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-teal-900) 20%,#0000)}}.dark\:to-teal-900\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-violet-900\/20:where(.dark,.dark *){--tw-gradient-to:#4d179a33}@supports (color:color-mix(in lab,red,red)){.dark\:to-violet-900\/20:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-violet-900) 20%,#0000)}}.dark\:to-violet-900\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:text-amber-100:where(.dark,.dark *){color:var(--color-amber-100)}.dark\:text-amber-200:where(.dark,.dark *){color:var(--color-amber-200)}.dark\:text-amber-300:where(.dark,.dark *){color:var(--color-amber-300)}.dark\:text-amber-400:where(.dark,.dark *){color:var(--color-amber-400)}.dark\:text-blue-100:where(.dark,.dark *){color:var(--color-blue-100)}.dark\:text-blue-200:where(.dark,.dark *){color:var(--color-blue-200)}.dark\:text-blue-300:where(.dark,.dark *){color:var(--color-blue-300)}.dark\:text-blue-300\/90:where(.dark,.dark *){color:#90c5ffe6}@supports (color:color-mix(in lab,red,red)){.dark\:text-blue-300\/90:where(.dark,.dark *){color:color-mix(in oklab,var(--color-blue-300) 90%,#0000)}}.dark\:text-blue-400:where(.dark,.dark *){color:var(--color-blue-400)}.dark\:text-cyan-300:where(.dark,.dark *){color:var(--color-cyan-300)}.dark\:text-cyan-400:where(.dark,.dark *){color:var(--color-cyan-400)}.dark\:text-emerald-100:where(.dark,.dark *){color:var(--color-emerald-100)}.dark\:text-emerald-200:where(.dark,.dark *){color:var(--color-emerald-200)}.dark\:text-emerald-300:where(.dark,.dark *){color:var(--color-emerald-300)}.dark\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\:text-gray-100:where(.dark,.dark *){color:var(--color-gray-100)}.dark\:text-gray-200:where(.dark,.dark *){color:var(--color-gray-200)}.dark\:text-gray-300:where(.dark,.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}.dark\:text-gray-500:where(.dark,.dark *){color:var(--color-gray-500)}.dark\:text-green-100:where(.dark,.dark *){color:var(--color-green-100)}.dark\:text-green-200:where(.dark,.dark *){color:var(--color-green-200)}.dark\:text-green-300:where(.dark,.dark *){color:var(--color-green-300)}.dark\:text-green-400:where(.dark,.dark *){color:var(--color-green-400)}.dark\:text-indigo-200:where(.dark,.dark *){color:var(--color-indigo-200)}.dark\:text-indigo-300:where(.dark,.dark *){color:var(--color-indigo-300)}.dark\:text-indigo-400:where(.dark,.dark *){color:var(--color-indigo-400)}.dark\:text-orange-200:where(.dark,.dark *){color:var(--color-orange-200)}.dark\:text-orange-300:where(.dark,.dark *){color:var(--color-orange-300)}.dark\:text-orange-400:where(.dark,.dark *){color:var(--color-orange-400)}.dark\:text-purple-100:where(.dark,.dark *){color:var(--color-purple-100)}.dark\:text-purple-300:where(.dark,.dark *){color:var(--color-purple-300)}.dark\:text-purple-400:where(.dark,.dark *){color:var(--color-purple-400)}.dark\:text-red-100:where(.dark,.dark *){color:var(--color-red-100)}.dark\:text-red-200:where(.dark,.dark *){color:var(--color-red-200)}.dark\:text-red-300:where(.dark,.dark *){color:var(--color-red-300)}.dark\:text-red-400:where(.dark,.dark *){color:var(--color-red-400)}.dark\:text-sky-400:where(.dark,.dark *){color:var(--color-sky-400)}.dark\:text-slate-100:where(.dark,.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-slate-300:where(.dark,.dark *){color:var(--color-slate-300)}.dark\:text-slate-400:where(.dark,.dark *){color:var(--color-slate-400)}.dark\:text-slate-500:where(.dark,.dark *){color:var(--color-slate-500)}.dark\:text-teal-200:where(.dark,.dark *){color:var(--color-teal-200)}.dark\:text-teal-400:where(.dark,.dark *){color:var(--color-teal-400)}.dark\:text-violet-300:where(.dark,.dark *){color:var(--color-violet-300)}.dark\:text-violet-400:where(.dark,.dark *){color:var(--color-violet-400)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:text-yellow-200:where(.dark,.dark *){color:var(--color-yellow-200)}.dark\:text-yellow-300:where(.dark,.dark *){color:var(--color-yellow-300)}.dark\:text-yellow-400:where(.dark,.dark *){color:var(--color-yellow-400)}.dark\:placeholder-gray-400:where(.dark,.dark *)::placeholder{color:var(--color-gray-400)}.dark\:shadow-gray-900\/50:where(.dark,.dark *){--tw-shadow-color:#10182880}@supports (color:color-mix(in lab,red,red)){.dark\:shadow-gray-900\/50:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-gray-900) 50%,#0000) var(--tw-shadow-alpha),#0000)}}.dark\:ring-amber-700\/50:where(.dark,.dark *){--tw-ring-color:#b7500080}@supports (color:color-mix(in lab,red,red)){.dark\:ring-amber-700\/50:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-amber-700) 50%,#0000)}}.dark\:ring-green-700\/50:where(.dark,.dark *){--tw-ring-color:#00813880}@supports (color:color-mix(in lab,red,red)){.dark\:ring-green-700\/50:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-green-700) 50%,#0000)}}.dark\:ring-red-700\/50:where(.dark,.dark *){--tw-ring-color:#bf000f80}@supports (color:color-mix(in lab,red,red)){.dark\:ring-red-700\/50:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-red-700) 50%,#0000)}}.dark\:ring-sky-700\/50:where(.dark,.dark *){--tw-ring-color:#0069a480}@supports (color:color-mix(in lab,red,red)){.dark\:ring-sky-700\/50:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-sky-700) 50%,#0000)}}.dark\:ring-violet-700\/50:where(.dark,.dark *){--tw-ring-color:#7008e780}@supports (color:color-mix(in lab,red,red)){.dark\:ring-violet-700\/50:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-violet-700) 50%,#0000)}}@media (hover:hover){.dark\:group-hover\:text-blue-400:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-blue-400)}}.dark\:peer-focus\:ring-blue-800:where(.dark,.dark *):is(:where(.peer):focus~*){--tw-ring-color:var(--color-blue-800)}@media (hover:hover){.dark\:hover\:border-teal-600\/50:where(.dark,.dark *):hover{border-color:#00958880}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-teal-600\/50:where(.dark,.dark *):hover{border-color:color-mix(in oklab,var(--color-teal-600) 50%,#0000)}}.dark\:hover\:bg-amber-900\/30:where(.dark,.dark *):hover{background-color:#7b33064d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-amber-900\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-amber-900) 30%,#0000)}}.dark\:hover\:bg-amber-900\/50:where(.dark,.dark *):hover{background-color:#7b330680}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-amber-900\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-amber-900) 50%,#0000)}}.dark\:hover\:bg-blue-800\/50:where(.dark,.dark *):hover{background-color:#193cb880}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-blue-800\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-blue-800) 50%,#0000)}}.dark\:hover\:bg-blue-900\/50:where(.dark,.dark *):hover{background-color:#1c398e80}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-blue-900\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-blue-900) 50%,#0000)}}.dark\:hover\:bg-cyan-900\/50:where(.dark,.dark *):hover{background-color:#104e6480}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-cyan-900\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-cyan-900) 50%,#0000)}}.dark\:hover\:bg-emerald-900\/50:where(.dark,.dark *):hover{background-color:#004e3b80}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-emerald-900\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-emerald-900) 50%,#0000)}}.dark\:hover\:bg-gray-600:where(.dark,.dark *):hover{background-color:var(--color-gray-600)}.dark\:hover\:bg-gray-700:where(.dark,.dark *):hover{background-color:var(--color-gray-700)}.dark\:hover\:bg-gray-700\/30:where(.dark,.dark *):hover{background-color:#3641534d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-700\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-gray-700) 30%,#0000)}}.dark\:hover\:bg-gray-700\/40:where(.dark,.dark *):hover{background-color:#36415366}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-700\/40:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-gray-700) 40%,#0000)}}.dark\:hover\:bg-gray-700\/50:where(.dark,.dark *):hover{background-color:#36415380}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-700\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-gray-700) 50%,#0000)}}.dark\:hover\:bg-gray-700\/60:where(.dark,.dark *):hover{background-color:#36415399}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-700\/60:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-gray-700) 60%,#0000)}}.dark\:hover\:bg-gray-800:where(.dark,.dark *):hover{background-color:var(--color-gray-800)}.dark\:hover\:bg-gray-800\/50:where(.dark,.dark *):hover{background-color:#1e293980}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-800\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-gray-800) 50%,#0000)}}.dark\:hover\:bg-green-800\/50:where(.dark,.dark *):hover{background-color:#01663080}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-green-800\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-green-800) 50%,#0000)}}.dark\:hover\:bg-green-900\/20:where(.dark,.dark *):hover{background-color:#0d542b33}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-green-900\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-green-900) 20%,#0000)}}.dark\:hover\:bg-green-900\/50:where(.dark,.dark *):hover{background-color:#0d542b80}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-green-900\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-green-900) 50%,#0000)}}.dark\:hover\:bg-indigo-900\/50:where(.dark,.dark *):hover{background-color:#312c8580}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-indigo-900\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-indigo-900) 50%,#0000)}}.dark\:hover\:bg-purple-900\/50:where(.dark,.dark *):hover{background-color:#59168b80}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-purple-900\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-purple-900) 50%,#0000)}}.dark\:hover\:bg-red-800\/30:where(.dark,.dark *):hover{background-color:#9f07124d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-800\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-red-800) 30%,#0000)}}.dark\:hover\:bg-red-800\/50:where(.dark,.dark *):hover{background-color:#9f071280}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-800\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-red-800) 50%,#0000)}}.dark\:hover\:bg-red-900\/20:where(.dark,.dark *):hover{background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-900\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-red-900) 20%,#0000)}}.dark\:hover\:bg-red-900\/30:where(.dark,.dark *):hover{background-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-900\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-red-900) 30%,#0000)}}.dark\:hover\:bg-red-900\/50:where(.dark,.dark *):hover{background-color:#82181a80}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-900\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-red-900) 50%,#0000)}}.dark\:hover\:bg-teal-900\/20:where(.dark,.dark *):hover{background-color:#0b4f4a33}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-teal-900\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-teal-900) 20%,#0000)}}.dark\:hover\:bg-violet-900\/30:where(.dark,.dark *):hover{background-color:#4d179a4d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-violet-900\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-violet-900) 30%,#0000)}}.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white) 10%,#0000)}}.dark\:hover\:text-amber-200:where(.dark,.dark *):hover{color:var(--color-amber-200)}.dark\:hover\:text-blue-200:where(.dark,.dark *):hover{color:var(--color-blue-200)}.dark\:hover\:text-blue-300:where(.dark,.dark *):hover{color:var(--color-blue-300)}.dark\:hover\:text-cyan-200:where(.dark,.dark *):hover{color:var(--color-cyan-200)}.dark\:hover\:text-cyan-300:where(.dark,.dark *):hover{color:var(--color-cyan-300)}.dark\:hover\:text-emerald-200:where(.dark,.dark *):hover{color:var(--color-emerald-200)}.dark\:hover\:text-gray-200:where(.dark,.dark *):hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:where(.dark,.dark *):hover{color:var(--color-gray-300)}.dark\:hover\:text-green-200:where(.dark,.dark *):hover{color:var(--color-green-200)}.dark\:hover\:text-indigo-200:where(.dark,.dark *):hover{color:var(--color-indigo-200)}.dark\:hover\:text-purple-200:where(.dark,.dark *):hover{color:var(--color-purple-200)}.dark\:hover\:text-red-200:where(.dark,.dark *):hover{color:var(--color-red-200)}.dark\:hover\:text-red-300:where(.dark,.dark *):hover{color:var(--color-red-300)}.dark\:hover\:text-teal-300:where(.dark,.dark *):hover{color:var(--color-teal-300)}.dark\:hover\:text-white:where(.dark,.dark *):hover{color:var(--color-white)}.dark\:hover\:shadow-lg:where(.dark,.dark *):hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:hover\:shadow-gray-900\/70:where(.dark,.dark *):hover{--tw-shadow-color:#101828b3}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:shadow-gray-900\/70:where(.dark,.dark *):hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-gray-900) 70%,#0000) var(--tw-shadow-alpha),#0000)}}.dark\:hover\:ring-amber-500\/30:where(.dark,.dark *):hover{--tw-ring-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:ring-amber-500\/30:where(.dark,.dark *):hover{--tw-ring-color:color-mix(in oklab,var(--color-amber-500) 30%,#0000)}}.dark\:hover\:ring-emerald-500\/30:where(.dark,.dark *):hover{--tw-ring-color:#00bb7f4d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:ring-emerald-500\/30:where(.dark,.dark *):hover{--tw-ring-color:color-mix(in oklab,var(--color-emerald-500) 30%,#0000)}}.dark\:hover\:ring-green-500\/30:where(.dark,.dark *):hover{--tw-ring-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:ring-green-500\/30:where(.dark,.dark *):hover{--tw-ring-color:color-mix(in oklab,var(--color-green-500) 30%,#0000)}}.dark\:hover\:ring-red-500\/30:where(.dark,.dark *):hover{--tw-ring-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:ring-red-500\/30:where(.dark,.dark *):hover{--tw-ring-color:color-mix(in oklab,var(--color-red-500) 30%,#0000)}}.dark\:hover\:ring-sky-500\/30:where(.dark,.dark *):hover{--tw-ring-color:#00a5ef4d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:ring-sky-500\/30:where(.dark,.dark *):hover{--tw-ring-color:color-mix(in oklab,var(--color-sky-500) 30%,#0000)}}.dark\:hover\:ring-slate-500\/30:where(.dark,.dark *):hover{--tw-ring-color:#62748e4d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:ring-slate-500\/30:where(.dark,.dark *):hover{--tw-ring-color:color-mix(in oklab,var(--color-slate-500) 30%,#0000)}}.dark\:hover\:ring-teal-500\/30:where(.dark,.dark *):hover{--tw-ring-color:#00baa74d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:ring-teal-500\/30:where(.dark,.dark *):hover{--tw-ring-color:color-mix(in oklab,var(--color-teal-500) 30%,#0000)}}.dark\:hover\:ring-violet-500\/30:where(.dark,.dark *):hover{--tw-ring-color:#8d54ff4d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:ring-violet-500\/30:where(.dark,.dark *):hover{--tw-ring-color:color-mix(in oklab,var(--color-violet-500) 30%,#0000)}}}.\[\&_\.MuiTableCell-root\]\:px-3 .MuiTableCell-root{padding-inline:calc(var(--spacing)*3)}.\[\&_\.MuiTableCell-root\]\:py-2\.5 .MuiTableCell-root{padding-block:calc(var(--spacing)*2.5)}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\&\>svg\]\:h-5>svg{height:calc(var(--spacing)*5)}.\[\&\>svg\]\:h-\[18px\]>svg{height:18px}.\[\&\>svg\]\:w-5>svg{width:calc(var(--spacing)*5)}.\[\&\>svg\]\:w-\[18px\]>svg{width:18px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.dark body{background-color:#111827}.dark main .rounded-xl.bg-white{background-color:#1f2937}.dark main .border.border-gray-200,.dark main .rounded-xl.border-gray-200{border-color:#4b5563}.dark main .rounded-xl.bg-white .text-gray-900,.dark main .rounded-xl.bg-white .text-slate-800{color:#e5e7eb}.dark main .rounded-xl.bg-white .text-gray-500,.dark main .rounded-xl.bg-white .text-gray-600,.dark main .rounded-xl.bg-white .text-slate-600{color:#9ca3af}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.section-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);padding:calc(var(--spacing)*4)}.section-card:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.data-label{--tw-font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-wide);color:var(--color-gray-500);display:block;font-size:var(--text-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);line-height:var(--text-xs--line-height);line-height:var(--tw-leading,var(--text-xs--line-height));margin-bottom:calc(var(--spacing)*2);text-transform:uppercase}.data-label:where(.dark,.dark *){color:var(--color-gray-400)}.data-value{--tw-font-weight:var(--font-weight-medium);color:var(--color-gray-900);font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:var(--text-base--line-height);line-height:var(--tw-leading,var(--text-base--line-height));overflow-wrap:break-word}.data-value:where(.dark,.dark *){color:var(--color-gray-100)}.status-badge{--tw-font-weight:var(--font-weight-medium);align-items:center;border-radius:3.40282e+38px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:var(--text-xs--line-height);line-height:var(--tw-leading,var(--text-xs--line-height));padding-block:calc(var(--spacing)*.5);padding-inline:calc(var(--spacing)*2.5)}.status-badge.approved{background-color:var(--color-green-100);color:var(--color-green-800)}.status-badge.approved:where(.dark,.dark *){background-color:#0d542b66}@supports (color:color-mix(in lab,red,red)){.status-badge.approved:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-green-900) 40%,#0000)}}.status-badge.approved:where(.dark,.dark *){color:var(--color-green-200)}.status-badge.pending{background-color:var(--color-yellow-100);color:var(--color-yellow-800)}.status-badge.pending:where(.dark,.dark *){background-color:#733e0a66}@supports (color:color-mix(in lab,red,red)){.status-badge.pending:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-yellow-900) 40%,#0000)}}.status-badge.pending:where(.dark,.dark *){color:var(--color-yellow-200)}.status-badge.rejected{background-color:var(--color-red-100);color:var(--color-red-800)}.status-badge.rejected:where(.dark,.dark *){background-color:#82181a66}@supports (color:color-mix(in lab,red,red)){.status-badge.rejected:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-900) 40%,#0000)}}.status-badge.rejected:where(.dark,.dark *){color:var(--color-red-200)}.status-badge.draft{background-color:var(--color-gray-100);color:var(--color-gray-700)}.status-badge.draft:where(.dark,.dark *){background-color:var(--color-gray-700);color:var(--color-gray-300)}.status-badge.info{background-color:var(--color-blue-100);color:var(--color-blue-800)}.status-badge.info:where(.dark,.dark *){background-color:#1c398e66}@supports (color:color-mix(in lab,red,red)){.status-badge.info:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900) 40%,#0000)}}.status-badge.info:where(.dark,.dark *){color:var(--color-blue-200)}.notification-dot-blink{animation:notification-dot-pulse 1.6s ease-in-out infinite;background-color:#ef4444;border-radius:50%;box-shadow:0 0 0 2px #ef444459;display:inline-block;height:10px;min-height:10px;min-width:10px;width:10px}@keyframes notification-dot-pulse{0%,to{box-shadow:0 0 0 2px #ef444459;opacity:1;transform:scale(1)}50%{box-shadow:0 0 0 6px #ef444433;opacity:.5;transform:scale(1.15)}}.notification-badge-blink{align-items:center;animation:notification-badge-pulse 1.6s ease-in-out infinite;background-color:#ef4444;border-radius:9px;box-shadow:0 0 0 2px #ef444459;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px}@keyframes notification-badge-pulse{0%,to{box-shadow:0 0 0 2px #ef444459;opacity:1;transform:scale(1)}50%{box-shadow:0 0 0 6px #ef444433;opacity:.85;transform:scale(1.08)}}.hod-appraisal-tabs{--tw-gradient-position:to bottom right in oklab;--tw-gradient-from:var(--color-white);--tw-gradient-to:color-mix(in oklab,var(--color-gray-50) 80%,#0000);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);align-items:center;background-image:linear-gradient(var(--tw-gradient-stops));border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;gap:calc(var(--spacing)*1);overflow-x:auto;padding:calc(var(--spacing)*2)}.hod-appraisal-tabs:where(.dark,.dark *){--tw-gradient-from:var(--color-gray-800);--tw-gradient-to:#1e2939cc;border-color:var(--color-gray-600)}@supports (color:color-mix(in lab,red,red)){.hod-appraisal-tabs:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-gray-800) 80%,#0000)}}.hod-appraisal-tabs:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hod-appraisal-tabs{scrollbar-width:thin}.hod-appraisal-tabs::-webkit-scrollbar{height:6px}.hod-appraisal-tabs::-webkit-scrollbar-track{background-color:var(--color-gray-100);border-radius:3.40282e+38px}.hod-appraisal-tabs::-webkit-scrollbar-track:where(){background-color:var(--color-gray-700)}.hod-appraisal-tabs::-webkit-scrollbar-thumb{background-color:var(--color-gray-300);border-radius:3.40282e+38px}.hod-appraisal-tabs::-webkit-scrollbar-thumb:where(){background-color:var(--color-gray-600)}.hod-appraisal-tab{--tw-font-weight:var(--font-weight-semibold);--tw-duration:.2s;align-items:center;background-color:#0000;border-color:#0000;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;color:var(--color-gray-600);display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);gap:calc(var(--spacing)*2);justify-content:center;line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height));min-height:3.25rem;padding-block:calc(var(--spacing)*2.5);padding-inline:calc(var(--spacing)*4);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.2s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.hod-appraisal-tab:where(.dark,.dark *){color:var(--color-gray-400)}@media (hover:hover){.hod-appraisal-tab:hover{background-color:var(--color-blue-50);border-color:var(--color-blue-200);color:var(--color-blue-700)}.hod-appraisal-tab:where(.dark,.dark *):hover{background-color:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-blue-300)}}.hod-appraisal-tab--active{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);background-color:var(--color-blue-600);border-color:var(--color-blue-600);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--color-white)}@media (hover:hover){.hod-appraisal-tab--active:hover{background-color:var(--color-blue-700);border-color:var(--color-blue-700);color:var(--color-white)}}.dark .hod-appraisal-tab--active{background-color:var(--color-blue-600);border-color:var(--color-blue-600);color:var(--color-white)}@media (hover:hover){.dark .hod-appraisal-tab--active:hover{background-color:var(--color-blue-600);color:var(--color-white)}}.hod-dashboard-alerts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,1fr)}@media (min-width:900px){.hod-dashboard-alerts-grid{grid-template-columns:repeat(2,1fr)}}.hod-alert-card{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:260px}.hod-alert-card .hod-alert-card-body{display:flex;flex:1 1;flex-direction:column;min-height:0}.hod-alert-card .hod-alert-card-content{flex:1 1;min-height:0;overflow:auto}.hod-pt-vacancy-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-duration:.3s;background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;flex-direction:column;gap:calc(var(--spacing)*4);height:260px;max-height:260px;min-height:260px;padding:calc(var(--spacing)*4);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.3s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.hod-pt-vacancy-card:hover{--tw-translate-y:calc(var(--spacing)*-0.5);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media (min-width:48rem){.hod-pt-vacancy-card{align-items:stretch;flex-direction:row;gap:calc(var(--spacing)*6);padding:calc(var(--spacing)*5)}}.hod-pt-vacancy-card:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.hod-pt-vacancy-card .hod-pt-vacancy-card-main{display:flex;flex:1 1;flex-direction:column;gap:calc(var(--spacing)*3);min-height:calc(var(--spacing)*0);min-width:calc(var(--spacing)*0);overflow-y:auto}.hod-pt-vacancy-card-feedback-slot{min-height:3.5rem}.hod-pt-vacancy-card.draft{border-color:var(--color-gray-300);border-style:var(--tw-border-style);border-width:2px}.hod-pt-vacancy-card.draft:where(.dark,.dark *){border-color:var(--color-gray-500)}.hod-pt-admin-feedback{align-items:center;background-color:var(--color-amber-100);border-color:var(--color-amber-400);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:2px;display:flex;gap:calc(var(--spacing)*2);max-height:3.5rem;min-height:3.5rem;overflow:hidden;padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3)}.hod-pt-admin-feedback:where(.dark,.dark *){background-color:#7b33064d;border-color:var(--color-amber-500)}@supports (color:color-mix(in lab,red,red)){.hod-pt-admin-feedback:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900) 30%,#0000)}}.hod-pt-admin-feedback .hod-pt-admin-feedback-inner{flex:1 1;min-width:calc(var(--spacing)*0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hod-pt-admin-feedback-text{--tw-font-weight:var(--font-weight-bold);color:var(--color-amber-800);font-weight:var(--font-weight-bold)}.hod-pt-admin-feedback-text:where(.dark,.dark *){color:var(--color-amber-200)}.hod-pt-admin-feedback-body{color:var(--color-amber-900);margin-left:calc(var(--spacing)*1)}.hod-pt-admin-feedback-body:where(.dark,.dark *){color:var(--color-amber-100)}.hod-pt-vacancy-card-title{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:48rem){.hod-pt-vacancy-card-title{max-width:360px}}.hod-pt-vacancy-details-row{align-items:center;display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*4);min-height:2rem;padding-block:calc(var(--spacing)*1)}.hod-pt-hours-positive{--tw-font-weight:var(--font-weight-medium);color:var(--color-green-600);font-weight:var(--font-weight-medium)}.hod-pt-hours-positive:where(.dark,.dark *){color:var(--color-green-400)}.hod-pt-hours-negative{--tw-font-weight:var(--font-weight-medium);color:var(--color-red-600);font-weight:var(--font-weight-medium)}.hod-pt-hours-negative:where(.dark,.dark *){color:var(--color-red-400)}.hod-pt-section-title{--tw-font-weight:var(--font-weight-bold);align-items:center;color:var(--color-slate-900);display:flex;font-weight:var(--font-weight-bold);gap:calc(var(--spacing)*2)}.hod-pt-section-title:where(.dark,.dark *){color:var(--color-slate-100)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:thin}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{scroll-behavior:smooth}.header-banner{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);margin-bottom:calc(var(--spacing)*6);padding:calc(var(--spacing)*6)}.header-banner,.stat-card{border-radius:var(--radius-xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--color-white)}.stat-card{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);flex-direction:column;padding:calc(var(--spacing)*4)}.stat-card-content{align-items:center;display:flex;justify-content:space-between}.form-section{margin-bottom:calc(var(--spacing)*6)}.form-section-header{align-items:center;display:flex;gap:calc(var(--spacing)*2);margin-bottom:calc(var(--spacing)*3)}.form-section-divider{border-color:var(--color-gray-200);border-top-style:var(--tw-border-style);border-top-width:1px;margin-bottom:calc(var(--spacing)*4)}.form-section-divider:where(.dark,.dark *){border-color:var(--color-gray-600)}.table-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);overflow:hidden}.table-card:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.table-card-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);padding:calc(var(--spacing)*4)}.table-card-header:where(.dark,.dark *){border-color:var(--color-gray-600)}.tab-list{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);display:flex;gap:calc(var(--spacing)*1);margin-bottom:calc(var(--spacing)*4);overflow-x:auto}.tab-list:where(.dark,.dark *){border-color:var(--color-gray-600)}.tab-list{-ms-overflow-style:none;scrollbar-width:none}.tab-list::-webkit-scrollbar{display:none}.tab-button{--tw-font-weight:var(--font-weight-medium);align-items:center;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:calc(var(--spacing)*2);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));white-space:nowrap}.tab-button.active{background-color:var(--color-white);border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-blue-600);color:var(--color-blue-600);margin-bottom:-1px}.tab-button.active:where(.dark,.dark *){background-color:var(--color-gray-800);color:var(--color-blue-400)}.tab-button:not(.active){color:var(--color-gray-500)}@media (hover:hover){.tab-button:not(.active):hover{background-color:var(--color-gray-50);color:var(--color-gray-700)}}.tab-button:not(.active):where(.dark,.dark *){color:var(--color-gray-400)}@media (hover:hover){.tab-button:not(.active):where(.dark,.dark *):hover{background-color:#36415380}@supports (color:color-mix(in lab,red,red)){.tab-button:not(.active):where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-gray-700) 50%,#0000)}}.tab-button:not(.active):where(.dark,.dark *):hover{color:var(--color-gray-200)}}.empty-state{--tw-border-style:dashed;background-color:var(--color-gray-50);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:dashed;border-width:2px;padding:calc(var(--spacing)*8)}.empty-state:where(.dark,.dark *){background-color:#1e293980;border-color:var(--color-gray-600)}@supports (color:color-mix(in lab,red,red)){.empty-state:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-800) 50%,#0000)}}.detail-dialog-actions{background-color:var(--color-gray-50);border-color:var(--color-gray-200);border-top-style:var(--tw-border-style);border-top-width:1px;display:flex;gap:calc(var(--spacing)*2);justify-content:flex-end;padding:calc(var(--spacing)*4)}.detail-dialog-actions:where(.dark,.dark *){background-color:#1e293980;border-color:var(--color-gray-600)}@supports (color:color-mix(in lab,red,red)){.detail-dialog-actions:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-800) 50%,#0000)}}.eoffice-page{background-color:#f9fafbcc;max-width:100%;min-height:100vh}@supports (color:color-mix(in lab,red,red)){.eoffice-page{background-color:color-mix(in oklab,var(--color-gray-50) 80%,#0000)}}.eoffice-page{padding:calc(var(--spacing)*4)}@media (min-width:48rem){.eoffice-page{padding:calc(var(--spacing)*6)}}.eoffice-page:where(.dark,.dark *){background-color:#101828cc}@supports (color:color-mix(in lab,red,red)){.eoffice-page:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-900) 80%,#0000)}}.eoffice-header{align-items:center;display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*4);justify-content:space-between;margin-bottom:calc(var(--spacing)*6)}.eoffice-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-duration:.3s;background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);overflow:hidden;transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.3s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.eoffice-card:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.eoffice-card:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.eoffice-stat-card{--tw-duration:.3s;border-radius:var(--radius-xl);padding:calc(var(--spacing)*4);text-align:center;transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.3s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.eoffice-stat-card:hover{--tw-translate-y:calc(var(--spacing)*-0.5);translate:var(--tw-translate-x) var(--tw-translate-y)}}.eo-tabs-wrapper{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-bottom:calc(var(--spacing)*6);overflow-x:auto}.eo-tabs-wrapper:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.eo-tabs-inner{align-items:stretch;display:flex;gap:calc(var(--spacing)*0);min-height:72px}.eo-tab-btn{--tw-font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);--tw-duration:.3s;--tw-ease:var(--ease-out);align-items:center;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);color:var(--color-slate-600);display:flex;flex-direction:column;font-size:.75rem;font-weight:var(--font-weight-semibold);gap:calc(var(--spacing)*.5);justify-content:center;letter-spacing:var(--tracking-wide);min-width:100px;padding-block:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4);text-transform:uppercase;transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.3s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-timing-function:var(--ease-out)}@media (hover:hover){.eo-tab-btn:hover{background-color:var(--color-blue-50);color:var(--color-blue-600)}}.eo-tab-btn:where(.dark,.dark *){color:var(--color-gray-300)}@media (hover:hover){.eo-tab-btn:where(.dark,.dark *):hover{background-color:var(--color-gray-700);color:var(--color-blue-400)}}.eo-tab-btn--active{background-color:var(--color-blue-50);border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-blue-600);color:var(--color-blue-600)}.eo-tab-btn--active:where(.dark,.dark *){background-color:var(--color-gray-700);border-color:var(--color-blue-400);color:var(--color-blue-400)}.eo-tab-btn--active .eo-tab-icon{color:var(--color-blue-600)}.eo-tab-btn--active .eo-tab-icon:where(.dark,.dark *){color:var(--color-blue-400)}.eo-table-wrapper{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-slate-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);overflow:hidden}.eo-table-wrapper:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.config-page{max-width:100%;padding-block:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*4)}@media (min-width:48rem){.config-page{padding-inline:calc(var(--spacing)*6)}}.config-header{margin-bottom:calc(var(--spacing)*8);text-align:center}.config-grid{grid-gap:1.375rem;display:grid;gap:1.375rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:1.25rem 0}.config-card{--tw-duration:.2s;align-items:center;border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:center;padding:calc(var(--spacing)*5);text-align:center;transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.2s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.config-card:hover{--tw-translate-y:calc(var(--spacing)*-1);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);translate:var(--tw-translate-x) var(--tw-translate-y)}.config-modal-content{min-height:70vh;overflow:auto;padding:calc(var(--spacing)*4)}@media (min-width:48rem){.config-modal-content{padding:calc(var(--spacing)*6)}}.config-form-card{--tw-gradient-position:to bottom right in oklab;--tw-gradient-from:var(--color-gray-50);--tw-gradient-to:color-mix(in oklab,var(--color-blue-50) 50%,#0000);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));background-image:linear-gradient(var(--tw-gradient-stops));border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;margin-bottom:calc(var(--spacing)*6);padding:calc(var(--spacing)*6)}.config-form-card:where(.dark,.dark *){--tw-gradient-from:#1e293980;border-color:var(--color-gray-700)}@supports (color:color-mix(in lab,red,red)){.config-form-card:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-gray-800) 50%,#0000)}}.config-form-card:where(.dark,.dark *){--tw-gradient-to:#1c398e33}@supports (color:color-mix(in lab,red,red)){.config-form-card:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-blue-900) 20%,#0000)}}.config-form-card:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.config-form-title{--tw-font-weight:var(--font-weight-bold);color:var(--color-blue-600);font-size:var(--text-lg);font-weight:var(--font-weight-bold);line-height:var(--text-lg--line-height);line-height:var(--tw-leading,var(--text-lg--line-height));margin-bottom:calc(var(--spacing)*4)}.config-form-title:where(.dark,.dark *){color:var(--color-blue-400)}.config-list-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.config-list-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.config-list-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.config-list-grid{grid-template-columns:repeat(4,1fr)}}.config-item-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-duration:.3s;background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;flex-direction:column;max-height:200px;min-height:200px;padding:calc(var(--spacing)*4);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.3s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));width:100%}@media (hover:hover){.config-item-card:hover{--tw-translate-y:calc(var(--spacing)*-0.5);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);translate:var(--tw-translate-x) var(--tw-translate-y)}}.config-item-card:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.config-item-card--editing{--tw-gradient-position:to bottom right in oklab;--tw-gradient-from:var(--color-blue-50);--tw-gradient-to:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));background-image:linear-gradient(var(--tw-gradient-stops));border-color:var(--color-blue-500);border-style:var(--tw-border-style);border-width:2px}.config-item-card--editing:where(.dark,.dark *){--tw-gradient-from:#1c398e33}@supports (color:color-mix(in lab,red,red)){.config-item-card--editing:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-blue-900) 20%,#0000)}}.config-item-card--editing:where(.dark,.dark *){--tw-gradient-to:#59168b33}@supports (color:color-mix(in lab,red,red)){.config-item-card--editing:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-purple-900) 20%,#0000)}}.config-item-card--editing:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.config-section-title{--tw-font-weight:var(--font-weight-bold);color:var(--color-blue-600);font-size:var(--text-base);font-weight:var(--font-weight-bold);line-height:var(--text-base--line-height);line-height:var(--tw-leading,var(--text-base--line-height));margin-bottom:calc(var(--spacing)*4)}.config-section-title:where(.dark,.dark *){color:var(--color-blue-400)}.config-btn-group{display:flex;gap:calc(var(--spacing)*2);margin-top:auto}.config-info-card{--tw-gradient-position:to bottom right in oklab;--tw-gradient-from:var(--color-blue-50);--tw-gradient-to:color-mix(in oklab,var(--color-sky-100) 80%,#0000);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));background-image:linear-gradient(var(--tw-gradient-stops));border-color:var(--color-blue-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;margin-bottom:calc(var(--spacing)*6);padding:calc(var(--spacing)*4)}.config-info-card:where(.dark,.dark *){--tw-gradient-from:#1c398e33;border-color:var(--color-blue-800)}@supports (color:color-mix(in lab,red,red)){.config-info-card:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-blue-900) 20%,#0000)}}.config-info-card:where(.dark,.dark *){--tw-gradient-to:#024a7033}@supports (color:color-mix(in lab,red,red)){.config-info-card:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-sky-900) 20%,#0000)}}.config-info-card:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.goals-page{max-width:100%;min-width:calc(var(--spacing)*0);overflow-x:hidden;padding-block:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*4);width:100%}@media (min-width:48rem){.goals-page{padding-inline:calc(var(--spacing)*6)}}.goals-nav-wrapper{--tw-gradient-position:to bottom right in oklab;--tw-gradient-from:var(--color-slate-50);--tw-gradient-to:color-mix(in oklab,var(--color-indigo-50) 50%,#0000);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-image:linear-gradient(var(--tw-gradient-stops));border-color:var(--color-indigo-100);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-bottom:calc(var(--spacing)*6);padding:calc(var(--spacing)*6)}.goals-nav-wrapper:where(.dark,.dark *){--tw-gradient-from:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-to:var(--color-slate-800);border-color:var(--color-slate-700)}.goals-nav-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.goals-nav-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.goals-nav-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.goals-nav-grid{grid-template-columns:repeat(6,1fr)}}.goals-nav-card{--tw-duration:.25s;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:calc(var(--spacing)*3);max-height:140px;min-height:140px;padding:calc(var(--spacing)*5);text-align:left;transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.25s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));width:100%}@media (hover:hover){.goals-nav-card:hover{--tw-translate-y:calc(var(--spacing)*-1);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);translate:var(--tw-translate-x) var(--tw-translate-y)}}.goals-nav-card--active{border-color:#ffffff4d;border-style:var(--tw-border-style);border-width:1px}@supports (color:color-mix(in lab,red,red)){.goals-nav-card--active{border-color:color-mix(in oklab,var(--color-white) 30%,#0000)}}.goals-nav-card--active{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--color-white)}.goals-nav-card--inactive{border-color:#e2e8f080;border-style:var(--tw-border-style);border-width:1px}@supports (color:color-mix(in lab,red,red)){.goals-nav-card--inactive{border-color:color-mix(in oklab,var(--color-slate-200) 50%,#0000)}}.goals-nav-card--inactive{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.goals-nav-card--inactive{background-color:color-mix(in oklab,var(--color-white) 90%,#0000)}}.goals-nav-card--inactive{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--color-slate-800)}.goals-nav-card--inactive:where(.dark,.dark *){background-color:#1d293de6;border-color:var(--color-slate-600)}@supports (color:color-mix(in lab,red,red)){.goals-nav-card--inactive:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-slate-800) 90%,#0000)}}.goals-nav-card--inactive:where(.dark,.dark *){color:var(--color-slate-100)}.goals-nav-icon-wrap{align-items:center;border-radius:var(--radius-xl);display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.goals-nav-card--active .goals-nav-icon-wrap{background-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.goals-nav-card--active .goals-nav-icon-wrap{background-color:color-mix(in oklab,var(--color-white) 25%,#0000)}}.goals-nav-card--inactive .goals-nav-icon-wrap{background-color:#625fff1a}@supports (color:color-mix(in lab,red,red)){.goals-nav-card--inactive .goals-nav-icon-wrap{background-color:color-mix(in oklab,var(--color-indigo-500) 10%,#0000)}}.goals-nav-card--inactive .goals-nav-icon-wrap{color:var(--color-indigo-600)}.goals-nav-card--inactive .goals-nav-icon-wrap:where(.dark,.dark *){background-color:#7d87ff26}@supports (color:color-mix(in lab,red,red)){.goals-nav-card--inactive .goals-nav-icon-wrap:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-indigo-400) 15%,#0000)}}.goals-nav-card--inactive .goals-nav-icon-wrap:where(.dark,.dark *){color:var(--color-indigo-300)}.goals-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-duration:.3s;background-color:var(--color-white);border-color:var(--color-slate-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);overflow:hidden;transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.3s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.goals-card:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.goals-card:where(.dark,.dark *){background-color:var(--color-slate-900);border-color:var(--color-slate-700)}.goals-summary-card{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);--tw-duration:.3s;border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;flex-direction:column;justify-content:space-between;max-height:200px;min-height:200px;padding:calc(var(--spacing)*6);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.3s;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.goals-summary-card:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.goals-quick-actions-card{--tw-gradient-position:to bottom right in oklab;--tw-gradient-from:var(--color-slate-100);--tw-gradient-to:var(--color-slate-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));background-image:linear-gradient(var(--tw-gradient-stops));border-color:var(--color-slate-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;display:flex;flex-direction:column;max-height:300px;min-height:300px;width:100%}.goals-quick-actions-card:where(.dark,.dark *){--tw-gradient-from:var(--color-slate-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-to:var(--color-slate-900);border-color:var(--color-slate-700)}.goals-progress-card{--tw-gradient-position:to bottom right in oklab;--tw-gradient-from:var(--color-indigo-500);--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));background-image:linear-gradient(var(--tw-gradient-stops));border-radius:var(--radius-xl);color:var(--color-white);display:flex;flex-direction:column;max-height:300px;min-height:300px;width:100%}.goals-progress-bar{background-color:#fff3;border-radius:3.40282e+38px;height:calc(var(--spacing)*2.5);overflow:hidden}@supports (color:color-mix(in lab,red,red)){.goals-progress-bar{background-color:color-mix(in oklab,var(--color-white) 20%,#0000)}}.goals-progress-bar-fill{--tw-duration:.5s;border-radius:3.40282e+38px;height:100%;transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.5s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.goals-badge{--tw-font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-wide);align-items:center;border-radius:3.40282e+38px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);line-height:var(--text-xs--line-height);line-height:var(--tw-leading,var(--text-xs--line-height));padding-block:calc(var(--spacing)*.5);padding-inline:calc(var(--spacing)*2.5)}.goals-badge--active{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.goals-badge--active{background-color:color-mix(in oklab,var(--color-white) 30%,#0000)}}.goals-badge--active{color:var(--color-white)}.goals-tabs-simple{background-color:#f8fafc80;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200);margin-bottom:calc(var(--spacing)*6)}@supports (color:color-mix(in lab,red,red)){.goals-tabs-simple{background-color:color-mix(in oklab,var(--color-slate-50) 50%,#0000)}}.goals-tabs-simple:where(.dark,.dark *){background-color:#0f172b99;border-color:var(--color-slate-700)}@supports (color:color-mix(in lab,red,red)){.goals-tabs-simple:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-slate-900) 60%,#0000)}}.goals-tabs-simple-inner{align-items:center;display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*0);overflow-x:auto}.goals-tab-simple{--tw-font-weight:var(--font-weight-medium);--tw-duration:.2s;border-bottom:2px var(--tw-border-style);border-color:#0000;color:var(--color-slate-600);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height));margin-bottom:-1px;padding-block:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.2s;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));white-space:nowrap}@media (hover:hover){.goals-tab-simple:hover{color:var(--color-slate-800)}}.goals-tab-simple:where(.dark,.dark *){color:var(--color-slate-300)}@media (hover:hover){.goals-tab-simple:where(.dark,.dark *):hover{color:var(--color-white)}}.goals-tab-simple--active{border-color:var(--color-green-600);color:var(--color-green-600)}.goals-tab-simple--active:where(.dark,.dark *){border-color:var(--color-green-400);color:var(--color-green-400)}.hr-page{margin-inline:auto;max-width:100%;padding-inline:calc(var(--spacing)*4)}@media (min-width:48rem){.hr-page{padding-inline:calc(var(--spacing)*6)}}@media (min-width:64rem){.hr-page{padding-inline:calc(var(--spacing)*8)}}.hr-dashboard{--tw-gradient-position:to bottom right in oklab;--tw-gradient-from:var(--color-slate-50);--tw-gradient-to:var(--color-slate-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));background-image:linear-gradient(var(--tw-gradient-stops));min-height:100vh;padding:calc(var(--spacing)*4)}@media (min-width:48rem){.hr-dashboard{padding:calc(var(--spacing)*6)}}.hr-dashboard:where(.dark,.dark *){--tw-gradient-from:#0f172bcc}@supports (color:color-mix(in lab,red,red)){.hr-dashboard:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-slate-900) 80%,#0000)}}.hr-dashboard:where(.dark,.dark *){--tw-gradient-to:#1d293dcc}@supports (color:color-mix(in lab,red,red)){.hr-dashboard:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-slate-800) 80%,#0000)}}.hr-dashboard:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hr-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr);justify-content:center;margin-bottom:2rem;width:100%}@media (min-width:640px){.hr-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.hr-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.hr-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.hr-grid{grid-template-columns:repeat(5,1fr)}}.hr-card{--tw-duration:.3s;align-items:center;border-radius:var(--radius-2xl);color:var(--color-white);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:200px;justify-content:center;overflow:hidden;padding:calc(var(--spacing)*6);position:relative;text-align:center;transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.3s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));z-index:2}.hr-card:hover{--tw-translate-y:calc(var(--spacing)*-3);scale:1.02;translate:var(--tw-translate-x) var(--tw-translate-y)}.hr-card.config-style{color:inherit}.hr-card.config-style .hr-card-icon-wrap.config-style{--tw-shadow:0 0 #0000;background-color:#0000;border-radius:0;border-style:var(--tw-border-style);border-width:0;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);height:auto;width:auto}.hr-card.config-style .hr-card-icon-wrap.config-style:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;rotate:0deg;scale:var(--tw-scale-x) var(--tw-scale-y)}.hr-card.config-style .hr-card-title.config-style{--tw-tracking:var(--tracking-tight);color:inherit;letter-spacing:var(--tracking-tight)}.hr-card.config-style .hr-card-desc.config-style{color:inherit}.hr-card-icon-wrap{--tw-gradient-position:to bottom right in oklab;--tw-gradient-from:color-mix(in oklab,var(--color-white) 25%,#0000);--tw-gradient-to:color-mix(in oklab,var(--color-white) 10%,#0000);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);--tw-backdrop-blur:blur(var(--blur-md));--tw-duration:.3s;align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);background-image:linear-gradient(var(--tw-gradient-stops));border-color:color-mix(in oklab,var(--color-white) 30%,#0000);border-radius:3.40282e+38px;border-style:var(--tw-border-style);border-width:2px;color:var(--color-white);display:flex;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);height:90px;justify-content:center;margin-bottom:calc(var(--spacing)*4);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.3s;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));width:90px}.hr-card:hover .hr-card-icon-wrap{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;rotate:6deg;scale:var(--tw-scale-x) var(--tw-scale-y)}.hr-card-title{--tw-leading:var(--leading-tight);--tw-font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-tight);--tw-duration:.3s;color:var(--color-white);font-size:var(--text-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--text-lg--line-height);line-height:var(--tw-leading,var(--text-lg--line-height));line-height:var(--leading-tight);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.3s;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.hr-card:hover .hr-card-title{--tw-translate-y:calc(var(--spacing)*-0.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hr-card-desc{--tw-leading:var(--leading-snug);--tw-font-weight:var(--font-weight-normal);color:#ffffffd9;font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height));line-height:var(--leading-snug);margin-top:calc(var(--spacing)*1.5)}@supports (color:color-mix(in lab,red,red)){.hr-card-desc{color:color-mix(in oklab,var(--color-white) 85%,#0000)}}.hr-badge{border-color:#ffffff4d;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;margin-top:calc(var(--spacing)*1)}@supports (color:color-mix(in lab,red,red)){.hr-badge{border-color:color-mix(in oklab,var(--color-white) 30%,#0000)}}.hr-badge{--tw-font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--color-white);font-size:.7rem;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);padding-block:calc(var(--spacing)*.5);padding-inline:calc(var(--spacing)*2);text-transform:uppercase}.hr-dialog-actions{background-color:#fffc;border-color:var(--color-slate-200);border-top-style:var(--tw-border-style);border-top-width:1px}@supports (color:color-mix(in lab,red,red)){.hr-dialog-actions{background-color:color-mix(in oklab,var(--color-white) 80%,#0000)}}.hr-dialog-actions{padding:calc(var(--spacing)*4)}.hr-dialog-actions:where(.dark,.dark *){background-color:#1d293dcc;border-color:var(--color-slate-700)}@supports (color:color-mix(in lab,red,red)){.hr-dialog-actions:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-slate-800) 80%,#0000)}}.hr-accent-dot{background-color:#ffffff1a;border-radius:3.40282e+38px;height:calc(var(--spacing)*10);left:calc(var(--spacing)*4);position:absolute;top:calc(var(--spacing)*4);width:calc(var(--spacing)*10);z-index:1}@supports (color:color-mix(in lab,red,red)){.hr-accent-dot{background-color:color-mix(in oklab,var(--color-white) 10%,#0000)}}.hr-accent-dot{--tw-duration:.3s;opacity:.7;transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.3s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.hr-card:hover .hr-accent-dot{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;opacity:1;scale:var(--tw-scale-x) var(--tw-scale-y)}.workforce-metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:2rem}.workforce-metric-card{display:flex;flex-direction:column;height:200px;justify-content:space-between;overflow:hidden}.workforce-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.workforce-chart-card{display:flex;flex-direction:column;height:400px;overflow:hidden}.workforce-chart-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0}.workforce-chart-card .MuiCardContent-root>:last-child{flex:1 1;min-height:0;overflow:hidden auto;padding-right:10px}.workforce-chart-card .MuiCardContent-root>:last-child::-webkit-scrollbar{width:6px}.workforce-chart-card .MuiCardContent-root>:last-child::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.workforce-chart-card .MuiCardContent-root>:last-child::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.workforce-chart-card .MuiCardContent-root>:last-child::-webkit-scrollbar-thumb:hover{background:#555}.workforce-departments-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.workforce-department-card{display:flex;flex-direction:column;height:280px;overflow:hidden}.workforce-department-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:1.5rem!important}.workforce-department-card .MuiCardContent-root>:nth-child(2){flex:1 1;margin-bottom:1rem;min-height:0;overflow:hidden auto;padding-right:8px}.workforce-department-card .MuiCardContent-root>:nth-child(2)::-webkit-scrollbar{width:4px}.workforce-department-card .MuiCardContent-root>:nth-child(2)::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.workforce-department-card .MuiCardContent-root>:nth-child(2)::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.workforce-department-card .MuiCardContent-root>:nth-child(2)::-webkit-scrollbar-thumb:hover{background:#555}.workforce-department-card .MuiCardContent-root>:last-child{flex-shrink:0;margin-top:auto}@media (max-width:1024px){.workforce-metrics-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.workforce-charts-grid{gap:1.25rem;grid-template-columns:1fr}.workforce-charts-grid>.workforce-chart-card:first-child{grid-column:1}.workforce-departments-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.workforce-metrics-grid{gap:1rem;grid-template-columns:1fr}.workforce-metric-card{height:auto;min-height:180px}.workforce-charts-grid{gap:1rem;grid-template-columns:1fr}.workforce-charts-grid>.workforce-chart-card:first-child{grid-column:1}.workforce-chart-card{height:auto;min-height:350px}.workforce-departments-grid{gap:1rem;grid-template-columns:1fr}.workforce-department-card{height:auto;min-height:250px}}.workforce-onboarding-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.workforce-onboarding-card{display:flex;flex-direction:column;height:320px;overflow:hidden}.workforce-onboarding-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:1.5rem!important}.workforce-onboarding-card .MuiCardContent-root>:first-child{flex-shrink:0}.workforce-onboarding-card .MuiCardContent-root>:nth-child(2){flex:1 1;min-height:0;overflow:hidden auto;padding-right:8px}.workforce-onboarding-card .MuiCardContent-root>:nth-child(2)::-webkit-scrollbar{width:4px}.workforce-onboarding-card .MuiCardContent-root>:nth-child(2)::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.workforce-onboarding-card .MuiCardContent-root>:nth-child(2)::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.workforce-onboarding-card .MuiCardContent-root>:last-child{flex-shrink:0;margin-top:auto}.workforce-offboarding-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.workforce-offboarding-card{display:flex;flex-direction:column;height:340px;overflow:hidden}.workforce-offboarding-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:1.5rem!important}.workforce-offboarding-card .MuiCardContent-root>:first-child{flex-shrink:0}.workforce-offboarding-card .MuiCardContent-root>:nth-child(2){flex:1 1;min-height:0;overflow:hidden auto;padding-right:8px}.workforce-offboarding-card .MuiCardContent-root>:nth-child(2)::-webkit-scrollbar{width:4px}.workforce-offboarding-card .MuiCardContent-root>:nth-child(2)::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.workforce-offboarding-card .MuiCardContent-root>:last-child{flex-shrink:0;margin-top:auto}.workforce-promotion-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.workforce-promotion-card{display:flex;flex-direction:column;height:300px;overflow:hidden}.workforce-promotion-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:1.5rem!important}.workforce-announcement-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.workforce-announcement-card{display:flex;flex-direction:column;height:500px;overflow:hidden}.workforce-announcement-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:1.5rem!important}.workforce-announcement-card .MuiCardContent-root>:first-child{flex:1 1;min-height:0;overflow:hidden auto;padding-right:8px}.workforce-announcement-card .MuiCardContent-root>:last-child{flex-shrink:0;margin-top:auto}.workforce-document-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.workforce-document-card{display:flex;flex-direction:column;height:480px;overflow:hidden}.workforce-document-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:1.5rem!important}.workforce-document-card .MuiCardContent-root>:first-child{flex:1 1;min-height:0;overflow:hidden auto;padding-right:8px}.workforce-document-card .MuiCardContent-root>:last-child{flex-shrink:0;margin-top:auto}@media (max-width:1024px){.workforce-offboarding-grid,.workforce-onboarding-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.workforce-promotion-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.workforce-announcement-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.workforce-document-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.workforce-onboarding-card{height:auto;min-height:300px}.workforce-offboarding-card{height:auto;min-height:320px}.workforce-promotion-card{height:auto;min-height:280px}.workforce-announcement-grid,.workforce-promotion-grid{gap:1rem;grid-template-columns:1fr}.workforce-announcement-card{height:auto;min-height:450px}.workforce-document-grid{gap:1rem;grid-template-columns:1fr}.workforce-document-card{height:auto;min-height:450px}}.comprehensive-shift-roster{text-rendering:optimizelegibility}.comprehensive-shift-roster .calendar-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:250px 1fr;height:calc(100vh - 200px);overflow:hidden}.comprehensive-shift-roster .employee-list{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:100%;overflow-y:auto}.comprehensive-shift-roster .employee-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:grab;display:flex;gap:12px;margin:8px;padding:12px;transition:all .2s}.comprehensive-shift-roster .employee-item:hover{background:#f5f5f5;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.comprehensive-shift-roster .shift-cell{background:0 0;border:2px dashed #e0e0e0;border-radius:6px;min-height:80px;padding:8px;transition:all .2s}.comprehensive-shift-roster .tab-content{min-height:400px;padding:24px}.comprehensive-shift-roster .settings-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.comprehensive-shift-roster .calendar-container{max-width:100%;overflow-x:auto}.comprehensive-shift-roster .shift-roster-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto!important;overflow-y:visible}.comprehensive-shift-roster .shift-roster-scroll [data-sticky=true]{background:#f5f5f5!important}@media (max-width:768px){.comprehensive-shift-roster .calendar-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}.comprehensive-shift-roster .employee-list{max-height:200px}}.performance-appraisal-module{background-color:#f9fafbe6}@supports (color:color-mix(in lab,red,red)){.performance-appraisal-module{background-color:color-mix(in oklab,var(--color-gray-50) 90%,#0000)}}.pa-header{align-items:center;border-bottom:1px var(--tw-border-style);border-color:#e5e7ebcc;display:flex;justify-content:space-between}@supports (color:color-mix(in lab,red,red)){.pa-header{border-color:color-mix(in oklab,var(--color-gray-200) 80%,#0000)}}.pa-header{padding-block:calc(var(--spacing)*4);padding-inline:calc(var(--spacing)*4)}@media (min-width:48rem){.pa-header{padding-inline:calc(var(--spacing)*6)}}.pa-header{background:linear-gradient(135deg,#6366f1,#4f46e5 50%,#4338ca)}.pa-header-title{--tw-font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-tight);color:var(--color-white);font-size:var(--text-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--text-xl--line-height);line-height:var(--tw-leading,var(--text-xl--line-height))}@media (min-width:48rem){.pa-header-title{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.pa-close-btn{align-items:center;border-color:#ffffff4d;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;display:inline-flex;height:calc(var(--spacing)*10);justify-content:center;width:calc(var(--spacing)*10)}@supports (color:color-mix(in lab,red,red)){.pa-close-btn{border-color:color-mix(in oklab,var(--color-white) 30%,#0000)}}.pa-close-btn{color:var(--color-white);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.pa-close-btn:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.pa-close-btn:hover{background-color:color-mix(in oklab,var(--color-white) 10%,#0000)}}}.pa-tab-content{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);border-color:var(--color-gray-200);border-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-width:0 1px 1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-inline:auto;max-width:1400px;min-height:70vh;padding:calc(var(--spacing)*4)}@media (min-width:48rem){.pa-tab-content{padding:calc(var(--spacing)*6)}}.pa-goals-header-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-bottom:calc(var(--spacing)*6);padding:calc(var(--spacing)*6)}.pa-goals-title-row{justify-content:space-between;margin-bottom:calc(var(--spacing)*4)}.pa-goals-metrics-row,.pa-goals-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*4)}.pa-metric-card{border-radius:var(--radius-xl);display:flex;flex:1 1;flex-direction:column;gap:calc(var(--spacing)*1);min-width:140px;padding:calc(var(--spacing)*4)}.pa-metric-card--blue{background-color:var(--color-blue-50);border-color:var(--color-blue-200);border-style:var(--tw-border-style);border-width:1px;color:var(--color-blue-800)}.pa-metric-card--orange{background-color:var(--color-amber-50);border-color:var(--color-amber-200);border-style:var(--tw-border-style);border-width:1px;color:var(--color-amber-800)}.pa-metric-card--green{background-color:var(--color-emerald-50);border-color:var(--color-emerald-200);border-style:var(--tw-border-style);border-width:1px;color:var(--color-emerald-800)}.pa-goal-card-actions{display:flex;flex-shrink:0;gap:calc(var(--spacing)*1)}.lm-tabs-wrapper{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);border-color:var(--color-indigo-100);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-bottom:calc(var(--spacing)*6);overflow:hidden}.lm-summary-card{--tw-duration:.3s;border-radius:var(--radius-2xl);color:var(--color-white);overflow:hidden;position:relative;transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.3s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.lm-summary-card:hover{--tw-translate-y:calc(var(--spacing)*-2);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);translate:var(--tw-translate-x) var(--tw-translate-y)}}.pa-dashboard-section{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);padding:calc(var(--spacing)*6)}.pa-trend-filters{display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*2)}.pa-reports-wrapper{background-color:var(--color-gray-50);max-width:100%;min-height:100vh;padding:calc(var(--spacing)*4)}@media (min-width:48rem){.pa-reports-wrapper{padding:calc(var(--spacing)*6)}}.pa-reports-header-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);align-items:center;background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;gap:calc(var(--spacing)*4);margin-bottom:calc(var(--spacing)*6);padding:calc(var(--spacing)*6)}.pa-reports-header-icon{align-items:center;border-radius:3.40282e+38px;color:var(--color-white);display:flex;flex-shrink:0;height:calc(var(--spacing)*12);justify-content:center;width:calc(var(--spacing)*12)}.pa-settings-wrapper{background-color:var(--color-gray-50);max-width:100%;min-height:100vh;padding:calc(var(--spacing)*4)}@media (min-width:48rem){.pa-settings-wrapper{padding:calc(var(--spacing)*6)}}.pa-settings-header-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);gap:calc(var(--spacing)*4);margin-bottom:calc(var(--spacing)*6);padding:calc(var(--spacing)*6)}.pa-settings-header-icon{border-radius:3.40282e+38px;color:var(--color-white);flex-shrink:0;height:calc(var(--spacing)*12);width:calc(var(--spacing)*12)}.pa-settings-actions{display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*3);justify-content:center;margin-top:calc(var(--spacing)*6)}.pa-achieveit-wrapper{background-color:var(--color-gray-50);max-width:100%;min-height:100vh;padding:calc(var(--spacing)*4)}@media (min-width:48rem){.pa-achieveit-wrapper{padding:calc(var(--spacing)*6)}}.pa-achieveit-header-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-bottom:calc(var(--spacing)*6);padding:calc(var(--spacing)*6)}.pa-achieveit-stats-row{display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*6);margin-top:calc(var(--spacing)*4)}.pa-achieveit-department-list,.pa-achieveit-stat{display:flex;flex-direction:column}.pa-achieveit-department-list{gap:.8rem}.pa-achieveit-department-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0f172a14;overflow:hidden}.pa-achieveit-department-card--dark{background:#1f2937;border-color:#4b5563;box-shadow:0 2px 10px #00000059}.pa-achieveit-department-header{align-items:center;background:0 0;border:0;cursor:pointer;display:flex;gap:.6rem;justify-content:space-between;padding:14px 18px;text-align:left;width:100%}.pa-achieveit-department-header:hover{background:#f8fafc}.pa-achieveit-department-header--dark:hover{background:#111827}.pa-achieveit-department-header-main{min-width:0}.pa-achieveit-department-title{color:#1976d2;font-size:1rem;font-weight:700;line-height:1.2;margin:0}.pa-achieveit-department-title--dark{color:#60a5fa}.pa-achieveit-department-subtitle{color:#64748b;font-size:.76rem;line-height:1.2;margin:2px 0 0}.pa-achieveit-department-subtitle--dark{color:#9ca3af}.pa-achieveit-department-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.pa-achieveit-badge{border-radius:16px;color:#fff;font-size:.69rem;font-weight:600;letter-spacing:.01em;line-height:1;padding:4px 11px;white-space:nowrap}.pa-achieveit-badge--blue{background:#3b82f6}.pa-achieveit-badge--green{background:#10b981}.pa-achieveit-badge--amber{background:#f59e0b}.pa-achieveit-badge--indigo{background:#6366f1}.pa-achieveit-expand-icon{color:#64748b;font-size:.78rem;transition:transform .25s}.pa-achieveit-expand-icon--open{transform:rotate(180deg)}.pa-achieveit-goals-table-wrapper{border-top:1px solid #e2e8f0;overflow-x:auto}.pa-achieveit-goals-table{border-collapse:collapse;min-width:720px;width:100%}.pa-achieveit-goals-table thead th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.7rem;font-weight:700;letter-spacing:.03em;padding:10px 14px;text-align:left;text-transform:uppercase}.pa-achieveit-goals-table tbody td{border-bottom:1px solid #e2e8f0;color:#111827;font-size:.82rem;line-height:1.28;padding:9px 14px;vertical-align:middle}.pa-achieveit-goals-table tbody tr:last-child td{border-bottom:0}.pa-achieveit-goals-table--dark thead th{background:#374151;border-bottom-color:#4b5563;color:#e5e7eb}.pa-achieveit-goals-table--dark tbody td{border-bottom-color:#4b5563;color:#d1d5db}.pa-achieveit-goal-row--completed td{background:#f0fdf4}.pa-achieveit-goals-table--dark .pa-achieveit-goal-row--completed td{background:#064e3b}.pa-achieveit-goal-cell{display:flex;flex-direction:column;gap:.2rem}.pa-achieveit-goal-title{color:#111827;font-size:.86rem;font-weight:600;line-height:1.25;margin:0}.pa-achieveit-goal-title--dark{color:#e5e7eb}.pa-achieveit-goal-status{align-self:flex-start;border-radius:999px;font-size:.62rem;font-weight:600;letter-spacing:.01em;line-height:1.2;padding:1px 6px}.pa-achieveit-goal-status--completed{background:#dcfce7;color:#166534}.pa-achieveit-goal-status--active{background:#dbeafe;color:#1d4ed8}.pa-achieveit-progress-cell{align-items:center;display:flex;gap:.45rem}.pa-achieveit-progress-label{color:#334155;font-size:.74rem;font-weight:600;min-width:36px}.pa-achieveit-progress-label--dark{color:#d1d5db}.pa-achieveit-progress-track{background:#e2e8f0;border-radius:999px;height:6px;min-width:120px;overflow:hidden;width:100%}.pa-achieveit-progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:999px;height:100%}.pa-achieveit-progress-fill--complete{background:linear-gradient(90deg,#22c55e,#16a34a)}.pa-achieveit-goals-table--dark .pa-achieveit-progress-track{background:#4b5563}.pa-achieveit-task-metrics{display:flex;flex-wrap:wrap;gap:.25rem}.pa-achieveit-task-metric{font-size:.68rem;font-weight:600}.pa-achieveit-task-metric--total{color:#2563eb}.pa-achieveit-task-metric--done{color:#16a34a}.pa-achieveit-task-metric--pending{color:#d97706}.pa-achieveit-muted-text{color:#64748b}.pa-achieveit-muted-text--dark{color:#9ca3af}.pa-achieveit-score{color:#ea580c;font-weight:700}@media (max-width:1024px){.pa-achieveit-department-header{align-items:flex-start;flex-direction:column;gap:.5rem;padding:12px 14px}.pa-achieveit-department-badges{gap:.35rem;justify-content:flex-start}.pa-achieveit-badge{font-size:.64rem;padding:3px 9px}.pa-achieveit-goals-table{min-width:680px}.pa-achieveit-goals-table thead th{font-size:.66rem;padding:9px 12px}.pa-achieveit-goals-table tbody td{font-size:.78rem;padding:8px 12px}.pa-achieveit-goal-title{font-size:.82rem}.pa-achieveit-progress-track{height:5px;min-width:105px}}@media (max-width:768px){.pa-achieveit-department-list{gap:.65rem}.pa-achieveit-department-card{border-radius:10px}.pa-achieveit-department-header{padding:11px 12px}.pa-achieveit-department-title{font-size:.93rem}.pa-achieveit-department-subtitle{font-size:.71rem}.pa-achieveit-badge{font-size:.61rem;padding:3px 8px}.pa-achieveit-goals-table{min-width:620px}.pa-achieveit-goals-table thead th{font-size:.64rem;padding:8px 10px}.pa-achieveit-goals-table tbody td{font-size:.75rem;padding:7px 10px}.pa-achieveit-goal-title{font-size:.78rem}.pa-achieveit-goal-status{font-size:.56rem;padding:1px 5px}.pa-achieveit-progress-label{font-size:.68rem;min-width:32px}.pa-achieveit-progress-track{height:5px;min-width:92px}.pa-achieveit-task-metric{font-size:.63rem}}@media (max-width:640px){.pa-achieveit-wrapper{padding:.75rem}.pa-achieveit-header-card{margin-bottom:.9rem;padding:1rem}.pa-achieveit-stats-row{gap:.8rem}.pa-achieveit-goals-table{min-width:560px}.pa-achieveit-goals-table tbody td,.pa-achieveit-goals-table thead th{white-space:nowrap}}.pa-top20-wrapper{background-color:var(--color-gray-50);max-width:100%;min-height:100vh;padding:calc(var(--spacing)*4)}@media (min-width:48rem){.pa-top20-wrapper{padding:calc(var(--spacing)*6)}}.pa-top20-header-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-bottom:calc(var(--spacing)*6);padding:calc(var(--spacing)*6);text-align:center}.pa-top20-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.pa-top20-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-duration:.2s;background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;flex-direction:column;overflow:hidden;transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.2s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.pa-top20-card:hover{--tw-translate-y:calc(var(--spacing)*-0.5);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media (max-width:768px){.pa-top20-grid{grid-template-columns:1fr}}.ss-tabs-wrapper{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200);margin-bottom:calc(var(--spacing)*4);overflow-x:auto}.ss-tabs-inner{align-items:stretch;display:flex;gap:calc(var(--spacing)*0);min-height:56px}.ss-tab-btn{--tw-font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-wide);--tw-duration:.3s;--tw-ease:var(--ease-out);align-items:center;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);color:var(--color-slate-700);display:flex;flex-direction:column;font-size:.7rem;font-weight:var(--font-weight-medium);gap:calc(var(--spacing)*.5);justify-content:center;letter-spacing:var(--tracking-wide);min-width:80px;padding-block:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*5);text-transform:uppercase;transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.3s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-timing-function:var(--ease-out)}@media (hover:hover){.ss-tab-btn:hover{background-color:var(--color-slate-100)}}.ss-tab-btn--active{background-color:var(--color-blue-50);border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-blue-600);color:var(--color-blue-700)}.ss-tab-btn--active .ss-tab-icon{color:var(--color-blue-600)}.self-services-module--dark .ss-tabs-wrapper{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-600)}.self-services-module--dark .ss-tab-btn{color:var(--color-gray-300)}@media (hover:hover){.self-services-module--dark .ss-tab-btn:hover{background-color:var(--color-gray-700)}}.self-services-module--dark .ss-tab-btn--active{background-color:var(--color-gray-700);border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-indigo-400);color:var(--color-blue-300)}.self-services-module--dark .ss-tab-btn--active .ss-tab-icon{color:var(--color-blue-300)}.ss-inner-tabs-wrapper{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200);margin-bottom:calc(var(--spacing)*4);overflow-x:auto}.ss-inner-tabs-inner{align-items:stretch;display:flex;gap:calc(var(--spacing)*0);min-height:44px}.ss-inner-tab-btn{--tw-font-weight:var(--font-weight-semibold);--tw-duration:.2s;--tw-ease:var(--ease-out);align-items:center;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);color:var(--color-slate-600);display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);gap:calc(var(--spacing)*2);justify-content:center;line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-duration:.2s;transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-timing-function:var(--ease-out)}@media (hover:hover){.ss-inner-tab-btn:hover{background-color:var(--color-slate-100);color:var(--color-slate-800)}}.ss-inner-tab-btn--active{background-color:var(--color-blue-50);border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-blue-600);color:var(--color-blue-700)}.ss-inner-tab-btn--active .ss-inner-tab-icon{color:var(--color-blue-600)}.self-services-module--dark .ss-inner-tabs-wrapper{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-600)}.self-services-module--dark .ss-inner-tab-btn{color:var(--color-gray-300)}@media (hover:hover){.self-services-module--dark .ss-inner-tab-btn:hover{background-color:var(--color-gray-700);color:var(--color-gray-100)}}.self-services-module--dark .ss-inner-tab-btn--active{background-color:var(--color-gray-700);border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-indigo-400);color:var(--color-blue-300)}.self-services-module--dark .ss-inner-tab-btn--active .ss-inner-tab-icon{color:var(--color-blue-300)}.self-services-module--dark .ss-contract-tab--dark .ss-contract-card{background-color:#1f2937!important;border-color:#4b5563!important;box-shadow:0 8px 24px #00000059!important}.self-services-module--dark .ss-contract-tab--dark .ss-contract-row{background-color:#374151!important}.self-services-module--dark .ss-contract-tab--dark .ss-contract-row:hover{background-color:#475569!important}.self-services-module--dark .ss-contract-tab--dark .MuiTypography-caption{color:#9ca3af!important}.self-services-module--dark .ss-contract-tab--dark .MuiTypography-body1{color:#e5e7eb!important}.self-services-module--dark .ss-salary-tab--dark .ss-salary-card{background-color:#1f2937!important;border-color:#4b5563!important;box-shadow:0 8px 24px #00000059!important}.self-services-module--dark .ss-salary-tab--dark .ss-salary-row{background-color:#374151!important}.self-services-module--dark .ss-salary-tab--dark .ss-salary-row:hover{background-color:#475569!important}.self-services-module--dark .ss-salary-tab--dark .ss-salary-row--highlight{background-color:#273449!important;border-color:#3b82f6!important}.self-services-module--dark .ss-salary-tab--dark .ss-salary-select,.self-services-module--dark .ss-salary-tab--dark .ss-salary-select .MuiSelect-select,.self-services-module--dark .ss-salary-tab--dark .ss-salary-select .MuiSvgIcon-root{color:#e5e7eb!important}.self-services-module--dark .ss-salary-tab--dark .MuiTypography-caption{color:#9ca3af!important}.self-services-module--dark .ss-salary-tab--dark .MuiTypography-body1,.self-services-module--dark .ss-salary-tab--dark .MuiTypography-h6{color:#e5e7eb!important}.self-services-module--dark .ss-leave-tab--dark .ss-leave-card,.self-services-module--dark .ss-leave-tab--dark .ss-leave-requests-card{background-color:#1f2937!important;border-color:#4b5563!important;box-shadow:0 8px 24px #00000059!important}.self-services-module--dark .ss-leave-tab--dark .ss-leave-approval-flow,.self-services-module--dark .ss-leave-tab--dark .ss-leave-balance-item{background-color:#111827!important;border:1px solid #374151!important}.self-services-module--dark .ss-leave-tab--dark .ss-leave-request-item,.self-services-module--dark .ss-leave-tab--dark .ss-leave-roster-item{background-color:#111827!important}.self-services-module--dark .ss-leave-tab--dark .MuiTypography-caption{color:#9ca3af!important}.self-services-module--dark .ss-leave-tab--dark .MuiTypography-body1,.self-services-module--dark .ss-leave-tab--dark .MuiTypography-body2,.self-services-module--dark .ss-leave-tab--dark .MuiTypography-h6{color:#e5e7eb!important}.self-services-module--dark .ss-leave-tab--dark .MuiAlert-root{background-color:#1f2937!important;border:1px solid #4b5563!important;color:#d1d5db!important}.ss-performance-tabs-wrapper{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-slate-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-bottom:calc(var(--spacing)*6);overflow:hidden}.ss-performance-tabs-inner{align-items:stretch;display:flex;gap:calc(var(--spacing)*0);min-height:60px;overflow-x:auto}.self-services-module--dark .ss-performance-tab--dark .ss-performance-tabs-wrapper{background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.self-services-module--dark .ss-performance-tab--dark .ss-performance-tabs-inner{background-color:var(--color-gray-800)}.meeting-module{--tw-gradient-position:to bottom right in oklab;--tw-gradient-from:var(--color-violet-50);--tw-gradient-to:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));background-image:linear-gradient(var(--tw-gradient-stops));min-height:100%;padding:calc(var(--spacing)*4)}@media (min-width:48rem){.meeting-module{padding:calc(var(--spacing)*6)}}.meeting-module:where(.dark,.dark *){--tw-gradient-from:var(--color-gray-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-to:var(--color-gray-800)}.meeting-module-header{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-bottom:calc(var(--spacing)*6);padding:calc(var(--spacing)*6)}@media (min-width:48rem){.meeting-module-header{padding:calc(var(--spacing)*8)}}.meeting-module-header:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.meeting-module-title{--tw-font-weight:var(--font-weight-bold);align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--text-xl);font-weight:var(--font-weight-bold);gap:calc(var(--spacing)*2);line-height:var(--text-xl--line-height);line-height:var(--tw-leading,var(--text-xl--line-height))}@media (min-width:48rem){.meeting-module-title{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.meeting-module-title:where(.dark,.dark *){color:var(--color-white)}.meeting-module-subtitle{color:var(--color-gray-500);font-size:var(--text-sm);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height));margin-top:calc(var(--spacing)*1)}.meeting-module-subtitle:where(.dark,.dark *){color:var(--color-gray-400)}.meeting-stats-row{grid-gap:calc(var(--spacing)*3);display:grid;gap:calc(var(--spacing)*3);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:calc(var(--spacing)*6)}@media (min-width:48rem){.meeting-stats-row{gap:calc(var(--spacing)*4);grid-template-columns:repeat(4,minmax(0,1fr))}}.meeting-stat-box{--tw-gradient-position:to bottom right in oklab;--tw-gradient-from:var(--color-violet-500);--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);background-image:linear-gradient(var(--tw-gradient-stops));border-radius:var(--radius-xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--color-white);padding:calc(var(--spacing)*4);text-align:center}.meeting-stat-value{--tw-font-weight:var(--font-weight-bold);display:block;font-size:var(--text-2xl);font-weight:var(--font-weight-bold);line-height:var(--text-2xl--line-height);line-height:var(--tw-leading,var(--text-2xl--line-height))}@media (min-width:48rem){.meeting-stat-value{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height);line-height:var(--tw-leading,var(--text-3xl--line-height))}}.meeting-stat-label{--tw-tracking:var(--tracking-wide);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);line-height:var(--text-xs--line-height);line-height:var(--tw-leading,var(--text-xs--line-height));margin-top:calc(var(--spacing)*1);opacity:.9;text-transform:uppercase}.meeting-tabs-row{background-color:var(--color-gray-100);border-radius:var(--radius-xl);display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*2);margin-bottom:calc(var(--spacing)*6);padding:calc(var(--spacing)*2)}.meeting-tabs-row:where(.dark,.dark *){background-color:var(--color-gray-700)}.meeting-tab-btn{--tw-font-weight:var(--font-weight-medium);align-items:center;border-radius:var(--radius-lg);color:var(--color-gray-600);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:calc(var(--spacing)*2);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:calc(var(--spacing)*2.5);padding-inline:calc(var(--spacing)*4);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.meeting-tab-btn:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.meeting-tab-btn:where(.dark,.dark *){color:var(--color-gray-300)}@media (hover:hover){.meeting-tab-btn:where(.dark,.dark *):hover{background-color:var(--color-gray-600)}}.meeting-tab-btn--active{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);background-color:var(--color-violet-600);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--color-white)}@media (hover:hover){.meeting-tab-btn--active:hover{background-color:var(--color-violet-700)}}.meeting-tab-btn--active:where(.dark,.dark *){background-color:var(--color-violet-600)}.meeting-content-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);padding:calc(var(--spacing)*6)}.meeting-content-card:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.meeting-section-title{--tw-font-weight:var(--font-weight-semibold);align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--text-base);font-weight:var(--font-weight-semibold);gap:calc(var(--spacing)*2);line-height:var(--text-base--line-height);line-height:var(--tw-leading,var(--text-base--line-height));margin-bottom:calc(var(--spacing)*4)}.meeting-section-title:where(.dark,.dark *){color:var(--color-white)}:where(.meeting-list>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-color:var(--color-gray-200);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse))}:where(.meeting-list:where(.dark,.dark *)>:not(:last-child)){border-color:var(--color-gray-600)}.meeting-list-item{align-items:center;display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*4);justify-content:space-between;padding-block:calc(var(--spacing)*3)}.meeting-form-grid{grid-gap:calc(var(--spacing)*4);display:grid;gap:calc(var(--spacing)*4);grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:40rem){.meeting-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.meeting-form-field{display:flex;flex-direction:column;gap:calc(var(--spacing)*1.5)}.meeting-form-label{--tw-font-weight:var(--font-weight-medium);color:var(--color-gray-700);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height))}.meeting-form-label:where(.dark,.dark *){color:var(--color-gray-300)}.meeting-form-input{background-color:var(--color-white);border-color:var(--color-gray-300);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;color:var(--color-gray-900);padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);width:100%}.meeting-form-input:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);--tw-ring-color:var(--color-violet-500);border-color:var(--color-violet-500);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.meeting-form-input:where(.dark,.dark *){background-color:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-gray-100)}.meeting-form-select{background-color:var(--color-white);border-color:var(--color-gray-300);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;color:var(--color-gray-900);padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);width:100%}.meeting-form-select:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);--tw-ring-color:var(--color-violet-500);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.meeting-form-select:where(.dark,.dark *){background-color:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-gray-100)}.meeting-participant-badge{--tw-font-weight:var(--font-weight-medium);align-items:center;background-color:var(--color-violet-100);border-radius:3.40282e+38px;color:var(--color-violet-800);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-medium);gap:calc(var(--spacing)*1);line-height:var(--text-xs--line-height);line-height:var(--tw-leading,var(--text-xs--line-height));padding-block:calc(var(--spacing)*.5);padding-inline:calc(var(--spacing)*2)}.meeting-participant-badge:where(.dark,.dark *){background-color:#4d179a66}@supports (color:color-mix(in lab,red,red)){.meeting-participant-badge:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-violet-900) 40%,#0000)}}.meeting-participant-badge:where(.dark,.dark *){color:var(--color-violet-200)}.meeting-reminder-hint{color:var(--color-gray-500);font-size:var(--text-xs);line-height:var(--text-xs--line-height);line-height:var(--tw-leading,var(--text-xs--line-height));margin-top:calc(var(--spacing)*1)}.meeting-reminder-hint:where(.dark,.dark *){color:var(--color-gray-400)}.recruitment-module{background-color:var(--color-slate-50);min-height:100%;padding:calc(var(--spacing)*4)}@media (min-width:48rem){.recruitment-module{padding:calc(var(--spacing)*6)}}.recruitment-module:where(.dark,.dark *){background-color:var(--color-gray-900)}.recruitment-header-bar{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);align-items:center;background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*4);justify-content:space-between;margin-bottom:calc(var(--spacing)*6);padding:calc(var(--spacing)*4)}@media (min-width:48rem){.recruitment-header-bar{padding:calc(var(--spacing)*5)}}.recruitment-header-bar:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.recruitment-tabs-bar{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*1);margin-bottom:calc(var(--spacing)*6);overflow-x:auto;padding:calc(var(--spacing)*2)}.recruitment-tabs-bar:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.recruitment-tab{--tw-font-weight:var(--font-weight-medium);align-items:center;border-color:#0000;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;color:var(--color-gray-600);display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:calc(var(--spacing)*2);justify-content:center;line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:calc(var(--spacing)*2.5);padding-inline:calc(var(--spacing)*4);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.recruitment-tab:hover{background-color:var(--color-gray-100);color:var(--color-blue-600)}}.recruitment-tab:where(.dark,.dark *){color:var(--color-gray-400)}@media (hover:hover){.recruitment-tab:where(.dark,.dark *):hover{background-color:var(--color-gray-700);color:var(--color-blue-300)}}.recruitment-tab--active{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--color-blue-600)}.recruitment-tab--active:where(.dark,.dark *){background-color:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-blue-300)}.recruitment-content-panel{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);padding:calc(var(--spacing)*6)}.recruitment-content-panel:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.recruitment-stats-grid{grid-gap:calc(var(--spacing)*4);display:grid;gap:calc(var(--spacing)*4);grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:64rem){.recruitment-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.recruitment-stat-card{background-color:var(--color-blue-600);border-radius:var(--radius-xl);color:var(--color-white);padding:calc(var(--spacing)*5);text-align:center}.recruitment-stat-card h4{--tw-font-weight:var(--font-weight-medium);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height));margin:calc(var(--spacing)*0);margin-bottom:calc(var(--spacing)*2);opacity:.9}.recruitment-stat-value{--tw-font-weight:var(--font-weight-bold);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:var(--text-3xl--line-height);line-height:var(--tw-leading,var(--text-3xl--line-height))}.recruitment-quick-actions{margin-top:calc(var(--spacing)*6)}.recruitment-quick-actions h3{--tw-font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--text-base);font-weight:var(--font-weight-semibold);line-height:var(--text-base--line-height);line-height:var(--tw-leading,var(--text-base--line-height));margin:calc(var(--spacing)*0);margin-bottom:calc(var(--spacing)*4)}.recruitment-quick-actions h3:where(.dark,.dark *){color:var(--color-gray-100)}.recruitment-actions-grid{grid-gap:calc(var(--spacing)*4);display:grid;gap:calc(var(--spacing)*4);grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:40rem){.recruitment-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.recruitment-action-btn{align-items:center;background-color:var(--color-gray-50);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;color:var(--color-gray-700);cursor:pointer;display:flex;flex-direction:column;gap:calc(var(--spacing)*2);justify-content:center;padding:calc(var(--spacing)*5);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.recruitment-action-btn:hover{background-color:var(--color-blue-50);border-color:var(--color-blue-200)}}.recruitment-action-btn:where(.dark,.dark *){background-color:#36415380;border-color:var(--color-gray-600)}@supports (color:color-mix(in lab,red,red)){.recruitment-action-btn:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-700) 50%,#0000)}}.recruitment-action-btn:where(.dark,.dark *){color:var(--color-gray-300)}@media (hover:hover){.recruitment-action-btn:where(.dark,.dark *):hover{background-color:var(--color-gray-700);border-color:var(--color-gray-500)}}.recruitment-modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:calc(var(--spacing)*0);justify-content:center;position:fixed;z-index:1000}@supports (color:color-mix(in lab,red,red)){.recruitment-modal-overlay{background-color:color-mix(in oklab,var(--color-black) 50%,#0000)}}.recruitment-modal-overlay{padding:calc(var(--spacing)*4)}.recruitment-modal-content{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-height:90vh;max-width:var(--container-lg);overflow-y:auto;padding:calc(var(--spacing)*6);width:100%}.recruitment-modal-content:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.recruitment-form-row{grid-gap:calc(var(--spacing)*4);display:grid;gap:calc(var(--spacing)*4);grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:40rem){.recruitment-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.recruitment-form-group{display:flex;flex-direction:column;gap:calc(var(--spacing)*1.5);margin-bottom:calc(var(--spacing)*4)}.recruitment-form-label{--tw-font-weight:var(--font-weight-medium);color:var(--color-gray-700);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height))}.recruitment-form-label:where(.dark,.dark *){color:var(--color-gray-300)}.recruitment-form-input{background-color:var(--color-white);border-color:var(--color-gray-300);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;color:var(--color-gray-900);padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);width:100%}.recruitment-form-input:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);--tw-ring-color:var(--color-blue-500);border-color:var(--color-blue-500);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.recruitment-form-input:where(.dark,.dark *){background-color:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-gray-100)}.recruitment-loading{align-items:center;color:var(--color-gray-500);display:flex;flex-direction:column;gap:calc(var(--spacing)*4);justify-content:center;min-height:320px}.recruitment-loading:where(.dark,.dark *){color:var(--color-gray-400)}.recruitment-loading-spinner{animation:var(--animate-spin);border-color:var(--color-gray-200);border-radius:3.40282e+38px;border-style:var(--tw-border-style);border-top-color:var(--color-blue-600);border-width:4px;height:calc(var(--spacing)*10);width:calc(var(--spacing)*10)}.recruitment-loading-spinner:where(.dark,.dark *){border-color:var(--color-gray-600)}.training-module{background-color:var(--color-slate-50);min-height:100%;padding:calc(var(--spacing)*4)}@media (min-width:48rem){.training-module{padding:calc(var(--spacing)*6)}}.training-module:where(.dark,.dark *){background-color:var(--color-gray-900)}.training-tabs-bar{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*1);margin-bottom:calc(var(--spacing)*6);overflow-x:auto;padding:calc(var(--spacing)*2)}.training-tabs-bar:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.training-tab{--tw-font-weight:var(--font-weight-medium);align-items:center;border-color:#0000;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;color:var(--color-gray-600);display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:calc(var(--spacing)*2);justify-content:center;line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:calc(var(--spacing)*2.5);padding-inline:calc(var(--spacing)*4);transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.training-tab:hover{background-color:var(--color-gray-100);color:var(--color-blue-600)}}.training-tab:where(.dark,.dark *){color:var(--color-gray-400)}@media (hover:hover){.training-tab:where(.dark,.dark *):hover{background-color:var(--color-gray-700);color:var(--color-blue-300)}}.training-tab--active{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--color-blue-600)}.training-tab--active:where(.dark,.dark *){background-color:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-blue-300)}.training-content-panel{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);padding:calc(var(--spacing)*6)}.training-content-panel:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.training-stats-grid{grid-gap:calc(var(--spacing)*4);display:grid;gap:calc(var(--spacing)*4);grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:64rem){.training-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.training-summary-card{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:3px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;flex-direction:column;justify-content:center;min-height:140px}.training-summary-card:where(.dark,.dark *){background-color:var(--color-gray-800)}.training-summary-card .training-summary-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:calc(var(--spacing)*3)}.training-summary-card .training-summary-icon-wrap{align-items:center;border-radius:3.40282e+38px;display:flex;flex-shrink:0;justify-content:center;padding:calc(var(--spacing)*2.5)}.training-summary-card .training-summary-value{--tw-font-weight:var(--font-weight-bold);--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:var(--color-slate-800);font-size:var(--text-3xl);font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);font-weight:var(--font-weight-bold);line-height:var(--text-3xl--line-height);line-height:var(--tw-leading,var(--text-3xl--line-height))}.training-summary-card .training-summary-value:where(.dark,.dark *){color:var(--color-gray-100)}.training-summary-card .training-summary-title{--tw-font-weight:var(--font-weight-semibold);color:var(--color-slate-800);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--text-lg--line-height);line-height:var(--tw-leading,var(--text-lg--line-height));margin:calc(var(--spacing)*0)}.training-summary-card .training-summary-title:where(.dark,.dark *){color:var(--color-gray-100)}.training-summary-card .training-summary-subtitle{color:var(--color-slate-500);font-size:var(--text-sm);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height));margin:calc(var(--spacing)*0);margin-top:calc(var(--spacing)*1)}.training-summary-card .training-summary-subtitle:where(.dark,.dark *){color:var(--color-gray-400)}.training-modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:calc(var(--spacing)*0);justify-content:center;position:fixed;z-index:1000}@supports (color:color-mix(in lab,red,red)){.training-modal-overlay{background-color:color-mix(in oklab,var(--color-black) 50%,#0000)}}.training-modal-overlay{padding:calc(var(--spacing)*4)}.training-modal-content{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);background-color:var(--color-white);border-color:var(--color-gray-200);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-height:90vh;max-width:var(--container-lg);overflow-y:auto;padding:calc(var(--spacing)*6);width:100%}.training-modal-content:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.training-form-row{grid-gap:calc(var(--spacing)*4);display:grid;gap:calc(var(--spacing)*4);grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:40rem){.training-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.training-form-group{display:flex;flex-direction:column;gap:calc(var(--spacing)*1.5);margin-bottom:calc(var(--spacing)*4)}.training-form-label{--tw-font-weight:var(--font-weight-medium);color:var(--color-gray-700);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height))}.training-form-label:where(.dark,.dark *){color:var(--color-gray-300)}.training-form-input{background-color:var(--color-white);border-color:var(--color-gray-300);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;color:var(--color-gray-900);padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);width:100%}.training-form-input:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);--tw-ring-color:var(--color-blue-500);border-color:var(--color-blue-500);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.training-form-input:where(.dark,.dark *){background-color:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-gray-100)}.training-loading{align-items:center;color:var(--color-gray-500);display:flex;flex-direction:column;gap:calc(var(--spacing)*4);justify-content:center;min-height:320px}.training-loading:where(.dark,.dark *){color:var(--color-gray-400)}.training-loading-spinner{animation:var(--animate-spin);border-color:var(--color-gray-200);border-radius:3.40282e+38px;border-style:var(--tw-border-style);border-top-color:var(--color-blue-600);border-width:4px;height:calc(var(--spacing)*10);width:calc(var(--spacing)*10)}.training-loading-spinner:where(.dark,.dark *){border-color:var(--color-gray-600)}.hr-reports-module{display:flex;flex-direction:column;min-height:calc(var(--spacing)*0)}.hr-reports-header{background-color:var(--color-white);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);flex-shrink:0}.hr-reports-header:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.hr-reports-header-icon{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);align-items:center;border-radius:var(--radius-xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--color-white);display:flex;justify-content:center}.hr-reports-title{--tw-font-weight:var(--font-weight-bold);color:var(--color-gray-900);font-size:var(--text-xl);font-weight:var(--font-weight-bold);line-height:var(--text-xl--line-height);line-height:var(--tw-leading,var(--text-xl--line-height))}.hr-reports-title:where(.dark,.dark *){color:var(--color-white)}.hr-reports-subtitle{color:var(--color-gray-500);font-size:var(--text-sm);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height))}.hr-reports-subtitle:where(.dark,.dark *){color:var(--color-gray-400)}.hr-reports-body{display:flex;flex:1 1;min-height:calc(var(--spacing)*0);overflow:hidden}.hr-reports-nav{background-color:var(--color-white);border-color:var(--color-gray-200);border-right-style:var(--tw-border-style);border-right-width:1px;flex-shrink:0;overflow-y:auto;width:calc(var(--spacing)*56)}.hr-reports-nav:where(.dark,.dark *){background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.hr-reports-nav-item{--tw-font-weight:var(--font-weight-medium);align-items:center;border-radius:var(--radius-lg);display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:calc(var(--spacing)*3);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:calc(var(--spacing)*2.5);padding-inline:calc(var(--spacing)*3);text-align:left;transition-duration:var(--default-transition-duration);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--default-transition-timing-function);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));width:100%}.hr-reports-content{flex:1 1;overflow-y:auto;padding:calc(var(--spacing)*4)}.hr-reports-section-title{--tw-font-weight:var(--font-weight-semibold);align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);gap:calc(var(--spacing)*2);line-height:var(--text-lg--line-height);line-height:var(--tw-leading,var(--text-lg--line-height))}.hr-reports-section-title:where(.dark,.dark *){color:var(--color-white)}.hr-reports-cards{grid-gap:calc(var(--spacing)*4);display:grid;gap:calc(var(--spacing)*4);grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:40rem){.hr-reports-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.hr-reports-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.hr-reports-table{border-collapse:collapse;font-size:var(--text-sm);line-height:var(--text-sm--line-height);line-height:var(--tw-leading,var(--text-sm--line-height));width:100%}.hr-reports-table td,.hr-reports-table th{padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3)}.hr-reports-table thead tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200)}.hr-reports-table thead tr:where(.dark,.dark *){border-color:var(--color-gray-600)}.hr-reports-table tbody tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100)}.hr-reports-table tbody tr:where(.dark,.dark *){border-color:var(--color-gray-700)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}.sidebar-scroll{max-height:calc(100vh - 200px);overflow-x:hidden;overflow-y:auto;scrollbar-color:#667eea4d #0000;scrollbar-width:thin}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-track{background:#0000}.sidebar-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-radius:3px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#667eea80,#764ba280)}.menu-item-hover{overflow:hidden;position:relative}.menu-item-hover:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.menu-item-hover:hover:after{left:100%}.icon-pulse{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#667eea);background-clip:text;-webkit-background-clip:text;background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.sidebar-backdrop{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.menu-item-ripple{overflow:hidden;position:relative}.menu-item-ripple:before{background:#667eea4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.menu-item-ripple:active:before{height:300px;width:300px}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.glow-active{animation:glowPulse 2s ease-in-out infinite;box-shadow:0 0 20px #667eea4d}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 30px #667eea80}}.sidebar-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.active-indicator{position:relative}.active-indicator:before{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.menu-item-stagger{animation:staggerIn .3s ease-out forwards;opacity:0;transform:translateX(-20px)}@keyframes staggerIn{to{opacity:1;transform:translateX(0)}}.menu-item-stagger:first-child{animation-delay:.1s}.menu-item-stagger:nth-child(2){animation-delay:.2s}.menu-item-stagger:nth-child(3){animation-delay:.3s}.menu-item-stagger:nth-child(4){animation-delay:.4s}.menu-item-stagger:nth-child(5){animation-delay:.5s}.menu-item-stagger:nth-child(6){animation-delay:.6s}.menu-item-stagger:nth-child(7){animation-delay:.7s}.menu-item-stagger:nth-child(8){animation-delay:.8s}.menu-item-stagger:nth-child(9){animation-delay:.9s}.menu-item-stagger:nth-child(10){animation-delay:1s}.dark-mode-sidebar{background:linear-gradient(180deg,#1a1a1a,#2d2d2d);border-right:1px solid #ffffff1a}.dark-mode-sidebar .menu-item-hover:hover{background:#ffffff0d}.light-mode-sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid #00000014}.light-mode-sidebar .menu-item-hover:hover{background:#667eea0d}@media (max-width:768px){.sidebar-responsive{max-width:320px;width:100%!important}}.sidebar-accessible:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.sidebar-enhancement{border:2px solid}}@media (prefers-reduced-motion:reduce){.floating,.glow-active,.icon-pulse,.menu-item-hover,.sidebar-smooth{animation:none;transition:none}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.page-loader{align-items:center;background:radial-gradient(circle at 15% 20%,#1976d22e 0,#1976d200 45%),radial-gradient(circle at 85% 80%,#4a90e238 0,#4a90e200 42%),linear-gradient(135deg,#eef5ff,#f8fbff 55%,#fff);display:flex;justify-content:center;min-height:100vh;padding:24px}.page-loader__content{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:#ffffffc7;border:1px solid #1976d22e;border-radius:24px;box-shadow:0 18px 55px #1a468826,inset 0 1px 0 #fffc;padding:38px 28px;text-align:center;width:min(430px,100%)}.page-loader__spinner-wrap{height:88px;margin:0 auto 18px;position:relative;width:88px}.page-loader__spinner{border-radius:50%;border-style:solid;position:absolute}.page-loader__spinner--outer{animation:pageLoaderSpin 1.1s linear infinite;border-color:#1976d2 #1976d22e #1976d22e;border-width:5px;inset:0}.page-loader__spinner--inner{animation:pageLoaderSpinReverse 1.8s linear infinite;border-color:#2a71ce33 #2a71ce33 #4a90e2;border-width:4px;inset:14px}.page-loader__dot{animation:pageLoaderPulse 1.4s ease-out infinite;background:linear-gradient(135deg,#1976d2,#4a90e2);border-radius:50%;box-shadow:0 0 0 0 #1976d28c;height:11px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:11px}.page-loader__title{color:#0f2747;font-size:1.25rem;font-weight:700;letter-spacing:.01em;margin:0 0 8px}.page-loader__message{color:#446186;font-size:.95rem;margin:0}.module-loader-spinner{--module-loader-size:40px;--module-loader-color:#1976d2;display:inline-flex;height:var(--module-loader-size);position:relative;vertical-align:middle;width:var(--module-loader-size)}.module-loader-spinner__ring{border-radius:50%;border-style:solid;position:absolute}.module-loader-spinner__ring--outer{animation:pageLoaderSpin 1.1s linear infinite;border-color:#1976d22e;border-top-color:var(--module-loader-color);border-width:max(2px,calc(var(--module-loader-size)*.085));inset:0}.module-loader-spinner__ring--inner{animation:pageLoaderSpinReverse 1.8s linear infinite;border-color:#2a71ce3d;border-bottom-color:var(--module-loader-color);border-width:max(2px,calc(var(--module-loader-size)*.07));inset:calc(var(--module-loader-size)*.17)}.module-loader-spinner__dot{animation:pageLoaderPulse 1.4s ease-out infinite;background:var(--module-loader-color);border-radius:50%;box-shadow:0 0 0 0 #1976d273;height:max(6px,calc(var(--module-loader-size)*.14));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(6px,calc(var(--module-loader-size)*.14))}.loading-panel{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:32px;text-align:center;width:100%}.loading-panel__message{color:#5f7290;font-size:.95rem;font-weight:500;letter-spacing:.01em;margin:0}@keyframes pageLoaderSpin{to{transform:rotate(1turn)}}@keyframes pageLoaderSpinReverse{to{transform:rotate(-1turn)}}@keyframes pageLoaderPulse{0%{box-shadow:0 0 0 0 #1976d28c}70%{box-shadow:0 0 0 18px #1976d200}to{box-shadow:0 0 0 0 #1976d200}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.leave-management-tabs{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:5px;margin-bottom:20px;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:5px;scrollbar-color:#667eea #f1f1f1;scrollbar-width:thin;white-space:nowrap!important;width:100%}.leave-management-tabs::-webkit-scrollbar{height:6px}.leave-management-tabs::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.leave-management-tabs::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.leave-management-tabs::-webkit-scrollbar-thumb:hover{background:#5a6fd8}@media (max-width:768px){.leave-management-tabs{gap:3px;padding-bottom:3px}.leave-management-tabs .tab-btn{font-size:14px;padding:10px 15px}.leave-management-tabs-container:after,.leave-management-tabs-container:before{width:15px}}@media (max-width:480px){.leave-management-tabs .tab-btn{font-size:13px;padding:8px 12px}}.leave-management-tabs{max-width:none!important;min-width:max-content!important}.leave-management-tabs .tab-btn{background:#fff;border:1px solid #e1e5e9;border-radius:8px;clear:none!important;color:#6c757d;cursor:pointer;display:inline-block!important;flex-grow:0!important;flex-shrink:0!important;float:left!important;font-weight:500;min-width:max-content!important;padding:12px 20px;transition:all .3s ease;white-space:nowrap!important;width:auto!important}.leave-management-tabs .tab-btn:hover{background:#f8f9fa;border-color:#667eea;color:#667eea}.leave-management-tabs .tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 10px #667eea4d;color:#fff}.leave-management-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.leave-management-tabs-container{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;margin-bottom:20px;padding:10px;position:relative}.leave-management-tabs-container:after,.leave-management-tabs-container:before{bottom:10px;content:"";pointer-events:none;position:absolute;top:10px;width:30px;z-index:1}.leave-management-tabs-container:before{background:linear-gradient(90deg,#f8f9fa,#0000);left:10px}.leave-management-tabs-container:after{background:linear-gradient(270deg,#f8f9fa,#0000);right:10px}.dashboard-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:2rem}.dashboard-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000014;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;padding:20px;transition:all .3s ease-in-out}.dashboard-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.dashboard-cards-grid{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;width:100%!important}.dashboard-cards-grid>*{max-width:100%!important;min-width:0!important;width:100%!important}@media (max-width:768px){.dashboard-cards,.dashboard-cards-grid{gap:16px!important;grid-template-columns:1fr!important}}@media (min-width:769px) and (max-width:1024px){.dashboard-cards,.dashboard-cards-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1025px){.dashboard-cards,.dashboard-cards-grid{grid-template-columns:repeat(4,1fr)!important}}.dashboard-kpi-card{transition:transform .25s ease,box-shadow .25s ease}.dashboard-kpi-card:hover{box-shadow:0 20px 40px -12px #00000026;transform:translateY(-4px)}.dashboard-chart-panel{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #0f766e1f;transition:box-shadow .2s ease,border-color .2s ease}.dashboard-chart-panel:hover{border-color:#0f766e33;box-shadow:0 8px 24px -8px #0f766e33}.dark .dashboard-chart-panel{background:linear-gradient(180deg,#1f2937,#111827);border-color:#2dd4bf26}.dashboard-shortcut-btn{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.dashboard-shortcut-btn:hover{box-shadow:0 4px 12px #0f766e26;transform:translateX(4px)}.card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.expense-chart-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.card{max-height:200px;min-height:200px;overflow-y:auto}.card,.expense-chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;justify-content:space-between;padding:20px;width:100%}.expense-chart-card{max-height:280px;min-height:280px;overflow:hidden}.expense-chart-card .chart-fill{flex:1 1;min-height:0}.settings-grid{grid-gap:22px;gap:22px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:20px}.settings-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 3px 10px #00000014;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:center;padding:25px 20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.settings-card:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-4px)}.dark-mode .settings-card,[data-theme=dark] .settings-card{background:#424242;color:#fff}@media (max-width:768px){.settings-grid{gap:16px;grid-template-columns:1fr;padding:16px}.settings-card{height:180px;padding:20px 16px}}@media (min-width:769px) and (max-width:1024px){.settings-grid{grid-template-columns:repeat(2,1fr)}}.sub-item-card{background:#fafafa;border-radius:12px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;justify-content:space-between;max-height:200px;min-height:200px;padding:20px;width:100%}.department-efficiency-grid{grid-gap:16px!important;box-sizing:border-box!important;display:grid!important;gap:16px!important;grid-template-columns:repeat(5,1fr)!important;width:100%!important}.department-efficiency-card{min-width:0!important;overflow:hidden!important;width:100%!important}.department-efficiency-card,.department-efficiency-card>*{box-sizing:border-box!important;max-width:100%!important}@media (max-width:1200px){.department-efficiency-grid{grid-template-columns:repeat(4,1fr)!important}}@media (max-width:900px){.department-efficiency-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:600px){.department-efficiency-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:400px){.department-efficiency-grid{grid-template-columns:1fr!important}}.recent-activity-sub-card{box-sizing:border-box!important;max-width:100%!important;transition:all .2s ease!important;width:100%!important}.recent-activity-sub-card:hover{border-color:#fff6!important;box-shadow:0 4px 12px #00000026!important;transform:translateY(-2px)!important}.recent-activity-sub-card *{box-sizing:border-box!important;max-width:100%!important}.rosterShell{background:#fff;border-radius:12px;display:grid;grid-template-columns:300px 1fr;height:100%;overflow:hidden}.rosterNames{-webkit-overflow-scrolling:touch;background:#fff;border-right:1px solid #e5e7eb;overflow-x:hidden;overflow-y:auto}.rosterShifts{-webkit-overflow-scrolling:touch;background:#fff;overflow:auto}.rosterGrid{min-width:1600px}.nameRow{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nameRow,.rosterGrid .MuiTableBody .MuiTableRow-root{min-height:96px}.rosterGrid .MuiTableBody .MuiTableCell-root{min-height:96px;vertical-align:middle}.hod-calendar-container{overflow-anchor:none}.hod-calendar-container,.hod-calendar-container>div{position:relative!important}.hod-calendar-container table{border-collapse:initial!important;border-spacing:0!important}.hod-calendar-container.MuiPaper-root,.hod-calendar-container.MuiTableContainer-root,.hod-calendar-container>.MuiTableContainer-root{isolation:auto!important;transform:none!important;-webkit-transform:none!important;will-change:auto!important}.calendar-container,.hod-calendar-scroll-wrapper{-webkit-overflow-scrolling:touch;isolation:isolate;position:relative!important}.calendar-container table,.hod-calendar-container table,.hod-calendar-scroll-wrapper table{border-collapse:initial!important;border-spacing:0!important;display:table!important;table-layout:auto!important}.calendar-container .MuiTableCell-root[data-sticky=true],.calendar-container .sticky-employee-column,.calendar-container [data-sticky=true],.calendar-container td[data-sticky=true],.calendar-container th[data-sticky=true],.hod-calendar-container .MuiTableCell-root[data-sticky=true],.hod-calendar-container .sticky-employee-column,.hod-calendar-container [data-sticky=true],.hod-calendar-container td[data-sticky=true],.hod-calendar-container th[data-sticky=true],.hod-calendar-scroll-wrapper .MuiTableCell-root[data-sticky=true],.hod-calendar-scroll-wrapper .sticky-employee-column,.hod-calendar-scroll-wrapper [data-sticky=true],.hod-calendar-scroll-wrapper td[data-sticky=true],.hod-calendar-scroll-wrapper th[data-sticky=true],.sticky-body-column,.sticky-employee-column,.sticky-header-column{backface-visibility:hidden!important;left:0!important;position:sticky!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;will-change:transform!important}.calendar-container .MuiTableHead .sticky-employee-column,.calendar-container .MuiTableHead [data-sticky=true],.calendar-container thead .sticky-employee-column,.calendar-container thead [data-sticky=true],.hod-calendar-container .MuiTableHead .sticky-employee-column,.hod-calendar-container .MuiTableHead [data-sticky=true],.hod-calendar-container thead .sticky-employee-column,.hod-calendar-container thead [data-sticky=true],.hod-calendar-scroll-wrapper .MuiTableHead .sticky-employee-column,.hod-calendar-scroll-wrapper .MuiTableHead [data-sticky=true],.hod-calendar-scroll-wrapper thead .sticky-employee-column,.hod-calendar-scroll-wrapper thead [data-sticky=true]{background-color:#f5f5f5!important;top:0!important;z-index:5!important}.calendar-container .MuiTableBody .sticky-employee-column,.calendar-container .MuiTableBody [data-sticky=true],.calendar-container tbody .sticky-employee-column,.calendar-container tbody [data-sticky=true],.hod-calendar-container .MuiTableBody .sticky-employee-column,.hod-calendar-container .MuiTableBody [data-sticky=true],.hod-calendar-container tbody .sticky-employee-column,.hod-calendar-container tbody [data-sticky=true],.hod-calendar-scroll-wrapper .MuiTableBody .sticky-employee-column,.hod-calendar-scroll-wrapper .MuiTableBody [data-sticky=true],.hod-calendar-scroll-wrapper tbody .sticky-employee-column,.hod-calendar-scroll-wrapper tbody [data-sticky=true]{background-color:#f8f9fa!important;z-index:3!important}@supports (-webkit-appearance:none){.sticky-body-column,.sticky-employee-column,.sticky-header-column{left:0!important;position:sticky!important}}.hod-calendar-scroll-wrapper{overflow-x:auto!important;overflow-y:auto!important;transform:none!important;-webkit-transform:none!important;will-change:scroll-position!important}.hod-calendar-container *,.hod-calendar-scroll-wrapper *{isolation:auto}.hod-calendar-container table,.hod-calendar-scroll-wrapper table{isolation:isolate}.calendar-container .sticky-employee-column[data-sticky=true],.hod-calendar-container .sticky-employee-column[data-sticky=true],.hod-calendar-container.hod-calendar-scroll-wrapper .MuiTable-root tbody .MuiTableRow-root .MuiTableCell-root.sticky-employee-column.sticky-body-column[data-sticky=true],.hod-calendar-container.hod-calendar-scroll-wrapper .MuiTable-root thead .MuiTableRow-root .MuiTableCell-root.sticky-employee-column.sticky-header-column[data-sticky=true],.hod-calendar-container.hod-calendar-scroll-wrapper table tbody tr td.sticky-employee-column.sticky-body-column[data-sticky=true],.hod-calendar-container.hod-calendar-scroll-wrapper table thead tr th.sticky-employee-column.sticky-header-column[data-sticky=true]{backface-visibility:hidden!important;left:0!important;position:sticky!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}.calendar-container .sticky-header-column[data-sticky=true],.hod-calendar-container .sticky-header-column[data-sticky=true],.hod-calendar-container.hod-calendar-scroll-wrapper .MuiTable-root thead .MuiTableRow-root .MuiTableCell-root.sticky-employee-column.sticky-header-column[data-sticky=true],.hod-calendar-container.hod-calendar-scroll-wrapper table thead tr th.sticky-employee-column.sticky-header-column[data-sticky=true]{background-color:#f5f5f5!important;top:0!important;z-index:5!important}.calendar-container .sticky-body-column[data-sticky=true],.hod-calendar-container .sticky-body-column[data-sticky=true],.hod-calendar-container.hod-calendar-scroll-wrapper .MuiTable-root tbody .MuiTableRow-root .MuiTableCell-root.sticky-employee-column.sticky-body-column[data-sticky=true],.hod-calendar-container.hod-calendar-scroll-wrapper table tbody tr td.sticky-employee-column.sticky-body-column[data-sticky=true]{background-color:#f8f9fa!important;z-index:3!important}.hod-shift-roster--dark .MuiAlert-root{background-color:#1f2937!important;border:1px solid #4b5563!important;color:#d1d5db!important}.hod-shift-roster--dark .MuiTypography-root{color:#e5e7eb}.hod-shift-roster-calendar--dark .MuiCard-root,.hod-shift-roster-calendar--dark .MuiPaper-root{background-color:#1f2937!important;border:1px solid #4b5563!important}.hod-shift-roster-calendar--dark .MuiCardContent-root{background-color:#1f2937!important}.hod-shift-roster-calendar--dark .MuiOutlinedInput-root{background-color:#111827!important;color:#f3f4f6!important}.hod-shift-roster-calendar--dark .MuiOutlinedInput-notchedOutline{border-color:#4b5563!important}.hod-shift-roster-calendar--dark .MuiInputLabel-root,.hod-shift-roster-calendar--dark .MuiSelect-icon,.hod-shift-roster-calendar--dark .MuiTypography-colorTextSecondary{color:#9ca3af!important}.hod-shift-roster-calendar--dark .MuiTableCell-root{border-bottom-color:#374151!important;color:#d1d5db!important}.hod-shift-roster-calendar--dark .hod-employee-list{background-color:#1f2937!important;border-right-color:#4b5563!important}.hod-shift-roster-calendar--dark .hod-calendar-container{background-color:#111827!important}.roster-wrap{grid-gap:0!important;border-radius:12px;display:grid!important;gap:0!important;grid-template-columns:280px 1fr!important;height:100%!important;overflow:hidden}.roster-left{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden!important}.roster-left-scroll{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden!important;overflow-y:auto!important}.roster-right{-webkit-overflow-scrolling:touch;background:#fff;overflow:auto!important}.roster-grid{min-width:1200px}.roster-left-scroll>div{align-items:center;display:flex;min-height:96px}.roster-grid .MuiTableBody .MuiTableRow-root{min-height:96px}.roster-grid .MuiTableBody .MuiTableCell-root{min-height:96px;vertical-align:middle}.leave-management-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.leave-header,.leave-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a}.leave-tabs{margin-bottom:24px}.leave-tab{background:#0000;border:none;border-radius:12px;color:#666;cursor:pointer;font-weight:500;margin:4px;padding:16px 24px;transition:all .3s ease}.leave-tab:hover{background:#667eea1a;color:#667eea}.leave-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d;color:#fff}.leave-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:16px;padding:24px;transition:all .3s ease}.leave-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.leave-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;padding:24px;text-align:center;transition:all .3s ease}.leave-stat-card:hover{box-shadow:0 12px 40px #667eea4d;transform:translateY(-4px)}.leave-stat-number{font-size:2.5rem;font-weight:700;margin-bottom:8px}.leave-stat-label{font-size:.9rem;opacity:.9}.leave-type-chip{border-radius:20px;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.leave-status-pending{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.leave-status-approved{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.leave-status-rejected{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.leave-balance-progress{background:#667eea1a;border-radius:4px;height:8px;overflow:hidden}.leave-balance-progress-bar{border-radius:4px;height:100%;transition:width .3s ease}.leave-request-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.leave-request-item:hover{box-shadow:0 8px 24px #0000001a;transform:translateX(4px)}.leave-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:40px}.leave-fab{background:linear-gradient(135deg,#667eea,#764ba2);bottom:24px;box-shadow:0 8px 24px #667eea4d;color:#fff;position:fixed;right:24px;transition:all .3s ease}.leave-fab:hover{box-shadow:0 12px 32px #667eea66;transform:scale(1.1)}.leave-dialog{border-radius:16px;overflow:hidden}.leave-dialog-title{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px}.leave-dialog-content{padding:24px}.leave-form-field{margin-bottom:16px}.leave-form-field .MuiOutlinedInput-root{border-radius:12px}.leave-form-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.leave-form-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#667eea}.leave-button{border-radius:12px;font-weight:500;padding:12px 24px;text-transform:none;transition:all .3s ease}.leave-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d;color:#fff}.leave-button-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 8px 24px #667eea66}.leave-alert{border:none;border-radius:12px;box-shadow:0 4px 16px #0000001a}.leave-alert-success{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.leave-alert-warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.leave-alert-error{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.leave-alert-info{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.leave-analytics-chart,.leave-calendar,.leave-policy-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:24px}.leave-policy-card{border-left:4px solid #667eea;margin-bottom:16px}.leave-policy-title{color:#667eea;font-weight:600;margin-bottom:8px}.leave-policy-description{color:#666;line-height:1.6}.leave-holiday-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.leave-holiday-item:hover{box-shadow:0 8px 24px #0000001a;transform:translateX(4px)}.leave-holiday-date{background:linear-gradient(135deg,#f44336,#d32f2f);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 12px}.leave-compliance-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:16px}.leave-compliance-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;padding:16px;transition:all .3s ease}.leave-compliance-item:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.leave-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.leave-loading-spinner{border-radius:8px;width:100%}.leave-empty-state{color:#666;padding:48px 24px;text-align:center}.leave-empty-state-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.leave-empty-state-title{color:#333;font-size:1.5rem;margin-bottom:8px}.leave-empty-state-description{font-size:1rem;margin-bottom:24px}@media (max-width:768px){.leave-management-container{padding:12px}.leave-header{margin-bottom:16px;padding:16px}.leave-card{margin-bottom:12px}.leave-card,.leave-stat-card{padding:16px}.leave-stat-number{font-size:2rem}.leave-tab{font-size:.9rem;padding:12px 16px}.leave-fab{bottom:16px;right:16px}}@media (max-width:480px){.leave-header h4{font-size:1.5rem}.leave-stat-number{font-size:1.8rem}.leave-tab{font-size:.8rem;padding:8px 12px}.leave-card{padding:12px}}.leave-fade-in{animation:fadeIn .5s ease-in-out}.leave-slide-up{animation:slideUp .3s ease-out}.leave-bounce{animation:bounce .6s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.leave-management-container::-webkit-scrollbar{width:8px}.leave-management-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.leave-management-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.leave-management-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.roster-planning-container{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:16px;padding:24px}.roster-plan-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;margin-bottom:12px;padding:16px}.roster-plan-item:hover{box-shadow:0 8px 24px #0000001a;transform:translateX(4px)}.roster-status-draft{background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff}.roster-status-pending{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.roster-status-approved{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.roster-status-rejected{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.calendar-container{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:24px}.calendar-event-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;margin-bottom:12px;padding:16px}.calendar-event-item:hover{box-shadow:0 8px 24px #0000001a;transform:translateX(4px)}.event-type-roster{background:linear-gradient(135deg,#2196f3,#1976d2)}.event-type-leave{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.event-type-holiday{background:linear-gradient(135deg,#f44336,#d32f2f)}.form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:30px;padding:30px}.form-header{color:#fff;margin-bottom:30px;text-align:center}.form-header h3{font-size:28px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.form-header p{font-size:16px;margin:10px 0 0;opacity:.9}.form-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.form-field{position:relative}.form-field label{color:#fff;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-field input,.form-field select,.form-field textarea{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;color:#fff;font-size:16px;padding:15px 20px;transition:all .3s ease;width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:#ffffff26;border-color:gold;box-shadow:0 0 20px #ffd7004d;outline:none;transform:translateY(-2px)}.form-field input::placeholder,.form-field textarea::placeholder{color:#ffffffb3}.form-field select option{background:#2c3e50;color:#fff}.form-field textarea{min-height:120px;resize:vertical}.form-actions{gap:15px;justify-content:center;margin-top:30px}.form-button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;min-width:140px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.form-button.primary{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 8px 20px #ffd7004d;color:#2c3e50}.form-button.primary:hover{box-shadow:0 12px 25px #ffd70066;transform:translateY(-3px)}.form-button.secondary{background:linear-gradient(135deg,#fff3,#ffffff1a);border:2px solid #ffffff4d;color:#fff}.form-button.secondary:hover{background:#ffffff40;transform:translateY(-3px)}.dialog-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-content{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #0000004d;padding:0;position:relative}.dialog-header{border-bottom:1px solid #fff3;padding:25px 30px 20px;text-align:center}.dialog-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.dialog-body{padding:30px}.dialog-actions{border-top:1px solid #fff3;gap:15px;padding:20px 30px 25px}.calendar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:30px}.calendar-header{margin-bottom:30px;text-align:center}.calendar-header h3{font-size:28px;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.calendar-filters{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.calendar-filter{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.calendar-filter.active,.calendar-filter:hover{background:#fff3;border-color:gold;transform:translateY(-2px)}.calendar-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.calendar-event-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.calendar-event-item:before{background:linear-gradient(90deg,gold,#ffed4e);content:"";height:4px;left:0;position:absolute;right:0;top:0}.calendar-event-item:hover{box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.event-title{color:#fff;font-size:18px;font-weight:700;margin:0}.event-type{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.event-type-roster{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.event-type-leave{background:linear-gradient(135deg,gold,#ffed4e);color:#2c3e50}.event-type-holiday{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.event-details{color:#ffffffe6;font-size:14px;line-height:1.6}.event-date{color:gold;font-weight:600;margin-bottom:8px}.event-employee{color:#fff;font-weight:600;margin-bottom:5px}.event-description{font-style:italic;opacity:.8}.roster-planning-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:30px}.roster-header{color:#fff;margin-bottom:30px;text-align:center}.roster-header h3{font-size:28px;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.roster-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.roster-button{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:12px;box-shadow:0 8px 20px #ffd7004d;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 25px;text-transform:uppercase;transition:all .3s ease}.roster-button:hover{box-shadow:0 12px 25px #ffd70066;transform:translateY(-3px)}.roster-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.roster-plan-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.roster-plan-item:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.roster-plan-item:hover{box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.roster-status-draft:before{background:linear-gradient(90deg,#95a5a6,#7f8c8d)}.roster-status-pending:before{background:linear-gradient(90deg,#f39c12,#e67e22)}.roster-status-approved:before{background:linear-gradient(90deg,#27ae60,#2ecc71)}.roster-status-rejected:before{background:linear-gradient(90deg,#e74c3c,#c0392b)}.roster-plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.roster-employee{color:#fff;font-size:20px;font-weight:700;margin:0}.roster-status{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.roster-status-draft{background:#95a5a64d;color:#ecf0f1}.roster-status-pending{background:#f39c124d;color:#f39c12}.roster-status-approved{background:#27ae604d;color:#2ecc71}.roster-status-rejected{background:#e74c3c4d;color:#e74c3c}.roster-details{color:#ffffffe6;font-size:14px;line-height:1.6;margin-bottom:20px}.roster-date{color:gold;font-weight:600;margin-bottom:10px}.roster-leave-type{color:#fff;font-weight:600;margin-bottom:8px}.roster-reason{font-style:italic;margin-bottom:10px;opacity:.8}.roster-priority{border-radius:15px;display:inline-block;font-size:12px;font-weight:600;margin-bottom:15px;padding:4px 12px;text-transform:uppercase}.roster-priority.high{background:#e74c3c4d;color:#e74c3c}.roster-priority.normal{background:#3498db4d;color:#3498db}.roster-priority.low{background:#2ecc714d;color:#2ecc71}.roster-actions-buttons{display:flex;flex-wrap:wrap;gap:10px}.roster-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;min-width:80px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.roster-action-btn.primary{background:linear-gradient(135deg,gold,#ffed4e);color:#2c3e50}.roster-action-btn.secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.roster-action-btn:hover{transform:translateY(-2px)}@media (max-width:768px){.calendar-grid,.form-grid,.roster-grid{grid-template-columns:1fr}.form-actions,.roster-actions,.roster-actions-buttons{flex-direction:column}.dialog-content{margin:20px;max-width:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.calendar-container,.form-container,.roster-planning-container{animation:fadeInUp .6s ease-out}.calendar-event-item,.roster-plan-item{animation:fadeInUp .4s ease-out}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{animation:pulse 2s infinite}.leave-summary-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.leave-summary-card{display:flex;flex-direction:column;justify-content:center;min-height:140px}.leave-dashboard-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.leave-dashboard-card{display:flex;flex-direction:column;height:400px;overflow:hidden}.leave-dashboard-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:2rem!important}.leave-dashboard-card .MuiCardContent-root>:first-child{flex-shrink:0;margin-bottom:1.5rem}.leave-dashboard-card .MuiCardContent-root>:last-child{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:8px}.leave-dashboard-card .MuiCardContent-root>:last-child::-webkit-scrollbar{width:6px}.leave-dashboard-card .MuiCardContent-root>:last-child::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.leave-dashboard-card .MuiCardContent-root>:last-child::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.leave-dashboard-card .MuiCardContent-root>:last-child::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:960px){.leave-dashboard-cards-grid{gap:1rem;grid-template-columns:1fr}.leave-dashboard-card{height:auto;min-height:350px}}@media (max-width:1024px){.leave-summary-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.leave-summary-cards-grid{gap:1rem;grid-template-columns:1fr}.leave-summary-card{min-height:120px}}.leave-requests-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.leave-request-card{display:flex;flex-direction:column;height:500px;overflow:hidden}.leave-request-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:1.5rem!important}.leave-request-scrollable-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:8px}.leave-request-scrollable-content::-webkit-scrollbar{width:6px}.leave-request-scrollable-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.leave-request-scrollable-content::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.leave-request-scrollable-content::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:960px){.leave-requests-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.leave-request-card{height:auto;min-height:450px}}.roster-department-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.roster-department-card{display:flex;flex-direction:column;height:600px;overflow:hidden}.roster-department-card .MuiCardContent-root{display:flex;flex-direction:column;padding:0!important}.roster-department-card>:first-child{flex-shrink:0}.roster-department-card .MuiCardContent-root{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:8px}.roster-department-card .MuiCardContent-root::-webkit-scrollbar{width:6px}.roster-department-card .MuiCardContent-root::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.roster-department-card .MuiCardContent-root::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.roster-department-card .MuiCardContent-root::-webkit-scrollbar-thumb:hover{background:#555}.roster-plan-item{display:flex;flex-direction:column;min-height:200px}@media (max-width:960px){.roster-department-grid{gap:1rem;grid-template-columns:1fr}.roster-department-card{height:auto;min-height:550px}}.leave-analytics-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.leave-analytics-summary-card{display:flex;flex-direction:column;justify-content:center;min-height:140px}.leave-analytics-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.leave-analytics-chart-card{display:flex;flex-direction:column;height:500px;overflow:hidden}.leave-analytics-chart-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:1.5rem!important}.leave-analytics-chart-card .MuiCardContent-root>:first-child{flex-shrink:0;margin-bottom:1.5rem}.leave-analytics-chart-card .MuiCardContent-root>:last-child{flex:1 1;min-height:0;overflow:hidden}@media (max-width:1024px){.leave-analytics-charts-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.leave-analytics-chart-card{height:auto;min-height:450px}.leave-analytics-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.leave-analytics-summary-grid{gap:1rem;grid-template-columns:1fr}.leave-analytics-summary-card{height:auto;min-height:120px}.leave-analytics-charts-grid{gap:1rem;grid-template-columns:1fr}.leave-analytics-chart-card{height:auto;min-height:400px}}.leave-types-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.leave-type-card{display:flex;flex-direction:column;height:280px;overflow:hidden}.leave-type-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:1.5rem!important}.leave-type-scrollable-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:8px}.leave-type-scrollable-content::-webkit-scrollbar{width:6px}.leave-type-scrollable-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.leave-type-scrollable-content::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.leave-type-scrollable-content::-webkit-scrollbar-thumb:hover{background:#555}.public-holidays-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.public-holiday-card{display:flex;flex-direction:column;height:220px;overflow:hidden}.public-holiday-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:1.5rem!important}.public-holiday-scrollable-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:8px}.public-holiday-scrollable-content::-webkit-scrollbar{width:6px}.public-holiday-scrollable-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.public-holiday-scrollable-content::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.public-holiday-scrollable-content::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:960px){.leave-types-grid,.public-holidays-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.leave-type-card{height:auto;min-height:260px}.public-holiday-card{height:auto;min-height:200px}}@media (max-width:768px){.leave-types-grid,.public-holidays-grid{gap:1rem;grid-template-columns:1fr}.leave-type-card{height:auto;min-height:250px}.public-holiday-card{height:auto;min-height:190px}.settings-section-card{height:auto!important;min-height:500px}}.settings-section-card{display:flex;flex-direction:column;overflow:hidden}.settings-section-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding-bottom:16px!important}.settings-section-scrollable{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:8px}.settings-section-scrollable::-webkit-scrollbar{width:8px}.settings-section-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.settings-section-scrollable::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.settings-section-scrollable::-webkit-scrollbar-thumb:hover{background:#555}.leave-management--dark .leave-summary-card,.leave-management--dark .lm-summary-card{background-color:#374151!important;color:#e5e7eb}.leave-management--dark .lm-summary-card .text-slate-800,.leave-management--dark .lm-summary-card h3,.leave-management--dark .lm-summary-card p,.leave-management--dark .lm-summary-card span.tabular-nums{color:#e5e7eb!important}.leave-management--dark .lm-summary-card .text-slate-500{color:#9ca3af!important}.leave-management--dark .lm-summary-card .bg-indigo-100{background-color:#4f46e559!important}.leave-management--dark .lm-summary-card .bg-emerald-100{background-color:#10b98159!important}.leave-management--dark .lm-summary-card .bg-amber-100{background-color:#f59e0b59!important}.leave-management--dark .lm-summary-card .bg-blue-100{background-color:#2563eb59!important}.leave-management--dark .leave-dashboard-card.section-card,.leave-management--dark .leave-dashboard-cards-grid .section-card{background-color:#374151!important;border-color:#4b5563!important}.leave-management--dark .leave-dashboard-card .text-slate-800,.leave-management--dark .leave-dashboard-card h3{color:#e5e7eb!important}.leave-management--dark .leave-dashboard-card .text-slate-400,.leave-management--dark .leave-dashboard-card .text-slate-500{color:#9ca3af!important}.leave-management--dark .leave-dashboard-card .bg-violet-100{background-color:#8b5cf64d!important}.leave-management--dark .leave-dashboard-card .bg-blue-100,.leave-management--dark .leave-dashboard-card .bg-indigo-100{background-color:#6366f14d!important}.leave-management--dark .leave-dashboard-card>div>:last-child::-webkit-scrollbar-track{background:#374151}.leave-management--dark .leave-dashboard-card>div>:last-child::-webkit-scrollbar-thumb{background:#6b7280}.leave-management--dark .leave-analytics-summary-card{background-color:#374151!important;border-color:#4b5563!important;color:#e5e7eb}.leave-management--dark .leave-analytics-summary-card .text-slate-800,.leave-management--dark .leave-analytics-summary-card p{color:#e5e7eb!important}.leave-management--dark .leave-analytics-summary-card .text-slate-500{color:#9ca3af!important}.leave-management--dark .lm-tabs-wrapper{background-color:#374151!important;border-color:#4b5563!important}.leave-management--dark .lm-tabs-wrapper .bg-gradient-to-r{background:linear-gradient(90deg,#374151cc,#374151)!important;border-color:#4b5563!important}.leave-management--dark .lm-tabs-wrapper button{color:#9ca3af}.leave-management--dark .lm-tabs-wrapper button:hover{background-color:#ffffff0d;color:#e5e7eb}.leave-management--dark .lm-tabs-wrapper button.text-indigo-600{background-color:#6366f140!important;border-color:#6366f1;color:#a5b4fc!important}.leave-management--dark .leave-request-card .bg-sky-50,.leave-management--dark .leave-request-card .bg-slate-50{background-color:#374151!important;border-color:#4b5563!important}.leave-management--dark .leave-request-card .data-label,.leave-management--dark .leave-request-card .data-value,.leave-management--dark .leave-request-card .text-sky-700,.leave-management--dark .leave-request-card .text-sky-900,.leave-management--dark .leave-request-card .text-slate-500,.leave-management--dark .leave-request-card .text-slate-600{color:#e5e7eb!important}.leave-management--dark .leave-request-card .text-amber-800,.leave-management--dark .leave-request-card .text-amber-900{color:#fcd34d!important}.leave-management--dark .leave-request-card .bg-amber-50,.leave-management--dark .leave-request-card .border-amber-200{background-color:#f59e0b33!important;border-color:#b45309!important}.leave-management--dark .leave-request-card .border-t{border-color:#4b5563!important}.leave-management--dark .leave-request-card .bg-blue-100{background-color:#3b82f64d!important;border-color:#2563eb!important;color:#93c5fd!important}.leave-management--dark .leave-request-card .bg-green-100{background-color:#22c55e4d!important;border-color:#16a34a!important;color:#86efac!important}.leave-management--dark .leave-request-card .bg-amber-100{background-color:#f59e0b4d!important;border-color:#d97706!important;color:#fcd34d!important}.leave-management--dark .leave-request-card .bg-red-100{background-color:#ef44444d!important;border-color:#dc2626!important;color:#fca5a5!important}.leave-management--dark .roster-planning-search{background-color:#1f2937!important;border-color:#4b5563!important}.leave-management--dark .roster-planning-table{background-color:#1f2937!important}.leave-management--dark .roster-planning-table thead tr,.leave-management--dark .roster-planning-table thead.roster-thead-dark tr,.roster-planning-table thead.roster-thead-dark tr,.roster-planning-table tr.roster-thead-dark-row{background-color:#374151!important;border-color:#4b5563!important}.leave-management--dark .roster-planning-table thead th,.leave-management--dark .roster-planning-table thead.roster-thead-dark th,.roster-planning-table thead.roster-thead-dark th{color:#e5e7eb!important}.leave-management--dark .roster-planning-table tbody{background-color:#1f2937!important}.leave-management--dark .roster-planning-table tbody tr{background-color:#1f2937!important;border-color:#4b5563!important}.leave-management--dark .roster-planning-table tbody tr:hover{background-color:#374151cc!important}.leave-management--dark .roster-planning-table tbody td{color:#e5e7eb}.leave-management--dark .roster-planning-table tbody td p{color:#e5e7eb!important}.leave-management--dark .roster-planning-table tbody button[class*=gray-700]{background-color:#374151!important;border-color:#4b5563!important}.leave-management--dark .roster-planning-table::-webkit-scrollbar{height:10px}.leave-management--dark .roster-planning-table::-webkit-scrollbar-track{background:#374151;border-radius:4px}.leave-management--dark .roster-planning-table::-webkit-scrollbar-thumb{background:#6b7280;border-radius:4px}.leave-management--dark .roster-planning-table::-webkit-scrollbar-thumb:hover{background:#9ca3af}.leave-type-modal-dark{background-color:#1f2937!important;color:#e5e7eb!important}.leave-type-modal-dark>div:first-child{border-bottom-color:#4b5563!important}.leave-type-modal-dark>div:nth-child(2){background-color:#1f2937!important}.leave-type-modal-dark>div:last-child{background-color:#111827!important;border-top-color:#4b5563!important}.leave-type-modal-dark label{color:#a5b4fc!important}.leave-type-modal-dark input,.leave-type-modal-dark select,.leave-type-modal-dark textarea{background-color:#374151!important;border-color:#4b5563!important;color:#f3f4f6!important}.leave-type-modal-dark input::placeholder,.leave-type-modal-dark p.text-slate-500,.leave-type-modal-dark textarea::placeholder{color:#9ca3af!important}.comprehensive-shift-roster{-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;text-rendering:optimizeLegibility}.calendar-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:250px 1fr;height:calc(100vh - 200px);overflow:hidden}.employee-list{box-shadow:0 2px 8px #0000001a;max-height:100%}.employee-item{border:1px solid #e0e0e0;border-radius:6px;cursor:grab;gap:12px;margin:8px;padding:12px;transition:all .2s ease}.employee-item:hover{background:#f5f5f5;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.employee-item.dragging{background:#e3f2fd;box-shadow:0 4px 12px #2196f34d}.shift-cell{background:#0000;border:2px dashed #e0e0e0;border-radius:6px;min-height:80px;padding:8px;transition:all .2s ease}.shift-cell.drag-over{background:#e3f2fd;border-color:#2196f3}.shift-cell.filled{background:#f8f9fa;border-color:#4caf50}.employee-chip{font-size:.75rem;font-weight:500;margin:2px}.shift-header{color:#2c3e50;font-weight:600;gap:8px}.shift-color-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.calendar-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px}.calendar-navigation{display:flex;gap:8px}.calendar-table{border-collapse:collapse;width:100%}.calendar-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#2c3e50;font-weight:600;padding:12px;text-align:center}.calendar-table td{border:1px solid #e0e0e0;padding:8px;vertical-align:top}.shift-row{background:#fafafa}.shift-row:hover{background:#f0f0f0}.tab-content{min-height:400px}.settings-section{border-radius:8px;box-shadow:0 2px 8px #0000001a}.settings-title{color:#2c3e50;font-size:1.25rem;font-weight:600;margin-bottom:16px}.auto-generate-preview{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-top:16px;padding:16px}.report-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:20px}.report-title{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:12px}.progress-fill{background:linear-gradient(90deg,#4caf50,#66bb6a)}.employee-avatar{background:#2196f3;font-size:.875rem;font-weight:600;height:32px;width:32px}.drag-handle{color:#9e9e9e;cursor:grab}.drag-handle:active{cursor:grabbing}.action-buttons{margin-top:16px}.floating-action{bottom:24px;position:fixed;right:24px;z-index:1000}.loading-overlay{background:#fffc}.notification-badge{background:#f44336;font-size:.75rem;font-weight:600;right:-8px;top:-8px}@media (max-width:768px){.calendar-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}.employee-list{max-height:200px}.calendar-table{font-size:.875rem}.calendar-table td,.calendar-table th{padding:6px}}@media (prefers-color-scheme:dark){.comprehensive-shift-roster{background:#121212;color:#fff}.employee-list,.report-card,.settings-section,.shift-cell{background:#1e1e1e;color:#fff}.calendar-table th{background:#2d2d2d;color:#fff}.shift-row{background:#2d2d2d}.shift-row:hover{background:#3d3d3d}}.comprehensive-shift-roster [data-rbd-draggable-id],.comprehensive-shift-roster [data-rbd-droppable-id]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.shift-roster-dark{background:#111827;color:#e5e7eb}.shift-roster-dark .tab-list{border-bottom-color:#4b5563}.shift-roster-dark .tab-button.active{background:#374151;border-bottom-color:#6366f1;color:#c7d2fe}.shift-roster-dark .tab-button:not(.active){color:#9ca3af}.shift-roster-dark .tab-button:not(.active):hover{background:#37415199;color:#e5e7eb}.shift-roster-dark .MuiPaper-root{background-color:#1f2937;color:#e5e7eb}.drag-handle{cursor:grab!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.drag-handle:active{cursor:grabbing!important}[data-rbd-draggable-id] *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.hours-summary-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.hours-summary-card{border-radius:12px;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;height:180px;justify-content:space-between;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.hours-summary-card:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-4px)}.hours-summary-card .MuiCardContent-root{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1.5rem!important}@media (max-width:1024px){.hours-summary-cards-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:768px){.hours-summary-cards-grid{gap:1rem;grid-template-columns:1fr}.hours-summary-card{height:auto;min-height:160px}.efficiency-metrics-card,.hours-breakdown-card{height:auto!important;min-height:400px}}.hours-breakdown-card{display:flex;flex-direction:column;overflow:hidden}.hours-breakdown-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding-bottom:16px!important}.hours-breakdown-scrollable{flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}.hours-breakdown-scrollable::-webkit-scrollbar{height:8px;width:8px}.hours-breakdown-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.hours-breakdown-scrollable::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.hours-breakdown-scrollable::-webkit-scrollbar-thumb:hover{background:#555}.efficiency-metrics-card{display:flex;flex-direction:column;overflow:hidden}.efficiency-metrics-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding-bottom:16px!important}.efficiency-metrics-scrollable{flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}.efficiency-metrics-scrollable::-webkit-scrollbar{height:8px;width:8px}.efficiency-metrics-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.efficiency-metrics-scrollable::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.efficiency-metrics-scrollable::-webkit-scrollbar-thumb:hover{background:#555}.hours-distribution-card{display:flex;flex-direction:column;overflow:hidden}.hours-distribution-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding-bottom:16px!important}.hours-distribution-scrollable{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.hours-distribution-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hours-distribution-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;transition:all .2s ease}.hours-distribution-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.shift-roster-dark .hours-distribution-item{background:#1f2937;border:1px solid #4b5563}.shift-roster-dark .hours-distribution-item:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f140}.hours-distribution-scrollable::-webkit-scrollbar{width:8px}.hours-distribution-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.hours-distribution-scrollable::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.hours-distribution-scrollable::-webkit-scrollbar-thumb:hover{background:#555}.shift-roster-dark .efficiency-metrics-scrollable::-webkit-scrollbar-track,.shift-roster-dark .hours-distribution-scrollable::-webkit-scrollbar-track{background:#374151}.shift-roster-dark .efficiency-metrics-scrollable::-webkit-scrollbar-thumb,.shift-roster-dark .hours-distribution-scrollable::-webkit-scrollbar-thumb{background:#6b7280}.department-efficiency-card{display:flex;flex-direction:column;overflow:hidden}.department-efficiency-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding-bottom:16px!important}.department-efficiency-scrollable{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.department-efficiency-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.department-efficiency-item{display:flex;flex-direction:column;height:220px}.department-efficiency-item .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;padding:1.5rem!important}.department-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.department-metric-item{display:flex;flex-direction:column}.department-efficiency-scrollable::-webkit-scrollbar{width:8px}.department-efficiency-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.department-efficiency-scrollable::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.department-efficiency-scrollable::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.department-efficiency-grid,.hours-distribution-grid{gap:1rem;grid-template-columns:1fr}.department-efficiency-item{height:auto;min-height:200px}.department-efficiency-card,.hours-distribution-card{height:auto!important;min-height:400px}.shift-management-card{height:auto!important;min-height:500px}.shift-types-grid{grid-template-columns:1fr!important}}.shift-management-card{display:flex;flex-direction:column;overflow:hidden}.shift-management-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding-bottom:16px!important}.shift-management-scrollable{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.shift-types-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.shift-type-card{display:flex;flex-direction:column;height:160px;overflow:hidden}.shift-type-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;padding:1.25rem!important}.shift-management-scrollable::-webkit-scrollbar{width:8px}.shift-management-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.shift-management-scrollable::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.shift-management-scrollable::-webkit-scrollbar-thumb:hover{background:#555}.reports-summary-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.report-summary-card{border-radius:12px;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;height:320px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.report-summary-card:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-4px)}.report-summary-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;padding:1.5rem!important}.report-metric-item{display:flex;flex-direction:column}.department-breakdown-scrollable{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:8px}.department-breakdown-item{background:#f8f9fa;border-radius:8px;padding:.75rem;transition:background .2s ease}.department-breakdown-item:hover{background:#e9ecef}.shift-roster-dark .department-breakdown-item{background:#374151;border:1px solid #4b5563}.shift-roster-dark .department-breakdown-item:hover{background:#4b5563}.shift-roster-dark .department-breakdown-scrollable::-webkit-scrollbar-track{background:#374151}.shift-roster-dark .department-breakdown-scrollable::-webkit-scrollbar-thumb{background:#6b7280}.department-breakdown-scrollable::-webkit-scrollbar{width:6px}.department-breakdown-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.department-breakdown-scrollable::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.department-breakdown-scrollable::-webkit-scrollbar-thumb:hover{background:#555}.shift-distribution-card{display:flex;flex-direction:column;overflow:hidden}.shift-distribution-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding-bottom:16px!important}.shift-distribution-scrollable{flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}.shift-distribution-scrollable::-webkit-scrollbar{height:8px;width:8px}.shift-distribution-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.shift-distribution-scrollable::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.shift-distribution-scrollable::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.reports-summary-cards-grid{gap:1rem;grid-template-columns:1fr}.report-summary-card{height:auto;min-height:280px}.shift-distribution-card{height:auto!important;min-height:400px}}.performance-appraisal-module{background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.performance-appraisal-module--dark{background:#111827;color:#e5e7eb}.performance-appraisal-module--dark .pa-tab-list{background:#1f2937!important;border-bottom-color:#4b5563!important}.performance-appraisal-module--dark .tab-button{color:#9ca3af}.performance-appraisal-module--dark .tab-button.active{background:#374151;border-bottom-color:#6366f1;color:#e5e7eb}.performance-appraisal-module--dark .tab-button:not(.active):hover{background:#374151;color:#e5e7eb}.performance-appraisal-module--dark .pa-tab-content{background:#1f2937;border-color:#4b5563}.performance-appraisal-module--dark .pa-tab-content .MuiCard-root,.performance-appraisal-module--dark .pa-tab-content .bg-white{background-color:#1f2937!important;border-color:#4b5563!important;color:#e5e7eb!important}.performance-appraisal-module--dark .pa-tab-content .text-gray-500,.performance-appraisal-module--dark .pa-tab-content .text-gray-600,.performance-appraisal-module--dark .pa-tab-content .text-gray-700{color:#9ca3af!important}.performance-appraisal-module--dark .pa-goals-header-card{background:#1f2937!important;border-color:#4b5563!important}.performance-appraisal-module--dark .pa-metric-card--blue{background:#3b82f62e!important;border-color:#3b82f666!important;color:#bfdbfe!important}.performance-appraisal-module--dark .pa-metric-card--orange{background:#f59e0b2e!important;border-color:#f59e0b66!important;color:#fcd34d!important}.performance-appraisal-module--dark .pa-metric-card--green{background:#10b9812e!important;border-color:#10b98166!important;color:#86efac!important}.performance-appraisal-module--dark .pa-org-goals-surface{background:#111827!important}.performance-appraisal-module--dark .pa-org-goals-surface .MuiInputLabel-root,.performance-appraisal-module--dark .pa-org-goals-surface .MuiOutlinedInput-input,.performance-appraisal-module--dark .pa-org-goals-surface .MuiSelect-select{color:#e5e7eb!important}.performance-appraisal-module--dark .pa-org-goals-surface .MuiOutlinedInput-notchedOutline{border-color:#4b5563!important}.performance-appraisal-module--dark .pa-achieveit-wrapper{background:#111827!important}.performance-appraisal-module--dark .pa-achieveit-header-card--dark{background:#1f2937!important;border-color:#4b5563!important}.performance-appraisal-module--dark .pa-top20-wrapper--dark{background:#111827!important}.performance-appraisal-module--dark .pa-top20-card,.performance-appraisal-module--dark .pa-top20-header-card--dark{background:#1f2937!important;border-color:#4b5563!important}.performance-appraisal-module--dark .pa-top20-wrapper .performer-info h3{color:#e5e7eb!important}.performance-appraisal-module--dark .pa-top20-wrapper .performer-info .department-badge{background:#3b82f633!important;border-color:#3b82f673!important;color:#93c5fd!important}.performance-appraisal-module--dark .pa-top20-wrapper .final-score{background:#a855f72e!important;border-color:#a855f773!important}.performance-appraisal-module--dark .pa-top20-wrapper .score-label,.performance-appraisal-module--dark .pa-top20-wrapper .score-value{color:#d8b4fe!important}.performance-appraisal-module--dark .pa-top20-wrapper .score-breakdown{background:#111827!important;border-color:#4b5563!important}.performance-appraisal-module--dark .pa-top20-wrapper .breakdown-item{background:#1f2937!important;border:1px solid #4b5563!important;border-radius:8px!important;margin-bottom:.55rem!important;padding:.45rem .65rem!important}.performance-appraisal-module--dark .pa-top20-wrapper .breakdown-label{color:#9ca3af!important}.performance-appraisal-module--dark .pa-top20-wrapper .breakdown-value{background:#111827!important;border:1px solid #4b5563!important;color:#e5e7eb!important}.performance-appraisal-module--dark .pa-top20-wrapper .breakdown-item:last-child{margin-bottom:0!important}.performance-appraisal-module--dark .pa-reports-wrapper--dark{background:#111827!important}.performance-appraisal-module--dark .pa-reports-header-card--dark{background:#1f2937!important;border-color:#4b5563!important}.performance-appraisal-module--dark .pa-reports-wrapper--dark .performance-report-card{background:#1f2937!important;border:1px solid #4b5563!important}.performance-appraisal-module--dark .pa-reports-wrapper--dark .performance-report-card .MuiTypography-h6{color:#e5e7eb!important}.performance-appraisal-module--dark .pa-reports-wrapper--dark .performance-report-card .MuiTypography-body2{color:#9ca3af!important}.module-header{align-items:center;background:#1976d2;border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:flex-end;min-height:60px;padding:1rem 2rem}.module-header h2{font-size:1.8rem;font-weight:600;margin:0}.close-btn{background:#0000;border:1px solid #ffffff4d;border-radius:4px;color:#fff;font-size:1.5rem;height:40px;width:40px}.close-btn:hover{background:#ffffff1a}.error-message{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;justify-content:space-between;margin:1rem 2rem;padding:1rem}.error-message button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.2rem}.tab-navigation{background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:.5rem;overflow-x:auto;padding:0 2rem}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:1rem 1.5rem;white-space:nowrap}.tab-btn:hover{background:#f5f5f5;color:#333}.tab-btn.active{background:#f5f5f5;border-bottom-color:#1976d2;color:#1976d2}.tab-content{margin:0 auto;max-width:1400px;padding:2rem}.loading{align-items:center;display:flex;font-size:1.2rem;height:400px;justify-content:center}.dashboard-tab{display:flex;flex-direction:column;gap:2rem}.welcome-section{align-items:center;background:#1976d2;color:#fff;display:flex;justify-content:space-between;margin-bottom:1rem;padding:2rem}.welcome-content h2{font-size:2rem;font-weight:700;margin:0 0 .5rem}.welcome-content p{font-size:1.1rem;margin:0;opacity:.9}.quick-actions-header{display:flex;gap:1rem}.action-btn{border-radius:10px;font-size:.9rem;gap:.5rem;text-decoration:none}.action-btn.primary{background:#fff3;border:1px solid #ffffff4d}.action-btn.primary:hover{background:#ffffff4d}.action-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.action-btn.secondary:hover{background:#fff3}.action-btn.tertiary{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.action-btn.tertiary:hover{background:#ffffff26}.btn-icon{font-size:1.1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{border:1px solid #e0e0e0;gap:1rem;padding:1.5rem}.stat-card:before{background:#1976d2;height:100%;width:4px}.stat-card.employees:before{background:#4caf50}.stat-card.score:before{background:#ff9800}.stat-card.exceeds:before{background:#9c27b0}.stat-card.improvement:before{background:#f44336}.stat-icon{font-size:2rem;opacity:.8}.stat-card h3{color:#666;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-value{color:#333;font-size:2rem;margin-bottom:.25rem}.stat-change{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.stat-change.positive{color:#4caf50}.stat-change.negative{color:#f44336}.stat-change:before{content:"↗";font-size:.7rem}.stat-change.negative:before{content:"↘"}.stat-card-header{align-items:flex-start}.stat-trend{font-size:.75rem;padding:.25rem .5rem}.stat-trend.positive{background:#d1fae5;color:#065f46}.stat-trend.negative{background:#fee2e2;color:#991b1b}.performance-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;margin-top:2rem}.overview-main{display:flex;flex-direction:column;gap:1rem}.trends-section{background:#fff;border:1px solid #e0e0e0;padding:1.5rem}.section-header{margin-bottom:1.5rem}.section-header h3{color:#333;font-size:1.3rem}.trend-filters{display:flex;gap:.5rem}.filter-btn{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem}.filter-btn:hover{background:#f5f5f5;color:#333}.filter-btn.active{background:#1976d2;border-color:#1976d2;color:#fff}.trends-chart{align-items:end;display:flex;gap:1rem;min-height:200px;overflow-x:auto;padding:1rem 0}.trend-item{align-items:center;display:flex;flex-direction:column;gap:.5rem;min-width:80px;position:relative}.trend-bar{background:#1976d2;border-radius:2px 2px 0 0;min-height:20px;width:20px}.trend-month{color:#6b7280;font-size:.8rem;font-weight:500}.trend-score{color:#667eea;font-size:1rem;font-weight:700}.empty-trends{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.empty-trends p{font-size:1.1rem;margin:0 0 1.5rem}.overview-sidebar{display:flex;flex-direction:column;gap:1.5rem}.performance-distribution,.recent-activity{background:#fff;border:1px solid #e0e0e0;padding:1.5rem}.performance-distribution h3,.recent-activity h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.activity-list{gap:1rem}.activity-item{background:#f5f5f5;border:1px solid #e0e0e0;gap:1rem;padding:1rem}.activity-item:hover{background:#eee}.activity-icon{font-size:1.5rem;opacity:.8}.activity-content p{color:#333;font-size:.9rem;font-weight:500;margin:0 0 .25rem}.activity-time{color:#666;font-size:.8rem}.distribution-chart{display:flex;flex-direction:column;gap:1rem}.distribution-item{align-items:center;display:flex;gap:1rem}.dist-label{color:#333;font-size:.9rem;font-weight:500;min-width:120px}.dist-bar{background:#e0e0e0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.dist-fill{border-radius:2px;height:100%}.dist-fill.exceeds{background:#4caf50}.dist-fill.meets{background:#ff9800}.dist-fill.needs{background:#f44336}.dist-value{color:#333;font-size:.9rem;font-weight:600;min-width:40px;text-align:right}.quick-stats{grid-gap:1rem;gap:1rem}.quick-stat{align-items:center;background:#fff;border:1px solid #e0e0e0;display:flex;gap:1rem;padding:1.5rem}.quick-stat-icon{font-size:2rem;opacity:.8}.quick-stat-content h4{color:#666;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0 0 .25rem;text-transform:uppercase}.quick-stat-content p{color:#333;font-size:1.5rem;font-weight:700;margin:0}.quick-actions{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.quick-actions h3{color:#1f2937;margin:0 0 1rem}.action-buttons{gap:1rem}.action-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-weight:500;padding:.75rem 1.5rem}.action-btn:hover{box-shadow:0 1px 3px #667eea33}.goals-tab{display:flex;flex-direction:column;gap:1.5rem}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.tab-header h3{color:#1f2937;margin:0}.add-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.add-btn:hover{background:#059669}.goals-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.goal-card{background:#fff;border-left:4px solid #10b981;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .3s ease}.goal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.goal-header h4{color:#1f2937;font-size:1.1rem;margin:0}.goal-header-actions{align-items:center;display:flex;gap:1rem}.goal-actions{display:flex;gap:.5rem}.action-btn{background:none;font-size:1rem;padding:.5rem}.edit-btn{background:#f0f9ff;color:#0369a1}.edit-btn:hover{background:#e0f2fe}.delete-btn{background:#fef2f2;color:#dc2626}.delete-btn:hover{background:#fee2e2}.goal-status{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.goal-status.active{background:#dbeafe;color:#1d4ed8}.goal-status.completed{background:#d1fae5;color:#065f46}.goal-description{color:#6b7280;line-height:1.5}.goal-description,.goal-progress{margin-bottom:1rem}.progress-bar{background:#e5e7eb;margin-bottom:.5rem}.progress-fill{background:linear-gradient(90deg,#10b981,#059669)}.progress-text{color:#6b7280;font-size:.9rem}.goal-meta{color:#9ca3af;display:flex;font-size:.8rem;justify-content:space-between}.evaluations-list,.evaluations-tab{display:flex;flex-direction:column;gap:1.5rem}.evaluation-card{background:#fff;border-left:4px solid #f59e0b;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.evaluation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.evaluation-header h4{color:#1f2937;margin:0}.evaluation-status{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.evaluation-status.completed{background:#d1fae5;color:#065f46}.evaluation-status.draft{background:#fef3c7;color:#92400e}.evaluation-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.evaluation-details p{font-size:.9rem;margin:0}.evaluation-details strong{color:#374151}.evaluation-comments,.evaluation-improvements,.evaluation-strengths{background:#f9fafb;border-radius:8px;margin-top:1rem;padding:1rem}.evaluation-comments h5,.evaluation-improvements h5,.evaluation-strengths h5{color:#374151;font-size:.9rem;margin:0 0 .5rem}.evaluation-comments p,.evaluation-improvements p,.evaluation-strengths p{color:#6b7280;line-height:1.5;margin:0}.ai-insights-tab{display:flex;flex-direction:column;gap:1.5rem}.generate-btn{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.generate-btn:hover{background:#7c3aed}.insights-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.insight-card{background:#fff;border-left:4px solid;padding:1.5rem;transition:transform .3s ease}.insight-card.strength{border-left-color:#10b981}.insight-card.improvement{border-left-color:#f59e0b}.insight-card.trend{border-left-color:#3b82f6}.insight-card.risk{border-left-color:#ef4444}.insight-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.insight-type{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.insight-type.strength{background:#d1fae5;color:#065f46}.insight-type.improvement{background:#fef3c7;color:#92400e}.insight-type.trend{background:#dbeafe;color:#1d4ed8}.insight-type.risk{background:#fee2e2;color:#dc2626}.confidence-score{color:#6b7280;font-size:.8rem;font-weight:500}.insight-text{color:#1f2937;line-height:1.6;margin-bottom:1rem}.insight-recommendations h5{color:#374151;font-size:.9rem;margin:0 0 .5rem}.insight-recommendations p{color:#6b7280;line-height:1.5;margin:0}.development-tab{display:flex;flex-direction:column;gap:1.5rem}.development-plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.development-plan-card{background:#fff;border-left:4px solid #8b5cf6;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .3s ease}.plan-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.plan-header h4{color:#1f2937;font-size:1.1rem;margin:0}.plan-status{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.plan-status.active{background:#dbeafe;color:#1d4ed8}.plan-status.completed{background:#d1fae5;color:#065f46}.plan-description{color:#6b7280;line-height:1.5}.plan-description,.plan-progress{margin-bottom:1rem}.plan-meta{color:#9ca3af;display:flex;font-size:.8rem;justify-content:space-between}.gamification-tab{display:flex;flex-direction:column;gap:2rem}.gamification-overview{grid-gap:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:grid;gap:2rem;grid-template-columns:1fr 2fr;padding:2rem}.level-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:2rem;text-align:center}.level-card h3{font-size:2rem;margin:0 0 1rem}.points-display{align-items:center;display:flex;flex-direction:column}.points{font-size:3rem;font-weight:700;margin-bottom:.5rem}.points-label{font-size:.9rem;opacity:.9}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-item{background:#f8fafc;border:1px solid #e5e7eb;padding:1.5rem}.stat-number{color:#667eea;display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.8rem}.achievements-section,.badges-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.achievements-section h3,.badges-section h3{color:#1f2937;margin:0 0 1rem}.badges-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.badge-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;text-align:center;transition:transform .3s ease}.badge-icon{font-size:2rem;margin-bottom:.5rem}.badge-card h4{color:#1f2937;font-size:1rem;margin:0 0 .5rem}.badge-card p{color:#6b7280;font-size:.8rem;margin:0 0 .5rem}.badge-points{color:#667eea;font-size:.8rem;font-weight:500}.achievements-list{display:flex;flex-direction:column;gap:1rem}.achievement-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;padding:1rem}.achievement-icon{font-size:1.5rem}.achievement-details h4{color:#1f2937;font-size:1rem;margin:0 0 .25rem}.achievement-details p{color:#6b7280;font-size:.8rem;margin:0}.surveys-tab{display:flex;flex-direction:column;gap:1.5rem}.surveys-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.survey-card{background:#fff;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .3s ease}.survey-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.survey-header h4{color:#1f2937;font-size:1.1rem;margin:0}.survey-status{border-radius:20px;font-size:.8rem;padding:.25rem .75rem;text-transform:uppercase}.survey-status.active{background:#d1fae5;color:#065f46}.survey-status.inactive{background:#f3f4f6;color:#6b7280}.survey-description{color:#6b7280;line-height:1.5;margin-bottom:1rem}.survey-meta{color:#9ca3af;display:flex;flex-direction:column;font-size:.8rem;gap:.5rem;margin-bottom:1rem}.survey-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;width:100%}.survey-btn:hover{background:#2563eb}.notifications-tab{display:flex;flex-direction:column;gap:1.5rem}.notifications-list{gap:1rem}.notification-item{border-left:4px solid #f59e0b;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .3s ease}.notification-item.unread{background:#fef2f2;border-left-color:#ef4444}.notification-header{align-items:flex-start;margin-bottom:.5rem}.notification-header h4{color:#1f2937;font-size:1rem;margin:0}.notification-priority{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.notification-priority.high{background:#fee2e2;color:#dc2626}.notification-priority.medium{background:#fef3c7;color:#92400e}.notification-priority.normal{background:#dbeafe;color:#1d4ed8}.notification-message{line-height:1.5;margin-bottom:1rem}.notification-meta{align-items:center;color:#9ca3af;display:flex;font-size:.8rem;justify-content:space-between}.mark-read-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem}.mark-read-btn:hover{background:#059669}.modal-content{box-shadow:0 20px 25px -5px #0000001a;padding:0}.modal-header{border-bottom:1px solid #e5e7eb;padding:1.5rem}.modal-header h3{color:#1f2937}.form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.75rem}.form-row{grid-gap:1rem;gap:1rem}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.cancel-btn{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.cancel-btn:hover{background:#e5e7eb}.submit-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.submit-btn:hover{background:#5a67d8}.settings-tab{background:#f8fafc;min-height:100vh;padding:1.5rem}.settings-sections{gap:2rem;margin:0 auto;max-width:1200px}.settings-section{box-shadow:0 4px 6px #0000000d;padding:2rem}.settings-section h4{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.settings-grid{grid-gap:1.5rem;gap:1.5rem}.setting-item{gap:.5rem}.setting-item label{color:#374151;font-size:.875rem}.setting-item input,.setting-item select{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:.75rem;transition:all .2s ease}.setting-item input:focus,.setting-item select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.setting-item.toggle{align-items:center;flex-direction:row;gap:.75rem}.setting-item.toggle label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.setting-item.toggle input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.criteria-settings{display:flex;flex-direction:column;gap:1.5rem}.criteria-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1rem}.criteria-item label{color:#374151;font-weight:500;min-width:150px}.criteria-item input[type=range]{-webkit-appearance:none;background:#e2e8f0;border-radius:3px;flex:1 1;height:6px;outline:none}.criteria-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#3b82f6;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:20px;width:20px}.criteria-item input[type=range]::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:20px;width:20px}.criteria-item span{color:#3b82f6;font-size:.875rem;font-weight:600;min-width:50px;text-align:right}.settings-actions{border-top:1px solid #e2e8f0;gap:1rem;margin-top:2rem;padding:2rem 0}.reset-btn,.save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .2s ease}.save-btn{background:#10b981;color:#fff}.save-btn:hover{background:#059669;box-shadow:0 4px 8px #10b9814d}.reset-btn{background:#ef4444;color:#fff}.reset-btn:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d}.collaborative-scoring-tab{background:#f8fafc;min-height:100vh;padding:1.5rem}.scoring-workflow{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;padding:2rem}.workflow-steps{justify-content:space-between}.step,.workflow-steps{align-items:center;display:flex;gap:1rem}.step{flex:1 1}.step-number{background:#3b82f6;color:#fff;font-size:1.2rem}.step-content h4{color:#1e293b;font-size:1rem;margin:0 0 .5rem}.step-content p{color:#64748b;font-size:.875rem;margin:0}.step-arrow{color:#3b82f6;font-size:1.5rem;font-weight:700}.collaborative-scores-list{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;padding:2rem}.scores-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:1.5rem}.score-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem}.score-card.pending_staff{background:#fffbeb;border-color:#f59e0b}.score-card.pending_hod{background:#eff6ff;border-color:#3b82f6}.score-card.pending_agreement{background:#f3e8ff;border-color:#8b5cf6}.score-card.agreed{background:#ecfdf5;border-color:#10b981}.score-card.disputed{background:#fef2f2;border-color:#ef4444}.score-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.score-header h5{color:#1e293b;font-size:1.1rem;margin:0}.status-badge{font-size:.75rem;padding:.25rem .75rem}.status-badge.pending_staff{background:#fef3c7;color:#92400e}.status-badge.pending_hod{background:#dbeafe;color:#1e40af}.status-badge.pending_agreement{background:#e9d5ff;color:#6b21a8}.status-badge.agreed{background:#d1fae5;color:#065f46}.status-badge.disputed{background:#fee2e2;color:#991b1b}.score-comparison{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.score-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.score-item.final{background:#f0fdf4;border-color:#10b981;grid-column:1/-1}.score-item label{color:#64748b;display:block;font-size:.75rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.score-value{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.score-value.final{color:#10b981;font-size:2rem}.reasoning{color:#64748b;font-size:.875rem;line-height:1.4}.score-actions{display:flex;flex-wrap:wrap;gap:.5rem}.agreement-actions{display:flex;gap:.5rem;width:100%}.action-btn{font-size:.875rem;font-weight:600;padding:.5rem 1rem}.action-btn.primary{background:#3b82f6;color:#fff}.action-btn.primary:hover{background:#2563eb}.action-btn.success{background:#10b981;color:#fff}.action-btn.success:hover{background:#059669}.action-btn.warning{background:#f59e0b;color:#fff}.action-btn.warning:hover{background:#d97706}.agreed-message,.disputed-message,.pending-message{border-radius:6px;font-size:.875rem;font-weight:500;padding:.75rem;text-align:center;width:100%}.pending-message{background:#dbeafe;color:#1e40af}.agreed-message{background:#d1fae5;color:#065f46}.disputed-message{background:#fee2e2;color:#991b1b}.empty-state{padding:3rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.review-info{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.review-info h4{color:#1e293b;font-size:1.1rem;margin:0 0 .5rem}.review-info p{color:#64748b;font-size:.9rem;margin:.25rem 0}.employee-info{background:#e0f2fe;border-radius:6px;color:#0369a1;font-size:.9rem;margin-bottom:1rem;padding:.5rem}@media (max-width:1024px){.performance-overview{grid-template-columns:1fr}.welcome-section{flex-direction:column;gap:1.5rem;text-align:center}.quick-actions-header{justify-content:center}.settings-grid{grid-template-columns:1fr}.criteria-item{align-items:stretch;flex-direction:column;gap:.75rem}.criteria-item label{min-width:auto}.settings-actions{align-items:center;flex-direction:column}.workflow-steps{flex-direction:column;gap:1.5rem}.step-arrow{transform:rotate(90deg)}.score-comparison,.scores-grid{grid-template-columns:1fr}.agreement-actions{flex-direction:column}}@media (max-width:768px){.module-header{padding:1rem}.module-header h2{font-size:1.5rem}.tab-navigation{padding:0 1rem}.tab-content{padding:1rem}.welcome-section{padding:1.5rem}.welcome-content h2{font-size:1.5rem}.welcome-content p{font-size:1rem}.quick-actions-header{flex-direction:column;gap:.75rem}.action-btn{justify-content:center}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon,.stat-value{font-size:2rem}.performance-overview{gap:1rem}.trends-section{padding:1.5rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.trend-filters{justify-content:center;width:100%}.trends-chart{align-items:center;flex-direction:column;gap:1rem}.trend-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex-direction:row;gap:1rem;max-width:300px;min-width:auto;padding:1rem;width:100%}.trend-bar{border-radius:8px;height:40px;width:40px}.overview-sidebar{gap:1rem}.performance-distribution,.recent-activity{padding:1rem}.quick-stats{grid-template-columns:repeat(2,1fr)}.quick-stat{padding:1rem}.development-plans-grid,.form-row,.gamification-overview,.goals-grid,.insights-grid,.surveys-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}@media (max-width:480px){.welcome-section{padding:1rem}.welcome-content h2{font-size:1.3rem}.welcome-content p{font-size:.9rem}.action-btn{font-size:.8rem;padding:.6rem 1rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.stat-icon,.stat-value{font-size:1.8rem}.trends-section{padding:1rem}.section-header h3{font-size:1.1rem}.trend-filters{flex-wrap:wrap}.filter-btn{font-size:.7rem;padding:.4rem .8rem}.trend-item{max-width:100%;padding:.75rem}.trend-bar{height:30px;width:30px}.performance-distribution,.recent-activity{padding:1rem}.activity-item{gap:.75rem;padding:.75rem}.activity-icon{font-size:1.2rem}.distribution-item{gap:.5rem}.dist-label{font-size:.8rem;min-width:100px}.quick-stats{gap:.75rem;grid-template-columns:1fr}.quick-stat{gap:.75rem;padding:1rem}.quick-stat-icon{font-size:1.5rem}.quick-stat-content p{font-size:1.3rem}.evaluation-details{grid-template-columns:1fr}.modal-content{margin:1rem;width:95%}}.achieveit-tab{padding:2rem}.achieveit-tab .tab-header{margin-bottom:2rem}.achieveit-tab .tab-header h2{color:#1976d2;font-size:2rem;margin-bottom:.5rem}.achieveit-tab .tab-header p{color:#64748b;font-size:1.1rem}.top20-tab{background:#fff;min-height:100vh;padding:2rem}.top20-tab .tab-header{background:#fff;border:1px solid #e0e0e0;margin-bottom:3rem;padding:2rem;text-align:center}.top20-tab .tab-header h2{color:#1976d2;font-size:2.5rem;font-weight:600;margin-bottom:.75rem}.top20-tab .tab-header p{color:#666;font-size:1.2rem;font-weight:500}.top20-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin:0 auto;max-width:1400px}.top20-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;height:500px;overflow:hidden;padding:0;position:relative;transition:transform .2s ease,box-shadow .2s ease}.top20-card:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-4px)}.top20-card .rank-badge{border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:1.5rem 2rem 1rem}.top20-card .performer-info{flex-shrink:0;padding:1rem 2rem}.top20-card .score-display{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 2rem;scrollbar-color:#cbd5e0 #f1f5f9;scrollbar-width:thin}.top20-card .score-display::-webkit-scrollbar{width:6px}.top20-card .score-display::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.top20-card .score-display::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.top20-card .score-display::-webkit-scrollbar-thumb:hover{background:#94a3b8}.top20-card .star-rating{border-top:1px solid #f1f5f9;flex-shrink:0;margin-top:auto;padding:1rem 2rem 1.5rem}.top20-card:before{background:#1976d2;content:"";height:4px;left:0;position:absolute;right:0;top:0}.top20-card.rank-1:before{background:#ff9800}.top20-card.rank-2:before{background:#9e9e9e}.top20-card.rank-3:before{background:#ff5722}.rank-badge{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.rank-number{color:#1976d2;font-size:2rem;font-weight:700}.top20-card.rank-1 .rank-number{color:#ff9800}.top20-card.rank-2 .rank-number{color:#9e9e9e}.top20-card.rank-3 .rank-number{color:#ff5722}.trophy{font-size:2.5rem}.performer-info{margin-bottom:1.5rem}.performer-info h3{color:#333;font-size:1.5rem;font-weight:600;line-height:1.2;margin:0 0 .75rem}.performer-info .department-badge{background:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;color:#1976d2;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.score-display{display:flex;flex:1 1;flex-direction:column;margin-bottom:1.5rem;min-height:0}.final-score{background:#f3e5f5;border:1px solid #ce93d8;margin-bottom:1.25rem;padding:1.5rem;position:relative;text-align:center}.score-value{font-size:3rem;font-weight:700;line-height:1}.score-label,.score-value{color:#7b1fa2;display:block}.score-label{font-size:1rem;font-weight:600;letter-spacing:1px;margin-top:.5rem;text-transform:uppercase}.score-breakdown{background:#f5f5f5;border:1px solid #e0e0e0;padding:1.25rem}.breakdown-item{border-bottom:1px solid #e0e0e0;font-size:.95rem;margin-bottom:.75rem}.breakdown-item:last-child{margin-bottom:0}.breakdown-label{color:#666}.breakdown-value{background:#fff;border-radius:4px;color:#333;padding:.25rem .75rem}.star-rating{background:#fff3e0;font-size:1.75rem;margin-top:.5rem;padding:1rem;text-align:center}.star{display:inline-block;margin:0 .1rem;opacity:.3}.star.filled{opacity:1}@media (max-width:768px){.top20-grid{gap:1.5rem;grid-template-columns:1fr}.top20-tab{padding:1rem}.top20-tab .tab-header h2{font-size:2rem}.top20-card{height:auto;min-height:450px;padding:1.5rem}.performer-info h3{font-size:1.25rem}.score-value{font-size:2.5rem}}@media (min-width:769px) and (max-width:1024px){.top20-grid{grid-template-columns:repeat(2,1fr)}}.empty-state{background:#fff;border:1px solid #e0e0e0;padding:4rem 2rem}.empty-state h3{color:#666;margin-bottom:.5rem}.empty-state p{color:#999}.welcome-header{gap:1.5rem;margin-bottom:2rem}.welcome-header,.welcome-icon{align-items:center;display:flex}.welcome-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;height:80px;justify-content:center;width:80px}.icon-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2.5rem}.welcome-text h2{font-size:2.8rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 4px #0000001a}.welcome-text p{font-size:1.3rem;font-weight:400;margin:0;opacity:.9}.btn-text{font-weight:600}.btn-arrow{font-size:1.2rem;opacity:.7}.action-btn:hover .btn-arrow{opacity:1;transform:translateX(3px)}.stat-card-header{margin-bottom:1rem}.stat-trend{background:#ffffff1a;font-size:.8rem;padding:.25rem .75rem}.stat-trend.positive{color:#10b981}.stat-trend.negative{background:#ef44441a;color:#ef4444}.stat-subtitle{color:#6b7280;font-size:.9rem;margin-top:.25rem}.stat-card-footer{margin-top:1rem}.stat-progress{background:#0000001a;border-radius:2px;height:4px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.section-title h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.section-title p{color:#6b7280;font-size:.9rem}.activity-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.activity-status{border-radius:50%;height:8px;margin-left:auto;width:8px}.activity-status.success{background:#10b981}.activity-status.pending{background:#f59e0b}.dist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.dist-count{color:#6b7280;font-size:.8rem;margin-top:.25rem}.trend-bar-container{align-items:flex-end;display:flex;height:100px;justify-content:center;position:relative}.trend-value{color:#374151;font-size:.8rem;font-weight:600;position:absolute;top:-20px}.empty-trends h4{color:#374151;font-size:1.25rem;font-weight:600;margin:.5rem 0}.empty-trends p{color:#6b7280;margin-bottom:1.5rem}.quick-actions-bar{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:1.5rem}.quick-actions-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.quick-actions-bar .action-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:180px;overflow:hidden;padding:1rem 2rem;position:relative}.quick-actions-bar .action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.quick-actions-bar .action-btn:hover:before{left:100%}.quick-actions-bar .action-btn:hover{box-shadow:0 1px 3px #667eea33}.quick-actions-bar .action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.quick-actions-bar .action-btn.secondary{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f093fb4d}.quick-actions-bar .action-btn.secondary:hover{box-shadow:0 1px 3px #f093fb33}.quick-actions-bar .action-btn.tertiary{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px #4facfe4d}.quick-actions-bar .action-btn.tertiary:hover{box-shadow:0 1px 3px #4facfe33}.quick-actions-bar .btn-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.4rem}.quick-actions-bar .btn-text{font-weight:600}.quick-actions-bar .btn-arrow{font-size:1.2rem;opacity:.7}.quick-actions-bar .action-btn:hover .btn-arrow{opacity:1;transform:translateX(3px)}@media (max-width:768px){.quick-actions-container{align-items:center;flex-direction:column}.quick-actions-bar .action-btn{max-width:300px;width:100%}}.enhanced-form-dialog .MuiDialog-paper{border-radius:16px!important;box-shadow:0 20px 60px #00000026!important;overflow:hidden}.enhanced-form-dialog .MuiDialogTitle-root{background:linear-gradient(135deg,#1976d2,#1565c0)!important;color:#fff!important;padding:24px 32px!important;position:relative}.enhanced-form-dialog .MuiDialogTitle-root:after{background:linear-gradient(90deg,#ffffff4d,#ffffff1a);bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.enhanced-form-dialog .MuiDialogContent-root{background-color:#fafbfc!important;padding:32px!important}.enhanced-form-dialog .MuiDialogActions-root{background-color:#f8f9fa!important;border-top:1px solid #e1e5e9!important;padding:24px 32px!important}.form-section-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:24px;transition:all .3s ease}.form-section-card:hover{box-shadow:0 4px 16px #00000014}.form-section-title{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:20px}.enhanced-input .MuiOutlinedInput-root{background-color:#f8f9fa!important;border-radius:10px!important;transition:all .3s ease!important}.enhanced-input .MuiOutlinedInput-root:hover{background-color:#f1f3f4!important}.enhanced-input .MuiOutlinedInput-root.Mui-focused{background-color:#fff!important;box-shadow:0 0 0 3px #1976d21a!important}.enhanced-input .MuiInputLabel-root{color:#495057!important;font-weight:500!important}.enhanced-input .MuiOutlinedInput-input{padding:12px 16px!important}.enhanced-select .MuiOutlinedInput-root{background-color:#f8f9fa!important;border-radius:10px!important;transition:all .3s ease!important}.enhanced-select .MuiOutlinedInput-root:hover{background-color:#f1f3f4!important}.enhanced-select .MuiOutlinedInput-root.Mui-focused{background-color:#fff!important;box-shadow:0 0 0 3px #1976d21a!important}.enhanced-select .MuiInputLabel-root{color:#495057!important;font-weight:500!important}.info-box{background-color:#e3f2fd;border:1px solid #bbdefb;margin-top:20px;padding:16px;transition:all .3s ease}.info-box:hover{background-color:#e1f5fe;border-color:#81d4fa}.info-box-content{align-items:center;color:#1565c0;display:flex;font-size:.9rem;font-weight:500;gap:8px}.enhanced-cancel-btn{border-color:#dee2e6!important;border-radius:10px!important;color:#6c757d!important;font-size:1rem!important;font-weight:600!important;padding:12px 24px!important;text-transform:none!important;transition:all .3s ease!important}.enhanced-cancel-btn:hover{background-color:#f8f9fa!important;border-color:#adb5bd!important;transform:translateY(-1px)!important}.enhanced-submit-btn{background:linear-gradient(135deg,#1976d2,#1565c0)!important;border-radius:10px!important;box-shadow:0 4px 12px #1976d24d!important;color:#fff!important;font-size:1rem!important;font-weight:600!important;padding:12px 32px!important;text-transform:none!important;transition:all .3s ease!important}.enhanced-submit-btn:hover{background:linear-gradient(135deg,#1565c0,#0d47a1)!important;box-shadow:0 6px 16px #1976d266!important;transform:translateY(-2px)!important}@media (max-width:768px){.enhanced-form-dialog .MuiDialogContent-root{padding:20px!important}.enhanced-form-dialog .MuiDialogActions-root{flex-direction:column;gap:12px;padding:20px!important}.enhanced-cancel-btn,.enhanced-submit-btn{justify-content:center!important;width:100%!important}.form-section-card{margin-bottom:20px;padding:20px}.form-section-title{font-size:1rem}}@media (max-width:480px){.enhanced-form-dialog .MuiDialog-paper{margin:10px!important;max-height:95vh!important}.enhanced-form-dialog .MuiDialogTitle-root{padding:20px!important}.enhanced-form-dialog .MuiDialogContent-root{padding:16px!important}.form-section-card{margin-bottom:16px;padding:16px}}.performance-metrics-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:20px 0}.performance-metric-card{background:#fff;border-radius:12px;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;height:220px;justify-content:center;overflow:hidden;padding:25px 20px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.performance-metric-card:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-4px)}.goals-evaluations-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:20px 0}.goals-evaluation-card{background:#fff;border-radius:12px;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;height:200px;justify-content:center;padding:25px 20px;transition:transform .2s ease,box-shadow .2s ease}.goals-evaluation-card:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-4px)}.organizational-alerts-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(2,1fr);padding:20px 0}.organizational-alert-card{background:#fff;border-radius:12px;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;height:240px;justify-content:flex-start;padding:25px 20px;transition:transform .2s ease,box-shadow .2s ease}.organizational-alert-card:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-4px)}.organizational-alert-card.full-width{grid-column:1/-1;height:auto;min-height:200px}@media (max-width:768px){.goals-evaluations-grid,.performance-metrics-grid{gap:16px;grid-template-columns:1fr;padding:16px 0}.goals-evaluation-card,.performance-metric-card{height:200px;padding:20px 16px}.organizational-alerts-grid{gap:16px;grid-template-columns:1fr}.organizational-alert-card{height:auto;min-height:200px}}@media (min-width:769px) and (max-width:1024px){.goals-evaluations-grid,.organizational-alerts-grid,.performance-metrics-grid{grid-template-columns:repeat(2,1fr)}}.organizational-goals-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:20px 0}.organizational-goal-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;height:400px;overflow:hidden;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.organizational-goal-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px!important}.organizational-goal-card:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-4px)}@media (max-width:768px){.organizational-goals-grid{gap:16px;grid-template-columns:1fr;padding:16px 0}.organizational-goal-card{height:auto;min-height:350px;padding:16px}}@media (min-width:769px) and (max-width:1024px){.organizational-goals-grid{grid-template-columns:repeat(2,1fr)}}.departmental-goals-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:20px 0}.departmental-goal-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;height:450px;overflow:hidden;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.departmental-goal-card:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-4px)}.departmental-goal-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px!important}@media (max-width:768px){.departmental-goals-grid{gap:16px;grid-template-columns:1fr;padding:16px 0}.departmental-goal-card{height:auto;min-height:400px;padding:16px}}@media (min-width:769px) and (max-width:1024px){.departmental-goals-grid{grid-template-columns:repeat(2,1fr)}}.performance-reports-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:20px 0}.performance-report-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;height:220px;overflow:hidden;padding:0;transition:transform .2s ease,box-shadow .2s ease}.performance-report-card:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-4px)}.performance-report-card .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:20px!important}.performance-report-card .MuiCardContent-root>:first-child{flex-shrink:0}.performance-report-card .MuiCardContent-root>:nth-child(2){flex:1 1;margin-bottom:16px;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:#cbd5e0 #f1f5f9;scrollbar-width:thin}.performance-report-card .MuiCardContent-root>:nth-child(2)::-webkit-scrollbar{width:4px}.performance-report-card .MuiCardContent-root>:nth-child(2)::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.performance-report-card .MuiCardContent-root>:nth-child(2)::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.performance-report-card .MuiCardContent-root>:last-child{flex-shrink:0;margin-top:auto}@media (max-width:768px){.performance-reports-grid{gap:16px;grid-template-columns:1fr;padding:16px 0}.performance-report-card{height:auto;min-height:200px}}@media (min-width:769px) and (max-width:1024px){.performance-reports-grid{grid-template-columns:repeat(2,1fr)}}.pa-settings-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1rem}.pa-settings-header-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:.875rem;margin-bottom:1rem;padding:1.2rem 1rem}.pa-settings-header-icon{align-items:center;border-radius:9999px;display:flex;height:42px;justify-content:center;width:42px}.performance-appraisal-module--dark .pa-settings-wrapper,.performance-appraisal-module--dark .pa-settings-wrapper--dark{background:#111827!important;border-color:#4b5563!important}.performance-appraisal-module--dark .pa-settings-header-card,.performance-appraisal-module--dark .pa-settings-header-card--dark{background:#1f2937!important;border-color:#4b5563!important}.modal-overlay{background-color:#00000080}.modal-content.enhanced-form{animation:slideInUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e0e0e0;border-radius:16px 16px 0 0;padding:24px 24px 16px}.header-content h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 8px}.header-subtitle{color:#6c757d;font-size:.9rem;line-height:1.4;margin:0}.close-btn{background:none;font-size:24px;padding:4px}.close-btn:hover{background-color:#f8f9fa;color:#dc3545}.enhanced-form-content{padding:24px}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:32px;padding:24px}.section-title{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;gap:8px;margin:0 0 20px}.form-row{margin-bottom:20px}@media (max-width:768px){.form-row{gap:16px;grid-template-columns:1fr}}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{background-color:#fff;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #007bff1a}.form-hint{color:#6c757d;display:block;font-size:.8rem;font-style:italic;margin-top:6px}.info-section{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb}.info-box{background:#fff;border:1px solid #e1f5fe;border-radius:8px;padding:20px}.info-box h5{color:#1976d2;font-size:1rem;font-weight:600;margin:0 0 12px}.info-box ul{margin:0;padding-left:20px}.info-box li{color:#424242;font-size:.9rem;line-height:1.4;margin-bottom:6px}.review-info-section{background:linear-gradient(135deg,#fff3e0,#fce4ec);border:1px solid #ffcc02}.review-info-card{background:#fff;border:1px solid #ffe0b2;border-radius:8px;padding:20px}.review-item{align-items:flex-start;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.review-item.full-width{flex-direction:column;gap:8px}.review-item label{color:#424242;font-weight:600;min-width:120px}.review-value{color:#2c3e50;font-weight:500}.review-value.score-value{background:#e3f2fd;border-radius:16px;color:#1976d2;font-weight:600;padding:4px 12px}.review-reasoning{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;color:#495057;font-style:italic;padding:12px}.enhanced-actions{background:#f8f9fa;border-radius:0 0 16px 16px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:24px}.cancel-btn,.submit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268;transform:translateY(-1px)}.submit-btn.primary{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 4px 12px #007bff4d;color:#fff}.submit-btn.primary:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 16px #007bff66;transform:translateY(-1px)}.btn-icon{font-size:1rem}@media (max-width:768px){.modal-content.enhanced-form{margin:10px;max-height:95vh}.modal-header{padding:20px 20px 16px}.enhanced-form-content{padding:20px}.form-section{margin-bottom:24px;padding:20px}.enhanced-actions{flex-direction:column;padding:20px}.cancel-btn,.submit-btn{justify-content:center;width:100%}}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-group input.success,.form-group select.success,.form-group textarea.success{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.attendance-module{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:20px}.attendance-module--dark{background:#111827!important;color:#e5e7eb}.attendance-module--dark .tab-list{background:#1f2937!important;border-bottom-color:#4b5563!important}.attendance-module--dark .tab-button{color:#9ca3af!important}.attendance-module--dark .tab-button.active{border-bottom-color:#6366f1!important}.attendance-module--dark .tab-button.active,.attendance-module--dark .tab-button:not(.active):hover{background:#374151!important;color:#e5e7eb!important}.attendance-module--dark .attendance-tab-content,.attendance-module--dark .kpi-cards-grid .bg-white{background:#1f2937!important;border-color:#4b5563!important}.attendance-module--dark .kpi-cards-grid .bg-white{box-shadow:0 10px 20px #0000004d!important}.attendance-module--dark .kpi-cards-grid .text-gray-500{color:#9ca3af!important}.attendance-module--dark .kpi-cards-grid .text-gray-700,.attendance-module--dark .kpi-cards-grid .text-gray-800,.attendance-module--dark .kpi-cards-grid .text-gray-900{color:#e5e7eb!important}.attendance-module--dark .table-controls{background:#1f2937!important;border-color:#4b5563!important}.attendance-module--dark .controls-row.pagination-row{border-top-color:#374151!important}.attendance-module--dark .filter-input,.attendance-module--dark .filter-select,.attendance-module--dark .records-select,.attendance-module--dark .search-by-select,.attendance-module--dark .search-input{background:#374151!important;border-color:#4b5563!important;color:#e5e7eb!important}.attendance-module--dark .search-input::placeholder{color:#9ca3af!important}.attendance-module--dark .pagination-info,.attendance-module--dark .records-per-page,.attendance-module--dark .records-per-page label{color:#d1d5db!important}.attendance-module--dark .records-per-page{background:#1f2937!important;border:1px solid #4b5563!important;border-radius:8px!important;padding:8px 10px!important}.attendance-module--dark .attendance-table{background:#1f2937!important;border-color:#4b5563!important}.attendance-module--dark .attendance-table-main{background:#1f2937!important}.attendance-module--dark .attendance-table-main thead{background:#111827!important}.attendance-module--dark .attendance-table-main th{background:#111827!important;border-bottom-color:#374151!important;color:#e5e7eb!important}.attendance-module--dark .attendance-table-main tbody tr{border-bottom-color:#374151!important}.attendance-module--dark .attendance-table-main tbody tr:hover{background-color:#273449!important}.attendance-module--dark .attendance-table-main td{color:#e5e7eb!important}.attendance-module--dark .employee-name{color:#f3f4f6!important}.attendance-module--dark .employee-department,.attendance-module--dark .shift-match-details,.attendance-module--dark .shift-match-times{color:#9ca3af!important}.attendance-module--dark .shift-match-analysis{background:#1f2937!important;border-left-color:#6366f1!important}.attendance-module--dark .calendar-legend{background:#1f2937!important;border:1px solid #4b5563!important}.attendance-module--dark .legend-item{background:#374151!important;border:1px solid #4b5563!important;border-radius:8px!important;color:#d1d5db!important;padding:10px 12px!important}.attendance-module--dark .modern-calendar-grid{background:#1f2937!important;border:1px solid #4b5563!important}.attendance-module--dark .calendar-day-header{background:#111827!important;border:1px solid #374151!important;color:#d1d5db!important}.attendance-module--dark .calendar-day-cell{background:#1f2937!important;border-color:#374151!important}.attendance-module--dark .calendar-day-cell:hover{border-color:#6366f1!important;box-shadow:0 2px 8px #6366f140!important}.attendance-module--dark .calendar-day-cell.other-month{background:#111827!important;opacity:.65!important}.attendance-module--dark .calendar-day-cell.today{background:#273449!important;border-color:#818cf8!important}.attendance-module--dark .day-number{color:#f3f4f6!important}.attendance-module--dark .attendance-count.no-data{background:#374151!important;color:#d1d5db!important}.attendance-module--dark .analytics-content{background:#111827!important}.attendance-module--dark .analytics-content .chart-card,.attendance-module--dark .analytics-content .detail-card{background:#1f2937!important;border-color:#4b5563!important}.attendance-module--dark .analytics-content .chart-card-header{border-bottom-color:#374151!important}.attendance-module--dark .analytics-content .chart-card-header h4,.attendance-module--dark .analytics-content .detail-card h4,.attendance-module--dark .analytics-content .donut-center-value,.attendance-module--dark .analytics-content .stat-value{color:#e5e7eb!important}.attendance-module--dark .analytics-content .donut-center-label,.attendance-module--dark .analytics-content .insight-text,.attendance-module--dark .analytics-content .legend-text,.attendance-module--dark .analytics-content .metric-label,.attendance-module--dark .analytics-content .stat-detail,.attendance-module--dark .analytics-content .stat-label{color:#9ca3af!important}.attendance-module--dark .analytics-content .stat-row{background:#374151!important;border:1px solid #4b5563!important}.attendance-module--dark .analytics-content .insight-item{background:#374151!important;border-left-color:#6366f1!important}.attendance-module--dark .analytics-content .insight-item.positive{background:#10b9812e!important;border-left-color:#10b981!important}.attendance-module--dark .analytics-content .insight-item.info{background:#3b82f62e!important;border-left-color:#3b82f6!important}.attendance-module--dark .analytics-content .insight-item.warning{background:#f59e0b2e!important;border-left-color:#f59e0b!important}.attendance-module--dark .analytics-content .detail-stats::-webkit-scrollbar-track,.attendance-module--dark .analytics-content .insights-list::-webkit-scrollbar-track{background:#1f2937!important}.attendance-module--dark .analytics-content .detail-stats::-webkit-scrollbar-thumb,.attendance-module--dark .analytics-content .insights-list::-webkit-scrollbar-thumb{background:#4b5563!important}.attendance-module--dark .analytics-content .detail-stats::-webkit-scrollbar-thumb:hover,.attendance-module--dark .analytics-content .insights-list::-webkit-scrollbar-thumb:hover{background:#6b7280!important}.attendance-module--dark .admin-content .settings-description,.attendance-module--dark .admin-content h3,.attendance-module--dark .admin-content h4,.attendance-module--dark .admin-content h5,.attendance-module--dark .admin-content h6,.attendance-module--dark .admin-content label{color:#e5e7eb!important}.attendance-module--dark .admin-content .input-hint,.attendance-module--dark .admin-content .rule-hint,.attendance-module--dark .admin-content .shift-time,.attendance-module--dark .admin-content p{color:#9ca3af!important}.attendance-module--dark .admin-content .attendance-settings,.attendance-module--dark .admin-content .attendance-settings-summary,.attendance-module--dark .admin-content .biometric-attendance-config,.attendance-module--dark .admin-content .biometric-settings,.attendance-module--dark .admin-content .employee-preview,.attendance-module--dark .admin-content .geofence-settings,.attendance-module--dark .admin-content .setting-item{background:#1f2937!important;border-color:#4b5563!important}.attendance-module--dark .admin-content .shift-example,.attendance-module--dark .admin-content .shift-settings-card,.attendance-module--dark .admin-content .summary-item{background:#374151!important;border-color:#4b5563!important}.attendance-module--dark .admin-content .shift-header{border-bottom-color:#4b5563!important}.attendance-module--dark .admin-content .attendance-id-input,.attendance-module--dark .admin-content .device-id-input,.attendance-module--dark .admin-content .device-type-select,.attendance-module--dark .admin-content .employee-select,.attendance-module--dark .admin-content .rule-input,.attendance-module--dark .admin-content .setting-group input[type=number],.attendance-module--dark .admin-content .setting-group input[type=text],.attendance-module--dark .admin-content .setting-group select{background:#374151!important;border-color:#4b5563!important;color:#e5e7eb!important}.attendance-module--dark .admin-content .attendance-id-input::placeholder,.attendance-module--dark .admin-content .device-id-input::placeholder,.attendance-module--dark .admin-content .employee-select::placeholder{color:#9ca3af!important}.attendance-module--dark .admin-content input[type=checkbox]{accent-color:#6366f1}.attendance-module--dark .admin-content .shift-settings-grid::-webkit-scrollbar-track{background:#1f2937!important}.attendance-module--dark .admin-content .shift-settings-grid::-webkit-scrollbar-thumb{background:#4b5563!important}.attendance-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px}.loading-spinner{border:4px solid #f3f4f6}.refresh-notification{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:10000}.refresh-notification.success{background:#10b981;color:#fff}.refresh-notification.error{background:#ef4444;color:#fff}.refresh-notification.info{background:#3b82f6;color:#fff}.check-in-out-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.action-buttons{gap:15px;justify-content:center}.btn-check-in,.btn-check-out{border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.btn-check-in{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-check-in:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-check-out{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-check-out:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.attendance-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:4px;margin-bottom:20px;overflow-x:auto;padding:6px}.attendance-tabs .tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-width:120px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.attendance-tabs .tab:hover:not(.active){background:#f1f5f9;color:#334155}.attendance-tabs .tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.attendance-tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-height:500px;padding:30px}.attendance-dashboard-content{display:flex;flex-direction:column;gap:30px}.attendance-module--dark .attendance-dashboard-content{background:#111827!important;border:1px solid #374151!important;border-radius:12px;padding:14px}.kpi-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.kpi-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.kpi-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.kpi-card.green-bg{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.kpi-card.red-bg{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.kpi-card.blue-bg{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.kpi-card.purple-bg{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.kpi-card.orange-bg{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.kpi-card.teal-bg{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.kpi-card.green-light-bg{background:linear-gradient(135deg,#84cc16,#65a30d);color:#fff}.kpi-card.grey-bg{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.kpi-icon-circle{align-items:center;background:#fff3;border-radius:50%;display:flex;height:56px;justify-content:center;margin-bottom:16px;width:56px}.kpi-icon{font-size:28px}.kpi-title{font-size:14px;font-weight:500;margin-bottom:8px;opacity:.9}.kpi-value{font-size:32px;font-weight:700;margin-bottom:8px}.kpi-value-large{font-size:48px;font-weight:700;margin-bottom:12px}.kpi-description{font-size:12px;opacity:.8}.quick-actions-section{margin-top:20px}.section-title{color:#1e293b;font-size:20px;margin-bottom:20px}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s ease}.quick-action-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.quick-action-icon{flex-shrink:0;font-size:32px}.quick-action-content{flex:1 1}.quick-action-title{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:4px}.quick-action-desc{color:#64748b;font-size:13px}.recent-records,.time-attendance-content{display:flex;flex-direction:column;gap:20px}.table-controls{background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px}.controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.controls-row.action-buttons-row{gap:12px;padding-top:8px}.controls-row.pagination-row{border-top:1px solid #e5e7eb;padding-top:12px}.search-input-group{display:flex;flex:1 1;gap:8px;min-width:250px}.filter-input,.filter-select,.records-select,.search-by-select,.search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s ease}.filter-input:focus,.filter-select:focus,.records-select:focus,.search-by-select:focus,.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.records-per-page{color:#64748b;font-size:14px;gap:8px}.clear-filters-btn,.refresh-shifts-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.clear-filters-btn:hover{transform:translateY(-1px)}.refresh-shifts-btn{background:#fff;border:2px solid #667eea;color:#667eea}.refresh-shifts-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.pagination-info{color:#64748b}.attendance-table{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.attendance-table-main{background:#fff;border-collapse:collapse;width:100%}.attendance-table-main thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.attendance-table-main th{font-size:14px;font-weight:600;padding:16px;text-align:left;white-space:nowrap}.attendance-table-main tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.attendance-table-main tbody tr:hover{background-color:#f8fafc}.attendance-table-main td{color:#1e293b;font-size:14px;padding:16px}.td-id,.th-id{width:120px}.attendance-id-link{color:#3b82f6;cursor:pointer;font-weight:500;text-decoration:underline}.attendance-id-link:hover{color:#2563eb;text-decoration:underline}.td-employee,.th-employee{min-width:250px}.employee-name{margin-bottom:4px}.employee-department{color:#64748b;font-size:12px}.td-date,.th-date{width:120px}.td-status,.th-status{font-weight:600;width:100px}.td-time,.th-time{width:150px}.td-shift,.th-shift{min-width:180px}.shift-button{align-items:flex-start;border:none;border-radius:8px;cursor:default;display:inline-flex;flex-direction:column;font-family:inherit;gap:4px;padding:8px 12px;text-align:left;width:100%}.shift-button.assigned{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.shift-button.assigned .shift-name{color:#fff;font-size:13px;font-weight:600}.shift-button.assigned .shift-time{color:#ffffffe6;font-size:12px}.shift-button.no-shift{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:inline-flex;flex-direction:row;font-size:12px;font-weight:600;gap:8px}.shift-warning-icon{font-size:16px}.shift-name{color:#1e293b;font-size:13px;font-weight:600}.shift-time{font-size:12px}.td-hours,.th-hours{width:120px}.hours-comparison{display:flex;flex-direction:column;gap:4px}.hours-worked{color:#1e293b;font-weight:600}.hours-status{font-size:12px;font-weight:500}.hours-status.over{color:#10b981}.hours-status.under{color:#ef4444}.td-shift-match,.th-shift-match{min-width:250px}.shift-match-analysis{background:#f8fafc;border-left:4px solid #667eea;border-radius:8px;padding:12px}.shift-match-analysis.danger,.shift-match-analysis.error{background:#fef2f2;border-left-color:#ef4444}.shift-match-analysis.warning{background:#fffbeb;border-left-color:#f59e0b}.shift-match-analysis.blue,.shift-match-analysis.info{background:#eff6ff;border-left-color:#3b82f6}.shift-match-analysis.success{background:#f0fdf4;border-left-color:#10b981}.shift-match-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.shift-match-icon{font-size:16px}.shift-match-status{font-size:13px;font-weight:600}.shift-match-details{color:#64748b;font-size:12px;line-height:1.5;margin-bottom:4px}.shift-match-times{color:#9ca3af;font-size:11px;margin-top:4px}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:24px}.pagination-btn{border:1px solid #d1d5db;border-radius:8px;color:#64748b;min-width:40px}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#667eea;color:#667eea}.pagination-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.calendar-content{display:flex;flex-direction:column;gap:20px}.calendar-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;justify-content:space-between;padding:20px}.calendar-header h3{font-size:24px;font-weight:600;margin:0}.calendar-controls{align-items:center;display:flex;gap:20px}.calendar-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.calendar-btn:hover{background:#ffffff4d}.current-month{font-size:18px;font-weight:600}.calendar-legend{background:#f8fafc;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;padding:16px}.legend-item{color:#1e293b}.legend-color{height:20px;width:20px}.legend-color.present{background:linear-gradient(135deg,#10b981,#059669)}.legend-color.absent{background:linear-gradient(135deg,#ef4444,#dc2626)}.legend-color.late{background:linear-gradient(135deg,#f59e0b,#d97706)}.legend-color.no-data{background:linear-gradient(135deg,#9ca3af,#6b7280)}.modern-calendar-grid{grid-gap:8px;background:#f8fafc;border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);padding:16px}.calendar-day-header{background:#fff;border-radius:8px;color:#64748b;font-size:14px;font-weight:600;padding:12px;text-align:center}.calendar-day-cell{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;min-height:100px;padding:8px;transition:all .2s ease}.calendar-day-cell:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.calendar-day-cell.other-month{background:#f8fafc;opacity:.4}.calendar-day-cell.today{background:#f0f4ff;border:2px solid #667eea}.day-number{color:#1e293b;font-size:14px;font-weight:600}.attendance-data{display:flex;flex:1 1;flex-direction:column;gap:4px}.attendance-count{border-radius:6px;font-size:11px;font-weight:600;padding:4px 8px;text-align:center}.attendance-count.present{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.attendance-count.present.clickable{cursor:pointer;transition:all .2s ease}.attendance-count.present.clickable:hover{background:#a7f3d0;box-shadow:0 2px 8px #10b9814d;transform:scale(1.05)}.attendance-count.absent{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.attendance-count.absent.clickable{cursor:pointer;transition:all .2s ease}.attendance-count.absent.clickable:hover{background:#fecaca;box-shadow:0 2px 8px #991b1b4d;transform:scale(1.05)}.attendance-count.no-data{background:#f3f4f6;color:#6b7280}.analytics-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analytics-metric-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:24px;transition:all .3s ease}.analytics-metric-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.analytics-metric-card.primary{border-left:4px solid #3b82f6}.analytics-metric-card.success{border-left:4px solid #10b981}.analytics-metric-card.warning{border-left:4px solid #f59e0b}.analytics-metric-card.danger{border-left:4px solid #ef4444}.metric-icon{flex-shrink:0;font-size:40px}.metric-details{flex:1 1}.metric-value{margin-bottom:4px}.metric-label{color:#64748b;font-size:14px}.analytics-charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.chart-card{box-shadow:0 2px 8px #0000001a}.chart-card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.chart-icon{font-size:24px}.chart-card-header h4{color:#1e293b;font-size:18px;font-weight:600;margin:0}.donut-chart-container,.line-chart-container{min-height:250px;position:relative;width:100%}.donut-chart-wrapper,.line-chart-wrapper{position:relative;width:100%}.donut-chart,.line-chart{height:auto;width:100%}.chart-tooltip{background:#000000e6;border-radius:6px;color:#fff;font-size:12px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:1000}.chart-tooltip.visible{opacity:1}.chart-tooltip.simple{background:#000c;border-radius:4px;opacity:1;padding:6px 12px;white-space:nowrap}.chart-tooltip.simple .tooltip-value{color:#fff;font-size:16px;font-weight:700;margin:0;padding:0}.tooltip-content{display:flex;flex-direction:column;gap:4px}.tooltip-title{font-size:13px;font-weight:600}.tooltip-value{font-size:14px;font-weight:700}.tooltip-subtitle{font-size:11px;opacity:.8}.chart-legend{flex-direction:column;gap:8px;margin-top:16px}.chart-legend .legend-item{align-items:center;display:flex;font-size:13px;gap:8px}.legend-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.legend-text{color:#64748b}.donut-center{pointer-events:none}.donut-center-value{color:#1e293b;font-size:24px;font-weight:700}.donut-center-label{color:#64748b;font-size:12px;font-weight:500}.analytics-details-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:30px}.detail-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;max-height:500px;min-height:400px;overflow:hidden;padding:24px}.detail-card h4{color:#1e293b;flex-shrink:0;font-size:18px;font-weight:600;margin:0 0 20px}.detail-stats,.insights-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px}.detail-stats::-webkit-scrollbar,.insights-list::-webkit-scrollbar{width:6px}.detail-stats::-webkit-scrollbar-track,.insights-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.detail-stats::-webkit-scrollbar-thumb,.insights-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.detail-stats::-webkit-scrollbar-thumb:hover,.insights-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.stat-row{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.stat-detail{color:#9ca3af;font-size:12px;font-weight:400;margin-left:4px}.insight-item{align-items:center;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:12px;padding:12px}.insight-item.positive{background:#f0fdf4;border-left-color:#10b981}.insight-item.info{background:#eff6ff;border-left-color:#3b82f6}.insight-item.warning{background:#fffbeb;border-left-color:#f59e0b}.insight-icon{font-size:18px}.insight-text{color:#1e293b;font-size:14px}.admin-content{display:flex;flex-direction:column;gap:30px}.admin-content h3{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 10px}.settings-grid{margin-bottom:30px}.setting-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px}.setting-item label{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;margin-bottom:8px}.setting-item input[type=checkbox]{cursor:pointer;height:20px;width:20px}.setting-item p{color:#64748b;font-size:14px;margin:0 0 0 32px}.biometric-settings,.geofence-settings{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:20px;padding:24px}.biometric-settings h4,.geofence-settings h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.setting-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.setting-group label{color:#1e293b;font-size:14px;font-weight:500}.setting-group input[type=number],.setting-group input[type=text],.setting-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 14px}.setting-group input:focus,.setting-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.biometric-attendance-config{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:20px;padding:24px}.biometric-attendance-config h4{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 12px}.settings-description{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 24px}.config-section{gap:20px;margin-bottom:24px}.config-group,.config-section{display:flex;flex-direction:column}.config-group{gap:8px}.config-group label{color:#1e293b;font-size:14px;font-weight:500}.attendance-id-input,.device-id-input,.device-type-select,.employee-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s ease}.attendance-id-input:focus,.device-id-input:focus,.device-type-select:focus,.employee-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-hint{color:#64748b;font-size:12px;margin-top:4px}.config-actions{display:flex;gap:12px;margin-top:8px}.clear-config-btn,.save-config-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.save-config-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-config-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.save-config-btn:disabled{cursor:not-allowed;opacity:.5}.clear-config-btn{background:#fff;border:1px solid #d1d5db;color:#64748b}.clear-config-btn:hover{background:#f8fafc;border-color:#9ca3af}.employee-preview{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-top:20px;padding:20px}.employee-preview h5{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.employee-info{gap:8px}.employee-info p{color:#1e293b;font-size:14px;margin:0}.employee-info strong{font-weight:600;margin-right:8px}.attendance-settings{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:20px;padding:24px}.attendance-settings h4{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 12px}.shift-settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:24px;max-height:600px;overflow-x:hidden;overflow-y:auto;padding-right:8px;scrollbar-color:#cbd5e0 #f1f5f9;scrollbar-width:thin}.shift-settings-grid::-webkit-scrollbar{width:8px}.shift-settings-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.shift-settings-grid::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.shift-settings-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.shift-settings-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.shift-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.shift-header h5{color:#1e293b;font-size:18px;font-weight:600;margin:0}.shift-time{color:#64748b;font-size:14px;font-weight:500}.shift-rules-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.rule-group{gap:8px}.rule-group label{color:#1e293b;font-size:13px;font-weight:500}.rule-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px}.rule-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.rule-hint{color:#64748b;font-size:12px}.shift-example{background:#fff;border-left:4px solid #667eea;border-radius:8px;margin-top:20px;padding:16px}.shift-example h6{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 8px}.shift-example p{color:#64748b;font-size:13px;line-height:1.6;margin:0}.attendance-settings-summary{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-top:30px;padding:24px}.attendance-settings-summary h5{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.summary-item{border-left:4px solid #667eea;color:#1e293b;font-size:14px;line-height:1.6}.summary-item strong{color:#667eea;font-weight:600}@media (max-width:768px){.attendance-module{padding:12px}.kpi-cards-grid,.quick-actions-grid{grid-template-columns:1fr}.controls-row{align-items:stretch}.controls-row,.search-input-group{flex-direction:column}.attendance-table{font-size:12px}.attendance-table-main td,.attendance-table-main th{padding:8px}.analytics-charts-row,.shift-settings-grid{grid-template-columns:1fr}.shift-settings-grid{max-height:500px}.calendar-header{flex-direction:column;gap:16px;text-align:center}.analytics-details-section{grid-template-columns:1fr}.detail-card{max-height:400px;min-height:300px}}.absent-dialog-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.absent-dialog-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.absent-dialog-header{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.absent-dialog-header h3{color:#991b1b;font-size:18px;font-weight:700;margin:0}.absent-dialog-close{align-items:center;background:none;border:none;border-radius:4px;color:#991b1b;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.absent-dialog-close:hover{background:#991b1b1a}.absent-dialog-body{flex:1 1;overflow-y:auto;padding:24px}.absent-employees-list{display:flex;flex-direction:column;gap:16px}.absent-employee-item{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.absent-employee-item:hover{background:#fee2e2;border-color:#fca5a5;transform:translateX(4px)}.absent-employee-info{flex:1 1}.absent-employee-name{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px}.absent-employee-details{color:#6b7280;font-size:13px}.absent-employee-dept{color:#6b7280}.absent-employee-id{color:#9ca3af}.absent-employee-shift{border-left:1px solid #fecaca;padding-left:16px;text-align:right}.absent-shift-name{color:#991b1b;font-size:14px;font-weight:600;margin-bottom:4px}.absent-shift-time{color:#dc2626;font-size:13px;font-weight:500}.absent-no-data{color:#9ca3af;font-size:16px;padding:40px;text-align:center}.absent-dialog-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:16px 24px}.absent-dialog-btn{background:#991b1b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background-color .2s}.absent-dialog-btn:hover{background:#7f1d1d}.present-dialog-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.present-dialog-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.present-dialog-header{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.present-dialog-header h3{color:#065f46;font-size:18px;font-weight:700;margin:0}.present-dialog-close{align-items:center;background:none;border:none;border-radius:4px;color:#065f46;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.present-dialog-close:hover{background:#055f461a}.present-dialog-body{flex:1 1;overflow-y:auto;padding:32px}.present-employees-list{display:flex;flex-direction:column;gap:16px}.present-employee-item{align-items:flex-start;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;gap:24px;justify-content:space-between;padding:20px;transition:all .2s}.present-employee-item:hover{background:#dcfce7;border-color:#86efac;transform:translateX(4px)}.present-employee-info{flex:1 1}.present-employee-name{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px}.present-employee-details{color:#6b7280;font-size:13px;margin-bottom:4px}.present-employee-dept{color:#6b7280}.present-employee-id{color:#9ca3af}.present-employee-time{color:#059669;font-size:13px;font-weight:500;line-height:1.5;margin-top:6px}.present-time-label{font-weight:600}.present-time-separator{margin:0 4px}.present-employee-shift{border-left:1px solid #bbf7d0;flex-shrink:0;min-width:200px;padding-left:24px;text-align:right}.present-shift-name{color:#065f46;font-size:14px;font-weight:600;margin-bottom:4px}.present-shift-time{color:#047857;font-size:13px;font-weight:500;margin-bottom:8px}.present-shift-match{align-items:center;background:#f0fdf4;border-left:3px solid #10b981;border-radius:6px;display:flex;font-size:13px;font-weight:500;gap:10px;margin-top:10px;padding:10px 14px}.present-shift-match.error{background:#fef2f2;border-left-color:#ef4444}.present-shift-match.warning{background:#fffbeb;border-left-color:#f59e0b}.present-shift-match.info{background:#eff6ff;border-left-color:#3b82f6}.present-shift-match-icon{flex-shrink:0;font-size:14px}.present-shift-match-message{flex:1 1;font-weight:600}.present-shift-match-message.success{color:#059669}.present-shift-match-message.error{color:#dc2626}.present-shift-match-message.warning{color:#d97706}.present-shift-match-message.info{color:#2563eb}.present-shift-match-message.default{color:#6b7280}.present-shift-match-details{word-wrap:break-word;background:#f9fafb;border-radius:4px;color:#6b7280;font-size:12px;line-height:1.5;margin-top:6px;padding:8px 10px}.present-no-data{color:#9ca3af;font-size:16px;padding:40px;text-align:center}.present-dialog-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:16px 24px}.present-dialog-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background-color .2s}.present-dialog-btn:hover{background:#059669}@media (max-width:1024px){.present-dialog-content{max-height:85vh;max-width:90vw}.present-dialog-body{padding:24px}.present-employee-item{gap:16px;padding:16px}.present-employee-shift{min-width:160px;padding-left:16px}}@media (max-width:768px){.present-dialog-content{max-height:90vh;max-width:95vw}.present-employee-item{align-items:stretch;flex-direction:column;gap:12px}.present-employee-shift{border-left:none;border-top:1px solid #bbf7d0;min-width:auto;padding-left:0;padding-top:12px;text-align:left}.present-dialog-body{padding:20px}}.reminder-attendance-layout{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;min-height:100%}.reminder-header-shell{padding:16px 20px}.reminder-header-shell,.reminder-tab-shell{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014}.reminder-tab-shell{padding:6px}.reminder-tab-shell .MuiTabs-indicator{display:none}.reminder-tab-shell .MuiTab-root{border-radius:8px;color:#64748b;font-weight:600;min-height:40px;text-transform:none}.reminder-tab-shell .Mui-selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important}.reminder-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.reminder-dashboard-stat-card{background:#fff;border:2px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 10px #00000014;transition:all .25s ease}.reminder-dashboard-stat-card .MuiCardContent-root{padding:16px 16px 14px!important}.reminder-dashboard-stat-card:hover{box-shadow:0 10px 24px #00000024;transform:translateY(-3px)}.reminder-stat-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.reminder-stat-icon{align-items:center;border-radius:999px;display:inline-flex;height:34px;justify-content:center;width:34px}.reminder-stat-value{font-size:2rem!important;font-weight:700!important;line-height:1!important}.reminder-stat-title{color:#111827;font-size:1.02rem!important;font-weight:700!important;margin-bottom:2px!important}.reminder-stat-sub{color:#6b7280;font-size:.8rem!important}.reminder-filter-shell{border-radius:12px;box-shadow:0 2px 8px #00000014;padding:14px}.reminder-action-btn-row{gap:10px!important}.reminder-action-btn{border-radius:10px!important;box-shadow:0 1px 3px #00000014!important;font-size:.8125rem!important;font-weight:600!important;letter-spacing:.01em!important;min-height:44px!important;padding:10px 16px!important;text-transform:none!important}.reminder-action-btn .MuiButton-startIcon{margin-right:8px!important}.reminder-action-btn .MuiSvgIcon-root{font-size:1.05rem!important}.reminder-action-btn-outline{background:#fff!important;border-color:#cbd5e1!important;border-width:1.5px!important;color:#475569!important}.reminder-action-btn-outline:hover{background:#eef2ff!important;border-color:#667eea!important;color:#4f46e5!important}.reminder-action-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important}.reminder-action-btn-primary:hover{box-shadow:0 6px 16px #667eea4d!important;filter:brightness(.96)}.reminder-task-card:hover{box-shadow:0 10px 24px #00000024!important;transform:translateY(-3px)}.reminder-table-shell{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 10px #0000000f;max-height:58vh;overflow:hidden;overflow-y:auto}.reminder-table-head{grid-gap:10px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:grid;gap:10px;grid-template-columns:2.6fr 1.2fr 1.2fr 1fr 1.5fr;padding:10px 12px;position:sticky;top:0;z-index:2}.reminder-table-head .MuiTypography-root{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.01em}.reminder-table-row{grid-gap:10px;align-items:center;border-bottom:1px solid #f1f5f9;display:grid;gap:10px;grid-template-columns:2.6fr 1.2fr 1.2fr 1fr 1.5fr;padding:12px;transition:background-color .2s ease}.reminder-table-row:hover{background:#f8fafc}.reminder-table-row.overdue{background:#fff5f5;box-shadow:inset 3px 0 0 #ef4444}.reminder-row-title{color:#0f172a;font-size:.92rem!important;font-weight:700!important;line-height:1.3!important;text-transform:uppercase}.reminder-row-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b!important;display:-webkit-box;font-size:.75rem!important;margin-top:2px!important;overflow:hidden}.reminder-row-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.reminder-row-category-priority,.reminder-row-due-location,.reminder-row-status{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.reminder-row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.reminder-task-action-btn{border-radius:8px!important;box-shadow:0 4px 10px #0000001a!important;font-size:.72rem!important;font-weight:600!important;justify-content:center!important;padding:5px 7px!important;text-transform:none!important;width:96px}.reminder-task-action-btn .MuiButton-startIcon{margin-right:6px!important}.reminder-task-action-btn-complete{background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important}.reminder-task-action-btn-complete:hover{background:linear-gradient(135deg,#15803d,#166534)!important}.reminder-task-action-btn-edit{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important}.reminder-task-action-btn-edit:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important}.reminder-task-action-btn-delete{border-width:1.5px!important;font-weight:700!important}@media (max-width:768px){.reminder-stats-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.reminder-stat-value{font-size:1.7rem!important}.reminder-table-shell{max-height:none}.reminder-table-head{display:none}.reminder-table-row{gap:8px;grid-template-columns:1fr}.reminder-row-actions{justify-content:flex-start}.reminder-task-action-btn{width:min(100%,130px)}}.reminder-card{cursor:pointer;transition:all .3s ease}.reminder-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.reminder-card.overdue{animation:pulse 2s infinite;border:2px solid #d32f2f!important}.priority-urgent{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff}.priority-high{background:linear-gradient(135deg,#f57c00,#e65100)}.priority-medium{background:linear-gradient(135deg,#1976d2,#1565c0)}.priority-low{background:linear-gradient(135deg,#388e3c,#2e7d32)}.category-chip{align-items:center;border-radius:12px;display:flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px}.alarm-modal{animation:slideIn .3s ease-out}.reminder-stats-card{background:linear-gradient(135deg,var(--card-color) 0,var(--card-color-dark) 100%);color:#fff;transition:transform .2s ease}.reminder-stats-card:hover{transform:scale(1.05)}.reminder-tab{font-weight:500;text-transform:none}.reminder-tab.active{background-color:#1976d21a;border-radius:8px 8px 0 0}.filter-section{background:#f5f5f5;border-radius:8px;margin-bottom:16px;padding:16px}.reminder-form-section{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;padding:16px}.reminder-form-section h6{color:#1976d2;font-weight:600;margin-bottom:12px}.tag-input{border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:8px;min-height:40px;padding:8px}.tag-chip{background:#e3f2fd;border:1px solid #bbdefb;color:#1976d2}.tag-input input{border:none;flex:1 1;min-width:120px;outline:none}.completion-progress{margin:16px 0}.progress-bar{background:#e0e0e0}.progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a)}.reminder-actions{display:flex;gap:8px;margin-top:12px}.reminder-action-btn{height:32px;min-width:32px}.reminder-status-indicator{border-radius:50%;height:12px;position:absolute;right:8px;top:8px;width:12px}.status-pending{background:#ff9800}.status-in-progress{background:#2196f3}.status-completed{background:#4caf50}.status-overdue{animation:blink 1s infinite;background:#f44336}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.reminder-location,.reminder-time-display{align-items:center;color:#666;display:flex;font-size:.875rem;gap:4px}.reminder-location{margin-top:4px}.reminder-description{color:#666;font-size:.875rem;line-height:1.4;margin:8px 0}.reminder-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.reminder-tag{background:#f0f0f0;border-radius:10px;color:#666;font-size:.75rem;padding:2px 6px}.alarm-notification{animation:slideInRight .3s ease-out;position:fixed;right:20px;top:20px;z-index:9999}.reminder-search{position:relative}.reminder-search .MuiInputBase-root{padding-left:40px}.reminder-search .MuiInputAdornment-root{left:12px;position:absolute;z-index:1}.reminder-filters{align-items:center;background:#fafafa;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:16px}.reminder-filters .MuiFormControl-root{min-width:120px}.reminder-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.reminder-card-content{display:flex;flex-direction:column;height:100%}.reminder-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.reminder-card-title{flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.3;margin-right:8px}.reminder-card-priority{display:flex;gap:4px}.reminder-card-body{display:flex;flex:1 1;flex-direction:column}.reminder-card-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:auto;padding-top:12px}.reminder-card-actions{display:flex;gap:4px}.reminder-card-status{align-items:center;display:flex;gap:4px}@media (max-width:768px){.reminder-list{grid-template-columns:1fr}.reminder-filters{align-items:stretch;flex-direction:column}.reminder-filters .MuiFormControl-root{min-width:auto}}@media (max-width:480px){.reminder-card-header{align-items:flex-start;flex-direction:column;gap:8px}.reminder-card-priority{align-self:flex-end}.reminder-card-footer{align-items:stretch;flex-direction:column;gap:8px}.reminder-card-actions{justify-content:center}}.bamboo-payroll-module{background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden}.bamboo-top-nav{background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 4px 20px #0000000f;position:relative;width:100%;z-index:1000}.sidebar-header:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sidebar-header h2{font-size:22px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.top-nav-menu{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:16px 32px;scrollbar-color:#cbd5e0 #f7fafc;scrollbar-width:thin}.top-nav-menu::-webkit-scrollbar{height:6px}.top-nav-menu::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.top-nav-menu::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.top-nav-menu::-webkit-scrollbar-thumb:hover{background:#a0aec0}.scrollable-nav{max-height:none;overflow:visible}.scrollable-nav::-webkit-scrollbar{width:6px}.scrollable-nav::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.scrollable-nav::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.scrollable-nav::-webkit-scrollbar-thumb:hover{background:#a0aec0}.scrollable-nav{scroll-behavior:smooth}.scrollable-nav:after{content:"";display:block;height:20px}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;box-shadow:0 1px 3px #0000000a;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;margin:0;overflow:hidden;padding:10px 16px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-item:before{background:#0000;border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.nav-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 4px 12px #0000001a;color:#475569;transform:translateY(-2px)}.nav-item:hover:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.nav-item.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 6px 20px #3b82f64d;color:#fff;font-weight:600;transform:translateY(-2px)}.nav-item.active:before{background:#ffffff4d;width:6px}.nav-item .emoji-icon{display:inline-block;font-size:16px;margin-right:12px;text-align:center;width:20px}.nav-group{align-items:center;display:flex;flex-shrink:0;gap:6px;margin:0 8px}.nav-group-title{background:#f1f5f9;border-radius:4px;color:#94a3b8;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.5px;margin:0;padding:3px 6px;text-transform:uppercase;white-space:nowrap}.nav-item:focus{outline:3px solid #3b82f64d;outline-offset:2px}@keyframes navItemActivate{0%{transform:translateX(0) scale(1)}50%{transform:translateX(3px) scale(1.02)}to{transform:translateX(6px) scale(1)}}.nav-item.active{animation:navItemActivate .4s ease-out}.bamboo-analytics,.bamboo-compliance,.bamboo-help,.bamboo-integrations{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin:20px;padding:40px}.bamboo-analytics{background:#0000;box-shadow:none;margin:0;padding:0}.analytics-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px 40px}.analytics-header h2{color:#2d3748;font-size:28px;font-weight:700;margin:0 0 10px}.analytics-header p{color:#718096;font-size:16px;margin:0}.analytics-period-selector{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease}.analytics-period-selector:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.analytics-nav{display:flex;gap:10px;margin-bottom:30px;overflow-x:auto;padding:0 40px;scrollbar-color:#cbd5e0 #f7fafc;scrollbar-width:thin}.analytics-nav::-webkit-scrollbar{height:4px}.analytics-nav::-webkit-scrollbar-track{background:#f7fafc;border-radius:2px}.analytics-nav::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.analytics-nav-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.analytics-nav-item:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.analytics-nav-item.active{background:linear-gradient(135deg,#3182ce,#4299e1);border-color:#3182ce;box-shadow:0 4px 12px #3182ce4d;color:#fff}.analytics-overview{gap:24px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.metric-card{border:1px solid #e2e8f0;box-shadow:0 4px 16px #0000000f;overflow:hidden;position:relative}.metric-card:hover{box-shadow:0 8px 24px #0000001a}.metric-card-primary{border-left:4px solid #3b82f6}.metric-card-secondary{border-left:4px solid #10b981}.metric-card-success{border-left:4px solid #059669}.metric-card-warning{border-left:4px solid #f59e0b}.metric-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.metric-icon{font-size:24px}.metric-content h3{color:#64748b;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.metric-value{color:#1e293b;line-height:1.1;margin:0 0 8px}.metric-change{font-size:12px;font-weight:600}.metric-change.positive{color:#059669}.metric-change.negative{color:#dc2626}.change-icon{font-size:14px}.charts-grid{grid-gap:24px;gap:24px;grid-template-columns:2fr 1fr}.chart-card{border:1px solid #e2e8f0;box-shadow:0 4px 16px #0000000f;overflow:hidden}.chart-card-large,.chart-card-medium{min-height:400px}.chart-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px 16px}.chart-header h3{color:#1e293b;font-size:18px;font-weight:700;margin:0}.chart-actions{display:flex;gap:8px}.chart-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.chart-btn:hover{background:#e2e8f0;color:#475569}.trend-chart{align-items:end;gap:12px;height:250px}.trend-bar{height:100%}.bar-container,.bar-label{margin-bottom:8px}.bar-container{align-items:end;max-width:40px}.bar{background:linear-gradient(135deg,#3b82f6,#2563eb);min-height:4px;width:100%}.bar:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.bar-value{color:#475569;font-size:11px;font-weight:600;line-height:1.2}.department-distribution{display:flex;flex-direction:column;gap:16px}.department-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.department-header{margin-bottom:8px}.department-percentage{color:#3b82f6;font-size:14px;font-weight:700}.department-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.department-progress{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:4px;height:100%;transition:width .3s ease}.department-details{align-items:center;display:flex;justify-content:space-between}.department-amount{color:#475569;font-size:13px;font-weight:600}.department-employees{color:#64748b;font-size:12px}.analytics-trends{gap:24px}.trends-header{margin-bottom:24px;text-align:center}.trends-header h3{color:#1e293b;font-weight:700;margin:0 0 8px}.trends-header p{color:#64748b;font-size:16px;margin:0}.trends-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.trend-summary-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #0000000f;display:flex;gap:16px;padding:24px;transition:all .3s ease}.trend-summary-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.trend-icon{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.trend-content h4{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.trend-value{color:#1e293b;font-size:24px;font-weight:700;line-height:1.1;margin:0 0 8px}.trend-change{align-items:center;color:#059669;display:flex;font-size:12px;font-weight:600;gap:4px}.trends-charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.trend-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #0000000f;overflow:hidden}.detailed-trend-chart,.employee-trend-chart{align-items:end;display:flex;gap:8px;height:200px;justify-content:space-between}.employee-trend-bar,.trend-bar-detailed{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.bar-detailed{background:linear-gradient(135deg,#3b82f6,#2563eb)}.bar-detailed,.bar-employee{border-radius:4px 4px 0 0;min-height:4px;transition:all .3s ease;width:100%}.bar-employee{background:linear-gradient(135deg,#10b981,#059669)}.bar-detailed:hover,.bar-employee:hover{opacity:.8}.trend-insights{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #0000000f;padding:24px}.trend-insights h4{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 20px}.insights-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{align-items:flex-start;gap:16px}.insight-card,.insight-icon{border-radius:8px;display:flex}.insight-icon{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.insight-content h5{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 8px}.insight-content p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.analytics-deductions{display:flex;flex-direction:column;gap:32px}.deductions-header{margin-bottom:24px;text-align:center}.deductions-header h3{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.deductions-header p{color:#64748b;font-size:16px;margin:0}.deductions-overview-enhanced{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.deduction-summary-card-enhanced{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.deduction-summary-card-enhanced:hover{box-shadow:0 16px 48px #0000001f;transform:translateY(-4px)}.deduction-summary-card-enhanced.statutory-card{border-left:6px solid #3b82f6}.deduction-summary-card-enhanced.other-card{border-left:6px solid #10b981}.deduction-summary-card-enhanced.total-card{border-left:6px solid #f59e0b}.deduction-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;display:flex;height:56px;justify-content:center;margin-bottom:20px;width:56px}.deduction-icon{font-size:28px}.deduction-content h4{color:#64748b;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.deduction-value{color:#1e293b;font-size:32px;font-weight:700;line-height:1.1;margin:0 0 12px}.deduction-percentage{color:#64748b;font-size:14px;font-weight:600;margin:0 0 16px}.deduction-progress{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.progress-bar{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:3px;height:100%;transition:width .3s ease}.deductions-breakdown-enhanced{display:flex;flex-direction:column;gap:32px}.breakdown-section-enhanced{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #00000014;overflow:hidden}.section-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;gap:16px;padding:24px 28px}.section-icon{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.section-title h4{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 4px}.section-title p{color:#64748b;font-size:14px;margin:0}.breakdown-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:28px}.deduction-card-enhanced{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.deduction-card-enhanced:hover{border-color:#cbd5e0;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.deduction-card-enhanced.nhif-card{border-left:4px solid #3b82f6}.deduction-card-enhanced.nssf-card{border-left:4px solid #1d4ed8}.deduction-card-enhanced.paye-card{border-left:4px solid #7c3aed}.deduction-card-enhanced.loan-card{border-left:4px solid #059669}.deduction-card-enhanced.insurance-card{border-left:4px solid #dc2626}.deduction-card-enhanced.union-card{border-left:4px solid #ea580c}.deduction-card-enhanced.other-card{border-left:4px solid #64748b}.card-header{gap:12px;margin-bottom:16px}.card-icon{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.card-title h5{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 2px}.card-subtitle{color:#64748b;font-size:12px;font-weight:500}.card-amount{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 16px;text-align:center}.detail-label{color:#64748b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#475569;font-size:12px;font-weight:500}.deductions-chart-enhanced{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #00000014;overflow:hidden}.deductions-visualization{grid-gap:32px;align-items:center;display:grid;gap:32px;grid-template-columns:1fr 1fr;padding:32px}.deductions-donut-chart,.visualization-main{align-items:center;display:flex;justify-content:center}.deductions-donut-chart{height:200px;position:relative;width:200px}.donut-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.center-value{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 4px}.center-label{color:#64748b;font-size:12px;font-weight:500}.donut-ring{background:conic-gradient(#3b82f6 0deg 324deg,#10b981 324deg 1turn);background:conic-gradient(#3b82f6 0deg calc(var(--statutory-percentage, 90)*3.6deg),#10b981 calc(var(--statutory-percentage, 90)*3.6deg) 1turn);border-radius:50%;height:100%;position:relative;width:100%}.donut-ring:before{background:#fff;border-radius:50%;bottom:20px;content:"";left:20px;position:absolute;right:20px;top:20px}.visualization-legend{display:flex;flex-direction:column;gap:20px}.legend-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:16px;padding:16px}.legend-color{flex-shrink:0}.statutory-legend .legend-color{background:#3b82f6}.other-legend .legend-color{background:#10b981}.legend-info{flex:1 1}.legend-label{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px}.legend-value{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 2px}.legend-percentage{color:#64748b;font-size:12px;font-weight:500}.analytics-content{padding:0 40px}.backup-notification{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;margin-bottom:24px;padding:20px}.backup-header h4{color:#92400e;font-size:16px;font-weight:600;margin:0 0 8px}.backup-header p{color:#a16207;font-size:14px;margin:0 0 16px}.backup-list{display:flex;flex-direction:column;gap:12px}.backup-item{background:#fff;border:1px solid #fbbf24;border-radius:8px;justify-content:space-between;padding:12px 16px}.backup-info,.backup-item{align-items:center;display:flex}.backup-info{gap:16px}.backup-period{color:#1e293b;font-size:14px;font-weight:600}.backup-employees{background:#f1f5f9;border-radius:4px;padding:2px 8px}.backup-date,.backup-employees{color:#64748b;font-size:12px}.bamboo-btn-sm{border-radius:6px;font-size:12px}.processing-options{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.workflow-status-info{font-size:12px;font-weight:500}.status-enabled{color:#059669}.status-disabled{color:#dc2626}.endpoint-status{margin-top:4px}.endpoint-info{color:#64748b;font-size:11px;font-style:italic}.backend-status{color:#dc2626}.backend-status,.saved-records-info{display:block;font-size:10px;font-weight:500;margin-top:2px}.saved-records-info{color:#059669}.validation-actions{gap:6px;margin-left:8px}.validation-clear-btn,.validation-details-btn,.validation-refresh-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px;transition:background-color .2s}.validation-details-btn{background:#f59e0b}.validation-details-btn:hover{background:#d97706}.validation-refresh-btn{background:#3b82f6}.validation-refresh-btn:hover{background:#2563eb}.validation-clear-btn{background:#10b981}.validation-clear-btn:hover{background:#059669}.validation-error-summary{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:8px;padding:8px}.validation-quick-fix{color:#dc2626;margin-top:6px}.validation-quick-fix small{font-size:11px;line-height:1.4}.master-payroll-dialog{height:90vh;max-height:95vh;max-width:95vw;overflow:hidden;width:1400px}.template-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:20px;padding:20px;text-align:center}.template-header h3{font-size:24px;font-weight:700;margin:0 0 15px}.template-info{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.template-info p{background:#fff3;border-radius:20px;font-size:14px;margin:0;padding:8px 16px}.template-table-container{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;max-height:400px;overflow:auto}.master-payroll-table{border-collapse:collapse;font-size:12px;min-width:1200px;width:100%}.master-payroll-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#2d3748;font-weight:600;padding:12px 8px;position:sticky;text-align:left;top:0;z-index:10}.master-payroll-table td{border-bottom:1px solid #e2e8f0;color:#4a5568;padding:10px 8px}.master-payroll-table tbody tr:hover{background:#f7fafc}.totals-row{background:#e6fffa!important;font-weight:600}.totals-row td{border-top:2px solid #38b2ac;color:#2d3748}.signatures-section{background:#f8fafc;border-radius:8px;margin-top:30px;padding:20px}.signatures-section h4{color:#2d3748;margin:0 0 20px;text-align:center}.signatures-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.signature-field{display:flex;flex-direction:column}.signature-field label{color:#4a5568;font-weight:600;margin-bottom:8px}.signature-field input{border:2px solid #e2e8f0;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s}.signature-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.download-options{margin-bottom:20px;text-align:center}.download-options h4{color:#2d3748;margin:0 0 15px}.download-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.download-buttons .bamboo-btn{min-width:140px}.dialog-actions{display:flex;gap:12px;justify-content:center}.bamboo-master-payroll{background:#f8fafc;min-height:calc(100vh - 120px);padding:20px}.master-payroll-header{margin-bottom:24px}.master-payroll-header h2{color:#1e293b;font-size:28px;margin:0 0 8px}.master-payroll-header p{color:#64748b;font-size:14px;margin:0}.master-payroll-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.filters-row{gap:12px;margin-bottom:16px}.search-input{border:2px solid #e2e8f0;padding:10px 40px 10px 12px;transition:border-color .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{font-size:18px;right:12px}.filter-group{flex:0 0 auto}.filter-select,.sort-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s}.filter-select:hover,.sort-select:hover{border-color:#cbd5e1}.filter-select:focus,.sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.clear-filters-btn{background:#ef4444;transition:background-color .2s}.clear-filters-btn:hover{background:#dc2626}.sort-controls{border-top:1px solid #e2e8f0;display:flex;gap:16px;padding-top:16px}.sort-group{align-items:center;display:flex;gap:8px}.sort-group label{color:#64748b;font-size:14px;font-weight:500}.records-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.summary-card{box-shadow:0 1px 3px #0000001a}.summary-card h4{color:#64748b;font-weight:500;margin:0 0 12px}.summary-value{color:#1e293b;font-size:24px}.master-payroll-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.master-payroll-records-table{border-collapse:collapse;width:100%}.master-payroll-records-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;padding:16px 12px;text-align:left;white-space:nowrap}.master-payroll-records-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:16px 12px}.master-payroll-records-table tbody tr:hover{background:#f8fafc}.employee-number{color:#64748b;font-size:12px}.employee-position{color:#94a3b8;font-size:11px}.deductions-breakdown{font-size:12px;line-height:1.6}.total-deductions{border-top:1px solid #e2e8f0;font-weight:600;margin-top:4px;padding-top:4px}.net-pay-cell{color:#10b981;font-size:16px}.status-badge{display:inline-block}.status-processed{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-failed{background:#fee2e2;color:#991b1b}.processed-info{font-size:13px;line-height:1.6}.processed-by{color:#94a3b8;font-size:11px}.action-btn{padding:6px 12px;transition:all .2s}.view-btn{background:#dbeafe;color:#1e40af}.view-btn:hover{background:#bfdbfe}.download-btn{background:#dcfce7;color:#166534}.download-btn:hover{background:#bbf7d0}.bamboo-master-payroll--dark{background:#1e1e1e!important}.bamboo-master-payroll--dark .master-payroll-header h2{color:#f1f5f9}.bamboo-master-payroll--dark .master-payroll-header p{color:#ffffffb3}.bamboo-master-payroll--dark .master-payroll-filters{background:#2d2d2d;border:1px solid #404040;box-shadow:0 1px 3px #0000004d}.bamboo-master-payroll--dark .search-input{background:#2d2d2d;border-color:#404040;color:#e2e8f0}.bamboo-master-payroll--dark .search-input::placeholder{color:#ffffff80}.bamboo-master-payroll--dark .search-input:focus{background:#2d2d2d;border-color:#3b82f6}.bamboo-master-payroll--dark .filter-select,.bamboo-master-payroll--dark .sort-select{background:#2d2d2d;border-color:#404040;color:#e2e8f0}.bamboo-master-payroll--dark .sort-controls{border-top-color:#404040}.bamboo-master-payroll--dark .sort-group label{color:#ffffffb3}.bamboo-master-payroll--dark .records-summary .summary-card{background:#2d2d2d;border:1px solid #404040;box-shadow:0 1px 3px #0000004d}.bamboo-master-payroll--dark .records-summary .summary-card h4{color:#ffffffb3}.bamboo-master-payroll--dark .records-summary .summary-value{color:#f1f5f9}.bamboo-master-payroll--dark .master-payroll-table-container{background:#2d2d2d;border:1px solid #404040;box-shadow:0 1px 3px #0000004d}.bamboo-master-payroll--dark .master-payroll-records-table th{background:#374151;border-bottom-color:#404040;color:#e2e8f0}.bamboo-master-payroll--dark .master-payroll-records-table td{border-bottom-color:#404040;color:#d1d5db}.bamboo-master-payroll--dark .master-payroll-records-table tbody tr:hover{background:#374151}.bamboo-master-payroll--dark .employee-name{color:#f1f5f9}.bamboo-master-payroll--dark .employee-number{color:#ffffffb3}.bamboo-master-payroll--dark .employee-position{color:#94a3b8}.bamboo-master-payroll--dark .total-deductions{border-top-color:#404040}.bamboo-master-payroll--dark .net-pay-cell{color:#34d399}.bamboo-master-payroll--dark .status-processed{background:#064e3b;color:#6ee7b7}.bamboo-master-payroll--dark .status-pending{background:#78350f;color:#fcd34d}.bamboo-master-payroll--dark .status-failed{background:#7f1d1d;color:#fca5a5}.bamboo-master-payroll--dark .processed-by{color:#94a3b8}.bamboo-master-payroll--dark .view-btn{background:#1e3a5f;color:#93c5fd}.bamboo-master-payroll--dark .view-btn:hover{background:#1e40af}.bamboo-master-payroll--dark .download-btn{background:#14532d;color:#86efac}.bamboo-master-payroll--dark .download-btn:hover{background:#166534}.bamboo-master-payroll--dark .empty-state{color:#ffffffb3}.bamboo-master-payroll--dark .empty-state h3,.bamboo-master-payroll--dark .empty-state p{color:#fffc}.bamboo-master-payroll--dark .records-per-page{background:#2d2d2d;border-color:#404040}.bamboo-master-payroll--dark .records-per-page label{color:#fffc}.bamboo-master-payroll--dark .page-size-select{background:#2d2d2d;border-color:#404040;color:#e2e8f0}.bamboo-master-payroll--dark .pagination-controls{background:#2d2d2d;border-color:#404040}.bamboo-master-payroll--dark .pagination-info{color:#fffc}.bamboo-master-payroll--dark .pagination-btn{background:#2d2d2d;border-color:#404040;color:#e2e8f0}.bamboo-master-payroll--dark .pagination-btn:hover:not(:disabled){background:#374151;border-color:#4b5563;color:#f1f5f9}.bamboo-master-payroll--dark .pagination-btn:disabled{background:#1e1e1e;color:#6b7280}.bamboo-master-payroll--dark .page-number{background:#2d2d2d;border-color:#404040;color:#e2e8f0}.bamboo-master-payroll--dark .page-number:hover{background:#374151;border-color:#4b5563;color:#f1f5f9}.bamboo-master-payroll--dark .page-number.active{background:#2563eb;border-color:#2563eb;color:#fff}.bamboo-master-payroll--dark .template-header{background:linear-gradient(135deg,#4338ca,#5b21b6);color:#fff}.bamboo-master-payroll--dark .template-table-container{background:#2d2d2d;border-color:#404040}.bamboo-master-payroll--dark .master-payroll-table th{background:#374151;border-bottom-color:#404040;color:#e2e8f0}.bamboo-master-payroll--dark .master-payroll-table td{border-bottom-color:#404040;color:#d1d5db}.bamboo-master-payroll--dark .master-payroll-table tbody tr:hover{background:#374151}.bamboo-master-payroll--dark .totals-row{background:#064e3b!important}.bamboo-master-payroll--dark .totals-row td{border-top-color:#0d9488;color:#ccfbf1}.bamboo-master-payroll--dark .signatures-section{background:#2d2d2d;border:1px solid #404040}.bamboo-master-payroll--dark .signatures-section h4{color:#e2e8f0}.bamboo-master-payroll--dark .signature-field label{color:#fffc}.bamboo-master-payroll--dark .signature-field input{background:#2d2d2d;border-color:#404040;color:#e2e8f0}.bamboo-master-payroll--dark .download-options h4{color:#e2e8f0}.bamboo-master-payroll--dark .section-card{background:#2d2d2d;border-color:#404040}.bamboo-master-payroll--dark .section-card .text-gray-600,.bamboo-master-payroll--dark .section-card label.text-gray-600{color:#ffffffb3!important}.bamboo-master-payroll--dark .section-card input[type=text],.bamboo-master-payroll--dark .section-card select{background:#1e1e1e;border-color:#404040;color:#e2e8f0}.bamboo-master-payroll--dark .bamboo-table th{background:#374151;border-color:#404040;color:#e2e8f0}.bamboo-master-payroll--dark .bamboo-table td{border-color:#404040;color:#d1d5db}.bamboo-master-payroll--dark .bamboo-table tbody tr:hover{background:#374151}.bamboo-master-payroll--dark .section-card h3{color:#e2e8f0}.bamboo-master-payroll--dark .section-card .text-sm.text-gray-600{color:#ffffffb3!important}.analytics-overview{display:flex;flex-direction:column;gap:30px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.metric-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;padding:24px;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.metric-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.metric-content h3{color:#4a5568;font-size:16px;font-weight:600;margin:0 0 8px}.metric-value{color:#2d3748;font-size:28px;margin-bottom:8px}.metric-change{align-items:center;display:flex;font-size:14px;font-weight:500;gap:4px}.metric-change.positive{color:#38a169}.metric-change.negative{color:#e53e3e}.charts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.chart-card h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 20px}.chart-container{gap:10px;height:300px;padding:20px 0}.chart-container,.trend-chart{align-items:flex-end;justify-content:space-between}.trend-chart{display:flex;gap:8px;height:100%;width:100%}.trend-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.bar-label{color:#718096;transform:rotate(-45deg);white-space:nowrap}.bar-container{align-items:flex-end;display:flex;height:200px;justify-content:center;width:100%}.bar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px 4px 0 0;min-height:10px;transition:all .3s ease;width:30px}.bar:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.bar-value{color:#4a5568;font-size:12px;font-weight:500;text-align:center}.pie-chart{display:flex;flex-direction:column;gap:12px;height:100%;overflow-y:auto}.pie-segment{align-items:center;background:#f7fafc;border-left:4px solid #667eea;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.segment-info{display:flex;flex-direction:column;gap:4px}.segment-label{color:#2d3748;font-size:14px;font-weight:600}.segment-value{color:#4a5568;font-size:16px;font-weight:700}.segment-percentage{background:#667eea1a;border-radius:4px;color:#667eea;font-size:14px;font-weight:600;padding:4px 8px}.analytics-trends{display:flex;flex-direction:column;gap:30px}.trends-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.trends-header h3{color:#2d3748;font-size:24px;font-weight:600;margin:0}.trends-filters select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;font-size:14px;padding:8px 12px}.trends-chart{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:30px}.chart-legend{gap:30px;margin-bottom:30px}.legend-item{color:#4a5568}.legend-color.gross{background:#3182ce}.legend-color.deductions{background:#e53e3e}.legend-color.net{background:#38a169}.trends-bars{align-items:flex-end;display:flex;gap:15px;height:300px;justify-content:space-between;padding:20px 0}.trend-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px}.trend-label{color:#718096;font-size:12px;text-align:center}.trend-bars{align-items:center;display:flex;flex-direction:column;gap:2px;height:250px;width:100%}.trend-bar.gross{background:#3182ce}.trend-bar.deductions,.trend-bar.gross{border-radius:2px;transition:all .3s ease;width:100%}.trend-bar.deductions{background:#e53e3e}.trend-bar.net{background:#38a169;border-radius:2px;transition:all .3s ease;width:100%}.trends-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:30px}.summary-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;text-align:center}.summary-card h4{color:#4a5568;font-size:14px;font-weight:600;margin:0 0 10px}.summary-value{color:#2d3748;font-size:20px;font-weight:700;margin-bottom:5px}.summary-value.positive{color:#38a169}.summary-desc{color:#718096;font-size:12px}.analytics-departments{display:flex;flex-direction:column;gap:30px}.departments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.departments-header h3{color:#2d3748;font-size:24px;font-weight:600;margin:0}.departments-summary{display:flex;gap:30px}.summary-stat{align-items:center;gap:5px}.summary-stat span:first-child{color:#718096;font-size:12px}.summary-stat span:last-child{color:#2d3748;font-size:18px;font-weight:700}.departments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.department-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;transition:all .3s ease}.department-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.department-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.department-header h4{color:#2d3748;font-size:18px;font-weight:600;margin:0}.department-stats{display:flex;gap:15px}.stat-employees{background:#f7fafc;border-radius:4px;color:#718096;font-size:14px;padding:4px 8px}.department-metrics{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.metric-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.metric-row:last-child{border-bottom:none}.metric-row span:first-child{color:#4a5568;font-size:14px}.metric-row span:last-child{color:#2d3748;font-size:14px;font-weight:600}.department-chart{margin-top:20px}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}.analytics-performance{display:flex;flex-direction:column;gap:30px}.performance-header{margin-bottom:30px;text-align:center}.performance-header h3{color:#2d3748;font-size:24px;font-weight:600;margin:0 0 10px}.performance-header p{color:#718096;font-size:16px;margin:0}.performance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.performance-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;padding:24px;transition:all .3s ease}.performance-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.performance-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.performance-content{flex:1 1}.performance-content h4{color:#4a5568;font-size:16px;font-weight:600;margin:0 0 8px}.performance-value{color:#2d3748;font-size:24px;font-weight:700;margin-bottom:12px}.performance-bar{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}.performance-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .3s ease}.performance-status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-align:center}.performance-status.excellent{background:#38a1691a;color:#38a169}.performance-status.good{background:#3182ce1a;color:#3182ce}.performance-status.poor{background:#e53e3e1a;color:#e53e3e}.analytics-costs{display:flex;flex-direction:column;gap:30px}.costs-header{margin-bottom:30px;text-align:center}.costs-header h3{color:#2d3748;font-size:24px;font-weight:600;margin:0 0 10px}.costs-header p{color:#718096;font-size:16px;margin:0}.costs-overview{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 2fr}.cost-summary{display:flex;flex-direction:column;gap:20px}.cost-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;text-align:center}.cost-card.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cost-card h4{font-size:18px;font-weight:600;margin:0 0 15px}.cost-value{font-size:32px;font-weight:700;margin-bottom:15px}.cost-breakdown{font-size:14px;gap:8px;opacity:.9}.cost-breakdown,.cost-details{display:flex;flex-direction:column}.cost-details{gap:20px}.cost-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.cost-section h4{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 20px}.cost-items{display:flex;flex-direction:column;gap:15px}.cost-item{align-items:center;background:#f7fafc;border-left:4px solid #667eea;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.cost-item span:first-child{color:#4a5568;font-size:14px;font-weight:500}.cost-item span:nth-child(2){color:#2d3748;font-size:16px;font-weight:700}.cost-percentage{background:#667eea1a;border-radius:4px;color:#667eea;font-size:12px;font-weight:600;padding:4px 8px}.cost-chart{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:30px;text-align:center}.cost-chart h4{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 30px}.cost-pie-chart{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:400px}.pie-segment.gross{border-left-color:#3182ce}.pie-segment.statutory{border-left-color:#e53e3e}.pie-segment.other{border-left-color:#d69e2e}@media (max-width:768px){.analytics-header{align-items:flex-start;flex-direction:column;gap:20px}.header-actions{justify-content:space-between;width:100%}.analytics-content,.analytics-nav{padding:0 20px}.charts-grid,.metrics-grid{grid-template-columns:1fr}.trends-header{align-items:flex-start;flex-direction:column;gap:15px}.trends-bars{gap:8px}.trends-summary{grid-template-columns:1fr}.departments-header{align-items:flex-start;flex-direction:column;gap:15px}.departments-summary{justify-content:space-between;width:100%}.costs-overview,.departments-grid,.performance-grid{grid-template-columns:1fr}.chart-container,.trends-bars{height:250px}.employees-table-container{overflow-x:auto;padding:15px}.employees-table{font-size:12px;min-width:600px}.employees-table td,.employees-table th{padding:8px 10px}}.bamboo-main-content{background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex:1 1;height:calc(100vh - 120px);overflow-y:auto;padding:20px 24px;position:relative}.bamboo-dashboard{display:flex;flex-direction:column;gap:20px;margin:0 auto 24px;max-width:1400px}.dashboard-header{border:1px solid #e2e8f0;box-shadow:0 4px 16px #0000000a;margin-bottom:0;overflow:hidden;padding:20px 24px;position:relative}.dashboard-header:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.header-content{display:flex;justify-content:space-between;margin-bottom:0}.header-actions,.header-content{align-items:center}.analytics-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.analytics-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.header-title-section{flex:1 1}.header-title-section h1{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 8px}.dashboard-subtitle{color:#64748b;font-weight:500;line-height:1.4}.header-stats-inline{display:flex;gap:20px;margin-top:8px}.inline-stat{align-items:center;display:flex;gap:6px}.header-stats-overview{align-items:center;display:flex;gap:32px}.overview-stat{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.overview-label{color:#64748b;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.overview-value{color:#1e293b;font-size:24px;font-weight:800}.period-selector{align-items:center;display:flex;gap:8px}.period-selector label{color:#475569;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.period-selector select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 4px #0000000a;color:#4a5568;font-size:14px;font-weight:500;min-width:160px;padding:8px 12px;transition:all .3s ease}.period-selector select:focus{border-color:#3182ce;box-shadow:0 0 0 4px #3182ce1a,0 4px 16px #00000014;outline:none;transform:translateY(-1px)}.dashboard-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{border:1px solid #e2e8f0;box-shadow:0 4px 16px #0000000f;cursor:pointer;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 20px 60px #0000001a}.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);height:4px}.stat-card-employees:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.stat-card-netpay:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card-deductions:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card-allowances:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-card-header{align-items:center;display:flex;justify-content:space-between}.stat-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;box-shadow:0 8px 24px #0000001f;display:flex;height:64px;justify-content:center;width:64px}.stat-icon{flex-shrink:0;font-size:24px;height:48px;width:48px}.stat-trend{align-items:center;background:#fffffff2;border:1px solid #0000000d;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:36px;justify-content:center;width:36px}.trend-indicator{font-size:16px;font-weight:700}.trend-indicator.positive{color:#48bb78}.trend-indicator.neutral{color:#718096}.trend-indicator.negative{color:#f56565}.stat-content{flex:1 1;gap:4px}.stat-content h3{color:#1e293b;font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1.1;margin:0}.stat-content p{color:#64748b;font-size:14px;font-weight:500;line-height:1.3;margin:0}.stat-meta{margin-top:8px}.stat-trend{align-self:flex-start;border-radius:6px;font-weight:600;margin-top:4px}.stat-trend.positive{background:#10b9811a;color:#059669}.stat-trend.negative{background:#f565651a;color:#dc2626}.stat-trend.neutral{background:#6b72801a;color:#6b7280}.stat-change{color:#94a3b8;font-size:15px;font-weight:600}.stat-card-employees{border-left:3px solid #3b82f6}.stat-card-employees .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card-netpay{border-left:3px solid #10b981}.stat-card-netpay .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card-deductions{border-left:3px solid #f59e0b}.stat-card-deductions .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card-allowances{border-left:3px solid #8b5cf6}.stat-card-allowances .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}@media (max-width:768px){.bamboo-dashboard{gap:24px;margin-bottom:24px}.dashboard-header{padding:16px 20px}.header-content{gap:20px}.header-content,.header-stats-overview{align-items:flex-start;flex-direction:column}.header-stats-overview{gap:16px;width:100%}.overview-stat,.period-selector{align-items:flex-start}.period-selector{width:100%}.period-selector select{min-width:100%}.dashboard-stats-grid{gap:16px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-content h3{font-size:20px}.activity-header{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.activity-actions{align-self:flex-end;margin-left:0}.action-buttons-grid{gap:12px}.action-btn{padding:16px 20px}.action-btn-icon{font-size:18px;height:40px;width:40px}}@media (max-width:480px){.dashboard-header{padding:20px}.header-title-section h1{font-size:28px}.dashboard-subtitle{font-size:16px}.stat-card{padding:16px}.stat-content h3{font-size:20px}.stat-content p{font-size:14px}.action-btn{gap:12px;padding:12px 16px}.action-btn-title{font-size:14px}.action-btn-desc{font-size:12px}}.chart-container{background:#fff;border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;max-height:500px;min-height:400px;overflow:hidden;padding:28px 32px}.chart-content{display:flex;flex:1 1;flex-direction:column;gap:16px}.chart-container h3{border-bottom:2px solid #e2e8f0;color:#1a202c;font-size:20px;font-weight:700;margin:0 0 24px;padding-bottom:12px}.chart-bar{border-bottom:1px solid #f1f5f9;gap:16px;padding:12px 0}.chart-bar:last-child{border-bottom:none}.bar-label{color:#4a5568;font-size:14px;font-weight:600;min-width:120px}.bar-container{background:#e2e8f0;flex:1 1;height:12px;overflow:hidden}.bar,.bar-container{border-radius:6px;position:relative}.bar{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width 1s ease}.bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.bar-value{color:#1a202c;font-size:14px;font-weight:700;min-width:100px;text-align:right}.activity-list{gap:8px;max-height:100%;padding:16px 28px 28px}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-thumb,.activity-list::-webkit-scrollbar-track{border-radius:3px}.activity-item{background:#f7fafc;border-left:3px solid #3182ce;border-radius:10px;margin-bottom:6px;padding:12px 16px}.activity-item:last-child{margin-bottom:0}.activity-item:hover{background:#edf2f7;transform:translateX(2px)}.activity-icon{border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:8px}.activity-title{color:#2d3748;font-size:14px}.activity-desc{color:#718096;font-size:13px;margin-bottom:4px}.activity-time{color:#a0aec0}.action-buttons{flex-wrap:wrap;gap:16px}.bamboo-employee-payroll{margin:0 auto 40px;max-width:1400px}.section-header{align-items:flex-start;background:#fff;border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:28px 32px}.section-header h2{color:#1a202c;font-size:28px;font-weight:800;margin:0 0 8px}.section-header p{color:#718096;font-size:16px;margin:0}.filters-bar{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 12px #0000000f;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:20px 28px;position:relative;z-index:10}.search-input{flex:1 1;min-width:250px;position:relative;z-index:5}.search-input input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;font-size:15px;padding:12px 20px;transition:all .3s ease;width:100%}.search-input input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.filter-select select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;font-size:15px;font-weight:500;min-width:180px;padding:12px 20px;transition:all .3s ease}.filter-select select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.bulk-actions{align-items:center;display:flex;gap:12px}.selected-count{background:#ebf8ff;border:1px solid #bee3f8;border-radius:8px;color:#3182ce;font-size:14px;font-weight:600;padding:8px 16px}.employee-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:24px;overflow:hidden}.employee-table{border-collapse:collapse;font-size:14px;width:100%}.employee-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:16px 12px;position:sticky;text-align:left;top:0;z-index:10}.employee-table td{border-bottom:1px solid #f1f3f4;padding:12px;vertical-align:middle}.employee-table tbody tr{transition:all .2s ease}.employee-table tbody tr:hover{background-color:#f8f9fa}.employee-table tbody tr.selected-row{background-color:#e3f2fd;border-left:4px solid #2196f3}.payroll-employees-dark .filters-bar{background:#374151!important;border-color:#4b5563!important;box-shadow:0 2px 12px #0000004d!important;color:#e5e7eb;padding:12px 0}.payroll-employees-dark .selected-count{background:#1e3a5f!important;border-color:#374151!important;color:#93c5fd!important}.bamboo-employee-payroll.payroll-employees-dark .filters-bar .search-input input,.payroll-employees-dark .search-input input,.payroll-search-dark input{background-color:#374151!important;border-color:#4b5563!important;color:#f3f4f6!important}.payroll-employees-dark .search-input input::placeholder,.payroll-search-dark input::placeholder{color:#9ca3af!important}.bamboo-employee-payroll.payroll-employees-dark .filters-bar .filter-select select,.payroll-employees-dark .filter-select select{appearance:auto;background-color:#374151!important;border-color:#4b5563!important;color:#f3f4f6!important}.bamboo-employee-payroll.payroll-employees-dark .filters-bar .filter-select select option{background-color:#374151;color:#f3f4f6}.payroll-table-dark.employee-table-container{background:#1f2937;border:1px solid #374151;border-radius:12px}.employee-table-dark th{background:linear-gradient(135deg,#374151,#1f2937);border-bottom-color:#4b5563;color:#e5e7eb}.employee-table-dark td{border-bottom-color:#374151;color:#e5e7eb}.employee-table-dark tbody tr{background-color:#1f2937}.employee-table-dark tbody tr:hover{background-color:#374151}.employee-table-dark tbody tr.employee-row-dark.selected-row,.employee-table-dark tbody tr.selected-row.employee-row-dark{background-color:#1e3a5f;border-left:4px solid #3b82f6}.employee-table-dark .allowance-cell{color:#34d399}.employee-table-dark .gross-cell{color:#22d3ee}.employee-table-dark .deduction-cell{color:#f87171}.employee-table-dark .status-badge.active{background-color:#064e3b;color:#6ee7b7}.employee-table-dark .status-badge.inactive{background-color:#7f1d1d;color:#fca5a5}.employee-name-cell{align-items:center;display:flex;gap:12px}.employee-avatar-small{flex-shrink:0;overflow:hidden}.employee-avatar-small img{height:100%;object-fit:cover;width:100%}.avatar-placeholder-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:12px;font-weight:600;height:100%;justify-content:center;width:100%}.allowance-cell{color:#28a745;font-weight:600}.gross-cell{color:#17a2b8;font-weight:600}.deduction-cell{color:#dc3545;font-weight:600}.net-pay-cell{color:#007bff;font-size:15px;font-weight:700}.status-badge{padding:4px 8px;text-transform:capitalize}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.table-actions{display:flex;flex-wrap:wrap;gap:4px}.table-actions .bamboo-btn{font-size:11px;height:28px;min-width:28px;padding:4px 6px}@media (max-width:1024px){.employee-table-container{overflow-x:auto}.employee-table{min-width:1000px}}@media (max-width:768px){.employee-table td,.employee-table th{font-size:12px;padding:8px 6px}.employee-name-cell{gap:8px}.employee-avatar-small{height:24px;width:24px}.avatar-placeholder-small{font-size:10px}.table-actions{gap:2px}.table-actions .bamboo-btn{font-size:10px;height:24px;min-width:24px;padding:3px 4px}}.employees-table-container{background:#fff;border:2px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow-x:auto;padding:20px}.employees-table{border-collapse:collapse;font-size:14px;width:100%}.employees-table th{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e1e5e9;color:#fff;font-size:13px;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.employees-table td{border-bottom:1px solid #e1e5e9;padding:12px 16px;vertical-align:middle}.employees-table tbody tr{transition:all .2s ease}.employees-table tbody tr:hover{background-color:#f7fafc;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.employees-table tbody tr:nth-child(2n){background-color:#f8f9fa}.employees-table tbody tr:nth-child(2n):hover{background-color:#f0f4f8}.employee-card{background:#fff;border:2px solid #e1e5e9;border-radius:16px;box-shadow:0 4px 20px #00000014;cursor:pointer;display:flex;flex-direction:column;margin-bottom:0;min-height:420px;padding:20px}.employee-card:before{background:linear-gradient(90deg,#667eea,#764ba2);height:4px;right:0;transform:scaleX(0)}.employee-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.employee-card:hover:before{transform:scaleX(1)}.employee-card.selected{border-color:#3182ce;box-shadow:0 4px 20px #3182ce26}.employee-card.selected:before{background:linear-gradient(90deg,#3182ce,#4299e1);transform:scaleX(1)}.employee-header{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-bottom:8px;min-height:45px;position:relative}.employee-avatar img{object-fit:cover}.avatar-placeholder,.employee-avatar img{border:2px solid #e2e8f0;border-radius:50%;height:40px;transition:all .3s ease;width:40px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center}.employee-card:hover .avatar-placeholder{border-color:#3182ce;transform:scale(1.05)}.employee-info{flex:1 1}.employee-info h4{color:#1a202c;font-size:14px;margin:0 0 2px}.employee-id{color:#718096;font-size:13px;font-weight:500;margin:0 0 3px}.department-name{background:#ebf8ff;border-radius:3px;color:#3182ce;display:inline-block;font-size:11px;margin:0;padding:2px 8px}.selection-indicator{position:absolute;right:0;top:0}.checkmark{align-items:center;animation:checkmarkAppear .3s ease;background:#3182ce;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.payroll-details{background:#f7fafc;border-radius:12px;flex:1 1;margin-bottom:8px;min-height:180px;overflow-y:auto;padding:12px}.payroll-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:6px 0}.payroll-row:last-child{border-bottom:none;padding-bottom:0}.payroll-row span:first-child{color:#4a5568;font-size:13px;font-weight:500}.payroll-row span:last-child{font-size:14px;font-weight:700}.allowance-amount{color:#38a169}.deduction-amount{color:#e53e3e}.net-pay{color:#3182ce;font-size:15px}.payroll-row.total{border-top:2px solid #e2e8f0;margin-top:8px;padding-top:12px}.payroll-row.total span:first-child{color:#2d3748;font-weight:700}.payroll-row.gross{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-left:3px solid #4caf50}.payroll-row.gross span:last-child{color:#2e7d32;font-weight:600}.payroll-row.statutory{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:3px solid #ff9800;font-size:12px}.payroll-row.statutory span:first-child{color:#e65100;font-weight:500}.payroll-row.statutory span:last-child{color:#e65100;font-weight:600}.payroll-row.statutory .deduction-amount{color:#d84315!important}.payroll-row.other-deductions{background:linear-gradient(135deg,#fce4ec,#f8bbd9);border-left:3px solid #e91e63;font-size:12px}.payroll-row.other-deductions span:first-child{color:#c2185b;font-weight:500}.payroll-row.other-deductions span:last-child{color:#c2185b;font-weight:600}.payroll-row.other-deductions .deduction-amount{color:#ad1457!important}.employee-actions{flex-direction:column;gap:8px;margin-top:15px}.action-row{display:flex;gap:8px}.action-row .bamboo-btn{flex:1 1;font-size:12px;min-width:0;padding:6px 8px}.payroll-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e1e5e9;margin:15px 0;padding:15px}.summary-row{gap:15px;margin-bottom:10px}.summary-row:last-child{margin-bottom:0}.summary-item{flex:1 1}.summary-item .label{color:#6c757d;font-weight:500}.summary-item .value{font-size:14px;font-weight:600}.summary-item .value.allowance{color:#28a745}.summary-item .value.net-pay{color:#007bff;font-size:16px;font-weight:700}.summary-row.gross .summary-item .value{color:#17a2b8}.summary-row.deductions .summary-item .value{color:#dc3545}.summary-row.total{border-top:2px solid #e1e5e9;margin-top:10px;padding-top:10px}.summary-row.total .summary-item{text-align:center}.summary-row.total .summary-item .label{color:#495057;font-size:14px;font-weight:600}.bamboo-payroll-processing{margin:0 auto 40px;max-width:1000px}.processing-header{background:#fff;border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:24px 32px}.processing-header h2{color:#1a202c;font-size:28px;font-weight:800;margin:0 0 8px}.processing-header p{color:#718096;font-size:16px;margin:0}.processing-steps{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.step{background:#fff;border:2px solid #e1e5e9;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:28px 32px;position:relative;transition:all .3s ease}.step:before{background:#e2e8f0;content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:background .3s ease}.step.active{border-color:#3182ce;box-shadow:0 4px 20px #3182ce26}.step.active:before{background:linear-gradient(90deg,#3182ce,#4299e1)}.step-number{align-items:center;background:#e2e8f0;border-radius:50%;color:#718096;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;margin-bottom:16px;transition:all .3s ease;width:40px}.step.active .step-number{background:linear-gradient(135deg,#3182ce,#4299e1);color:#fff;transform:scale(1.1)}.step-content h4{color:#1a202c;font-size:18px;font-weight:700;margin:0 0 16px}.employee-selection{background:#f7fafc;border-radius:12px;padding:20px}.selection-summary{align-items:center;display:flex;justify-content:space-between}.selection-summary span{color:#4a5568;font-weight:600}.processing-summary{background:#fff;border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:28px 32px}.processing-summary h3{border-bottom:2px solid #e2e8f0;color:#1a202c;font-size:20px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.bamboo-payroll-processing.payroll-processing-dark .processing-header{background:#374151!important;border-color:#4b5563!important;box-shadow:0 4px 20px #0000004d!important;color:#e5e7eb!important}.bamboo-payroll-processing.payroll-processing-dark .processing-status{background:#1f2937!important;border-color:#4b5563!important}.bamboo-payroll-processing.payroll-processing-dark .status-item{background:#1f2937!important;border:1px solid #4b5563!important;border-radius:10px!important;color:#e5e7eb!important;padding:12px 16px!important}.bamboo-payroll-processing.payroll-processing-dark .status-item span:first-child,.payroll-processing-dark .processing-header .status-item span:first-child{color:#9ca3af!important}.bamboo-payroll-processing.payroll-processing-dark .status-item span:last-child,.payroll-processing-dark .processing-header .status-item span:last-child{color:#e5e7eb!important}.payroll-processing-dark .status-ok{color:#34d399!important}.payroll-processing-dark .status-error,.payroll-processing-dark .status-missing{color:#f87171!important}.payroll-processing-dark .status-warning{background:#0000!important;color:#fbbf24!important}.payroll-processing-dark .step{background:#374151!important;border-color:#4b5563!important;box-shadow:0 4px 20px #0000004d!important}.payroll-processing-dark .step:before{background:#4b5563!important}.payroll-processing-dark .step.active{border-color:#3b82f6!important;box-shadow:0 4px 20px #3b82f640!important}.payroll-processing-dark .step.active:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)!important}.payroll-processing-dark .step-number{background:#4b5563!important;color:#d1d5db!important}.payroll-processing-dark .step.active .step-number{background:linear-gradient(135deg,#3b82f6,#60a5fa)!important;color:#fff!important}.payroll-processing-dark .step-content h4{color:#e5e7eb!important}.payroll-processing-dark .bamboo-select,.payroll-processing-dark .step-content select{background:#1f2937!important;border-color:#4b5563!important;color:#f3f4f6!important}.payroll-processing-dark .bamboo-select option,.payroll-processing-dark .step-content select option{background:#374151;color:#f3f4f6}.payroll-processing-dark .employee-selection{background:#1f2937!important;border-color:#4b5563!important}.payroll-processing-dark .selection-summary span{color:#e5e7eb!important}.payroll-processing-dark .processing-summary{background:#374151!important;border-color:#4b5563!important;box-shadow:0 4px 20px #0000004d!important}.payroll-processing-dark .processing-summary h3{border-bottom-color:#4b5563!important;color:#e5e7eb!important}.payroll-processing-dark .summary-item{background:#1f2937!important;border-left-color:#60a5fa!important}.payroll-processing-dark .summary-item span:first-child{color:#9ca3af!important}.payroll-processing-dark .summary-item span:last-child{color:#e5e7eb!important}.payroll-processing-dark .processing-actions{background:#374151!important;border-color:#4b5563!important;color:#e5e7eb!important}.payroll-processing-dark .validation-error-summary{background:#7f1d1d!important;border-color:#991b1b!important}.payroll-processing-dark .validation-quick-fix,.payroll-processing-dark .validation-quick-fix small{color:#fca5a5!important}.summary-item{background:#f7fafc;border-left:4px solid #3182ce;border-radius:10px;padding:16px}.summary-item span:first-child{color:#4a5568}.summary-item span:last-child{color:#1a202c}.processing-actions{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;padding:24px 32px}.bamboo-reports{margin:0 auto 40px;max-width:1400px}.report-categories{display:flex;gap:12px;margin-bottom:24px;padding:0 4px}.category-tab{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.category-tab:hover{background:#f0f9ff;border-color:#3182ce;color:#3182ce}.category-tab.active{background:linear-gradient(135deg,#3182ce,#2563eb);border-color:#3182ce;box-shadow:0 4px 12px #3182ce4d;color:#fff}.report-info{padding:20px;text-align:center}.report-info ul{list-style:none;padding:0}.report-info ul li{border-bottom:1px solid #e2e8f0;padding:8px 0}.report-info ul li:last-child{border-bottom:none}.reports-header{align-items:flex-start;background:#fff;border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-bottom:32px;padding:28px 32px}.reports-header h2{color:#1a202c;font-size:28px;font-weight:800;margin:0 0 8px}.reports-header p{color:#718096;font-size:16px;margin:0}.report-period{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.report-period label{color:#4a5568;font-size:14px;font-weight:600}.reports-grid{grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.report-card{background:#fff;border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease}.report-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.report-card h3{background:#f7fafc;border-bottom:1px solid #e2e8f0;color:#1a202c;font-size:18px;font-weight:700;margin:0;padding:24px 28px 16px}.report-content{padding:24px 28px}.report-actions{background:#f7fafc;border-top:1px solid #e2e8f0;gap:12px;padding:20px 28px}.bamboo-reports.bamboo-reports--dark{background:#1e1e1e;border-radius:12px;color:#e2e8f0;min-height:100vh;padding:24px}.bamboo-reports--dark .reports-header{background:#2d2d2d;border-color:#404040;box-shadow:0 4px 20px #0000004d}.bamboo-reports--dark .reports-header h2{color:#f1f5f9}.bamboo-reports--dark .report-period label,.bamboo-reports--dark .reports-header p{color:#9ca3af}.bamboo-reports--dark .bamboo-select,.bamboo-reports--dark .bamboo-select.bamboo-select--dark{background:#374151;border-color:#4b5563;color:#e2e8f0}.bamboo-reports--dark .bamboo-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.bamboo-reports--dark .report-filters select{background:#374151;border-color:#4b5563;color:#e2e8f0}.bamboo-reports--dark .category-tab.category-tab--dark{background:#374151;border-color:#4b5563;color:#d1d5db}.bamboo-reports--dark .category-tab.category-tab--dark:hover{background:#1e3a5f;border-color:#60a5fa;color:#93c5fd}.bamboo-reports--dark .category-tab.category-tab--dark.active{background:linear-gradient(135deg,#1e40af,#1e3a8a);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.bamboo-reports--dark .report-card{background:#2d2d2d;border-color:#404040;box-shadow:0 4px 20px #0000004d}.bamboo-reports--dark .report-card:hover{box-shadow:0 8px 32px #0006}.bamboo-reports--dark .report-card h3{background:#374151!important;border-bottom-color:#404040;color:#fff}.bamboo-reports--dark .report-content{color:#e2e8f0}.bamboo-reports--dark .report-actions{background:#374151;border-top-color:#404040}.bamboo-reports--dark .report-summary-stats{background:#374151;border:1px solid #4b5563;border-radius:12px}.bamboo-reports--dark .summary-stat .stat-label{color:#9ca3af}.bamboo-reports--dark .summary-stat .stat-value{color:#e2e8f0}.bamboo-reports--dark .report-info{color:#d1d5db}.bamboo-reports--dark .report-info p{color:#9ca3af}.bamboo-reports--dark .filing-item,.bamboo-reports--dark .tax-filing-summary{background:#374151;border-color:#4b5563;color:#e2e8f0}.bamboo-reports--dark .summary-status{background:#1e3a5f;color:#93c5fd}.bamboo-reports--dark .allowance-breakdown{background:#374151;border-color:#4b5563}.bamboo-reports--dark .allowance-breakdown h4{color:#e2e8f0}.bamboo-reports--dark .report-card .allowance-item{background:#2d2d2d!important;border-color:#4b5563!important}.bamboo-reports--dark .report-card .allowance-item:hover{background:#374151!important;border-color:#3b82f6}.bamboo-reports--dark .allowance-label{color:#e2e8f0}.bamboo-reports--dark .allowance-amount{color:#34d399}.bamboo-reports--dark .text-center.p-10{color:#9ca3af}.bamboo-reports--dark .report-card .bamboo-table th{background:#374151;border-color:#4b5563;color:#e2e8f0}.bamboo-reports--dark .report-card .bamboo-table td{background:#2d2d2d!important;border-color:#4b5563;color:#d1d5db}.bamboo-reports--dark .report-card .bamboo-table tbody tr{background:#2d2d2d}.bamboo-reports--dark .report-card .bamboo-table tbody tr:hover{background:#374151}.bamboo-reports--dark .report-card .scrollable-report-section{background:#2d2d2d}.bamboo-reports--dark .report-content-enhanced{color:#e2e8f0}.bamboo-reports--dark .report-card .bamboo-table .employee-info{background:#0000!important;border-left:none;border-radius:0;margin:0;padding:0}.bamboo-reports--dark .report-card .employee-info .employee-name{color:#f1f5f9}.bamboo-reports--dark .report-card .employee-info .employee-id{color:#9ca3af}.bamboo-reports--dark .report-card .bamboo-table .department-info,.bamboo-reports--dark .report-card .department-name{background:#0000!important;border-radius:0;margin:0;padding:0}.bamboo-reports--dark .report-card .department-name{color:#f1f5f9;font-weight:600}.bamboo-reports--dark .report-card .department-percentage{background:#0000!important;color:#93c5fd}.bamboo-reports--dark .report-card .bamboo-table .employee-count{background:#0000!important}.bamboo-reports--dark .report-card .employee-count .count-label,.bamboo-reports--dark .report-card .employee-count .count-number{color:#d1d5db}.bamboo-reports--dark .report-card .employee-count .count-number{color:#e2e8f0;font-weight:700}.bamboo-reports--dark .report-card .employee-count .count-label{color:#9ca3af;text-transform:uppercase}.bamboo-reports--dark .report-card .net-pay-cell{background:#0000!important;color:#34d399!important}.bamboo-reports--dark .report-card .table-footer{background:#374151;border-top-color:#4b5563}.bamboo-reports--dark .report-card .table-footer p{color:#9ca3af}.report-table{overflow-x:auto}.bamboo-table{border-collapse:collapse;font-size:14px;width:100%}.bamboo-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.bamboo-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;font-weight:500;padding:16px 12px}.bamboo-table tr:hover{background:#f7fafc}.report-summary{display:flex;flex-direction:column;gap:16px}.bamboo-settings{margin:0 auto 40px;max-width:1000px}.settings-header{background:#fff;border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:40px;padding:32px}.settings-header h2{color:#1a202c;font-weight:800;margin:0 0 8px}.settings-header p{color:#718096;margin:0}.settings-sections{display:flex;flex-direction:column;gap:32px}.settings-section{border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px}.settings-section h3{border-bottom:2px solid #e2e8f0;color:#1a202c;font-size:20px;font-weight:700;margin:0 0 24px;padding-bottom:12px}.settings-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{color:#4a5568;font-size:14px;font-weight:600}.setting-item select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;font-size:15px;font-weight:500;padding:12px 16px;transition:all .3s ease}.setting-item select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.settings-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.bamboo-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.bamboo-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.bamboo-btn:hover:before{left:100%}.bamboo-btn-primary{background:linear-gradient(135deg,#3182ce,#4299e1);box-shadow:0 4px 12px #3182ce4d;color:#fff}.bamboo-btn-primary:hover{box-shadow:0 6px 20px #3182ce66;transform:translateY(-2px)}.bamboo-btn-secondary{background:linear-gradient(135deg,#718096,#a0aec0);box-shadow:0 4px 12px #7180964d;color:#fff}.bamboo-btn-secondary:hover{box-shadow:0 6px 20px #71809666;transform:translateY(-2px)}.bamboo-btn-success{background:linear-gradient(135deg,#38a169,#48bb78);box-shadow:0 4px 12px #38a1694d}.bamboo-btn-success:hover{box-shadow:0 6px 20px #38a16966;transform:translateY(-2px)}.bamboo-btn-download{background:linear-gradient(135deg,#805ad5,#9f7aea);box-shadow:0 4px 12px #805ad54d;color:#fff}.bamboo-btn-download:hover{box-shadow:0 6px 20px #805ad566;transform:translateY(-2px)}.bamboo-btn-small{padding:6px 12px}.bamboo-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.loading-spinner{border-top-color:#3182ce}.loading-overlay p{color:#4a5568;font-weight:500;margin:0}@media (max-width:768px){.bamboo-payroll-module{flex-direction:column;height:auto;overflow:visible}.bamboo-top-nav{height:auto;width:100%}.top-nav-menu{flex-wrap:nowrap;gap:6px;justify-content:flex-start;overflow-x:auto;padding:12px 16px}.nav-group{margin:0 8px}.nav-item{font-size:13px;padding:10px 16px}.bamboo-main-content{height:auto;overflow:visible;padding:20px}}@media (max-width:480px){.top-nav-menu{gap:4px;overflow-x:auto;padding:8px 12px}.nav-group{margin:0 4px}.nav-group-title{font-size:10px;padding:2px 6px}.nav-item{font-size:12px;padding:8px 12px}.nav-item .emoji-icon{font-size:14px;margin-right:6px}.dashboard-header{flex-direction:column;gap:20px}.dashboard-header,.period-selector{align-items:stretch}.period-selector select{min-width:auto}.dashboard-stats{gap:16px;grid-template-columns:1fr}.stat-card{padding:10px 12px}.stat-content h3{font-size:16px}.stat-content p{font-size:11px}.dashboard-cards-row{gap:24px;grid-template-columns:1fr}.chart-container{max-height:450px;min-height:350px;min-height:250px;padding:20px 24px}.chart-bar{align-items:flex-start;flex-direction:column;gap:8px}.bar-label{min-width:auto;width:100%}.bar-value{min-width:auto;text-align:left}.employee-table-container{margin-top:16px}.employee-table{min-width:800px}.processing-steps{gap:16px}.step:not(:last-child):after{display:none}.processing-actions{flex-direction:column;gap:16px}.reports-grid{grid-template-columns:1fr}.filters-bar{align-items:stretch;flex-direction:column}.search-input{min-width:auto}.bulk-actions{justify-content:center}}@media (prefers-color-scheme:dark){.bamboo-payroll-module{background:linear-gradient(135deg,#1a202c,#2d3748)}.bamboo-sidebar,.chart-container,.dashboard-header,.employee-card,.filters-bar,.processing-actions,.processing-header,.processing-summary,.report-card,.reports-header,.section-header,.settings-header,.settings-section,.stat-card,.step{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.chart-container h3,.dashboard-header h1,.processing-header h2,.processing-summary h3,.report-card h3,.reports-header h2,.section-header h2,.settings-header h2,.settings-section h3,.stat-content h3,.step-content h4{color:#f7fafc}.dashboard-subtitle,.nav-item,.processing-header p,.reports-header p,.section-header p,.settings-header p,.stat-content p{color:#a0aec0}.nav-item:hover{background:#4a5568;color:#f7fafc}.nav-item.active{background:#2c5282;color:#90cdf4}.filter-select select,.period-selector select,.search-input input,.setting-item select{background:#4a5568;border-color:#718096;color:#f7fafc}.filter-select select:focus,.period-selector select:focus,.search-input input:focus,.setting-item select:focus{border-color:#90cdf4;box-shadow:0 0 0 3px #90cdf41a}.employee-selection,.payroll-details,.report-actions{background:#4a5568}.bamboo-table th{background:#4a5568}.bamboo-table td,.bamboo-table th{border-bottom-color:#718096;color:#e2e8f0}.bamboo-table tr:hover{background:#4a5568}}.employee-actions{border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;margin:12px 0;padding:12px 0}.employee-actions .bamboo-btn{border-radius:6px;flex:1 1;font-size:11px;font-weight:600;min-width:80px;padding:6px 8px;transition:all .2s ease}.bamboo-btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.bamboo-btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.bamboo-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}.bamboo-btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.bamboo-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.bamboo-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.dialog-overlay{background:#000000b3;padding:20px}.dialog-content{animation:dialogSlideIn .3s ease-out;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:100%}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-header{border-bottom:1px solid #e2e8f0;margin-bottom:0;padding:24px 24px 0}.dialog-header h3{color:#1e293b;font-size:20px;font-weight:700}.dialog-close{border-radius:4px;color:#64748b;padding:4px;transition:all .2s ease}.dialog-close:hover{background:#f1f5f9;color:#1e293b}.dialog-body{max-height:60vh;overflow-y:auto;padding:24px}.employee-info{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:20px;padding:16px}.employee-info strong{color:#1e293b;display:block;font-size:16px;margin-bottom:4px}.employee-info span{color:#64748b;font-family:monospace;font-size:14px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;box-sizing:border-box;padding:12px 16px;transition:all .2s ease}.dialog-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px 24px}.dialog-footer .bamboo-btn{border-radius:8px;flex:1 1;font-weight:600;padding:12px 24px;transition:all .2s ease}.dialog-footer .bamboo-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.dialog-content{margin:10px;max-width:calc(100vw - 20px)}.dialog-body,.dialog-footer,.dialog-header{padding:16px}.employee-actions{flex-direction:column}.employee-actions .bamboo-btn{flex:none;width:100%}.action-row{flex-direction:column;gap:4px}.action-row .bamboo-btn{width:100%}.payroll-summary{margin:10px 0;padding:10px}.summary-row{flex-direction:column;gap:8px}.summary-item .value{font-size:13px}.summary-item .value.net-pay{font-size:14px}}.employee-details-dialog{max-height:90vh!important;max-width:800px!important}.employee-details-dialog .dialog-body{max-height:70vh;overflow-y:auto}.employee-details-dialog .employee-info{align-items:center;background:#f8fafc;border-left:4px solid #3b82f6;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.employee-details-dialog .employee-avatar{border:3px solid #e2e8f0;border-radius:50%;height:80px;overflow:hidden;width:80px}.employee-details-dialog .employee-avatar img{height:100%;object-fit:cover;width:100%}.employee-details-dialog .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.employee-details-dialog .employee-details{flex:1 1}.employee-details-dialog .employee-details strong{color:#1e293b;display:block;font-size:20px;margin-bottom:4px}.employee-details-dialog .employee-details span{color:#64748b;display:block;font-size:14px;margin-bottom:2px}.payroll-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.payroll-summary h4{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 16px}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.summary-item span:first-child{color:#64748b;font-size:14px;font-weight:600}.summary-item span:last-child{color:#1e293b;font-size:16px}.summary-item.total{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.summary-item.total span{font-size:16px;font-weight:700}.summary-item.gross{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-left:4px solid #4caf50}.summary-item.gross span:last-child{color:#2e7d32;font-weight:600}.summary-item.statutory{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:4px solid #ff9800}.summary-item.statutory span:last-child{color:#e65100;font-weight:600}.summary-item.taxable{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #2196f3}.summary-item.taxable span:last-child{color:#1565c0;font-weight:600}.summary-item.other-deductions{background:linear-gradient(135deg,#fce4ec,#f8bbd9);border-left:4px solid #e91e63}.summary-item.other-deductions span:last-child{color:#c2185b;font-weight:600}.summary-item.total{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-left:4px solid #9c27b0;border-top:2px solid #e1bee7;margin-top:8px}.auto-calculation-notice{align-items:center;background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:1px solid #4caf50;border-radius:8px;color:#2e7d32;display:flex;font-size:14px;gap:12px;margin-top:16px;padding:12px}.auto-calculation-notice .auto-calc-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;box-shadow:0 2px 8px #4caf504d;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px}.auto-calculation-notice span:last-child{flex:1 1;font-weight:500}.section-header{border-bottom:2px solid #e2e8f0;margin-bottom:16px;padding-bottom:12px}.section-header h4{color:#1e293b;font-size:18px;font-weight:700;margin:0}.items-list{display:flex;flex-direction:column;gap:12px}.item-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.item-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.item-info{flex:1 1}.item-name{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:4px}.item-amount{color:#10b981;font-size:18px;font-weight:700;margin-bottom:4px}.item-description{color:#64748b;font-size:14px;margin-bottom:2px}.item-date{color:#94a3b8;font-family:monospace;font-size:12px}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-left:12px;padding:8px 12px;transition:all .2s ease}.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.05)}.delete-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.empty-state{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;font-size:16px}@media (max-width:768px){.employee-details-dialog{margin:10px;max-width:calc(100vw - 20px)!important}.employee-details-dialog .employee-info{flex-direction:column;text-align:center}.summary-grid{grid-template-columns:1fr}.item-card,.section-header{align-items:flex-start;flex-direction:column;gap:12px}.delete-btn{align-self:flex-end;margin-left:0}}.bamboo-settings{background:#f8fafc;min-height:100vh;padding:24px}.settings-header{margin-bottom:32px;text-align:center}.settings-header h2{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:8px}.settings-header p{color:#64748b;font-size:16px}.settings-content{margin:0 auto;max-width:1200px}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.settings-section .section-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.settings-section .section-header h3{color:#1e293b;font-size:20px;font-weight:700;margin:0}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.setting-card{background:#f8fafc;border:1px solid #e2e8f0;padding:16px;transition:all .2s ease}.setting-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.bamboo-settings.bamboo-settings--dark{background:#1e1e1e;color:#e2e8f0}.bamboo-settings--dark .settings-header{background:#2d2d2d!important;border:1px solid #404040;box-shadow:0 4px 20px #0000004d}.bamboo-settings--dark .settings-header h2{color:#f1f5f9}.bamboo-settings--dark .settings-header p{color:#9ca3af}.bamboo-settings--dark .settings-section{background:#2d2d2d;border-color:#404040;box-shadow:0 2px 8px #0000004d}.bamboo-settings--dark .settings-section .section-header{background:#374151!important;border-bottom-color:#404040}.bamboo-settings--dark .settings-section .section-header h3{color:#f1f5f9}.bamboo-settings--dark .setting-card{background:#374151;border-color:#4b5563}.bamboo-settings--dark .setting-card:hover{box-shadow:0 4px 12px #0006}.card-header{margin-bottom:12px}.bamboo-settings--dark .setting-card .card-header h4{color:#f1f5f9}.card-header h4{color:#1e293b;font-size:16px}.bamboo-settings--dark .setting-card .card-content .description{color:#d1d5db}.bamboo-settings--dark .setting-card .detail-item{background:#2d2d2d!important;border:1px solid #4b5563;border-left:4px solid #3b82f6;border-radius:8px;box-shadow:none;margin-bottom:8px;padding:10px 12px}.bamboo-settings--dark .setting-card .detail-item:last-child{margin-bottom:0}.bamboo-settings--dark .setting-card .detail-item .label,.bamboo-settings--dark .setting-card .detail-item .value{color:#e2e8f0}.bamboo-settings--dark .setting-card .detail-item .value.taxable{background:#78350f;color:#fbbf24}.bamboo-settings--dark .setting-card .detail-item .value.non-taxable{background:#14532d;color:#6ee7b7}.bamboo-settings--dark .setting-card .detail-item .value.applied{background:#1e3a5f;color:#93c5fd}.bamboo-settings--dark .setting-card .detail-item .value.selective{background:#4c1d95;color:#c4b5fd}.bamboo-settings--dark .setting-card .detail-item .value.amount{background:#0c4a6e;color:#7dd3fc}.bamboo-settings--dark .general-settings .setting-item label{color:#9ca3af}.bamboo-settings--dark .general-settings .setting-item input,.bamboo-settings--dark .general-settings .setting-item select{background:#374151;border-color:#4b5563;color:#e2e8f0}.bamboo-settings--dark .general-settings .setting-item input:focus,.bamboo-settings--dark .general-settings .setting-item select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.card-actions{align-items:center;flex-wrap:wrap}.card-actions .bamboo-btn{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-width:70px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.card-actions .bamboo-btn svg{flex-shrink:0}.bamboo-btn-icon{border-radius:8px!important;height:40px!important;min-width:40px!important;padding:8px!important;transition:all .2s ease!important;width:40px!important}.bamboo-btn-icon:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.bamboo-btn-icon:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.bamboo-btn-icon:disabled:hover{box-shadow:none!important;transform:none!important}.edit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s ease}.edit-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:scale(1.05)}.card-content{flex:1 1}.description{color:#64748b;font-size:14px;line-height:1.4;margin-bottom:12px}.card-details{display:flex;flex-direction:column;gap:8px}.detail-item{padding:6px 0}.detail-item .label{color:#64748b;font-size:12px}.detail-item .value{border-radius:4px;font-size:12px;font-weight:600;padding:2px 8px}.detail-item .value.taxable{background:#fef3c7;color:#d97706}.detail-item .value.non-taxable{background:#d1fae5;color:#059669}.detail-item .value.applied{background:#dbeafe;color:#2563eb}.detail-item .value.selective{background:#f3e8ff;color:#7c3aed}.detail-item .value.amount{background:#f0f9ff;color:#0369a1;font-family:monospace}.general-settings{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.general-settings .setting-item{display:flex;flex-direction:column;gap:8px}.general-settings .setting-item label{color:#374151;font-size:14px;font-weight:600}.general-settings .setting-item input,.general-settings .setting-item select{border:2px solid #e2e8f0;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s ease}.general-settings .setting-item input:focus,.general-settings .setting-item select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.settings-dialog{max-width:600px!important}.settings-dialog .dialog-body{max-height:70vh;overflow-y:auto}.dialog-overlay.leave-settings-dialog--dark .dialog-content.settings-dialog{background:#1e1e1e;border:1px solid #404040}.dialog-overlay.leave-settings-dialog--dark .dialog-header{border-bottom-color:#404040}.dialog-overlay.leave-settings-dialog--dark .dialog-header h3{color:#f1f5f9}.dialog-overlay.leave-settings-dialog--dark .dialog-close{background:#374151;border-color:#4b5563;color:#e2e8f0}.dialog-overlay.leave-settings-dialog--dark .dialog-close:hover{background:#4b5563}.dialog-overlay.leave-settings-dialog--dark .dialog-body{background:#1e1e1e;color:#e2e8f0}.dialog-overlay.leave-settings-dialog--dark .settings-dialog .settings-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px}.dialog-overlay.leave-settings-dialog--dark .settings-dialog .settings-section h4{color:#f1f5f9}.dialog-overlay.leave-settings-dialog--dark .settings-dialog .rate-item,.dialog-overlay.leave-settings-dialog--dark .settings-dialog .setting-item{background:#0000;border:none}.dialog-overlay.leave-settings-dialog--dark .settings-dialog .rate-item label,.dialog-overlay.leave-settings-dialog--dark .settings-dialog .setting-item label{color:#d1d5db}.dialog-overlay.leave-settings-dialog--dark .settings-dialog .rate-item input,.dialog-overlay.leave-settings-dialog--dark .settings-dialog .setting-item input[type=number],.dialog-overlay.leave-settings-dialog--dark .settings-dialog .setting-item select{background:#374151;border:1px solid #4b5563;color:#e2e8f0}.dialog-overlay.leave-settings-dialog--dark .settings-dialog .rate-item input:focus,.dialog-overlay.leave-settings-dialog--dark .settings-dialog .setting-item input:focus,.dialog-overlay.leave-settings-dialog--dark .settings-dialog .setting-item select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.dialog-overlay.leave-settings-dialog--dark .settings-dialog .rate-item span,.dialog-overlay.leave-settings-dialog--dark .settings-dialog .setting-item span{color:#9ca3af}.dialog-overlay.leave-settings-dialog--dark .settings-dialog .setting-item input[type=checkbox]{accent-color:#3b82f6}.dialog-overlay.leave-settings-dialog--dark .dialog-footer{background:#1e1e1e;border-top-color:#404040}.checkbox-group{margin-top:16px}.checkbox-group label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-group input[type=checkbox]{accent-color:#3b82f6;height:16px;width:16px}@media (max-width:768px){.bamboo-settings,.settings-section{padding:16px}.settings-section .section-header{align-items:flex-start;flex-direction:column;gap:12px}.settings-grid{grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column;gap:8px}.card-actions{align-self:flex-end}.general-settings{grid-template-columns:1fr}}.statutory-item{background-color:#f8f9ff!important;border-left:4px solid #2196f3!important}.statutory-badge{background-color:#2196f3;border-radius:12px;color:#fff;font-size:10px;margin-left:8px;padding:2px 6px}.statutory-info{align-items:center;display:flex}.statutory-label{background-color:#4caf50;border-radius:12px;color:#fff;font-size:10px;font-weight:700;padding:2px 8px}.statutory-note{color:#666;font-size:12px;font-style:italic}.readonly-field{background-color:#f5f5f5!important;border-color:#ccc!important;color:#666!important;cursor:not-allowed!important;font-style:italic}.readonly-field:focus{border-color:#ccc!important;box-shadow:none!important;outline:none!important}.setting-item input[value*="TRA Tax Table"]{background-color:#e3f2fd!important;border-color:#2196f3!important;color:#1976d2!important;font-weight:500}.setting-item input[value="3"]{background-color:#e8f5e8!important;border-color:#4caf50!important;color:#2e7d32!important;font-weight:500}.setting-item input[value="10"]{background-color:#fff3e0!important;border-color:#ff9800!important;color:#e65100!important;font-weight:500}.auto-calc-badge{align-items:center;animation:pulse 2s infinite;border-radius:20px;box-shadow:0 2px 8px #4caf504d;display:inline-flex;font-size:12px;gap:4px;padding:6px 12px}.auto-calc-badge,.auto-calc-indicator{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-weight:600}.auto-calc-indicator{border-radius:12px;box-shadow:0 1px 4px #4caf504d;display:inline-block;font-size:10px;margin-left:8px;padding:4px 8px}.statutory-item .statutory-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.statutory-item .statutory-label{background:linear-gradient(135deg,#ff5722,#f44336);border-radius:12px;box-shadow:0 1px 4px #ff57224d;color:#fff;font-size:10px;font-weight:600;padding:4px 8px}.statutory-note{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f3;border-radius:8px;box-shadow:0 2px 8px #2196f31a;color:#1565c0;font-size:13px;line-height:1.4;margin-top:8px;padding:12px}.bamboo-btn-info{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.bamboo-btn-info:hover{background:linear-gradient(135deg,#138496,#117a8b)}.bamboo-payroll-periods{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:20px;max-height:calc(100vh - 120px);overflow-y:auto;padding:24px}.bamboo-payroll-periods .MuiBox-root{padding:0!important}.bamboo-payroll-periods .MuiTypography-h5{color:#667eea!important;font-weight:700!important;margin-bottom:24px!important}.bamboo-payroll-periods .MuiCard-root{border:1px solid #e1e5e9!important;border-radius:12px!important;box-shadow:0 4px 20px #00000014!important;margin-bottom:20px!important}.bamboo-payroll-periods .MuiCardContent-root{padding:24px!important}.bamboo-payroll-periods .MuiButton-root{border-radius:8px!important;font-weight:600!important;padding:12px 24px!important;text-transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.bamboo-payroll-periods .MuiButton-contained{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 15px #667eea4d!important}.bamboo-payroll-periods .MuiButton-contained:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;box-shadow:0 8px 25px #667eea66!important;transform:translateY(-2px)!important}.bamboo-payroll-periods .MuiChip-root{border-radius:20px!important;font-size:12px!important;font-weight:600!important}.bamboo-payroll-periods .MuiTableContainer-root{border-radius:12px!important;box-shadow:0 4px 20px #00000014!important;overflow:hidden!important}.bamboo-payroll-periods .MuiTableHead-root .MuiTableCell-root{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border-bottom:2px solid #e1e5e9!important;color:#2d3748!important;font-weight:700!important}.bamboo-payroll-periods .MuiTableBody-root .MuiTableRow-root:hover{background:linear-gradient(90deg,#f7fafc,#edf2f7)!important}.bamboo-payroll-periods .MuiIconButton-root{border-radius:8px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.bamboo-payroll-periods .MuiIconButton-root:hover{box-shadow:0 4px 15px #00000026!important;transform:scale(1.1)!important}.bamboo-payroll-periods .MuiDialog-root .MuiDialog-paper{border-radius:16px!important;box-shadow:0 20px 60px #00000026!important}.bamboo-payroll-periods .MuiDialogTitle-root{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:16px 16px 0 0!important;color:#fff!important}.bamboo-payroll-periods .MuiSnackbar-root .MuiAlert-root{border-radius:12px!important;font-weight:600!important}@media (max-width:768px){.bamboo-payroll-periods{margin:10px!important;padding:16px!important}.bamboo-payroll-periods .MuiCardContent-root{padding:16px!important}.bamboo-payroll-periods .MuiButton-root{font-size:14px!important;padding:10px 20px!important}}.processing-status{background:#f7fafc;border:1px solid #e1e5e9;border-radius:8px;display:flex;gap:20px;padding:16px}.status-item{flex-direction:column;gap:4px}.status-item span:first-child{color:#6b7280;font-size:12px;font-weight:500}.status-item span:last-child{font-size:14px;font-weight:600}.status-ok{color:#059669}.status-missing{color:#dc2626}.payroll-breakdown{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:2rem;padding:1.5rem}.payroll-breakdown h5{color:#495057;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.breakdown-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.employee-breakdown{background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 2px 4px #0000000d;padding:1rem}.employee-breakdown h6{border-bottom:2px solid #007bff;color:#212529;font-size:1rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem}.breakdown-item{border-bottom:1px solid #f1f3f4;padding:.5rem 0}.breakdown-item:last-child{border-bottom:none}.breakdown-item span:first-child{color:#6c757d;font-size:.9rem}.breakdown-item span:last-child{color:#212529;font-weight:600}.breakdown-item.total{border-top:2px solid #28a745;font-weight:700;margin-top:.5rem;padding-top:.75rem}.breakdown-item.total span:first-child{color:#28a745;font-weight:600}.breakdown-item.total span:last-child{color:#28a745;font-size:1.1rem}.payroll-table{margin-bottom:1rem;overflow-x:auto}.payroll-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.payroll-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem .75rem;text-align:left;text-transform:uppercase}.payroll-table td{border-bottom:1px solid #e9ecef;font-size:.9rem;padding:1rem .75rem}.payroll-table tr:hover{background-color:#f8f9fa}.payroll-table tr:last-child td{border-bottom:none}@media (max-width:768px){.breakdown-grid{grid-template-columns:1fr}.payroll-table{font-size:.8rem}.payroll-table td,.payroll-table th{padding:.75rem .5rem}}.bamboo-payroll-module *{box-sizing:border-box}.bamboo-main-content>div{margin-bottom:40px}.bamboo-main-content>div:last-child{margin-bottom:0}.bamboo-payroll-records{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:24px;padding:32px}.records-header{align-items:flex-start;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.records-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.records-header p{color:#64748b;font-size:16px;line-height:1.6;margin:0}.records-filters{grid-gap:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;padding:24px}.filter-group{gap:8px}.filter-group label{color:#374151}.filter-group select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#374151;padding:12px 16px;transition:all .3s ease}.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.records-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:32px}.record-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.record-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.record-card:hover{border-color:#667eea;box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.record-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.record-info h4{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 4px}.record-id{color:#64748b;font-family:Courier New,monospace;font-size:12px;margin:0 0 4px}.record-period{color:#475569;font-size:14px;font-weight:500;margin:0}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.processed{background:#dbeafe;color:#1e40af}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.paid{background:#dcfce7;color:#166534}.record-details{margin-bottom:20px}.detail-row{border-bottom:1px solid #f1f5f9}.detail-row span:first-child{color:#64748b}.detail-row span:last-child{color:#1e293b;font-weight:600}.detail-row.total{border-top:2px solid #e2e8f0;margin-top:8px;padding-top:12px}.detail-row.total span:first-child{color:#1e293b;font-weight:700}.detail-row.total span:last-child{color:#059669;font-size:16px;font-weight:700}.record-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.record-meta{color:#94a3b8;display:flex;font-size:12px;justify-content:space-between}.records-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:24px}.records-summary h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 20px}.summary-stats{grid-gap:20px;gap:20px}.empty-state{color:#64748b;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{color:#475569;font-size:24px;font-weight:600;margin:0 0 12px}.empty-state p{font-size:16px;line-height:1.6;margin:0 auto 24px;max-width:400px}.payroll-records-dialog{max-height:90vh;max-width:800px;overflow-y:auto}.record-detail-header{border-bottom:2px solid #f1f5f9;margin-bottom:24px;padding-bottom:20px;text-align:center}.record-detail-header h4{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.record-detail-header p{color:#64748b;font-size:14px;margin:0 0 12px}.record-breakdown{margin-bottom:32px}.record-breakdown h5{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.breakdown-grid{grid-gap:16px;gap:16px}.breakdown-item{background:#f8fafc;border-left:4px solid #e2e8f0}.breakdown-item.gross{background:#eff6ff;border-left-color:#3b82f6}.breakdown-item.deduction{background:#fef2f2;border-left-color:#ef4444}.breakdown-item.total-deductions{background:#fef2f2;border-left-color:#dc2626;font-weight:700}.breakdown-item.net-pay{background:#f0fdf4;border-left-color:#16a34a;font-size:16px;font-weight:700}.record-versions{margin-bottom:32px}.record-versions h5{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.versions-list{display:flex;flex-direction:column;gap:12px}.version-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.version-info{display:flex;flex-direction:column;gap:4px}.version-number{color:#1e293b;font-weight:600}.version-date{color:#64748b;font-size:12px}.version-author{color:#475569;font-size:12px;font-style:italic}.record-meta{margin-bottom:24px}.record-meta h5{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.meta-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.meta-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.meta-item span:first-child{color:#64748b;font-weight:500}.meta-item span:last-child{color:#1e293b;font-weight:600}.record-notes{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-top:16px;padding:16px}.record-notes h6{color:#92400e;font-size:14px;font-weight:600;margin:0 0 8px}.record-notes p{color:#92400e;font-size:14px;line-height:1.5;margin:0}.historical-data-dialog{max-height:90vh;max-width:900px;overflow-y:auto}.historical-header{border-bottom:2px solid #f1f5f9;margin-bottom:24px;padding-bottom:20px;text-align:center}.historical-header h4{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.historical-header p{color:#64748b;font-size:14px;margin:0}.historical-chart{margin-bottom:32px}.historical-chart h5{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.chart-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.historical-chart-simple{display:flex;flex-direction:column;gap:16px}.chart-bars{align-items:end;display:flex;gap:12px;height:200px;padding:20px 0}.chart-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.bar-fill{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px 4px 0 0;cursor:pointer;min-height:20px;transition:all .3s ease;width:100%}.bar-fill:hover{opacity:.8;transform:scaleY(1.05)}.bar-label{color:#64748b;font-size:12px;font-weight:500;text-align:center}.chart-legend{display:flex;gap:20px;justify-content:center}.legend-item{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px}.legend-color{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;height:16px;width:16px}.historical-table{margin-bottom:24px}.historical-table h5{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.table-container{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.audit-trail-dialog{max-height:90vh;max-width:800px;overflow-y:auto}.audit-header{border-bottom:2px solid #f1f5f9;margin-bottom:24px;padding-bottom:20px;text-align:center}.audit-header h4{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.audit-header p{color:#64748b;font-size:14px;margin:0}.audit-timeline{display:flex;flex-direction:column;gap:16px}.audit-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;position:relative}.audit-item:before{background:#e2e8f0;bottom:-16px;content:"";left:32px;position:absolute;top:48px;width:2px}.audit-item:last-child:before{display:none}.audit-icon{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.audit-content{flex:1 1}.audit-action{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.audit-action strong{color:#1e293b;font-size:16px;font-weight:600;text-transform:capitalize}.audit-time{color:#64748b;font-size:12px}.audit-details p{color:#475569;line-height:1.5;margin:0 0 8px}.audit-user{color:#64748b;display:flex;font-size:12px;gap:16px;margin-bottom:8px}.audit-changes{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:12px}.audit-changes h6{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 8px}.audit-changes ul{margin:0;padding-left:20px}.audit-changes li{color:#475569;font-size:12px;margin-bottom:4px}.audit-changes strong{color:#1e293b}@media (max-width:768px){.bamboo-payroll-records{margin:16px;padding:16px}.records-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:center}.records-filters,.records-grid{gap:16px;grid-template-columns:1fr}.record-card{padding:16px}.record-actions{flex-direction:column}.record-actions .bamboo-btn{width:100%}.summary-stats{gap:16px}.breakdown-grid,.meta-grid,.summary-stats{grid-template-columns:1fr}.chart-bars{gap:8px;height:150px}.bar-label{font-size:10px}.audit-item{flex-direction:column;gap:12px}.audit-item:before{display:none}.audit-action{align-items:flex-start;flex-direction:column;gap:4px}}.bamboo-approvals{background:#f8f9fa;min-height:100vh;padding:20px}.approvals-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.approvals-header h2{color:#2c3e50;font-size:24px;margin:0}.approvals-header p{color:#7f8c8d;font-size:14px;margin:5px 0 0}.workflow-status{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}.workflow-status,.workflow-toggle{margin-bottom:20px}.workflow-toggle label{align-items:center;color:#2c3e50;display:flex;font-weight:500;gap:10px}.workflow-toggle input[type=checkbox]{height:18px;width:18px}.workflow-levels h4{color:#2c3e50;margin:0 0 15px}.levels-list{display:flex;flex-wrap:wrap;gap:15px}.level-item{background:#ecf0f1;border-left:4px solid #3498db;border-radius:8px;gap:10px;padding:10px 15px}.level-item,.level-number{align-items:center;display:flex}.level-number{background:#3498db;border-radius:50%;color:#fff;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.level-name{color:#2c3e50;font-weight:500}.level-role{color:#7f8c8d;font-size:12px}.required-badge{background:#e74c3c;border-radius:12px;color:#fff;font-size:10px;font-weight:700;padding:2px 8px}.approval-filters{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:20px}.filter-group label{font-size:12px}.filter-group select{border-radius:6px}.approval-requests-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:30px}.approval-request-card{background:#fff;border-left:4px solid #3498db;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s,box-shadow .2s}.approval-request-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.request-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.request-info h4{color:#2c3e50;font-size:18px;margin:0 0 5px}.request-department,.request-period{color:#7f8c8d;font-size:14px;margin:0}.request-status{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.status-badge{font-weight:700}.priority-badge{border-radius:12px;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.priority-high{background:#e74c3c;color:#fff}.priority-medium{background:#f39c12;color:#fff}.priority-low{background:#27ae60;color:#fff}.request-details{margin-bottom:15px}.detail-row{border-bottom:1px solid #ecf0f1}.detail-row span:first-child{color:#2c3e50;font-weight:500}.detail-row span:last-child{color:#7f8c8d}.comments-text{color:#7f8c8d;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.request-meta{border-top:1px solid #ecf0f1;color:#95a5a6;display:flex;font-size:12px;justify-content:space-between;padding-top:10px}.approval-summary{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}.approval-summary h3{color:#2c3e50;margin:0 0 15px}.summary-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:#f8f9fa;border-radius:6px;padding:10px}.summary-item span:first-child{color:#2c3e50;font-weight:500}.summary-item span:last-child{color:#7f8c8d}.approval-dialog{max-width:600px;width:90%}.approval-request-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.approval-request-info .info-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.approval-request-info .info-row:last-child{border-bottom:none}.approval-request-info .label{color:#495057;font-weight:600}.approval-request-info .value{color:#212529}.approval-warning{align-items:flex-start;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;display:flex;margin-bottom:20px;padding:16px}.approval-warning .warning-icon{font-size:20px;margin-right:12px;margin-top:2px}.approval-warning .warning-text{color:#856404;font-size:14px;line-height:1.4}.approval-history-dialog{max-height:80vh;max-width:700px;overflow-y:auto;width:90%}.request-summary{background:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:16px}.request-summary h4{color:#495057;font-size:16px;margin:0 0 16px}.summary-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.detail-item{padding:8px 0}.detail-item .label{color:#495057;font-weight:600}.detail-item .value{color:#212529}.approval-timeline{margin-top:20px}.approval-timeline h4{color:#495057;font-size:16px;margin:0 0 16px}.timeline-container{position:relative}.timeline-container:before{background:#e9ecef;bottom:0;content:"";left:20px;position:absolute;top:0;width:2px}.timeline-item{align-items:flex-start;margin-bottom:20px}.timeline-icon,.timeline-item{display:flex;position:relative}.timeline-icon{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:50%;font-size:16px;height:40px;justify-content:center;margin-right:16px;width:40px;z-index:1}.timeline-content{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;padding:16px}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.timeline-role{color:#495057;font-size:14px;font-weight:600}.timeline-time{color:#6c757d;font-size:12px}.timeline-action{margin-bottom:8px}.action-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.action-badge.action-approved{background:#d4edda;color:#155724}.action-badge.action-rejected{background:#f8d7da;color:#721c24}.action-badge.action-pending{background:#fff3cd;color:#856404}.action-badge.action-submitted{background:#d1ecf1;color:#0c5460}.timeline-comment{background:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;color:#495057;font-size:14px;font-style:italic;padding:8px 12px}.empty-history{color:#6c757d;padding:40px 20px;text-align:center}.empty-history .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-history p{font-size:16px;margin:0}@media (max-width:768px){.approval-dialog,.approval-history-dialog{margin:20px auto;width:95%}.summary-details{grid-template-columns:1fr}.timeline-header{align-items:flex-start;flex-direction:column;gap:4px}.timeline-content{padding:12px}}.bamboo-payslips{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.payslips-header{border-bottom:2px solid #e2e8f0;margin-bottom:32px;padding-bottom:20px}.payslips-header h2{color:#2d3748}.payslips-header p{color:#718096}.template-selection{margin-bottom:32px}.template-selection h3{color:#2d3748;font-size:20px;margin:0 0 20px}.template-card{border:2px solid #e2e8f0;position:relative}.template-card:hover{border-color:#3182ce;box-shadow:0 4px 12px #3182ce26}.template-card.selected{background:linear-gradient(135deg,#ebf8ff,#bee3f8);border-color:#3182ce;box-shadow:0 4px 12px #3182ce33}.template-header{justify-content:space-between}.template-header h4{color:#2d3748;font-size:18px;font-weight:600;margin:0}.default-badge{background:#48bb78;font-size:11px;font-weight:600;padding:4px 8px}.template-description{color:#718096}.template-preview{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center}.preview-placeholder{color:#a0aec0}.payslip-generation{margin-bottom:32px}.payslip-generation h3{color:#2d3748;font-size:20px;margin:0 0 20px}.generation-controls{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.control-group{display:flex;flex-direction:column}.control-group label{color:#4a5568;font-weight:600;margin-bottom:8px}.control-group select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s ease}.control-group select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.payslip-history{margin-top:32px}.payslip-history h3{color:#2d3748;font-size:20px;margin:0 0 20px}.history-filters{grid-gap:16px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px;padding:20px}.history-table{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.action-badge.action-pdf{background:#fed7d7;color:#742a2a}.action-badge.action-email{background:#c6f6d5;color:#22543d}.action-badge.action-print{background:#fef5e7;color:#744210}.payslip-dialog{max-width:900px;width:90%}.payslip-preview{max-height:600px;overflow-y:auto}.preview-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.preview-header h4{color:#2d3748;font-size:18px;font-weight:600;margin:0}.template-selector{align-items:center;display:flex;gap:12px}.template-selector label{color:#4a5568;font-weight:600}.template-selector select{border:2px solid #e2e8f0;border-radius:6px;font-size:14px;padding:8px 12px}.payslip-content{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:24px}.payslip-header{border-bottom:2px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px;text-align:center}.payslip-header h2{color:#2d3748;font-size:24px;font-weight:700;margin:0 0 8px}.payslip-header h3{color:#718096;font-size:16px;margin:0}.payslip-letterhead-section{border-bottom:2px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px;text-align:center}.payslip-letterhead{margin-bottom:12px}.payslip-letterhead img{border-radius:50%;margin-bottom:8px;max-height:72px;width:auto}.payslip-document-title{color:#2d3748!important;font-size:18px!important;font-weight:700!important;margin:16px 0 8px!important}.payslip-info{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.employee-details h4,.period-details h4{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.employee-details p,.period-details p{color:#4a5568;font-size:14px;margin:0 0 8px}.payslip-summary h4{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.summary-table{display:flex;flex-direction:column;gap:8px}.summary-row{align-items:center;border-bottom:1px solid #f7fafc;display:flex;justify-content:space-between;padding:8px 0}.summary-row:last-child{border-bottom:none}.summary-row.gross{border-bottom:2px solid #e2e8f0;border-top:2px solid #e2e8f0;color:#2d3748;font-weight:600;padding:12px 0}.summary-row.deduction{color:#e53e3e}.summary-row.total{border-top:2px solid #e2e8f0;color:#2d3748;font-size:16px;font-weight:700;padding:12px 0}.email-dialog{max-width:600px;width:90%}.email-dialog .form-group{margin-bottom:20px}.email-dialog .form-group label{color:#4a5568;display:block;font-weight:600;margin-bottom:8px}.email-dialog .form-group input,.email-dialog .form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.email-dialog .form-group input:focus,.email-dialog .form-group textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.email-dialog .form-group textarea{min-height:100px;resize:vertical}@media (max-width:768px){.payslips-header{flex-direction:column;gap:16px}.generation-controls,.history-filters,.payslip-info,.template-grid{grid-template-columns:1fr}.email-dialog,.payslip-dialog{margin:20px auto;width:95%}}.validation-dialog{max-height:80vh;max-width:800px;overflow-y:auto}.validation-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin-bottom:24px;padding:20px}.validation-status{align-items:center;display:flex;gap:16px;margin-bottom:12px}.status-badge.valid{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.status-badge.invalid{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;color:#721c24}.validation-stats{color:#6c757d;font-size:14px;font-weight:500}.validation-timestamp{color:#868e96;font-size:12px;font-style:italic}.validation-section{margin-bottom:24px}.section-title{border-bottom:2px solid;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.section-title.error{border-bottom-color:#dc3545;color:#dc3545}.section-title.warning{border-bottom-color:#ffc107;color:#ffc107}.validation-list{display:flex;flex-direction:column;gap:12px}.validation-item{background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:16px}.validation-item.error{background:linear-gradient(135deg,#fff5f5,#fed7d7);border-left-color:#dc3545}.validation-item.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left-color:#ffc107}.validation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.validation-type{background:#e9ecef;color:#6c757d;letter-spacing:.5px}.validation-severity,.validation-type{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.validation-item.error .validation-severity{background:#dc3545;color:#fff}.validation-item.warning .validation-severity{background:#ffc107;color:#212529}.validation-message{color:#212529;font-weight:600;margin-bottom:4px}.validation-details{color:#6c757d;font-size:14px;margin-bottom:8px}.validation-employee{color:#868e96;font-size:12px;font-style:italic}.validation-action-banner{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:8px;box-shadow:0 2px 8px #ffc10733;margin-bottom:16px;padding:16px}.action-banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.action-icon{font-size:24px;margin-right:8px}.action-text{color:#856404;flex:1 1;font-size:14px;font-weight:600}.validation-actions{display:flex;flex-wrap:wrap;gap:8px}.bamboo-btn-sm{font-size:13px;font-weight:500;padding:6px 12px}.validation-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;border-radius:12px;padding:40px 20px;text-align:center}.success-icon{font-size:48px;margin-bottom:16px}.validation-success h4{color:#155724;font-size:18px;margin-bottom:8px}.validation-success p{color:#155724;font-size:14px;margin:0}.preview-dialog{max-height:85vh;max-width:900px;overflow-y:auto}.preview-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin-bottom:24px;padding:24px}.preview-period{margin-bottom:20px}.preview-period h4{color:#495057;font-size:16px;font-weight:600;margin-bottom:8px}.preview-period p{color:#6c757d;font-size:14px;margin:0}.preview-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:12px 16px}.stat-value{color:#212529;font-size:16px}.preview-validation{margin-bottom:24px}.preview-validation h4{color:#495057;font-size:16px;font-weight:600;margin-bottom:12px}.validation-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.validation-status-badge.valid{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.validation-status-badge.invalid{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;color:#721c24}.error-count{color:#dc3545}.warning-count{color:#ffc107}.preview-breakdown{margin-bottom:24px}.preview-breakdown h4{color:#495057;font-size:16px;font-weight:600;margin-bottom:16px}.breakdown-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.breakdown-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.breakdown-label{color:#6c757d;font-size:14px;font-weight:500}.breakdown-value{color:#212529;font-size:16px;font-weight:600}.preview-employees{margin-bottom:24px}.preview-employees h4{color:#495057;font-size:16px;font-weight:600;margin-bottom:16px}.employee-preview-list{border:1px solid #dee2e6;border-radius:8px;max-height:300px;overflow-y:auto}.employee-preview-item{align-items:center;background:#fff;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:12px 16px}.employee-preview-item:last-child{border-bottom:none}.employee-preview-item:hover{background:#f8f9fa}.employee-name{color:#212529}.employee-id{color:#6c757d;font-size:12px}.employee-pay{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.gross-pay{color:#212529;font-size:14px;font-weight:600}.net-pay{color:#28a745;font-size:12px;font-weight:500}.preview-more{background:#f8f9fa;border-top:1px solid #dee2e6;color:#6c757d;font-size:14px;padding:12px 16px;text-align:center}.rules-dialog{max-height:85vh;max-width:800px;overflow-y:auto}.rules-section{border-bottom:1px solid #e9ecef;margin-bottom:32px;padding-bottom:24px}.rules-section:last-child{border-bottom:none;margin-bottom:0}.rules-section h4{border-bottom:2px solid #e9ecef;color:#495057;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.rule-group{display:flex;flex-direction:column;gap:16px}.rule-checkbox{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.rule-checkbox:hover{background:#f8f9fa;border-color:#adb5bd}.rule-checkbox input[type=checkbox]{accent-color:#3182ce;height:18px;width:18px}.rule-inputs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#495057;font-size:14px;font-weight:500}.input-group input,.input-group select{border:1px solid #ced4da;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.input-group input:focus,.input-group select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.history-dialog{max-height:80vh;max-width:700px;overflow-y:auto}.no-history{color:#6c757d;padding:40px 20px;text-align:center}.no-history p{font-size:16px;margin:0}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:16px;transition:all .2s ease}.history-item:hover{background:#f8f9fa;border-color:#adb5bd}.history-header{gap:12px;margin-bottom:8px}.history-status{font-size:16px}.history-status.valid{color:#28a745}.history-status.invalid{color:#dc3545}.history-timestamp{color:#6c757d;font-size:14px;font-weight:500}.history-summary{color:#495057;font-size:14px;font-weight:500}.history-employees,.history-period{color:#868e96;font-size:12px;margin-top:4px}@media (max-width:768px){.history-dialog,.preview-dialog,.rules-dialog,.validation-dialog{margin:20px;max-height:90vh;width:95%}.validation-status{align-items:flex-start;flex-direction:column;gap:8px}.breakdown-grid,.preview-stats,.rule-inputs{grid-template-columns:1fr}.history-header{align-items:flex-start;flex-direction:column;gap:8px}.history-item,.validation-item{padding:12px}.validation-header{align-items:flex-start;flex-direction:column;gap:8px}}.bamboo-tax-reporting{background:#f8f9fa;min-height:100vh;padding:20px}.tax-header{align-items:flex-start;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.tax-header h2{color:#2c3e50;font-size:24px;margin:0 0 10px}.tax-header p{color:#7f8c8d;font-size:14px;margin:0}.tax-filters{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;margin-bottom:30px;padding:20px}.filter-group{gap:5px}.filter-group label{color:#2c3e50;font-weight:600}.filter-group select{border:1px solid #ddd;border-radius:5px;font-size:14px;min-width:150px;padding:8px 12px}.tax-section{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;overflow:hidden}.section-header{background:#f8f9fa;border-bottom:1px solid #eee;padding:20px}.section-header h3{color:#2c3e50;font-size:18px}.tax-reports-grid,.tax-summaries-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:20px}.tax-report-card,.tax-summary-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:all .3s ease}.tax-report-card:hover,.tax-summary-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.report-header,.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.report-header h4,.summary-header h4{color:#2c3e50;font-size:16px;margin:0}.status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.status.completed{background:#d4edda;color:#155724}.status.pending{background:#fff3cd;color:#856404}.status.processing{background:#cce5ff;color:#004085}.status.error{background:#f8d7da;color:#721c24}.report-details p,.summary-stats .stat-item{color:#495057;font-size:14px;margin:8px 0}.report-actions,.summary-actions{display:flex;gap:10px;margin-top:15px}.compliance-status{padding:20px}.status-card{background:#f8f9fa;border-left:4px solid;border-radius:8px;margin-bottom:20px;padding:20px}.status-card.compliant{border-left-color:#28a745}.status-card.non-compliant{border-left-color:#dc3545}.status-card.warning{border-left-color:#ffc107}.status-indicator{margin:15px 0}.status-badge.compliant{background:#d4edda;color:#155724}.status-badge.non-compliant{background:#f8d7da;color:#721c24}.status-badge.warning{background:#fff3cd;color:#856404}.compliance-issues{margin-top:20px}.compliance-issues h4{color:#2c3e50;margin:0 0 15px}.no-issues{color:#28a745;font-style:italic;padding:20px;text-align:center}.issues-list{display:flex;flex-direction:column;gap:15px}.issue-item{background:#f8f9fa;border-left:4px solid;border-radius:8px;padding:15px}.issue-item.critical{border-left-color:#dc3545}.issue-item.warning{border-left-color:#ffc107}.issue-item.info{border-left-color:#17a2b8}.issue-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.severity-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.severity-badge.critical{background:#f8d7da;color:#721c24}.severity-badge.warning{background:#fff3cd;color:#856404}.severity-badge.info{background:#d1ecf1;color:#0c5460}.issue-type{color:#2c3e50;font-weight:600}.issue-description{color:#495057;font-size:14px;margin:8px 0}.issue-recommendation{color:#6c757d;font-size:13px;margin:8px 0 0}.document-types-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:20px}.document-type-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}.document-type-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.document-type-card h4{color:#2c3e50;font-size:16px;margin:0 0 10px}.document-type-card p{color:#6c757d;font-size:14px;margin:0 0 15px}.generated-documents{border-top:1px solid #eee;padding:20px}.generated-documents h4{color:#2c3e50;margin:0 0 15px}.documents-list{display:flex;flex-direction:column;gap:15px}.document-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.document-info h5{color:#2c3e50;font-size:14px;margin:0 0 5px}.document-info p{color:#6c757d;font-size:12px;margin:5px 0}.document-actions{display:flex;gap:10px}.summary-stats{flex-direction:column;gap:10px;margin:15px 0}.stat-item{border-bottom:1px solid #e9ecef}.stat-label{color:#495057}.stat-value{font-size:14px;font-weight:600}.tax-document-dialog{max-height:80vh;max-width:600px;overflow-y:auto}.document-details{display:flex;flex-direction:column;gap:20px}.detail-section{background:#f8f9fa;border-radius:8px;padding:15px}.detail-section h4{color:#2c3e50;font-size:16px;margin:0 0 15px}.detail-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#495057;font-size:14px;font-weight:600}.detail-row .value{color:#2c3e50;font-size:14px}@media (max-width:768px){.tax-header{flex-direction:column;gap:15px}.header-actions{justify-content:flex-start;width:100%}.section-header,.tax-filters{flex-direction:column;gap:15px}.section-header{align-items:flex-start}.document-types-grid,.tax-reports-grid,.tax-summaries-grid{grid-template-columns:1fr}.document-item{align-items:flex-start;flex-direction:column;gap:15px}.document-actions{justify-content:flex-start;width:100%}}.report-body div{color:#495057;margin-bottom:8px}.report-body strong{color:#2c3e50}.alert-card,.alerts-list{padding:20px}.alert-card{background:#f8f9fa;border-left:4px solid #ffc107;border-radius:8px;margin-bottom:15px;transition:all .3s ease}.alert-card:hover{box-shadow:0 4px 8px #0000001a}.alert-card.critical{background:#fff5f5;border-left-color:#dc3545}.alert-card.high{background:#fff8f0;border-left-color:#fd7e14}.alert-card.medium{background:#fffbf0;border-left-color:#ffc107}.alert-card.low{background:#f0fff4;border-left-color:#28a745}.alert-card.read{opacity:.6}.alert-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.alert-title{color:#2c3e50;font-size:16px;font-weight:600}.alert-actions{align-items:center;display:flex;gap:10px}.alert-severity{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.alert-body div{color:#495057;margin-bottom:8px}.alert-body strong{color:#2c3e50}.history-list{padding:20px}.history-card{background:#f8f9fa;border-left:4px solid #6c757d;border-radius:8px;margin-bottom:15px;padding:20px;transition:all .3s ease}.history-card:hover{box-shadow:0 4px 8px #0000001a}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.history-type{color:#2c3e50;font-size:16px;font-weight:600}.history-date{color:#6c757d;font-size:14px}.history-body div{color:#495057}.empty-state{color:#6c757d;font-style:italic}.records-per-page{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:10px;margin:20px 0;padding:15px}.records-per-page label{color:#495057;font-weight:500;margin:0}.page-size-select{border:1px solid #ced4da;color:#495057}.page-size-select:focus{box-shadow:0 0 0 2px #007bff40}.pagination-controls{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:30px;padding:20px}.pagination-buttons{gap:10px}.pagination-btn{align-items:center;border:1px solid #dee2e6;display:flex;gap:5px}.pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd;color:#212529}.pagination-btn:disabled{background:#f8f9fa;color:#6c757d;opacity:.6}.page-numbers{gap:5px}.page-number{border:1px solid #dee2e6;height:40px;width:40px}.page-number:hover{background:#e9ecef;border-color:#adb5bd;color:#212529}@media (max-width:768px){.pagination-controls{flex-direction:column;gap:15px;text-align:center}.pagination-buttons{flex-wrap:wrap;justify-content:center}.page-numbers{justify-content:center;order:-1;width:100%}.pagination-btn{font-size:13px;padding:6px 12px}.page-number{font-size:13px;height:35px;width:35px}}.dialog-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.employee-details-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:600px;overflow-y:auto}.employee-details-content{padding:0}.details-section{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-bottom:24px;padding:20px}.details-section h4{align-items:center;color:#495057;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.details-grid{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr}.detail-item{flex-direction:column;gap:4px}.detail-item label{color:#6c757d;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#212529;font-size:14px;font-weight:500}.salary-item{border:1px solid #e9ecef;border-radius:6px;padding:12px 16px}.salary-item.total-item{background:#e3f2fd;border-color:#2196f3;font-weight:600}.salary-item label{color:#495057;font-size:14px;margin:0}.salary-amount{color:#28a745;font-size:14px;font-weight:600}.gross-amount{color:#007bff;font-size:16px}.deductions-breakdown{display:flex;flex-direction:column;gap:12px}.deduction-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.deduction-item.total-item{background:#fff3cd;border-color:#ffc107;font-weight:600}.deduction-item label{color:#495057;font-size:14px;margin:0}.deduction-amount{color:#dc3545;font-size:14px;font-weight:600}.total-deductions{color:#fd7e14;font-size:16px}.net-pay-section{background:linear-gradient(135deg,#28a745,#20c997);border-left-color:#28a745;color:#fff}.net-pay-section h4{color:#fff}.net-pay-display{padding:20px;text-align:center}.net-pay-amount{color:#fff;display:block;font-size:32px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px #0000001a}.net-pay-description{color:#ffffffe6;font-size:14px;font-style:italic;margin:0}.dialog-footer{background:#f8f9fa;gap:12px}.employee-details-modal .status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.employee-details-modal .status-processed{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.employee-details-modal .status-pending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.employee-details-modal .status-failed{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.dialog-overlay.employee-details-modal--dark .dialog-content.employee-details-modal{background:#1e1e1e;border:1px solid #404040}.dialog-overlay.employee-details-modal--dark .dialog-header{border-bottom-color:#404040}.dialog-overlay.employee-details-modal--dark .dialog-header h3{color:#f1f5f9}.dialog-overlay.employee-details-modal--dark .dialog-close{background:#374151;color:#d1d5db}.dialog-overlay.employee-details-modal--dark .dialog-close:hover{background:#4b5563;color:#f3f4f6}.dialog-overlay.employee-details-modal--dark .dialog-body{color:#e2e8f0}.dialog-overlay.employee-details-modal--dark .details-section{background:#2d2d2d;border-left-color:#3b82f6}.dialog-overlay.employee-details-modal--dark .details-section h4{color:#e2e8f0}.dialog-overlay.employee-details-modal--dark .detail-item{background:#374151;border-color:#4b5563 #4b5563 #4b5563 #3b82f6;box-shadow:none}.dialog-overlay.employee-details-modal--dark .detail-item label{color:#9ca3af}.dialog-overlay.employee-details-modal--dark .detail-item span{color:#f1f5f9}.dialog-overlay.employee-details-modal--dark .salary-item{background:#374151;border-color:#4b5563}.dialog-overlay.employee-details-modal--dark .salary-item.total-item{background:#1e3a5f;border-color:#2563eb}.dialog-overlay.employee-details-modal--dark .salary-item label{color:#d1d5db}.dialog-overlay.employee-details-modal--dark .salary-amount{color:#34d399}.dialog-overlay.employee-details-modal--dark .gross-amount{color:#60a5fa}.dialog-overlay.employee-details-modal--dark .deduction-item{background:#374151;border-color:#4b5563}.dialog-overlay.employee-details-modal--dark .deduction-item.total-item{background:#78350f;border-color:#f59e0b}.dialog-overlay.employee-details-modal--dark .deduction-item label{color:#d1d5db}.dialog-overlay.employee-details-modal--dark .deduction-amount{color:#f87171}.dialog-overlay.employee-details-modal--dark .total-deductions{color:#fbbf24}.dialog-overlay.employee-details-modal--dark .net-pay-section{background:linear-gradient(135deg,#047857,#059669);border-left-color:#10b981}.dialog-overlay.employee-details-modal--dark .net-pay-section h4{color:#fff}.dialog-overlay.employee-details-modal--dark .dialog-footer{background:#1e1e1e;border-top-color:#404040}.dialog-overlay.employee-details-modal--dark .dialog-footer .bamboo-btn-secondary{background:#374151;border-color:#4b5563;color:#e2e8f0}.dialog-overlay.employee-details-modal--dark .dialog-footer .bamboo-btn-secondary:hover{background:#4b5563;color:#f3f4f6}.dialog-overlay.employee-details-modal--dark .employee-details-modal .status-processed{background:#064e3b;border-color:#047857;color:#6ee7b7}.dialog-overlay.employee-details-modal--dark .employee-details-modal .status-pending{background:#78350f;border-color:#b45309;color:#fcd34d}.dialog-overlay.employee-details-modal--dark .employee-details-modal .status-failed{background:#7f1d1d;border-color:#b91c1c;color:#fca5a5}@media (max-width:768px){.employee-details-modal{margin:20px;max-width:calc(100vw - 40px)}.details-grid{grid-template-columns:1fr}.deduction-item,.salary-item{align-items:flex-start;flex-direction:column;gap:4px}.net-pay-amount{font-size:24px}.dialog-footer{flex-direction:column}}.bamboo-payroll-periods-enhanced{background:#f8f9fa;min-height:100vh;padding:20px}.bamboo-payroll-periods-enhanced--dark{background:#1e1e1e}.bamboo-payroll-periods-enhanced--dark .periods-header{background:#2d2d2d;border:1px solid #404040;box-shadow:0 2px 8px #0000004d}.bamboo-payroll-periods-enhanced--dark .periods-header h2{color:#e2e8f0}.bamboo-payroll-periods-enhanced--dark .periods-filters{background:#2d2d2d;border:1px solid #404040;box-shadow:0 2px 8px #0000004d}.bamboo-payroll-periods-enhanced--dark .search-input{background:#1e1e1e;border-color:#404040;color:#e2e8f0}.bamboo-payroll-periods-enhanced--dark .search-input::placeholder{color:#9ca3af}.bamboo-payroll-periods-enhanced--dark .search-input:focus{background:#1e1e1e;border-color:#3b82f6}.bamboo-payroll-periods-enhanced--dark .search-icon{color:#9ca3af}.bamboo-payroll-periods-enhanced--dark .filter-select{background:#1e1e1e;border-color:#404040;color:#e2e8f0}.bamboo-payroll-periods-enhanced--dark .periods-per-page label{color:#fffc}.bamboo-payroll-periods-enhanced--dark .page-size-select{background:#1e1e1e;border-color:#404040;color:#e2e8f0}.bamboo-payroll-periods-enhanced--dark .periods-table-container{background:#2d2d2d;border:1px solid #404040;box-shadow:0 2px 8px #0000004d}.bamboo-payroll-periods-enhanced--dark .periods-table th{background:#374151;border-bottom-color:#4b5563;color:#e2e8f0}.bamboo-payroll-periods-enhanced--dark .periods-table td{border-bottom-color:#404040;color:#d1d5db}.bamboo-payroll-periods-enhanced--dark .periods-table tbody tr{background:#2d2d2d}.bamboo-payroll-periods-enhanced--dark .periods-table tbody tr:hover{background:#374151}.bamboo-payroll-periods-enhanced--dark .periods-table tr.has-data{background:#1e3a2f;border-left-color:#10b981}.bamboo-payroll-periods-enhanced--dark .periods-table tr.no-data{background:#3d2a1e;border-left-color:#f59e0b}.bamboo-payroll-periods-enhanced--dark .period-name strong{color:#f1f5f9}.bamboo-payroll-periods-enhanced--dark .period-type{background:#1e3a5f;color:#93c5fd}.bamboo-payroll-periods-enhanced--dark .status-processed{background:#064e3b;border-color:#047857;color:#6ee7b7}.bamboo-payroll-periods-enhanced--dark .status-pending{background:#78350f;border-color:#b45309;color:#fcd34d}.bamboo-payroll-periods-enhanced--dark .employee-count{color:#d1d5db}.bamboo-payroll-periods-enhanced--dark .amount.has-amount{color:#34d399}.bamboo-payroll-periods-enhanced--dark .amount.net-pay.has-amount{color:#60a5fa}.bamboo-payroll-periods-enhanced--dark .amount.deductions.has-amount{color:#f87171}.bamboo-payroll-periods-enhanced--dark .amount.no-amount,.bamboo-payroll-periods-enhanced--dark .processed-date,.bamboo-payroll-periods-enhanced--dark .processed-info{color:#9ca3af}.bamboo-payroll-periods-enhanced--dark .processed-by{color:#6b7280}.bamboo-payroll-periods-enhanced--dark .not-processed{color:#9ca3af}.bamboo-payroll-periods-enhanced--dark .action-btn.view-btn{background:#1e40af!important;color:#93c5fd!important}.bamboo-payroll-periods-enhanced--dark .action-btn.view-btn:hover{background:#2563eb!important;color:#fff!important}.bamboo-payroll-periods-enhanced--dark .action-btn.download-btn{background:#14532d!important;color:#86efac!important}.bamboo-payroll-periods-enhanced--dark .action-btn.download-btn:hover{background:#166534!important;color:#fff!important}.bamboo-payroll-periods-enhanced--dark .action-btn.delete-btn{background:#b91c1c!important;color:#fff!important}.bamboo-payroll-periods-enhanced--dark .action-btn.delete-btn:hover{background:#dc2626!important}.bamboo-payroll-periods-enhanced--dark .empty-state{color:#fffc}.bamboo-payroll-periods-enhanced--dark .empty-state h3,.bamboo-payroll-periods-enhanced--dark .empty-state p{color:#ffffffe6}.bamboo-payroll-periods-enhanced--dark .pagination-controls{background:#2d2d2d;border:1px solid #404040}.bamboo-payroll-periods-enhanced--dark .pagination-info{color:#fffc}.bamboo-payroll-periods-enhanced--dark .pagination-btn{background:#2d2d2d;border-color:#404040;color:#e2e8f0}.bamboo-payroll-periods-enhanced--dark .pagination-btn:hover:not(:disabled){background:#374151;color:#f1f5f9}.bamboo-payroll-periods-enhanced--dark .pagination-btn:disabled{background:#1e1e1e;color:#6b7280}.bamboo-payroll-periods-enhanced--dark .page-number{background:#2d2d2d;border-color:#404040;color:#e2e8f0}.bamboo-payroll-periods-enhanced--dark .page-number:hover{background:#374151;color:#f1f5f9}.bamboo-payroll-periods-enhanced--dark .page-number.active{background:#2563eb;border-color:#2563eb;color:#fff}.periods-filters{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.filters-row{align-items:center}.search-box{flex:1 1;min-width:250px;position:relative}.search-input{border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px 12px 40px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.search-icon{color:#6c757d;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{min-width:140px}.periods-per-page{align-items:center;display:flex;gap:12px;margin-bottom:16px;padding:0 4px}.periods-per-page label{color:#495057;font-size:14px;font-weight:500}.page-size-select{background:#fff;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.page-size-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.periods-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.periods-header h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.periods-header p{color:#6c757d;font-size:16px;margin:0 0 16px}.periods-summary{align-items:center;display:flex;gap:12px}.summary-text{background:#e3f2fd;border-radius:20px;color:#1976d2;font-size:14px;font-weight:500;padding:8px 16px}.periods-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.periods-table{border-collapse:collapse;width:100%}.periods-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.periods-table td{border-bottom:1px solid #f1f3f4;padding:16px 12px;vertical-align:middle}.periods-table tr.has-data{background:#f8fff8;border-left:4px solid #28a745}.periods-table tr.no-data{background:#fff8f8;border-left:4px solid #ffc107}.periods-table tr:hover{background:#f1f3f4}.period-name{align-items:center;display:flex;gap:8px}.period-name strong{color:#2c3e50;font-size:16px}.data-indicator{font-size:16px;opacity:.7}.period-type{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.status-badge{border-radius:16px;letter-spacing:.5px;padding:6px 12px}.status-processed{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-pending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.employee-count{font-weight:500;gap:6px}.employee-icon{font-size:16px}.amount{font-size:14px;font-weight:600}.amount.has-amount{color:#28a745}.amount.no-amount{color:#6c757d;font-style:italic}.amount.net-pay.has-amount{color:#007bff;font-weight:700}.amount.deductions.has-amount{color:#dc3545}.processed-info{color:#495057;font-size:12px}.processed-date{font-weight:500;margin-bottom:2px}.not-processed,.processed-by{color:#6c757d;font-style:italic}.not-processed{font-size:12px}.view-btn{background:#e3f2fd;color:#1976d2}.view-btn:hover{background:#bbdefb}.edit-btn{background:#fff3e0;color:#f57c00}.edit-btn:hover{background:#ffe0b2}.download-btn{background:#e8f5e8;color:#2e7d32}.download-btn:hover{background:#c8e6c9}@media (max-width:1200px){.periods-table{font-size:13px}.periods-table td,.periods-table th{padding:12px 8px}}@media (max-width:768px){.bamboo-payroll-periods-enhanced{padding:12px}.periods-header{padding:16px}.periods-header h2{font-size:24px}.periods-table-container{overflow-x:auto}.periods-table{min-width:800px}.action-buttons{flex-direction:column;gap:4px}.action-btn{font-size:12px;height:28px;width:28px}}.pagination-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-top:20px;padding:16px 20px}.pagination-info{color:#6c757d;font-size:14px;font-weight:500}.pagination-buttons{align-items:center;display:flex;gap:8px}.pagination-btn{background:#fff;border:2px solid #e9ecef;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#007bff;color:#007bff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:4px;margin:0 8px}.page-number{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;transition:all .2s ease;width:36px}.page-number:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.page-number.active{background:#007bff;border-color:#007bff;color:#fff}.page-number.active:hover{background:#0056b3;border-color:#0056b3}@media (max-width:768px){.filters-row{align-items:stretch;flex-direction:column;gap:12px}.search-box{min-width:auto}.filter-group{width:100%}.filter-select{min-width:auto;width:100%}.clear-filters-btn{text-align:center;width:100%}.pagination-controls{flex-direction:column;gap:16px;text-align:center}.pagination-buttons{justify-content:center}.page-numbers{margin:0 4px}.page-number{font-size:12px;height:32px;width:32px}}.period-details-modal{align-items:center;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;bottom:0;display:flex;filter:none!important;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-overlay{background:#0009;position:absolute}.modal-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:2px solid #e9ecef;box-shadow:0 10px 30px #0006;display:flex;filter:none!important;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;text-rendering:optimizeLegibility;z-index:1001}.modal-content.payroll-card-details-modal-content{max-width:min(1400px,95vw);width:95%}.period-details-modal.payroll-details-modal--dark .modal-content.payroll-card-details-modal-content{background:#1e1e1e}.period-details-modal.payroll-details-modal--dark .modal-header{background:#1e1e1e;border-bottom-color:#404040}.period-details-modal.payroll-details-modal--dark .modal-header h3{color:#f1f5f9}.period-details-modal.payroll-details-modal--dark .close-btn{background:#374151;color:#d1d5db}.period-details-modal.payroll-details-modal--dark .close-btn:hover{background:#4b5563;color:#f3f4f6}.period-details-modal.payroll-details-modal--dark .modal-body{color:#e2e8f0}.period-details-modal.payroll-details-modal--dark .payroll-details-nav-panel{border-bottom:1px solid #374151;margin-bottom:16px;padding:14px 0}.period-details-modal.payroll-details-modal--dark .payroll-card-details-modal-content .modal-body table thead tr{background:#1d4ed8}.period-details-modal.payroll-details-modal--dark .payroll-card-details-modal-content .modal-body table thead th{background:#1d4ed8;border-bottom:1px solid #2563eb;color:#fff;font-weight:700}.period-details-modal.payroll-details-modal--dark .payroll-card-details-modal-content .modal-body table,.period-details-modal.payroll-details-modal--dark .payroll-card-details-modal-content .modal-body table tbody tr{background:#1f2937}.period-details-modal.payroll-details-modal--dark .payroll-card-details-modal-content .modal-body table tbody tr:hover{background:#374151}.period-details-modal.payroll-details-modal--dark .payroll-card-details-modal-content .modal-body table tbody td{background:#1f2937;border-bottom-color:#374151;color:#e2e8f0}.period-details-modal.payroll-details-modal--dark .payroll-card-details-modal-content .modal-body table tfoot tr{background:#374151}.period-details-modal.payroll-details-modal--dark .payroll-card-details-modal-content .modal-body table tfoot td{background:#374151;border-color:#4b5563;color:#e2e8f0}.period-details-modal.payroll-details-modal--dark .payroll-card-details-modal-content .modal-body table tbody tr td.py-4{background:#1f2937;color:#9ca3af}.period-details-modal.payroll-details-modal--dark .payroll-card-details-modal-content .modal-footer{background:#1e1e1e}.period-details-modal.payroll-details-modal--dark .payroll-card-details-modal-content .modal-footer .bamboo-btn-secondary{background:#374151;border-color:#4b5563;color:#e2e8f0}.period-details-modal.payroll-details-modal--dark .payroll-card-details-modal-content .modal-footer .bamboo-btn-secondary:hover{background:#4b5563;border-color:#6b7280;color:#f3f4f6}.period-details-modal.employee-payroll-details-modal--dark .modal-content{background:#1e1e1e}.period-details-modal.employee-payroll-details-modal--dark .modal-header{background:#1e1e1e;border-bottom-color:#404040}.period-details-modal.employee-payroll-details-modal--dark .modal-header h3{color:#f1f5f9}.period-details-modal.employee-payroll-details-modal--dark .close-btn{background:#374151;color:#d1d5db}.period-details-modal.employee-payroll-details-modal--dark .close-btn:hover{background:#4b5563;color:#f3f4f6}.period-details-modal.employee-payroll-details-modal--dark .modal-body{color:#e2e8f0}.period-details-modal.employee-payroll-details-modal--dark .modal-footer{background:#1e1e1e;border-top-color:#404040}.period-details-modal.employee-payroll-details-modal--dark .modal-footer .bamboo-btn-secondary{background:#374151;border-color:#4b5563;color:#e2e8f0}.period-details-modal.employee-payroll-details-modal--dark .modal-footer .bamboo-btn-secondary:hover{background:#4b5563;color:#f3f4f6}.modal-content.period-details-view-modal-content{max-width:min(1200px,95vw);width:95%}.period-details-view-modal-content .details-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.period-details-modal.period-details-view-modal--dark .modal-content.period-details-view-modal-content{background:#1e1e1e;border:1px solid #404040}.period-details-modal.period-details-view-modal--dark .modal-header{background:#1e1e1e;border-bottom-color:#404040}.period-details-modal.period-details-view-modal--dark .modal-header h3{color:#f1f5f9}.period-details-modal.period-details-view-modal--dark .close-btn{background:#374151;color:#d1d5db}.period-details-modal.period-details-view-modal--dark .close-btn:hover{background:#4b5563;color:#f3f4f6}.period-details-modal.period-details-view-modal--dark .modal-body{color:#e2e8f0}.period-details-modal.period-details-view-modal--dark .details-section{background:#2d2d2d;border-left-color:#3b82f6}.period-details-modal.period-details-view-modal--dark .details-section h4{color:#e2e8f0}.period-details-modal.period-details-view-modal--dark .detail-item{background:#374151;border-color:#4b5563 #4b5563 #4b5563 #3b82f6;box-shadow:none}.period-details-modal.period-details-view-modal--dark .detail-label{color:#9ca3af}.period-details-modal.period-details-view-modal--dark .detail-value{color:#f1f5f9}.period-details-modal.period-details-view-modal--dark .salary-item{background:#374151;border-color:#4b5563}.period-details-modal.period-details-view-modal--dark .salary-item .salary-label{color:#d1d5db}.period-details-modal.period-details-view-modal--dark .salary-item .salary-amount.gross-amount{color:#34d399}.period-details-modal.period-details-view-modal--dark .salary-item .salary-amount.deductions-amount{color:#f87171}.period-details-modal.period-details-view-modal--dark .salary-item .salary-amount.net-amount{color:#60a5fa}.period-details-modal.period-details-view-modal--dark .total-item{background:#1e3a5f;border-color:#2563eb}.period-details-modal.period-details-view-modal--dark .total-item .salary-amount,.period-details-modal.period-details-view-modal--dark .total-item .salary-label{color:#e2e8f0}.period-details-modal.period-details-view-modal--dark .employee-list{background:#2d2d2d;border-color:#404040}.period-details-modal.period-details-view-modal--dark .employee-item{background:#374151;border-bottom-color:#4b5563}.period-details-modal.period-details-view-modal--dark .employee-item:hover{background:#4b5563}.period-details-modal.period-details-view-modal--dark .employee-name,.period-details-modal.period-details-view-modal--dark .employee-number{color:#e2e8f0}.period-details-modal.period-details-view-modal--dark .net-salary{color:#34d399}.period-details-modal.period-details-view-modal--dark .modal-footer{background:#1e1e1e;border-top-color:#404040}.period-details-modal.period-details-view-modal--dark .modal-footer .bamboo-btn-secondary{background:#374151;border-color:#4b5563;color:#e2e8f0}.period-details-modal.period-details-view-modal--dark .modal-footer .bamboo-btn-secondary:hover{background:#4b5563;color:#f3f4f6}.period-details-modal.period-details-view-modal--dark .status-processed{background:#064e3b;border-color:#047857;color:#6ee7b7}.period-details-modal.period-details-view-modal--dark .status-pending{background:#78350f;border-color:#b45309;color:#fcd34d}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.modal-header h3{color:#1a1a1a;font-size:26px;font-weight:800;margin:0;text-shadow:none}.close-btn{align-items:center;background:#f8f9fa;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover{background:#e9ecef;color:#495057}.modal-body{flex:1 1;overflow-y:auto;padding:0 24px}.details-section{margin-bottom:32px}.details-section h4{border-bottom:3px solid #007bff;color:#1a1a1a;font-size:20px;font-weight:700;margin:0 0 20px;padding-bottom:10px;text-shadow:none}.details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:14px 18px}.detail-label{color:#212529;font-size:15px;font-weight:600}.detail-value{color:#000;font-size:15px;font-weight:700}.salary-breakdown{display:flex;flex-direction:column;gap:12px}.salary-item{border:1px solid #dee2e6;border-left:4px solid #28a745;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:18px 22px}.salary-item,.total-item{align-items:center;background:#fff;display:flex;justify-content:space-between}.total-item{border:2px solid #007bff;border-left-width:6px;border-radius:12px;box-shadow:0 4px 8px #007bff33;margin-top:8px;padding:22px 26px}.salary-label{color:#212529;font-size:17px;font-weight:600}.salary-amount{font-size:17px;font-weight:800}.gross-amount{color:#28a745}.deductions-amount{color:#dc3545}.net-amount{color:#007bff;font-size:18px}.employee-list{background:#fff;border:2px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:300px;overflow-y:auto}.employee-item{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:14px 18px;transition:background-color .2s ease}.employee-item:last-child{border-bottom:none}.employee-item:hover{background:#f8f9fa}.employee-info{gap:4px}.employee-name{color:#1a1a1a;font-size:15px;font-weight:700}.employee-number{color:#495057;font-size:13px;font-weight:600}.employee-salary{text-align:right}.net-salary{color:#007bff;font-size:15px;font-weight:800}.modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:24px}@media (max-width:768px){.period-details-modal{padding:10px}.modal-content{max-height:95vh}.modal-header{padding:16px 16px 0}.modal-header h3{font-size:20px}.modal-body{padding:0 16px}.details-grid{grid-template-columns:1fr}.detail-item{align-items:flex-start;flex-direction:column;gap:4px}.employee-item,.salary-item,.total-item{align-items:flex-start;flex-direction:column;gap:8px}.employee-salary{text-align:left}.modal-footer{flex-direction:column;padding:16px}}.bamboo-payslips{background:#f8f9fa;min-height:100vh;padding:20px}.payslips-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.payslips-header h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.payslips-header p{color:#6c757d;font-size:16px;margin:0}.template-selection{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.template-selection h3{color:#2c3e50;font-size:22px;font-weight:600;margin:0 0 8px}.section-description{color:#6c757d;font-size:14px;margin:0 0 20px}.template-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.template-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.template-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.template-card.selected{background:#f8f9ff;border-color:#007bff;box-shadow:0 4px 12px #007bff33}.template-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.template-icon{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.template-title{flex:1 1}.template-title h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 4px}.default-badge{background:#28a745;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.template-description{color:#6c757d;font-size:14px;line-height:1.5;margin:0 0 16px}.template-features{margin-bottom:16px}.template-features h5{color:#495057;font-size:14px;font-weight:600;margin:0 0 8px}.features-list{display:flex;flex-wrap:wrap;gap:6px}.feature-tag{border:1px solid #0000;border-radius:12px;font-size:11px;font-weight:500;padding:4px 8px}.template-preview{margin-bottom:16px}.preview-placeholder{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;font-size:14px;padding:20px;text-align:center}.preview-icon{font-size:20px;margin-bottom:8px}.template-actions{display:flex;justify-content:center}.preview-btn{background:#e3f2fd;border:none;border-radius:6px;color:#1976d2;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.preview-btn:hover{background:#bbdefb}.payslip-generation{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.payslip-generation h3{color:#2c3e50;font-size:22px;font-weight:600;margin:0 0 8px}.generation-form{margin-top:20px}.form-row{margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#495057}.form-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 16px;transition:border-color .2s ease}.form-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.employee-summary{margin-bottom:24px}.summary-card{background:#f8f9ff;border:1px solid #e3f2fd;border-radius:12px;padding:20px}.employee-info{align-items:center;gap:16px;margin-bottom:16px}.employee-avatar{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:50px;justify-content:center;width:50px}.employee-details h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 4px}.employee-details p{color:#6c757d;font-size:14px;margin:0}.period-info{border-top:1px solid #e3f2fd;padding-top:16px}.period-info h5{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 4px}.period-info p{color:#6c757d;font-size:14px;margin:0}.generation-actions{align-items:center;display:flex;gap:12px}.generation-btn{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px}.loading-spinner{border:2px solid #fff;border-top-color:#0000;height:16px;width:16px}.payslip-history{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.payslip-history h3{color:#2c3e50;font-size:22px;font-weight:600;margin:0 0 8px}.history-filters{margin-bottom:20px}.filters-row{align-items:end;display:flex;flex-wrap:wrap;gap:16px}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:150px}.filter-group label{color:#495057;font-size:14px;font-weight:500}.filter-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.filter-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.clear-filters-btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s ease;white-space:nowrap}.clear-filters-btn:hover{background:#c82333}.history-summary{margin-bottom:20px}.summary-stats{display:flex;gap:24px}.stat-item{flex-direction:column;gap:4px}.stat-label{color:#6c757d}.stat-value{font-size:20px}.history-table-container{border:1px solid #e9ecef;border-radius:8px;overflow-x:auto}.history-table{background:#fff;border-collapse:collapse;width:100%}.history-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.history-table td{border-bottom:1px solid #f1f3f4;padding:16px 12px;vertical-align:middle}.history-table tr:hover{background:#f8f9fa}.employee-cell{align-items:center;display:flex;gap:12px}.employee-avatar-small{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.period-badge,.template-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;font-weight:500;padding:4px 12px}.date-info{display:flex;flex-direction:column;gap:2px}.date{color:#2c3e50;font-size:14px;font-weight:500}.time{color:#6c757d;font-size:12px}.status-badge{border-radius:12px}.status-generated{background:#d4edda;color:#155724}.action-buttons{display:flex;gap:8px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.print-btn{background:#fff3e0;color:#f57c00}.print-btn:hover{background:#ffe0b2}.email-btn{background:#e3f2fd;color:#1976d2}.email-btn:hover{background:#bbdefb}.pdf-btn{background:#e8f5e8;color:#2e7d32}.pdf-btn:hover{background:#c8e6c9}.view-btn{background:#f3e5f5;color:#7b1fa2}.view-btn:hover{background:#e1bee7}.no-data{padding:40px 20px;text-align:center}.empty-state{align-items:center;display:flex;flex-direction:column;gap:16px}.empty-state h4{color:#6c757d;font-size:18px;font-weight:600;margin:0}.empty-state p{color:#6c757d}.bamboo-payment-approval{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.bamboo-payment-approval--dark{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}.bamboo-payment-approval--dark .payment-header{border-bottom-color:#404040}.bamboo-payment-approval--dark .payment-header h2{color:#f1f5f9}.bamboo-payment-approval--dark .payment-header p{color:#ffffffb3}.bamboo-payment-approval--dark .payment-content{color:#e2e8f0}.bamboo-payment-approval--dark .empty-state,.bamboo-payment-approval--dark .empty-state p,.bamboo-payment-approval--dark .loading-state{color:#fffc}.bamboo-payment-approval--dark .payroll-approval-card{background:#2d2d2d;border-color:#404040}.bamboo-payment-approval--dark .payroll-approval-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000004d}.bamboo-payment-approval--dark .payroll-approval-card .text-gray-800{color:#f1f5f9!important}.bamboo-payment-approval--dark .payroll-approval-card .text-gray-400,.bamboo-payment-approval--dark .payroll-approval-card .text-gray-500{color:#9ca3af!important}.bamboo-payment-approval--dark .progress-step.border-gray-200{background:#374151!important;border-color:#4b5563!important}.bamboo-payment-approval--dark .progress-step .step-label.text-gray-500{color:#9ca3af!important}.bamboo-payment-approval--dark .progress-step .step-name.text-gray-400{color:#d1d5db!important}.bamboo-payment-approval--dark .progress-step .step-icon.border-gray-200{background:#374151!important;border-color:#4b5563!important;color:#9ca3af!important}.bamboo-payment-approval--dark .payment-sub-tabs{border-bottom-color:#404040}.bamboo-payment-approval--dark .sub-tab{color:#9ca3af}.bamboo-payment-approval--dark .sub-tab:hover{background:#374151;color:#e2e8f0}.bamboo-payment-approval--dark .sub-tab.active{background:#1e3a5f;border-bottom-color:#60a5fa;color:#60a5fa}.bamboo-payment-approval.bamboo-approved-payrolls-bank--dark{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}.bamboo-approved-payrolls-bank--dark .payment-header{border-bottom-color:#404040}.bamboo-approved-payrolls-bank--dark .payment-header h2{color:#f1f5f9}.bamboo-approved-payrolls-bank--dark .payment-header p{color:#ffffffb3}.bamboo-approved-payrolls-bank--dark .payment-content{color:#e2e8f0}.bamboo-approved-payrolls-bank--dark .empty-state,.bamboo-approved-payrolls-bank--dark .empty-state p,.bamboo-approved-payrolls-bank--dark .loading-state{color:#fffc}.bamboo-approved-payrolls-bank--dark .payroll-approval-card.approved{background:linear-gradient(135deg,#1e3a2f,#14532d);border-color:#059669}.bamboo-approved-payrolls-bank--dark .card-header{border-bottom-color:#404040}.bamboo-approved-payrolls-bank--dark .card-header h3{color:#f1f5f9}.bamboo-approved-payrolls-bank--dark .card-header .period-dates{color:#9ca3af}.bamboo-approved-payrolls-bank--dark .status-badge.status-approved{background:#064e3b;border-color:#047857;color:#6ee7b7}.bamboo-approved-payrolls-bank--dark .payroll-summary{background:#2d2d2d;border-color:#404040}.bamboo-approved-payrolls-bank--dark .payroll-summary .summary-item{background:#374151!important;border:1px solid #4b5563;border-radius:8px}.bamboo-approved-payrolls-bank--dark .payroll-summary.bank-summary-horizontal .summary-item{background:#374151!important;border-color:#4b5563;box-shadow:0 1px 3px #0003}.bamboo-approved-payrolls-bank--dark .summary-item .label{color:#9ca3af}.bamboo-approved-payrolls-bank--dark .summary-item .value{color:#f1f5f9}.bamboo-approved-payrolls-bank--dark .approval-stamps{background:linear-gradient(135deg,#2d2d2d,#374151);border-color:#404040}.bamboo-approved-payrolls-bank--dark .stamp-section{background:#374151;border-color:#4b5563}.bamboo-approved-payrolls-bank--dark .stamp-label{color:#9ca3af}.bamboo-approved-payrolls-bank--dark .stamp-date,.bamboo-approved-payrolls-bank--dark .stamp-name{color:#e2e8f0}.period-details-modal.bank-view-modal--dark .modal-content{background:#1e1e1e;border:1px solid #404040}.period-details-modal.bank-view-modal--dark .modal-header{border-bottom-color:#404040}.period-details-modal.bank-view-modal--dark .modal-header h3{color:#f1f5f9}.period-details-modal.bank-view-modal--dark .close-btn{background:#374151;color:#d1d5db}.period-details-modal.bank-view-modal--dark .close-btn:hover{background:#4b5563;color:#f3f4f6}.period-details-modal.bank-view-modal--dark .modal-body{color:#e2e8f0}.period-details-modal.bank-view-modal--dark .modal-summary{color:#d1d5db}.period-details-modal.bank-view-modal--dark table th{background:#374151;border-color:#404040;color:#e2e8f0}.period-details-modal.bank-view-modal--dark table td{border-color:#404040;color:#d1d5db}.period-details-modal.bank-view-modal--dark table tbody tr{border-bottom-color:#404040}.dialog-overlay.bank-view-dialog--dark .dialog-content{background:#1e1e1e;border:1px solid #404040}.dialog-overlay.bank-view-dialog--dark .dialog-header{border-bottom-color:#404040}.dialog-overlay.bank-view-dialog--dark .dialog-header h3{color:#f1f5f9}.dialog-overlay.bank-view-dialog--dark .dialog-close{background:#374151;color:#d1d5db}.dialog-overlay.bank-view-dialog--dark .dialog-close:hover{background:#4b5563;color:#f3f4f6}.dialog-overlay.bank-view-dialog--dark .dialog-body{color:#e2e8f0}.dialog-overlay.bank-view-dialog--dark .view-dialog-summary{background-color:#2d2d2d;color:#e2e8f0}.dialog-overlay.bank-view-dialog--dark .bamboo-table th{background:#374151;border-color:#404040;color:#e2e8f0}.dialog-overlay.bank-view-dialog--dark .bamboo-table td{border-color:#404040;color:#d1d5db}.bamboo-payslips.bamboo-payslips--dark{background:#1e1e1e}.bamboo-payslips--dark .payslips-header{background:#2d2d2d;border-color:#404040;box-shadow:0 2px 8px #0000004d}.bamboo-payslips--dark .payslips-header h2{color:#f1f5f9}.bamboo-payslips--dark .payslips-header p{color:#9ca3af}.bamboo-payslips--dark .template-selection{background:#2d2d2d;border:1px solid #404040;box-shadow:0 2px 8px #0000004d}.bamboo-payslips--dark .template-selection h3{color:#f1f5f9}.bamboo-payslips--dark .template-selection .section-description{color:#9ca3af}.bamboo-payslips--dark .template-card,.bamboo-payslips--dark .template-card.template-card--dark{background:#374151;border-color:#4b5563}.bamboo-payslips--dark .template-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.bamboo-payslips--dark .template-card.selected{background:linear-gradient(135deg,#1e3a5f,#1e40af 30%);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.bamboo-payslips--dark .template-title h4{color:#e2e8f0}.bamboo-payslips--dark .template-description,.bamboo-payslips--dark .template-features h5{color:#9ca3af}.bamboo-payslips--dark .template-preview,.bamboo-payslips--dark .template-preview.template-preview--dark{background:#1f2937;border:1px solid #4b5563;border-radius:8px}.bamboo-payslips--dark .preview-placeholder,.bamboo-payslips--dark .template-preview--dark .preview-placeholder{background:#2d2d2d!important;border:2px dashed #4b5563!important;color:#9ca3af}.bamboo-payslips--dark .payslip-generation{background:#2d2d2d;border:1px solid #404040;box-shadow:0 2px 8px #0000004d}.bamboo-payslips--dark .payslip-generation h3{color:#f1f5f9}.bamboo-payslips--dark .payslip-generation .section-description{color:#9ca3af}.bamboo-payslips--dark .form-select,.bamboo-payslips--dark .form-select.form-select--dark{background:#374151;border-color:#4b5563;color:#e2e8f0}.bamboo-payslips--dark .form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.bamboo-payslips--dark .form-group label{color:#9ca3af}.bamboo-payslips--dark .employee-summary--dark .summary-card--dark,.bamboo-payslips--dark .summary-card.summary-card--dark{background:#374151;border-color:#4b5563}.bamboo-payslips--dark .employee-details h4{color:#e2e8f0}.bamboo-payslips--dark .employee-details p{color:#9ca3af}.bamboo-payslips--dark .period-info h5{color:#d1d5db}.bamboo-payslips--dark .period-info p{color:#9ca3af}.payment-header{border-bottom:2px solid #e2e8f0;margin-bottom:32px;padding-bottom:20px}.payment-header h2{color:#2d3748;font-size:28px;font-weight:700;margin:0 0 8px}.payment-header p{color:#718096;font-size:16px;margin:0}.payment-sub-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:12px;margin-bottom:24px}.sub-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#718096;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.sub-tab:hover{background:#f7fafc;color:#2d3748}.sub-tab.active{background:#f0f7ff;border-bottom-color:#2196f3;color:#2196f3}.payment-content{min-height:400px}.payroll-approval-list{display:flex;flex-direction:column;gap:16px}.payroll-approval-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:row;gap:20px;min-height:100px;overflow-x:auto;overflow-y:hidden;padding:16px 20px;transition:all .3s ease}.payroll-approval-card:hover{border-color:#2196f3;box-shadow:0 4px 12px #0000001a}.payroll-approval-card.approved{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#10b981}.card-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding-bottom:16px}.card-header h3{color:#2d3748;font-size:20px;font-weight:700;margin:0 0 8px}.period-dates{color:#718096;font-size:14px;margin:0}.status-badge{font-size:14px;padding:8px 16px;white-space:nowrap}.status-badge.status-1{background:#fef3c7;color:#92400e}.status-badge.status-2{background:#dbeafe;color:#1e40af}.status-badge.status-3{background:#e9d5ff;color:#6b21a8}.status-badge.status-approved{background:#d1fae5;color:#065f46}.card-body{display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;padding-right:8px}.card-body::-webkit-scrollbar{width:6px}.card-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.card-body::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.card-body::-webkit-scrollbar-thumb:hover{background:#555}.payroll-summary{grid-gap:16px;background:#f7fafc;border-radius:8px;display:grid;flex-shrink:0;gap:16px;grid-template-columns:repeat(2,1fr);padding:16px}.payroll-summary.bank-summary-horizontal{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;padding:12px 16px}.payroll-summary.bank-summary-horizontal .summary-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000f;flex:1 1;min-height:64px;min-width:140px;padding:14px 16px}.payroll-summary.bank-summary-horizontal .summary-item .label{font-size:11px;margin-bottom:4px}.payroll-summary.bank-summary-horizontal .summary-item .value{font-size:16px;word-break:break-word}@media (max-width:768px){.payroll-summary.bank-summary-horizontal{flex-direction:column}.payroll-summary.bank-summary-horizontal .summary-item{min-width:100%}}.summary-item{flex-direction:column;gap:4px;justify-content:center;min-height:60px}.summary-item .label{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-item .value{color:#2d3748;font-size:18px;font-weight:700}.approval-progress{background:#f9fafb;border-radius:8px;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:20px}.progress-step{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;gap:12px;min-height:80px;padding:12px;transition:all .3s ease}.progress-step.completed{background:#f0fdf4;border-color:#10b981}.step-icon{align-items:center;background:#e2e8f0;border-radius:50%;color:#718096;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.progress-step.completed .step-icon{background:#10b981;color:#fff}.step-info{flex:1 1}.step-label{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.step-name{color:#2d3748;font-size:14px;font-weight:600}.approval-stamps{grid-gap:20px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:8px;display:grid;flex-shrink:0;gap:20px;grid-template-columns:repeat(3,1fr);padding:20px}.stamp-section{background:#fff;border:2px solid #d1d5db;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:16px;text-align:center}.stamp-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stamp-name{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:4px;min-height:24px}.stamp-date{color:#9ca3af;font-size:12px}.card-actions{border-top:1px solid #e2e8f0;flex-shrink:0;gap:12px;justify-content:flex-end;margin-top:auto;padding-top:16px}.empty-state,.loading-state{color:#718096;font-size:16px;padding:60px 20px;text-align:center}.approval-dialog{max-width:500px}.approval-dialog .form-group{margin-top:16px}.approval-dialog label{color:#2d3748;display:block;font-weight:600;margin-bottom:8px}.approval-dialog textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.approval-dialog textarea:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}@media (max-width:768px){.bamboo-payment-approval{padding:16px}.approval-progress,.payment-sub-tabs{flex-direction:column}.approval-stamps,.payroll-summary{grid-template-columns:1fr}.payroll-approval-list{gap:12px}.payroll-approval-card{align-items:flex-start;flex-direction:column;gap:16px;min-height:auto;padding:16px}.bamboo-payslips{padding:12px}.payslips-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:center}.form-row,.template-grid{grid-template-columns:1fr}.filters-row{align-items:stretch;flex-direction:column}.filter-group{min-width:auto}.summary-stats{flex-direction:column;gap:12px}.generation-actions{align-items:stretch;flex-direction:column}.action-buttons{justify-content:center}}.dialog-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.dialog-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.dialog-header h3{color:#2c3e50;margin:0}.dialog-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.dialog-close:hover{background:#e9ecef;color:#495057}.dialog-body{padding:20px}.dialog-footer{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding:20px}.form-group label{color:#2c3e50}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:4px;padding:10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.bamboo-btn-small{font-size:12px;padding:4px 8px}@media (max-width:768px){.compliance-tabs{flex-wrap:wrap}.header-actions{flex-direction:column}.overview-grid{grid-template-columns:1fr}.alert-header,.history-header,.issue-header,.report-header{align-items:flex-start;flex-direction:column;gap:10px}.dialog-content{margin:10px;width:95%}}.status-compliant{background:#d4edda;color:#155724}.status-non-compliant{background:#f8d7da;color:#721c24}.status-warning{background:#fff3cd;color:#856404}.status-pending{background:#d1ecf1;color:#0c5460}.severity-critical,.severity-high{background:#f8d7da;color:#721c24}.severity-medium{background:#fff3cd;color:#856404}.severity-low{background:#d4edda;color:#155724}.authentication-required{align-items:center;display:flex;justify-content:center;min-height:400px;padding:40px}.auth-message{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:40px;text-align:center}.auth-message h3{color:#374151;font-size:24px;font-weight:600;margin-bottom:16px}.auth-message p{color:#6b7280;font-size:16px;line-height:1.5;margin-bottom:12px}.auth-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px}.auth-actions .bamboo-btn{min-width:140px}@media (max-width:768px){.authentication-required{padding:20px}.auth-message{padding:24px}.auth-actions{align-items:center;flex-direction:column}.auth-actions .bamboo-btn{max-width:200px;width:100%}}.bamboo-leave-integration{background:#f8f9fa;min-height:100vh;padding:24px}.leave-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.leave-header h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.leave-header p{color:#6c757d;font-size:16px;margin:0}.header-actions{flex-wrap:wrap}.payroll-impact-summary{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.payroll-impact-summary h3{color:#2c3e50;font-size:22px;font-weight:600;margin:0 0 8px}.payroll-impact-summary .section-description{color:#6c757d;font-size:14px;margin:0 0 20px}.impact-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.impact-stat-card{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.impact-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.impact-stat-card.deduction{border-left:4px solid #dc3545}.impact-stat-card.addition{border-left:4px solid #28a745}.impact-stat-card.net{border-left:4px solid #007bff}.impact-stat-card.info{border-left:4px solid #6c757d}.impact-icon{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.impact-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.impact-label{color:#6c757d;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.impact-value{color:#2c3e50;font-size:24px;font-weight:700}.impact-value.negative{color:#dc3545}.impact-value.positive{color:#28a745}.impact-meta{color:#6c757d;font-size:12px}.leave-settings-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.leave-settings-section .section-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.leave-settings-section .section-header h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.setting-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.setting-card h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 16px}.leave-types-list{display:flex;flex-direction:column;gap:12px}.leave-type-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.leave-code{background:#007bff;border-radius:4px;color:#fff;font-size:12px;font-weight:600;min-width:40px;padding:4px 8px;text-align:center}.leave-name{color:#2c3e50;flex:1 1;font-weight:500;margin-left:12px}.leave-status{font-size:12px;font-weight:500;padding:4px 12px}.leave-status.paid{background:#d4edda;color:#155724}.leave-status.unpaid{background:#fff3cd;color:#856404}.leave-days{color:#6c757d;font-size:13px;font-weight:500}.holiday-settings,.overtime-rates{display:flex;flex-direction:column;gap:12px}.rate-item,.setting-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px}.rate-item span:first-child,.setting-item span:first-child{color:#495057;font-weight:500}.rate-item span:last-child,.setting-item span:last-child{color:#2c3e50;font-weight:600}.status.enabled{color:#28a745}.status.disabled{color:#dc3545}.employee-leave-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.employee-leave-section .section-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.employee-leave-section .section-header h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.header-filters{display:flex;gap:12px}.header-filters select{background:#fff;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.header-filters select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.employee-leave-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.employee-leave-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s ease}.employee-leave-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.employee-header-info{align-items:center;border-bottom:1px solid #dee2e6;display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px}.employee-header-info .employee-avatar{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:48px;justify-content:center;width:48px}.employee-header-info .employee-details{flex:1 1}.employee-header-info .employee-details h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 4px}.employee-header-info .employee-id{color:#6c757d;font-family:monospace;font-size:12px;margin:0 0 2px}.employee-header-info .employee-dept{color:#007bff;font-size:12px;font-weight:500;margin:0}.employee-payroll-impact{background:linear-gradient(135deg,#fff8f0,#fff);border:1px solid #ffe0b2;border-radius:8px;margin-bottom:16px;padding:16px}.employee-payroll-impact h5{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 12px}.impact-breakdown{display:flex;flex-direction:column;gap:8px}.impact-row{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.impact-row.total{background:linear-gradient(135deg,#e3f2fd,#fff);border:1px solid #bbdefb;font-weight:600}.impact-row .impact-label{color:#495057;font-size:13px}.impact-row .impact-amount{font-size:14px;font-weight:600}.impact-row .impact-amount.negative{color:#dc3545}.impact-row .impact-amount.positive{color:#28a745}.leave-summary{margin-bottom:16px}.leave-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.leave-stats .stat-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:12px;padding:12px}.stat-icon{font-size:20px}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-content .stat-value{color:#2c3e50;font-size:18px;font-weight:700}.stat-content .stat-label{color:#6c757d;font-size:12px;font-weight:500}.leave-actions{display:flex;gap:8px;margin-bottom:16px}.leave-actions .bamboo-btn{flex:1 1;font-size:13px;padding:8px 12px}.leave-records,.overtime-records{margin-top:16px}.leave-records h5,.overtime-records h5{align-items:center;color:#2c3e50;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 12px}.leave-record,.overtime-record{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;padding:12px;transition:all .2s ease}.leave-record:hover,.overtime-record:hover{border-color:#007bff;box-shadow:0 2px 6px #007bff1a}.leave-record-header,.overtime-record-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.leave-type-badge,.overtime-type-badge{background:#007bff;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.leave-status{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px}.leave-status.approved{background:#d4edda;color:#155724}.leave-status.pending{background:#fff3cd;color:#856404}.leave-record-details,.overtime-record-details{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.leave-dates,.overtime-date{color:#495057;font-size:12px}.leave-days,.overtime-hours{color:#2c3e50;font-size:12px;font-weight:600}.leave-payment{border-radius:8px;font-size:11px;font-weight:500;padding:2px 6px}.leave-payment.paid{background:#d4edda;color:#155724}.leave-payment.unpaid{background:#f8d7da;color:#721c24}.overtime-rate{color:#6c757d;font-size:11px}.overtime-payment{color:#28a745;font-size:12px;font-weight:600}.no-records{color:#6c757d;font-size:14px;font-style:italic;padding:20px;text-align:center}.holiday-management-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.holiday-management-section .section-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.holiday-management-section .section-header h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.holidays-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.holiday-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s ease}.holiday-card:hover{border-color:#ffc107;box-shadow:0 4px 12px #ffc10726;transform:translateY(-2px)}.holiday-info h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 8px}.holiday-info p{color:#6c757d;font-size:14px;margin:0 0 12px}.holiday-status{border-radius:12px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.holiday-status.paid{background:#d4edda;color:#155724}.holiday-status.unpaid{background:#f8d7da;color:#721c24}.holiday-description{border-top:1px solid #dee2e6;color:#495057;font-size:13px;line-height:1.5;margin-top:12px;padding-top:12px}.leave-calculation-summary{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.leave-calculation-summary .section-header{border-bottom:2px solid #e9ecef;margin-bottom:20px;padding-bottom:16px}.leave-calculation-summary .section-header h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 4px}.calculation-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.calculation-stats .stat-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.calculation-stats .stat-card:hover{border-color:#007bff;box-shadow:0 6px 16px #0000001a;transform:translateY(-4px)}.calculation-stats .stat-card .stat-icon{font-size:32px;margin-bottom:12px}.calculation-stats .stat-card h4{color:#6c757d;font-size:14px;font-weight:500;margin:0 0 12px}.calculation-stats .stat-card .stat-value{color:#007bff;font-size:32px;font-weight:700;margin-bottom:8px}.calculation-stats .stat-card .stat-meta{color:#6c757d;font-size:12px}.bamboo-leave-integration.bamboo-leave-integration--dark{background:#1e1e1e}.bamboo-leave-integration--dark .leave-header{background:#2d2d2d;border:1px solid #404040;box-shadow:0 2px 8px #0000004d}.bamboo-leave-integration--dark .leave-header h2{color:#f1f5f9}.bamboo-leave-integration--dark .leave-header p{color:#9ca3af}.bamboo-leave-integration--dark .payroll-impact-summary{background:#2d2d2d;border:1px solid #404040;box-shadow:0 2px 8px #0000004d}.bamboo-leave-integration--dark .payroll-impact-summary h3{color:#f1f5f9}.bamboo-leave-integration--dark .payroll-impact-summary .section-description{color:#9ca3af}.bamboo-leave-integration--dark .impact-stat-card{background:linear-gradient(135deg,#374151,#2d2d2d);border-color:#4b5563}.bamboo-leave-integration--dark .impact-stat-card.deduction{border-left-color:#ef4444}.bamboo-leave-integration--dark .impact-stat-card.addition{border-left-color:#22c55e}.bamboo-leave-integration--dark .impact-stat-card.net{border-left-color:#3b82f6}.bamboo-leave-integration--dark .impact-stat-card.info{border-left-color:#6b7280}.bamboo-leave-integration--dark .impact-icon{background:linear-gradient(135deg,#4b5563,#374151)}.bamboo-leave-integration--dark .impact-label{color:#9ca3af}.bamboo-leave-integration--dark .impact-value{color:#e2e8f0}.bamboo-leave-integration--dark .impact-value.negative{color:#f87171}.bamboo-leave-integration--dark .impact-value.positive{color:#4ade80}.bamboo-leave-integration--dark .impact-meta{color:#9ca3af}.bamboo-leave-integration--dark .leave-settings-section{background:#2d2d2d;border:1px solid #404040;box-shadow:0 2px 8px #0000004d}.bamboo-leave-integration--dark .leave-settings-section .section-header{background:#374151!important;border-bottom-color:#404040}.bamboo-leave-integration--dark .leave-settings-section .section-header h3{color:#f1f5f9}.bamboo-leave-integration--dark .setting-card{background:#374151;border-color:#4b5563}.bamboo-leave-integration--dark .setting-card h4{color:#e2e8f0}.bamboo-leave-integration--dark .leave-type-item{background:#2d2d2d;border-color:#4b5563}.bamboo-leave-integration--dark .leave-name{color:#d1d5db}.bamboo-leave-integration--dark .leave-days{color:#9ca3af}.bamboo-leave-integration--dark .leave-status.paid{background:#14532d;color:#6ee7b7}.bamboo-leave-integration--dark .leave-status.unpaid{background:#422006;color:#fbbf24}.bamboo-leave-integration--dark .rate-item,.bamboo-leave-integration--dark .setting-item{background:#2d2d2d;border-color:#4b5563}.bamboo-leave-integration--dark .rate-item span:first-child,.bamboo-leave-integration--dark .setting-item span:first-child{color:#9ca3af}.bamboo-leave-integration--dark .rate-item span:last-child,.bamboo-leave-integration--dark .setting-item span:last-child{color:#e2e8f0}.bamboo-leave-integration--dark .status.enabled{color:#4ade80}.bamboo-leave-integration--dark .status.disabled{color:#f87171}.bamboo-leave-integration--dark .employee-leave-section{background:#2d2d2d;border:1px solid #404040;box-shadow:0 2px 8px #0000004d}.bamboo-leave-integration--dark .employee-leave-section .section-header{background:#374151!important;border-bottom-color:#404040}.bamboo-leave-integration--dark .employee-leave-section .section-header h3{color:#f1f5f9}.bamboo-leave-integration--dark .header-filters select,.bamboo-leave-integration--dark .header-filters select.header-filters-select--dark{background:#374151;border-color:#4b5563;color:#e2e8f0}.bamboo-leave-integration--dark .header-filters select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.bamboo-leave-integration--dark .employee-leave-card{background:#374151;border-color:#4b5563}.bamboo-leave-integration--dark .employee-leave-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.bamboo-leave-integration--dark .employee-header-info{border-bottom-color:#4b5563}.bamboo-leave-integration--dark .employee-header-info .employee-details h4{color:#e2e8f0}.bamboo-leave-integration--dark .employee-header-info .employee-id{color:#9ca3af}.bamboo-leave-integration--dark .employee-header-info .employee-dept{color:#93c5fd}.bamboo-leave-integration--dark .employee-payroll-impact{background:linear-gradient(135deg,#422006,#374151);border-color:#78350f}.bamboo-leave-integration--dark .employee-payroll-impact h5{color:#e2e8f0}.bamboo-leave-integration--dark .impact-row{background:#2d2d2d;border-color:#4b5563}.bamboo-leave-integration--dark .impact-row.total{background:linear-gradient(135deg,#1e3a5f,#374151);border-color:#3b82f6}.bamboo-leave-integration--dark .impact-row .impact-label{color:#9ca3af}.bamboo-leave-integration--dark .impact-row .impact-amount{color:#e2e8f0}.bamboo-leave-integration--dark .impact-row .impact-amount.negative{color:#f87171}.bamboo-leave-integration--dark .impact-row .impact-amount.positive{color:#4ade80}.bamboo-leave-integration--dark .leave-stats .stat-item{background:#2d2d2d;border-color:#4b5563}.bamboo-leave-integration--dark .stat-content .stat-value{color:#e2e8f0}.bamboo-leave-integration--dark .stat-content .stat-label{color:#9ca3af}.bamboo-leave-integration--dark .leave-records h5,.bamboo-leave-integration--dark .overtime-records h5{color:#e2e8f0}.bamboo-leave-integration--dark .leave-record,.bamboo-leave-integration--dark .overtime-record{background:#2d2d2d;border-color:#4b5563}.bamboo-leave-integration--dark .leave-record-details .leave-dates,.bamboo-leave-integration--dark .overtime-record-details .overtime-date{color:#9ca3af}.bamboo-leave-integration--dark .leave-days,.bamboo-leave-integration--dark .overtime-hours{color:#e2e8f0}.bamboo-leave-integration--dark .leave-status.approved{background:#14532d;color:#6ee7b7}.bamboo-leave-integration--dark .leave-status.pending{background:#422006;color:#fbbf24}.bamboo-leave-integration--dark .leave-payment.paid{background:#14532d;color:#6ee7b7}.bamboo-leave-integration--dark .leave-payment.unpaid{background:#7f1d1d;color:#fca5a5}.bamboo-leave-integration--dark .overtime-payment{color:#4ade80}.bamboo-leave-integration--dark .no-records{color:#9ca3af}@media (max-width:1200px){.employee-leave-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.holidays-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.bamboo-leave-integration{padding:12px}.leave-header{align-items:stretch;gap:16px}.header-actions,.header-filters,.leave-header{flex-direction:column}.header-filters select{width:100%}.employee-leave-grid,.impact-stats-grid,.leave-stats,.settings-grid{grid-template-columns:1fr}.leave-actions{flex-direction:column}.calculation-stats,.holidays-grid{grid-template-columns:1fr}}.report-controls{align-items:flex-end;display:flex;gap:20px}.report-filters{display:flex;gap:12px}.report-filters select{background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.report-filters select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.report-content-enhanced{padding:0}.report-summary-stats{grid-gap:16px;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:20px}.summary-stat{display:flex;flex-direction:column;gap:4px;text-align:center}.summary-stat .stat-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-stat .stat-value{color:#1e293b;font-size:20px;font-weight:700}.employee-info{display:flex;flex-direction:column;gap:2px}.employee-name{color:#1e293b;font-size:14px;font-weight:600}.employee-id{color:#64748b;font-family:monospace;font-size:11px}.department-info{display:flex;flex-direction:column;gap:2px}.department-name{color:#1e293b;font-size:14px;font-weight:600}.department-percentage{color:#64748b;font-size:11px}.employee-count{align-items:center;display:flex;flex-direction:column;gap:2px}.count-number{color:#1e293b;font-size:18px;font-weight:700}.count-label{color:#64748b;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.tax-breakdown{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:20px}.tax-breakdown h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.tax-items{display:flex;flex-direction:column;gap:12px}.tax-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.tax-item.total{background:linear-gradient(135deg,#dbeafe,#fff);border:1px solid #93c5fd;font-weight:600}.tax-label{color:#374151;font-size:14px;font-weight:500}.tax-amount{color:#1e293b;font-size:14px;font-weight:600}.allowance-breakdown{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:20px}.allowance-breakdown h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.allowance-items{display:flex;flex-direction:column;gap:12px}.allowance-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.allowance-label{color:#374151;font-size:14px;font-weight:500}.allowance-amount{color:#1e293b;font-size:14px;font-weight:600}.allowance-percentage{color:#64748b;font-size:12px;font-weight:500}.table-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:12px 16px;text-align:center}.table-footer p{color:#64748b;font-size:12px;font-style:italic;margin:0}.net-pay-cell{background:linear-gradient(135deg,#ecfdf5,#fff)!important;color:#059669!important;font-weight:700!important}.employee-table-dark .net-pay-cell{background:#0000!important;color:#34d399!important}.report-actions .bamboo-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.report-actions .bamboo-btn:disabled:hover{box-shadow:none!important;transform:none!important}.tax-filing-summary{margin-top:16px}.filing-item,.tax-filing-summary{display:flex;flex-direction:column;gap:12px}.filing-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:12px;padding:15px}.filing-header{align-items:center;display:flex;justify-content:space-between}.filing-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.month-select{background:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;min-width:150px;padding:8px 12px;transition:all .2s ease}.month-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.download-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:100px;padding:8px 16px;transition:all .2s ease}.download-btn:hover:not(:disabled){background:#218838;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.download-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.filing-label{color:#495057;font-size:14px;font-weight:600}.filing-status{background:#d4edda;border-radius:4px;color:#28a745;font-size:12px;font-weight:500;padding:4px 8px}.compliance-summary{display:flex;flex-direction:column;gap:12px;margin-top:16px}.compliance-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px}.compliance-label{color:#495057;font-size:14px;font-weight:600}.compliance-status{background:#d4edda;border-radius:4px;color:#28a745;font-size:12px;font-weight:500;padding:4px 8px}.compliance-details{color:#6c757d;font-size:11px;font-style:italic}.tax-year-summary{display:flex;flex-direction:column;gap:12px;margin-top:16px}.year-summary-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px}.summary-label{color:#495057;font-size:14px;font-weight:600}.summary-status{background:#d1ecf1;border-radius:4px;color:#007bff;font-size:12px;font-weight:500;padding:4px 8px}@media (max-width:1200px){.report-controls{align-items:stretch;gap:16px}.report-controls,.report-filters{flex-direction:column}.report-summary-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.reports-header{align-items:stretch;gap:20px}.report-controls,.report-filters,.reports-header{flex-direction:column}.report-summary-stats,.reports-grid{grid-template-columns:1fr}.report-actions{flex-direction:column}.allowance-items,.tax-items{gap:8px}.allowance-item,.compliance-item,.filing-item,.tax-item,.year-summary-item{align-items:flex-start;flex-direction:column;gap:4px}.filing-header{align-items:flex-start;flex-direction:column;gap:8px}.filing-controls{align-items:stretch;flex-direction:column;gap:8px}.download-btn,.month-select{min-width:100%}.compliance-status,.filing-status,.summary-status{align-self:flex-end}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.success-notification{animation:slideInRight .4s cubic-bezier(.16,1,.3,1)}.payment-approval-snackbar{position:fixed!important;right:1rem!important;top:1rem!important;z-index:10000}.workforce-management{background:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.workforce-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.workforce-header h2{font-size:24px;font-weight:600;margin:0}.header-actions{gap:12px}.header-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s ease}.btn-primary{background:#10b981}.btn-primary:hover{background:#059669}.btn-secondary{background:#3b82f6}.btn-secondary:hover{background:#2563eb}.workforce-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px;padding:16px}.tab{background:#f1f5f9}.tab:hover{background:#e2e8f0}.tab.active{background:#3b82f6}.tab-content{padding:24px}.overview-content{display:flex;flex-direction:column;gap:30px}.quick-stats{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-left:4px solid #3b82f6;padding:20px;transition:transform .3s ease}.stat-icon{margin-right:16px}.stat-value{font-size:28px;margin-bottom:4px}.stat-label{color:#64748b}.recent-activity h3{margin-bottom:20px}.activity-item{background:#f8fafc;border-left:4px solid #3b82f6}.activity-icon{font-size:24px;margin-right:16px}.activity-time{color:#64748b}.activity-status{background:#10b981;border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.section-header{margin-bottom:24px}.certifications-grid,.contracts-grid,.departments-grid,.positions-grid,.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.certification-card,.contract-card,.department-card,.position-card,.skill-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.certification-card:hover,.contract-card:hover,.department-card:hover,.position-card:hover,.skill-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.cert-header,.contract-header,.department-header,.position-header,.skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.cert-header h5,.contract-header h4,.department-header h4,.position-header h4,.skill-header h4{color:#1e293b;font-size:18px;font-weight:600;margin:0}.cert-status,.contract-status,.department-code,.position-status,.skill-category{border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.department-code{background:#6b7280}.skill-category{background:#8b5cf6}.cert-details,.contract-details,.department-details,.position-details,.skill-details{margin-bottom:16px}.cert-details p,.contract-details p,.department-details p,.position-details p,.skill-details p{color:#475569;font-size:14px;margin:8px 0}.cert-details strong,.contract-details strong,.department-details strong,.position-details strong,.skill-details strong{color:#1e293b}.contract-benefits,.department-description,.position-description,.skill-description{background:#f1f5f9;border-radius:8px;color:#475569;font-size:14px;line-height:1.5;padding:12px}.employees-table{overflow-x:auto}.employees-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.employees-table td,.employees-table th{border-bottom:1px solid #e2e8f0;padding:12px 16px;text-align:left}.employees-table th{background:#f8fafc;color:#1e293b;font-size:14px;font-weight:600}.employees-table td{color:#475569;font-size:14px}.status-badge{font-weight:500}.certifications-section{margin-top:40px}.certifications-section h4{color:#1e293b;font-size:18px;margin-bottom:20px}.org-chart-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.org-dept{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.org-dept-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.org-dept-header h4{color:#1e293b;font-size:16px;font-weight:600;margin:0}.dept-employee-count{background:#e2e8f0;border-radius:12px;color:#64748b;font-size:12px;padding:4px 8px}.org-employees{display:flex;flex-direction:column;gap:12px}.org-employee{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;padding:12px}.emp-avatar{font-size:20px;margin-right:12px}.emp-info{flex:1 1}.emp-name{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:2px}.emp-position{color:#64748b;font-size:12px}.analytics-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analytics-card{background:#f8fafc;padding:20px}.analytics-card h4{font-size:16px}.dept-distribution,.employment-types{display:flex;flex-direction:column;gap:12px}.dist-item,.type-item{align-items:center;display:flex;gap:12px}.dist-name,.type-name{color:#475569;font-size:14px;font-weight:500;min-width:120px}.dist-bar,.type-bar{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.dist-fill,.type-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;height:100%;transition:width .3s ease}.dist-count,.type-count{color:#1e293b;font-size:14px;font-weight:600;min-width:40px;text-align:right}.salary-stats{display:flex;flex-direction:column;gap:12px}.stat-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.stat-item:last-child{border-bottom:none}.stat-item span:first-child{color:#475569;font-size:14px}.stat-item span:last-child{color:#1e293b;font-size:14px;font-weight:600}.modal-content{padding:24px}.modal-content h3{margin:0 0 24px}.form-row{grid-gap:16px;gap:16px}.form-group{margin-bottom:16px}.form-group label{color:#374151;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;transition:border-color .3s ease}.form-group textarea{min-height:80px}.modal-buttons{border-top:1px solid #e5e7eb;gap:12px;margin-top:24px;padding-top:20px}.btn-submit{background:#10b981;border-radius:6px;font-weight:500;padding:10px 20px;transition:background .3s ease}.btn-submit:hover{background:#059669}.btn-cancel{background:#6b7280;border-radius:6px;font-weight:500;padding:10px 20px;transition:background .3s ease}.btn-cancel:hover{background:#4b5563}.workforce-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;height:400px;justify-content:center}.loading-spinner{margin-bottom:16px}.ai-insights-content{padding:20px}.insights-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:20px}.insight-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px}.insight-card h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.diversity-list,.performance-list,.risk-list,.skill-gap-list{display:flex;flex-direction:column;gap:12px}.diversity-item,.gap-item,.performance-item,.risk-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.diversity-metric,.gap-department,.performance-name,.risk-info{color:#1e293b;font-weight:600;margin-bottom:4px}.diversity-data,.gap-type,.risk-department{color:#64748b;font-size:14px;margin-bottom:4px}.diversity-recommendation,.gap-recommendation,.risk-factor{color:#475569;font-size:14px;font-style:italic}.gap-confidence,.performance-confidence,.risk-confidence{color:#6b7280;font-size:12px;font-weight:500}.performance-prediction{margin:8px 0}.prediction-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.prediction-badge.high{background:#10b981}.prediction-badge.medium{background:#f59e0b}.prediction-badge.low{background:#ef4444}.diversity-stat{display:flex;font-size:14px;justify-content:space-between;margin:2px 0}.probation-content{padding:20px}.probation-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.probation-table{overflow-x:auto}.probation-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.probation-table td,.probation-table th{border-bottom:1px solid #e2e8f0;padding:12px 16px;text-align:left}.probation-table th{background:#f8fafc;color:#1e293b;font-size:14px;font-weight:600}.probation-table td{color:#475569;font-size:14px}.probation-table tr.requires-action{background:#fef3c7}.days-left{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px}.days-left.urgent{background:#fef3c7;color:#d97706}.status-badge.probation{background:#f59e0b}.status-badge.confirmed{background:#10b981}.status-badge.permanent{background:#3b82f6}.dashboard-content{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.dashboard-header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:20px;text-align:center}.dashboard-header h3{color:#2c3e50;margin:0 0 10px}.dashboard-subtitle{color:#7f8c8d;font-size:16px;font-weight:400;margin:0}.dashboard-overview{margin-bottom:30px}.overview-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{border-left:5px solid;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px}.stat-card:hover{box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.stat-card.primary{background:linear-gradient(135deg,#4caf50,#45a049);border-left-color:#4caf50;color:#fff}.stat-card.warning{background:linear-gradient(135deg,#ff9800,#f57c00);border-left-color:#ff9800;color:#fff}.stat-card.success{background:linear-gradient(135deg,#2196f3,#1976d2);border-left-color:#2196f3;color:#fff}.stat-card.info{background:linear-gradient(135deg,#00bcd4,#0097a7);border-left-color:#00bcd4;color:#fff}.stat-card:before{background:linear-gradient(45deg,#ffffff1a,#fff0);bottom:0;left:0;pointer-events:none;right:0;top:0}.stat-icon{margin-bottom:15px;opacity:.9}.stat-icon,.stat-value{font-size:32px}.stat-label{font-size:14px;font-weight:500;margin-bottom:8px}.stat-trend{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.stat-trend.positive{background:#4caf5033;color:#4caf50}.stat-trend.negative{background:#f4433633;color:#f44336}.stat-trend.neutral{background:#9e9e9e33;color:#9e9e9e}.dashboard-analytics-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.analytics-card{box-shadow:0 4px 6px #0000001a}.analytics-card:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-2px)}.card-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.card-header h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.card-actions{display:flex;gap:8px}.btn-icon{background:#f8f9fa;border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:8px;transition:all .2s ease}.btn-icon:hover{background:#e9ecef;transform:scale(1.1)}.department-chart{display:flex;flex-direction:column;gap:15px}.chart-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:12px;transition:all .2s ease}.chart-item:hover{background:#e9ecef;transform:translateX(5px)}.chart-label{color:#2c3e50;flex:1 1;font-weight:500;min-width:120px}.chart-bar{background:#e9ecef;border-radius:6px;flex:2 1;height:12px;overflow:hidden;position:relative}.chart-fill{border-radius:6px;box-shadow:0 2px 4px #0003;height:100%;transition:width .8s ease}.chart-value{color:#2c3e50;font-weight:600;min-width:40px;text-align:center}.chart-percentage{color:#7f8c8d;font-size:12px;min-width:50px;text-align:right}.status-chart{display:flex;flex-direction:column;gap:20px}.status-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .2s ease}.status-item:hover{background:#e9ecef;transform:translateX(5px)}.status-info{flex:1 1;min-width:120px}.status-label{color:#2c3e50;font-weight:500;margin-bottom:5px}.status-value{color:#2c3e50;font-size:18px;font-weight:600}.status-bar{background:#e9ecef;border-radius:6px;flex:2 1;height:12px;overflow:hidden;position:relative}.status-fill{border-radius:6px;box-shadow:0 2px 4px #0003;height:100%;transition:width .8s ease}.status-fill.probation{background:linear-gradient(90deg,#ff9800,#f57c00)}.status-fill.confirmed{background:linear-gradient(90deg,#4caf50,#45a049)}.status-fill.permanent{background:linear-gradient(90deg,#2196f3,#1976d2)}.status-percentage{color:#2c3e50;font-size:14px;font-weight:600;min-width:50px;text-align:right}.activity-feed{display:flex;flex-direction:column;gap:15px}.activity-item{background:#f8f9fa;border-left:4px solid #0000;border-radius:8px;gap:15px;padding:15px}.activity-item:hover{background:#e9ecef;transform:translateX(5px)}.activity-icon{font-size:18px}.activity-icon.new-hire{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.activity-icon.promotion{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.activity-icon.training{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.activity-icon.contract{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.activity-title{color:#2c3e50;margin-bottom:3px}.activity-subtitle{color:#7f8c8d;font-size:14px;margin-bottom:5px}.activity-time{color:#95a5a6;font-size:12px}.performance-metrics{display:flex;flex-direction:column;gap:20px}.metric-item{background:#f8f9fa;border-radius:8px;padding:15px;transition:all .2s ease}.metric-item:hover{background:#e9ecef;transform:translateX(5px)}.metric-label{color:#2c3e50;font-weight:500;margin-bottom:8px}.metric-value{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:10px}.metric-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;position:relative}.metric-fill{border-radius:4px;box-shadow:0 2px 4px #0003;height:100%;transition:width .8s ease}.metric-fill.satisfaction{background:linear-gradient(90deg,#4caf50,#45a049)}.metric-fill.training{background:linear-gradient(90deg,#2196f3,#1976d2)}.metric-fill.retention{background:linear-gradient(90deg,#00bcd4,#0097a7)}.metric-fill.diversity{background:linear-gradient(90deg,#9c27b0,#7b1fa2)}.career-development-content{padding:20px}.career-development-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.career-paths-section,.succession-plans-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.career-path-card,.succession-plan-card{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;margin-bottom:15px;padding:15px}.path-header,.plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.path-header h5,.plan-header h5{color:#333;font-size:16px;margin:0}.experience-required{background:#e3f2fd;color:#1976d2}.experience-required,.readiness-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.readiness-badge{text-transform:capitalize}.readiness-badge.ready_now{background:#e8f5e8;color:#2e7d32}.readiness-badge.ready_1_year{background:#fff3e0;color:#f57c00}.readiness-badge.ready_2_years{background:#fff8e1;color:#fbc02d}.readiness-badge.needs_development{background:#ffebee;color:#d32f2f}.path-details,.plan-details{color:#666;font-size:14px}.path-details p,.plan-details p{margin:5px 0}.training-content{padding:20px}.training-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-top:20px}.training-analytics-section,.training-programs-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.training-program-card{background:#f8f9fa;border-left:4px solid #28a745;border-radius:6px;margin-bottom:15px;padding:15px}.program-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.program-header h5{color:#333;font-size:16px;margin:0}.program-duration{background:#e8f5e8;border-radius:4px;color:#2e7d32;font-size:12px;font-weight:500;padding:4px 8px}.program-details{color:#666;font-size:14px}.program-details p{margin:5px 0}.training-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.stat-item{background:#f8f9fa;border-radius:6px;padding:15px;text-align:center}.stat-value{color:#007bff;font-size:24px;margin-bottom:5px}.stat-label{color:#666;font-size:12px}.mentorship-content{padding:20px}.mentorship-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.mentorship-card{background:#fff;border-left:4px solid #ff9800;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.mentorship-header{margin-bottom:15px}.mentorship-header h4{color:#333;font-size:14px;margin:5px 0}.mentorship-details{color:#666;font-size:14px}.mentorship-details p{margin:5px 0}.forecasting-content{padding:20px}.forecasting-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.forecasts-section,.skills-gap-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.forecast-card,.skills-gap-card{background:#f8f9fa;border-left:4px solid #6f42c1;border-radius:6px;margin-bottom:15px;padding:15px}.forecast-header,.gap-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.forecast-header h5,.gap-header h5{color:#333;font-size:16px;margin:0}.forecast-period{background:#f3e5f5;border-radius:4px;color:#7b1fa2;font-size:12px;font-weight:500;padding:4px 8px}.forecast-numbers{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:10px}.current,.growth,.projected{border-radius:4px;font-size:12px;font-weight:500;padding:8px;text-align:center}.current{background:#e3f2fd;color:#1976d2}.projected{background:#e8f5e8;color:#2e7d32}.growth{background:#fff3e0;color:#f57c00}.priority-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.priority-badge.low{background:#e8f5e8;color:#2e7d32}.priority-badge.medium{background:#fff3e0;color:#f57c00}.priority-badge.high{background:#fff8e1;color:#fbc02d}.priority-badge.critical{background:#ffebee;color:#d32f2f}.gap-details{color:#666;font-size:14px}.gap-details p{margin:5px 0}.reports-content{padding:20px}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-top:20px}.custom-reports-section,.report-templates-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.report-card{background:#f8f9fa;border-left:4px solid #17a2b8;border-radius:6px;margin-bottom:15px;padding:15px}.report-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.report-header h5{color:#333;font-size:16px;margin:0}.report-type{background:#e0f2f1;border-radius:4px;color:#00695c;font-size:12px;font-weight:500;padding:4px 8px}.report-details{color:#666;font-size:14px;margin-bottom:10px}.report-details p{margin:5px 0}.report-actions{display:flex;gap:10px}.template-card{background:#f8f9fa;border-left:4px solid #6c757d;border-radius:6px;margin-bottom:15px;padding:15px}.template-card h5{color:#333;font-size:16px;margin:0 0 10px}.template-card p{color:#666;font-size:14px;margin:0 0 10px}.engagement-content{padding:20px}.engagement-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.announcements-section,.engagement-analytics-section,.surveys-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.announcement-card,.survey-card{background:#f8f9fa;border-left:4px solid #fd7e14;border-radius:6px;margin-bottom:15px;padding:15px}.announcement-header,.survey-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.announcement-header h5,.survey-header h5{color:#333;font-size:16px;margin:0}.survey-status{background:#e8f5e8;border-radius:4px;color:#2e7d32;font-size:12px;font-weight:500;padding:4px 8px}.announcement-details,.survey-details{color:#666;font-size:14px;margin-bottom:10px}.announcement-details p,.survey-details p{margin:5px 0}.survey-actions{display:flex;gap:10px}.engagement-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.modal-content.large{max-height:90vh;overflow-y:auto}@media (max-width:768px){.workforce-header{flex-direction:column;gap:16px;text-align:center}.header-actions{flex-wrap:wrap}.header-actions,.workforce-tabs{justify-content:center}.form-row{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.analytics-grid,.certifications-grid,.contracts-grid,.dashboard-charts,.departments-grid,.insights-grid,.positions-grid,.skills-grid{grid-template-columns:1fr}.modal-content{margin:20px;width:95%}.career-development-grid,.engagement-grid,.engagement-stats,.forecast-numbers,.forecasting-grid,.mentorship-list,.reports-grid,.training-grid,.training-stats{grid-template-columns:1fr}.report-actions,.survey-actions{flex-direction:column}}@media (max-width:480px){.workforce-management{padding:10px}.stat-card,.tab-content{padding:16px}.stat-icon,.stat-value{font-size:24px}}.employee-card{height:auto!important;margin-bottom:12px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.employee-list-item{height:auto!important;min-height:auto!important;width:100%}.employee-card .employee-card-content{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:auto minmax(220px,1.2fr) minmax(140px,1fr) minmax(160px,1fr) minmax(220px,1.2fr) auto auto}.employee-card .MuiCardContent-root,.employee-card .employee-card-content{height:auto!important;min-height:auto!important;padding:16px 20px!important}.employee-card-status-bar{align-self:stretch;grid-row:1/-1;height:100%;min-height:60px}.employee-card-actions,.employee-card-contact,.employee-card-department,.employee-card-profile,.employee-card-role,.employee-card-status{min-width:0}.employee-card-contact{row-gap:4px}.employee-card-status{justify-self:start}.employee-card-actions{justify-self:end}.employee-card .employee-card-content>:last-child{margin-left:auto}.employee-card .MuiTypography-h6{-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.employee-card .MuiTypography-body2,.employee-card .MuiTypography-h6{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-card .MuiTypography-caption{overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:break-all!important}.employee-card .phone-container{flex-wrap:wrap!important;margin-bottom:4px!important;min-height:24px!important}.employee-card .phone-number{flex:1 1!important;-webkit-hyphens:auto!important;hyphens:auto!important;line-height:1.2!important;max-width:100%!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:break-all!important}.employee-card .action-buttons-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #00000014;display:flex;gap:12px;justify-content:space-between;margin-top:auto;min-height:40px;padding-bottom:8px!important;padding-top:16px!important;position:relative;z-index:2}.employee-card .status-chip{max-width:55%}.employee-card .status-chip,.employee-card .view-button{font-size:.75rem!important;font-weight:600!important;height:28px!important;min-width:fit-content}.employee-card .view-button{max-width:40%;padding:0 16px!important}.employee-card .profile-section{align-items:flex-start;display:flex;gap:12px;margin-bottom:20px}.employee-card .profile-info{flex:1 1;max-width:calc(100% - 80px);min-width:0}.employee-card .profile-info .MuiTypography-h6{font-size:1rem!important;line-height:1.3!important;margin-bottom:4px!important}.employee-card .profile-info .MuiTypography-body2{font-size:.8rem!important;line-height:1.2!important}@media (max-width:1200px){.employee-card .employee-card-content{grid-template-columns:auto minmax(220px,1fr) minmax(180px,1fr) minmax(200px,1fr)}.employee-card-status{justify-self:start}.employee-card-actions{grid-column:span 2;justify-content:flex-start;justify-self:start}}@media (max-width:900px){.employee-card .employee-card-content{grid-template-columns:auto minmax(220px,1fr);grid-template-rows:auto}.employee-card-actions,.employee-card-contact,.employee-card-department,.employee-card-role,.employee-card-status{grid-column:1/-1}.employee-card-actions{justify-content:flex-start}}@media (max-width:600px){.employee-card .action-buttons-container{flex-direction:row;gap:8px;justify-content:flex-end;min-height:auto}.employee-card .profile-info{max-width:100%}.employee-card .profile-info .MuiTypography-h6{font-size:.9rem!important}.employee-card .profile-info .MuiTypography-body2{font-size:.75rem!important}}.MuiGrid-container{margin-bottom:24px!important;margin-top:0!important}.MuiGrid-item{padding:12px!important}.employee-card:before{background:linear-gradient(180deg,#10b981,#059669,#047857);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.employee-card:hover:before{transform:scaleY(1)}.employee-card:hover{box-shadow:0 8px 24px #00000026;transform:translateX(8px)}.employee-card:hover .action-buttons-container{background:#fff;box-shadow:0 -4px 12px #0000001a}.employee-avatar{flex-shrink:0;overflow:hidden;position:relative}.employee-avatar:after{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);transition:transform .6s ease;width:200%}.employee-card:hover .employee-avatar:after{transform:rotate(45deg) translate(50%,50%)}.status-chip{overflow:hidden;position:relative}.status-chip:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.status-chip:hover:before{left:100%}.action-button{overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.action-button:hover:before{height:100%;width:100%}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}.card-entrance{animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.employee-card:first-child{animation-delay:.1s}.employee-card:nth-child(2){animation-delay:.2s}.employee-card:nth-child(3){animation-delay:.3s}.employee-card:nth-child(4){animation-delay:.4s}.employee-card:nth-child(5){animation-delay:.5s}.employee-card:nth-child(6){animation-delay:.6s}.delete-dialog{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.delete-dialog .MuiDialog-paper{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #0000001a}.action-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-menu .MuiPaper-root{background:#fffffff2;border:1px solid #0000001a;box-shadow:0 8px 32px #0000001a}@media (max-width:600px){.employee-card{margin-bottom:16px}.employee-card:hover{transform:translateY(-4px)}.MuiGrid-item{padding:8px!important}}.employee-card.employee-card-dark{background:linear-gradient(135deg,#1f2937,#111827)!important;border-color:#374151!important}.employee-card.employee-card-dark .action-buttons-container{background:#1f2937f2!important;border-top-color:#ffffff1a!important}.employee-card.employee-card-dark:hover .action-buttons-container{background:#374151fa!important}@media (prefers-color-scheme:dark){.employee-card:not(.employee-card-light){background:linear-gradient(135deg,#1f2937,#111827);border-color:#ffffff1a}.employee-card:not(.employee-card-light) .action-buttons-container{background:#1f2937f2;border-top-color:#ffffff1a}.delete-dialog .MuiDialog-paper{background:linear-gradient(135deg,#1f2937,#111827);border-color:#ffffff1a}.action-menu .MuiPaper-root{background:#1f2937f2;border-color:#ffffff1a}}.action-button:focus,.employee-card:focus-within{outline:2px solid #3b82f6;outline-offset:2px}@media print{.employee-card{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.action-button,.action-menu{display:none}}.part-time-system{background:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.part-time-system.part-time-system--dark{background:#111827;color:#e5e7eb}.part-time-system--dark .tab-list{background:#1f2937;border-bottom:1px solid #4b5563;border-radius:10px 10px 0 0}.part-time-system--dark .tab-button{color:#9ca3af}.part-time-system--dark .tab-button.active{background:#374151;border-bottom:2px solid #6366f1;color:#c7d2fe}.part-time-system--dark .tab-button:not(.active):hover{background:#374151b3;color:#e5e7eb}.part-time-system--dark .tab-content{background:#1f2937;border:1px solid #4b5563;color:#e5e7eb}.part-time-system .part-time-tab-content{border-radius:12px;min-height:500px;padding:30px}.part-time-system .part-time-dashboard-content{grid-gap:30px;background:#0000!important;display:grid;gap:30px;min-height:auto!important;padding:0!important}.part-time-system--dark .activity-item,.part-time-system--dark .applications-table table,.part-time-system--dark .dashboard-content .bg-white,.part-time-system--dark .recent-activity,.part-time-system--dark .vacancy-card{background:#1f2937!important;border-color:#4b5563!important;color:#e5e7eb!important}.part-time-system--dark .applications-table th{background:#374151!important;border-bottom-color:#4b5563!important;color:#e5e7eb!important}.part-time-system--dark .applications-table td{border-bottom-color:#4b5563!important;color:#d1d5db!important}.part-time-system--dark .applications-table tr:hover{background:#374151!important}.part-time-system--dark .payments-table table{background:#1f2937!important;border-color:#4b5563!important;color:#e5e7eb!important}.part-time-system--dark .payments-table th{background:#374151!important;border-bottom-color:#4b5563!important;color:#e5e7eb!important}.part-time-system--dark .payments-table td{border-bottom-color:#4b5563!important;color:#d1d5db!important}.part-time-system--dark .payments-table tr:hover{background:#374151!important}.part-time-system--dark .vacancy-table-wrapper{background:#1f2937;border-color:#4b5563}.part-time-system--dark .vacancy-table th{background:#374151;border-bottom-color:#4b5563;color:#e5e7eb}.part-time-system--dark .vacancy-table td{border-bottom-color:#4b5563;color:#d1d5db}.part-time-system--dark .vacancy-table tbody tr:hover{background:#374151}.part-time-system--dark .vacancy-cell-title{color:#93c5fd}.part-time-system--dark .vacancy-cell-subtext{color:#9ca3af}.part-time-system--dark .vacancy-feedback-row td{background:#3f2a12}.part-time-system--dark .analytics-content .grid.grid-cols-2>div{background:#1f2937!important;border-color:#4b5563!important}.part-time-system--dark .analytics-content .grid.grid-cols-2>div>div:last-child{color:#9ca3af!important}.part-time-system--dark .analytics-card{background:#1f2937!important;border:1px solid #4b5563!important;box-shadow:0 2px 8px #00000059!important}.part-time-system--dark .analytics-card .analytics-name,.part-time-system--dark .analytics-card h4{color:#e5e7eb!important}.part-time-system--dark .analytics-card .analytics-value{color:#d1d5db}.part-time-system--dark .analytics-card .analytics-bar,.part-time-system--dark .analytics-card div[style*="backgroundColor: '#e0e0e0'"]{background:#374151!important}.part-time-system--dark .analytics-card .analytics-item[style*=borderBottom]{border-bottom-color:#4b5563!important}.part-time-system--dark .analytics-card div[style*="color: '#666'"],.part-time-system--dark .analytics-card div[style*="color: '#999'"],.part-time-system--dark .analytics-card span[style*="color: '#666'"],.part-time-system--dark .analytics-card span[style*="color: '#999'"]{color:#9ca3af!important}.part-time-system--dark .activity-item:hover{background:#374151!important}.part-time-system--dark .activity-icon{background:#374151;color:#e5e7eb}.part-time-system--dark .activity-title,.part-time-system--dark .recent-activity h3,.part-time-system--dark .section-header h3,.part-time-system--dark .stat-value,.part-time-system--dark .vacancy-header h4{color:#e5e7eb!important}.part-time-system--dark .activity-date,.part-time-system--dark .activity-description,.part-time-system--dark .stat-label,.part-time-system--dark .text-gray-500,.part-time-system--dark .vacancy-description p,.part-time-system--dark .vacancy-info p{color:#9ca3af!important}.part-time-system--dark .vacancy-description h5,.part-time-system--dark .vacancy-info strong{color:#e5e7eb!important}.part-time-system--dark .vacancy-description{background:#111827!important;border:1px solid #4b5563!important}.part-time-system--dark .admin-assignments-table{background:#1f2937!important}.part-time-system--dark .admin-assignments-table thead th{background:#374151!important;border-bottom:2px solid #4b5563!important;color:#e5e7eb!important}.part-time-system--dark .admin-assignments-table tbody td{border-bottom:1px solid #4b5563!important;color:#d1d5db!important}.part-time-system--dark input,.part-time-system--dark select,.part-time-system--dark textarea{background:#374151!important;border-color:#4b5563!important;color:#f3f4f6!important}.part-time-system--dark input::placeholder,.part-time-system--dark textarea::placeholder{color:#9ca3af!important}.part-time-system--dark .empty-state{background:#1f2937;border-color:#4b5563}.part-time-system--dark .part-time-tab-content{background:#1f2937!important;border:1px solid #4b5563!important;color:#e5e7eb!important}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.system-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.system-header h2{font-size:24px;font-weight:600;margin:0}.header-actions{gap:10px}.system-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;margin-bottom:30px;overflow-x:auto;padding:8px;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.system-tabs::-webkit-scrollbar{height:6px}.system-tabs::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.system-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.system-tabs::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tab{border-radius:8px;color:#64748b;flex-shrink:0;font-weight:500;padding:12px 20px}.tab:hover{background:#f1f5f9;color:#475569}.tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 4px #3b82f64d}.tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;min-height:500px;padding:30px}.dashboard-content{grid-gap:30px;display:grid;gap:30px}.dashboard-header{align-items:center;background:#0000;border-radius:0;box-shadow:none;display:flex;justify-content:space-between;margin-bottom:10px;padding:0}.dashboard-header h3{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.refresh-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:8px;box-shadow:0 2px 8px #7c3aed4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){box-shadow:0 4px 12px #7c3aed66;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.quick-stats{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.stat-card-accent{background:linear-gradient(135deg,#7c3aed1a,#7c3aed0d);border-radius:0 16px 0 0;clip-path:polygon(100% 0,100% 100%,0 0);height:80px;position:absolute;right:0;top:0;width:80px}.stat-card-icon-wrapper{flex-shrink:0;margin-right:16px;position:relative;z-index:1}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:36px;height:64px;justify-content:center;width:64px}.stat-card-vacancies .stat-icon,.stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.stat-card-assignments .stat-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.stat-card-reports .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.stat-card-payments .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.stat-info{flex:1 1;position:relative;z-index:1}.stat-value{color:#1e293b;font-size:36px;font-weight:700;letter-spacing:-1px;line-height:1.2;margin-bottom:6px}.stat-label{color:#6b7280;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.recent-activity{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:500px;overflow:hidden;padding:24px}.recent-activity h3{color:#1e293b;flex-shrink:0;font-size:20px;letter-spacing:-.3px;margin:0 0 20px}.activity-list{flex:1 1;gap:12px;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:8px;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.activity-list::-webkit-scrollbar{width:8px}.activity-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.activity-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.activity-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.activity-item{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;gap:12px;padding:16px;transition:all .2s ease}.activity-item:hover{background:#f3f4f6;box-shadow:0 2px 8px #0000000d;transform:translateX(4px)}.activity-icon{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;flex-shrink:0;font-size:20px;height:40px;width:40px}.activity-content{min-width:0}.activity-title{color:#1e293b;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:4px}.activity-description{color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:4px}.activity-date{color:#9ca3af;font-size:12px;margin-top:4px}.activity-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.activity-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.activity-empty-text{color:#9ca3af;font-size:15px;font-weight:500}.vacancies-content{display:flex;flex-direction:column;gap:20px}.section-header{margin-bottom:20px}.section-header h3{color:#1e293b;font-size:20px;font-weight:600}.vacancies-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.vacancies-grid-horizontal{gap:14px;grid-template-columns:1fr}.vacancy-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:row;gap:20px;height:100%;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.vacancy-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.vacancy-card-horizontal{flex-direction:column;gap:12px;min-height:0;min-height:auto;padding:14px 16px}.vacancy-horizontal-row{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:minmax(180px,1.3fr) minmax(120px,1fr) minmax(130px,1fr) minmax(140px,1fr) minmax(150px,1fr) minmax(120px,.9fr) minmax(260px,1.6fr)}.vacancy-col{min-width:0}.vacancy-col-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.vacancy-col-value{color:#1f2937;font-size:14px;font-weight:600;line-height:1.4;word-break:break-word}.vacancy-col-subtext{color:#6b7280;font-size:12px;margin-top:4px}.vacancy-col-role .vacancy-role-title-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.vacancy-role-title{color:#2563eb;font-size:18px;line-height:1.25}.vacancy-col-status{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.vacancy-payment-inline{color:#059669;font-size:13px;font-weight:700}.archived-pill{background-color:#6b7280}.vacancy-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;width:100%}.vacancy-table{border-collapse:collapse;min-width:1500px;width:100%}.vacancy-table td,.vacancy-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;padding:12px 14px;text-align:left;vertical-align:top}.vacancy-table th{color:#475569;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.vacancy-table tbody tr:hover,.vacancy-table th{background:#f8fafc}.vacancy-cell-role{align-items:center;display:flex;gap:8px;margin-bottom:2px}.vacancy-cell-title{color:#2563eb;font-size:16px;font-weight:700;line-height:1.25}.vacancy-cell-subtext{color:#6b7280;font-size:12px}.vacancy-table-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:260px}.vacancy-icon-btn{align-items:center;display:inline-flex;height:34px;justify-content:center;min-width:34px;padding:0;width:34px}.vacancy-feedback-row td{background:#fffbeb}.vacancy-actions-horizontal{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:240px}.vacancy-details-row{grid-gap:10px;border-top:1px dashed #e5e7eb;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2px;padding-top:10px}.vacancy-details-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px}.vacancy-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.vacancy-header h4{color:#1e293b;font-size:18px;font-weight:600;margin:0}.vacancy-status{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.vacancy-details{margin-bottom:20px}.vacancy-info p{color:#475569;font-size:14px;margin:8px 0}.vacancy-info strong{color:#1e293b}.vacancy-description{background:#f8fafc;border-radius:8px;margin:15px 0;padding:15px}.vacancy-description h5{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 8px}.vacancy-description p{color:#64748b;font-size:13px;line-height:1.5;margin:0 0 15px}.vacancy-payment{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:8px;color:#166534;font-weight:600;padding:10px;text-align:center}.vacancy-actions{display:flex;gap:10px;justify-content:flex-end}.applications-table{overflow-x:auto}.applications-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.applications-table td,.applications-table th{border-bottom:1px solid #e2e8f0;padding:12px 15px;text-align:left}.applications-table th{background:#f8fafc;color:#1e293b;font-size:14px;font-weight:600}.applications-table td{color:#475569;font-size:14px}.applications-table tr:hover{background:#f8fafc}.status-badge{font-size:12px;padding:4px 12px;text-transform:uppercase}.assignments-grid{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-auto-rows:auto;grid-template-columns:1fr}@media (min-width:768px){.vacancies-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.assignments-grid{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:767px){.vacancies-grid{gap:16px;grid-template-columns:1fr}.vacancy-horizontal-row{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.vacancy-actions-horizontal{grid-column:1/-1;justify-content:flex-start;min-width:0}.vacancy-details-row{grid-template-columns:1fr}}@media (max-width:1100px) and (min-width:768px){.vacancy-horizontal-row{grid-template-columns:repeat(3,minmax(0,1fr))}.vacancy-actions-horizontal,.vacancy-col-role{grid-column:1/-1}.vacancy-actions-horizontal{justify-content:flex-start}}.part-time-system--dark .vacancy-col-label{color:#9ca3af}.part-time-system--dark .vacancy-col-value{color:#e5e7eb}.part-time-system--dark .vacancy-col-subtext{color:#cbd5e1}.part-time-system--dark .vacancy-details-item{background:#111827;border-color:#4b5563}.part-time-system--dark .vacancy-details-row{border-top-color:#4b5563}.assignment-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;height:500px;overflow:hidden;padding:12px;transition:transform .18s ease,box-shadow .18s ease}.assignment-card:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-1px)}.assignment-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:15px;padding-bottom:12px}.assignment-header h4{color:#1e293b;font-size:16px;font-weight:600;margin:0}.assignment-status{border-radius:16px;color:#fff;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.assignment-details{flex:1 1;margin-bottom:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:8px}.assignment-details::-webkit-scrollbar{width:6px}.assignment-details::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.assignment-details::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.assignment-details::-webkit-scrollbar-thumb:hover{background:#94a3b8}.assignment-info p{color:#475569;font-size:13px;margin:6px 0}.assignment-info strong{color:#1e293b}.assignment-report{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:8px;margin:10px 0;padding:10px}.assignment-report h5{color:#1e293b;font-size:13px;font-weight:600;margin:0 0 6px}.assignment-report p{color:#64748b;font-size:13px;line-height:1.5;margin:0}.assignment-actions{display:flex;gap:10px;justify-content:flex-end}.payments-table{overflow-x:auto}.payments-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.payments-table td,.payments-table th{border-bottom:1px solid #e2e8f0;padding:12px 15px;text-align:left}.payments-table th{background:#f8fafc;color:#1e293b;font-size:14px;font-weight:600}.payments-table td{color:#475569;font-size:14px}.payments-table tr:hover{background:#f8fafc}.notifications-list{display:flex;flex-direction:column;gap:15px}.notification-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:15px}.notification-item.unread{background:#f0f9ff;border-color:#3b82f6}.notification-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.notification-icon{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;height:40px;justify-content:center;margin-right:15px;width:40px}.notification-title{color:#1e293b;margin-bottom:5px}.notification-message{color:#64748b;font-size:14px;margin-bottom:5px}.notification-time{color:#94a3b8}.analytics-content{gap:30px}.analytics-content h3{color:#1e293b;font-size:24px;font-weight:600;margin:0}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.analytics-card{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:25px}.analytics-card-scrollable{display:flex;flex-direction:column;height:500px;overflow:hidden;padding:24px!important}.analytics-card h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.analytics-list{display:flex;flex-direction:column;gap:15px}.analytics-list-scrollable{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:8px}.analytics-list-scrollable::-webkit-scrollbar{width:6px}.analytics-list-scrollable::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.analytics-list-scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.analytics-list-scrollable::-webkit-scrollbar-thumb:hover{background:#94a3b8}.analytics-item{align-items:center;display:flex;gap:15px}.analytics-name{color:#1e293b;flex:1 1;font-size:14px;font-weight:500}.analytics-bar{background:#e2e8f0;border-radius:4px;flex:2 1;height:8px;overflow:hidden}.analytics-fill{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:4px;height:100%;transition:width .3s ease}.analytics-value{color:#475569;min-width:80px;text-align:right}.analytics-value,.btn-primary{font-size:14px;font-weight:600}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;cursor:pointer;padding:10px 20px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-secondary:hover{box-shadow:0 4px 12px #64748b66;transform:translateY(-1px)}.btn-small{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:12px;font-weight:500;padding:6px 12px}.btn-small:hover{background:#e2e8f0;color:#1e293b}.btn-submit{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;font-size:14px;padding:12px 24px}.btn-submit:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;padding:12px 24px}.btn-cancel:hover{background:#e2e8f0;color:#1e293b}.form-group{margin-bottom:20px}.form-group label{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:8px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{min-height:100px;resize:vertical}.modal-overlay{background:#00000080;padding:20px}.modal-content{border-radius:12px;box-shadow:0 20px 25px #0000001a;max-width:600px;padding:30px;width:100%}.modal-content h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 25px}.modal-buttons{gap:15px;justify-content:flex-end;margin-top:30px}.part-time-system--dark .modal-overlay{background:#020617b8}.part-time-system--dark .modal-content{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #4b5563;color:#e5e7eb}.part-time-system--dark .form-group label,.part-time-system--dark .modal-content h3{color:#e5e7eb}.part-time-system--dark .modal-buttons{border-top:1px solid #4b5563;padding-top:14px}.part-time-system--dark .btn-cancel{background:#374151;border-color:#4b5563;color:#e5e7eb}.part-time-system--dark .btn-cancel:hover{background:#4b5563;color:#f3f4f6}.part-time-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;height:400px;justify-content:center}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6;height:40px;width:40px}@media (max-width:768px){.part-time-system{padding:15px}.system-header{flex-direction:column;gap:15px;text-align:center}.system-tabs{padding:6px}.tab{font-size:13px;padding:10px 15px}.tab-content{padding:20px}.assignments-grid,.quick-stats,.vacancies-grid{grid-template-columns:1fr}.assignment-card{height:auto;min-height:400px}.analytics-grid{grid-template-columns:1fr}.analytics-card-scrollable{height:auto!important;min-height:400px}.form-row{grid-template-columns:1fr}.modal-content{margin:10px;padding:20px}.modal-buttons{flex-direction:column}}@media (max-width:480px){.system-header h2{font-size:20px}.tab{font-size:12px;padding:8px 12px}.stat-card{padding:15px}.stat-icon{height:50px;width:50px}.stat-icon,.stat-value{font-size:24px}}.employee-wallet{background:linear-gradient(135deg,#2c3e50,#34495e);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px;position:relative}.employee-wallet.popup-view{background:#f5f7fa;border-radius:15px;box-shadow:0 10px 30px #0000001a;min-height:auto;padding:20px}.employee-wallet.popup-view .wallet-overview{margin:0 auto 30px;max-width:350px;position:relative;right:auto;top:auto;width:100%;z-index:10}.employee-wallet.popup-view .balance-card{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:20px;box-shadow:0 15px 35px #0000001a;color:#fff;padding:25px}.employee-wallet.popup-view .balance-amount{color:#fff;font-size:2.8rem;text-shadow:2px 2px 4px #0000004d}.employee-wallet.popup-view .balance-header h3{color:#fff;text-shadow:1px 1px 2px #0000004d}.employee-wallet.popup-view .balance-details{gap:15px;grid-template-columns:1fr}.employee-wallet.popup-view .balance-item .label{color:#ffffffe6}.employee-wallet.popup-view .balance-item .value{color:#fff;font-weight:600}.employee-wallet.popup-view .wallet-header{margin-bottom:30px;text-align:center}.employee-wallet.popup-view .wallet-header h2{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:10px;text-shadow:1px 1px 2px #0000001a}.employee-wallet.popup-view .wallet-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.employee-wallet.popup-view .tab{background:#fff;border:2px solid #e1e8ed;border-radius:25px;color:#2c3e50;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.employee-wallet.popup-view .tab:hover{background:#3498db;border-color:#3498db;color:#fff;transform:translateY(-2px)}.employee-wallet.popup-view .tab.active{background:linear-gradient(45deg,#3498db,#2980b9);border-color:#3498db;box-shadow:0 5px 15px #3498db66;color:#fff}.employee-wallet.popup-view .tab-content{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000000d;margin-top:30px;padding:25px}.wallet-loading{color:#fff;flex-direction:column;height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wallet-header{margin-bottom:30px}.wallet-header h2{font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.header-actions{gap:15px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:25px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(45deg,#3498db,#2980b9);box-shadow:0 4px 15px #3498db66;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #3498db99;transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.wallet-overview{margin-bottom:30px;position:relative}.balance-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;overflow:hidden;padding:35px;position:relative;transition:all .4s ease}.balance-card:before{background:linear-gradient(90deg,#3498db,#2980b9,#e74c3c,#f39c12);border-radius:25px 25px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.balance-card:after{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.balance-card:hover{box-shadow:0 30px 60px #00000026,0 0 0 1px #fff6;transform:translateY(-10px) scale(1.02)}.balance-header{margin-bottom:30px;position:relative;text-align:center;z-index:2}.balance-header h3{color:#333;font-size:1.3rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.balance-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:3.5rem;font-weight:800;position:relative;text-shadow:none}.balance-amount:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-5px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.balance-details{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;position:relative;z-index:2}.balance-item{align-items:center;background:linear-gradient(135deg,#f8f9fae6,#fffc);border-left:4px solid #3498db;border-radius:15px;box-shadow:0 5px 15px #0000000d;display:flex;justify-content:space-between;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.balance-item:before{background:linear-gradient(135deg,#3498db1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%}.balance-item:hover:before{transform:translateX(0)}.balance-item:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.balance-item .label{color:#555;font-size:.95rem;font-weight:600}.balance-item .value{font-size:1.2rem;font-weight:700;position:relative}.balance-item .value.positive{color:#27ae60;text-shadow:0 2px 4px #27ae6033}.balance-item .value.negative{color:#e74c3c;text-shadow:0 2px 4px #e74c3c33}.wallet-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;margin-bottom:30px;overflow-x:auto;padding:8px}.tab{background:#0000;border-radius:15px;color:#666;flex:1 1;font-weight:600;min-width:120px;overflow:hidden;padding:15px 20px;position:relative}.tab:before{background:linear-gradient(135deg,#3498db1a,#2980b91a);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.tab:hover:before{transform:scaleX(1)}.tab:hover{color:#3498db}.tab.active,.tab:hover{transform:translateY(-2px)}.tab.active{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 8px 25px #3498db66;color:#fff}.tab.active:before{display:none}.tab-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 15px 35px #0000001a;overflow:hidden;padding:35px;position:relative}.tab-content:before{background:linear-gradient(90deg,#3498db,#2980b9,#e74c3c);content:"";height:3px;left:0;position:absolute;right:0;top:0}.overview-content{grid-gap:35px;display:grid;gap:35px}.quick-stats{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:20px;box-shadow:0 10px 30px #3498db4d;color:#fff;display:flex;gap:20px;overflow:hidden;padding:30px;position:relative;transition:all .4s ease}.stat-card:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.stat-card:hover{box-shadow:0 20px 40px #3498db66;transform:translateY(-8px) scale(1.05)}.stat-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:3rem}.stat-value{color:#2c3e50;font-size:2.2rem;font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px #0003}.stat-label{color:#2c3e50;font-size:1rem;font-weight:600;opacity:.9}.recent-activity{background:linear-gradient(135deg,#f8f9fae6,#fffc);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000000d;padding:30px}.recent-activity h3{color:#1a1a1a;font-size:1.4rem;font-weight:700;margin-bottom:25px;text-align:center;text-shadow:1px 1px 2px #0000001a}.activity-list{display:flex;flex-direction:column;gap:20px}.activity-item{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:15px;box-shadow:0 5px 15px #0000000d;display:flex;gap:20px;padding:20px;transition:all .3s ease}.activity-item:hover{box-shadow:0 10px 25px #0000001a;transform:translateX(8px)}.activity-icon{align-items:center;background:linear-gradient(135deg,#0000000d,#00000005);border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;font-size:1.8rem;height:55px;justify-content:center;width:55px}.activity-content{flex:1 1}.activity-title{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin-bottom:8px}.activity-time{color:#4a5568;font-size:.9rem;font-weight:500}.activity-amount{font-size:1.2rem;font-weight:700}.allowances-content{display:flex;flex-direction:column;gap:30px}.section-header{align-items:center;display:flex;justify-content:space-between}.section-header h3{color:#1a1a1a;font-size:1.6rem;font-weight:700;margin:0;text-shadow:1px 1px 2px #0000001a}.allowances-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.allowance-card{background:#fff;border-left:5px solid #3498db;border-radius:20px;box-shadow:0 10px 30px #00000014;overflow:hidden;padding:30px;position:relative;transition:all .4s ease}.allowance-card:before{background:linear-gradient(135deg,#3498db0d,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%}.allowance-card:hover:before{transform:translateX(0)}.allowance-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.allowance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.allowance-header h4{color:#1a1a1a;font-size:1.3rem;font-weight:700;margin:0}.allowance-code{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:20px;box-shadow:0 2px 8px #1976d233;color:#1976d2;font-size:.85rem;font-weight:600;padding:6px 12px}.allowance-amount{color:#27ae60;font-size:2rem;font-weight:800;margin-bottom:20px;text-shadow:0 2px 4px #27ae6033}.allowance-info p{color:#4a5568;font-size:.95rem;font-weight:500;margin:10px 0}.allowance-info strong{color:#1a1a1a;font-weight:700}.allowance-notes{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:3px solid #3498db;border-radius:12px;color:#4a5568;font-style:italic;font-weight:500;margin-top:20px;padding:15px}.salary-slips-content{display:flex;flex-direction:column;gap:30px}.salary-slips-table{border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow-x:auto}.salary-slips-table table{background:#fff;border-collapse:collapse;border-radius:15px;box-shadow:0 10px 30px #00000014;overflow:hidden;width:100%}.salary-slips-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.95rem;font-weight:600;padding:18px;text-align:left}.salary-slips-table td{border-bottom:1px solid #eee;color:#2c3e50;font-weight:500;padding:18px;transition:background .3s ease}.salary-slips-table tr:hover{background:linear-gradient(135deg,#f8f9facc,#ffffffe6)}.status-badge{border-radius:20px;box-shadow:0 2px 8px #0003;font-size:.85rem;padding:6px 14px}.btn-small,.status-badge{color:#fff;font-weight:600}.btn-small{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:20px;box-shadow:0 4px 12px #3498db4d;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .3s ease}.btn-small:hover{background:linear-gradient(135deg,#2980b9,#1f5f8b);box-shadow:0 6px 16px #3498db66;transform:translateY(-2px)}.loans-content{display:flex;flex-direction:column;gap:30px}.loans-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(370px,1fr))}.loan-card{background:#fff;border-left:5px solid #e74c3c;border-radius:20px;box-shadow:0 10px 30px #00000014;overflow:hidden;padding:30px;position:relative;transition:all .4s ease}.loan-card:before{background:linear-gradient(135deg,#e74c3c0d,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%}.loan-card:hover:before{transform:translateX(0)}.loan-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.loan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.loan-header h4{color:#1a1a1a;font-size:1.3rem;font-weight:700;margin:0}.loan-status{border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.85rem;font-weight:600;padding:6px 14px}.loan-amount{color:#e74c3c;font-size:2rem;font-weight:800;margin-bottom:20px;text-shadow:0 2px 4px #e74c3c33}.loan-info p{color:#4a5568;font-size:.95rem;font-weight:500;margin:10px 0}.loan-info strong{color:#1a1a1a;font-weight:700}.loan-notes{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:3px solid #e74c3c;border-radius:12px;color:#4a5568;font-style:italic;font-weight:500;margin-top:20px;padding:15px}.transactions-content{display:flex;flex-direction:column;gap:30px}.transactions-list{display:flex;flex-direction:column;gap:20px}.transaction-item{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 8px 25px #00000014;display:flex;gap:20px;padding:25px;transition:all .3s ease}.transaction-item:hover{box-shadow:0 15px 35px #0000001f;transform:translateX(8px)}.transaction-icon{align-items:center;background:linear-gradient(135deg,#0000000d,#00000005);border-radius:50%;box-shadow:0 6px 16px #0000001a;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.transaction-content{flex:1 1}.transaction-title{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin-bottom:8px}.transaction-category{color:#666;font-size:.9rem;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.transaction-date{color:#999;font-size:.9rem}.transaction-amount{font-size:1.3rem;font-weight:700;margin-bottom:5px}.transaction-balance{color:#666;font-size:.9rem}.ai-insights-content{display:flex;flex-direction:column;gap:35px}.ai-insights-content h3{color:#1a1a1a;font-size:1.8rem;font-weight:700;margin-bottom:25px;text-align:center;text-shadow:1px 1px 2px #0000001a}.insights-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.insight-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #667eea4d;color:#fff;overflow:hidden;padding:30px;position:relative;transition:all .4s ease}.insight-card:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.insight-card:hover{box-shadow:0 20px 40px #667eea66;transform:translateY(-8px) scale(1.02)}.insight-type{font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;opacity:.9;text-transform:uppercase}.insight-data{font-size:1.1rem;line-height:1.6}.insight-confidence,.insight-data{font-weight:500;margin-bottom:20px}.insight-confidence{font-size:.9rem;opacity:.8}.ai-recommendations{background:linear-gradient(135deg,#f8f9fae6,#fffc);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000000d;padding:30px}.ai-recommendations h4{color:#1a1a1a;font-size:1.4rem;font-weight:700;margin-bottom:25px;text-align:center;text-shadow:1px 1px 2px #0000001a}.recommendations-list{display:flex;flex-direction:column;gap:20px}.recommendation-item{align-items:flex-start;background:#fff;border:1px solid #0000000d;border-radius:15px;box-shadow:0 5px 15px #0000000d;display:flex;gap:20px;padding:25px;transition:all .3s ease}.recommendation-item:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.rec-icon{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:50%;box-shadow:0 4px 12px #1976d233;color:#1976d2;display:flex;font-size:1.8rem;height:50px;justify-content:center;width:50px}.rec-title{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin-bottom:8px}.rec-description{color:#4a5568;font-weight:500;line-height:1.6}.analytics-content{display:flex;flex-direction:column;gap:35px}.analytics-content h3{color:#1a1a1a;font-size:1.8rem;font-weight:700;margin-bottom:25px;text-align:center;text-shadow:1px 1px 2px #0000001a}.analytics-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.analytics-card{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 10px 30px #00000014;padding:30px;transition:all .3s ease}.analytics-card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-5px)}.analytics-card h4{color:#1a1a1a;font-size:1.4rem;font-weight:700;margin-bottom:25px;text-align:center}.income-breakdown,.spending-chart{display:flex;flex-direction:column;gap:20px}.breakdown-item,.spending-item{align-items:center;background:linear-gradient(135deg,#f8f9facc,#ffffffe6);border-radius:12px;display:flex;gap:20px;padding:15px;transition:all .3s ease}.breakdown-item:hover,.spending-item:hover{background:linear-gradient(135deg,#f8f9fa,#fff);transform:translateX(5px)}.breakdown-name,.spending-name{color:#1a1a1a;flex:1 1;font-size:.95rem;font-weight:700}.breakdown-bar,.spending-bar{background:#e9ecef;border-radius:5px;box-shadow:inset 0 2px 4px #0000001a;flex:2 1;height:10px;overflow:hidden}.breakdown-fill,.spending-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:5px;box-shadow:0 2px 4px #667eea4d;height:100%;transition:width .8s ease}.breakdown-amount,.spending-percentage{color:#2c3e50;font-size:.95rem;font-weight:700;min-width:80px;text-align:right}.loan-summary{display:flex;flex-direction:column;gap:20px}.summary-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 0;transition:all .3s ease}.summary-item:last-child{border-bottom:none}.summary-item:hover{background:linear-gradient(135deg,#f8f9fa80,#fffc);border-radius:8px;margin:0 -15px;padding:15px}.summary-item span:first-child{color:#1a1a1a;font-size:.95rem;font-weight:700}.summary-item span:last-child{color:#2c3e50;font-size:1rem;font-weight:700}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border:1px solid #fff3;border-radius:25px;box-shadow:0 25px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:35px;position:relative;width:90%}.modal-content.large{max-width:800px}.modal-content:before{background:linear-gradient(90deg,#667eea,#764ba2,#ff6b6b);border-radius:25px 25px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.modal-content h3{color:#1a1a1a;font-size:1.6rem;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:1px 1px 2px #0000001a}.form-group{margin-bottom:25px}.form-group label{color:#1a1a1a;display:block;font-size:.95rem;font-weight:700;margin-bottom:10px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e9ecef;border-radius:12px;font-size:14px;padding:15px 18px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.modal-buttons{display:flex;gap:20px;justify-content:center;margin-top:35px}.btn-submit{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:25px;box-shadow:0 8px 20px #3498db4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 35px;transition:all .3s ease}.btn-submit:hover{box-shadow:0 12px 25px #3498db66;transform:translateY(-3px)}.btn-cancel{background:#6c757d;border:none;border-radius:25px;box-shadow:0 8px 20px #6c757d4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 35px;transition:all .3s ease}.btn-cancel:hover{background:#5a6268;box-shadow:0 12px 25px #6c757d66;transform:translateY(-3px)}.salary-slip-details{margin-bottom:30px}.slip-header{grid-gap:35px;border-bottom:2px solid #eee;display:grid;gap:35px;grid-template-columns:1fr 1fr;margin-bottom:35px;padding-bottom:25px}.employee-info h4{color:#1a1a1a;font-size:1.4rem;font-weight:700;margin-bottom:15px}.employee-info p{color:#4a5568;font-size:.95rem;font-weight:500;margin:8px 0}.slip-summary{display:flex;flex-direction:column;gap:15px}.slip-summary .summary-item{border-bottom:1px solid #eee;display:flex;font-size:.95rem;justify-content:space-between;padding:12px 0}.slip-summary .summary-item:last-child{border-bottom:none;color:#2c3e50;font-size:1.1rem;font-weight:700}.slip-breakdown h4{color:#1a1a1a;font-size:1.3rem;font-weight:700;margin-bottom:20px}.breakdown-list{display:flex;flex-direction:column;gap:15px}.breakdown-row{align-items:center;border-radius:12px;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;padding:15px 20px}.breakdown-row.addition{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left:4px solid #28a745;color:#155724}.breakdown-row.deduction{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left:4px solid #dc3545;color:#721c24}@media (max-width:768px){.wallet-header{flex-direction:column;gap:20px;text-align:center}.wallet-header h2{font-size:2rem}.header-actions{flex-direction:column;width:100%}.balance-details{grid-template-columns:1fr}.wallet-tabs{flex-wrap:wrap}.tab{flex:none;min-width:auto}.allowances-grid,.analytics-grid,.form-row,.loans-grid,.quick-stats,.slip-header{grid-template-columns:1fr}.slip-header{gap:20px}.modal-content{padding:25px;width:95%}}@media (max-width:480px){.employee-wallet{padding:15px}.balance-amount{font-size:2.8rem}.activity-item,.transaction-item{flex-direction:column;gap:15px;text-align:center}.modal-buttons{flex-direction:column}}.notification-center{display:inline-block;position:relative}.notification-bell{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;cursor:pointer;padding:8px;position:relative;transition:all .3s ease}.notification-bell:hover{background:#fff3;transform:scale(1.05)}.bell-icon{animation:bellRing 2s infinite;color:#fff;font-size:20px}@keyframes bellRing{0%,to{transform:rotate(0deg)}10%,30%,50%,70%,90%{transform:rotate(5deg)}20%,40%,60%,80%{transform:rotate(-5deg)}}.notification-badge{align-items:center;animation:pulse 2s infinite;background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-panel{animation:slideDown .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:600px;overflow:hidden;position:absolute;right:0;top:100%;width:400px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.notification-header h3{font-size:18px;font-weight:600;margin:0}.header-actions{display:flex;gap:8px}.btn-mark-all{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .3s ease}.btn-mark-all:hover{background:#ffffff4d}.notification-close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:28px;justify-content:center;line-height:1;transition:background .3s ease,transform .15s ease;width:28px}.notification-close-button:hover{background:#ffffff4d;transform:scale(1.03)}.notification-close-button:focus-visible{outline:2px solid #ffffffbf;outline-offset:2px}.notification-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto;scrollbar-color:#d1d5db #f9fafb;scrollbar-width:thin}.notification-tabs::-webkit-scrollbar{height:4px}.notification-tabs::-webkit-scrollbar-track{background:#f9fafb}.notification-tabs::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.tab:hover{background:#f3f4f6;color:#374151}.tab.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.notification-list{max-height:400px;overflow-y:auto;scrollbar-color:#d1d5db #f9fafb;scrollbar-width:thin}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f9fafb}.notification-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notification-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;padding:16px 20px;position:relative;transition:all .3s ease}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#eff6ff;border-left:4px solid #3b82f6}.notification-item.unread:hover{background:#dbeafe}.notification-icon{flex-shrink:0;font-size:20px;margin-right:12px;margin-top:2px}.notification-content{flex:1 1;min-width:0}.notification-title{color:#111827;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px}.notification-title-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.notification-tier-badge{border:1px solid #0000;border-radius:999px;font-size:11px;font-weight:700;line-height:1;padding:3px 7px;text-transform:lowercase}.notification-tier-badge.tier-overdue{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.notification-tier-badge.tier-30d{background:#ffedd5;border-color:#fdba74;color:#9a3412}.notification-tier-badge.tier-60d{background:#fef3c7;border-color:#fcd34d;color:#92400e}.notification-tier-badge.tier-90d{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.notification-message{word-wrap:break-word;color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:6px}.notification-time{color:#9ca3af;font-size:12px}.notification-actions{display:flex;gap:4px;margin-left:8px;opacity:0;transition:opacity .3s ease}.notification-item:hover .notification-actions{opacity:1}.btn-delete,.btn-mark-read{background:none;border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px;transition:background .3s ease}.btn-mark-read{color:#10b981}.btn-mark-read:hover{background:#d1fae5}.btn-delete{color:#ef4444}.btn-delete:hover{background:#fee2e2}.notification-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 20px}.btn-preferences,.btn-test{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transition:background .3s ease}.btn-preferences:hover,.btn-test:hover{background:#2563eb}.loading{font-size:14px}.empty-state,.loading{color:#6b7280;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:14px;margin:0}.preferences-panel{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px}.preferences-panel h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.preference-item{margin-bottom:12px}.preference-item label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px}.preference-item input[type=checkbox]{accent-color:#3b82f6;height:16px;margin-right:8px;width:16px}@media (max-width:768px){.notification-panel{right:-10px;width:320px}.notification-header{padding:12px 16px}.notification-header h3{font-size:16px}.notification-item{padding:12px 16px}.notification-tabs{padding:0 8px}.tab{font-size:13px;padding:10px 12px}}@media (max-width:480px){.notification-panel{right:-20px;width:280px}.notification-content{margin-right:8px}.notification-title{font-size:13px}.notification-message{font-size:12px}}@media (prefers-color-scheme:dark){.notification-panel{background:#1f2937;border-color:#374151}.notification-header{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.notification-tabs{background:#111827;border-color:#374151}.tab{color:#9ca3af}.tab:hover{background:#374151;color:#d1d5db}.tab.active{background:#1f2937;border-bottom-color:#60a5fa;color:#60a5fa}.notification-item{border-color:#374151}.notification-item:hover{background:#374151}.notification-item.unread{background:#1e3a8a;border-left-color:#60a5fa}.notification-item.unread:hover{background:#1e40af}.notification-title{color:#f9fafb}.notification-message{color:#d1d5db}.notification-time{color:#9ca3af}.notification-footer,.preferences-panel{background:#111827;border-color:#374151}.preferences-panel h4{color:#f9fafb}.preference-item label{color:#d1d5db}}.wallet-container{position:relative}.wallet-popover{border:1px solid #00000014;border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden}.wallet-header{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;justify-content:space-between;padding:16px}.wallet-header,.wallet-title{align-items:center;display:flex}.wallet-title{font-size:1.1rem;font-weight:600;gap:8px}.wallet-close-btn{color:#fff!important;opacity:.8;transition:opacity .2s ease}.wallet-close-btn:hover{opacity:1}.wallet-total-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;margin:16px;padding:16px;text-align:center}.wallet-total-label{color:#6c757d;font-size:.875rem;margin-bottom:4px}.wallet-total-amount{color:#1976d2;font-size:1.5rem;font-weight:700}.wallet-allowance-item{border:1px solid #e9ecef;border-radius:8px;cursor:pointer;margin:8px 16px;transition:all .2s ease}.wallet-allowance-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.wallet-allowance-icon{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;margin:0 auto;width:40px}.wallet-allowance-icon.part-time{background-color:#1976d21a;color:#1976d2}.wallet-allowance-icon.public-holiday{background-color:#ed6c021a;color:#ed6c02}.wallet-allowance-icon.overtime{background-color:#2e7d321a;color:#2e7d32}.wallet-allowance-label{font-size:.875rem;font-weight:600;margin-bottom:2px}.wallet-allowance-description{color:#6c757d;font-size:.75rem;line-height:1.2}.wallet-allowance-amount{font-size:1rem;font-weight:600;text-align:right}.wallet-allowance-amount.part-time{color:#1976d2}.wallet-allowance-amount.public-holiday{color:#ed6c02}.wallet-allowance-amount.overtime{color:#2e7d32}.wallet-earned-chip{border-radius:10px;font-size:.7rem;height:20px;margin-top:4px}.wallet-earned-chip.part-time{background-color:#1976d21a;color:#1976d2}.wallet-earned-chip.public-holiday{background-color:#ed6c021a;color:#ed6c02}.wallet-earned-chip.overtime{background-color:#2e7d321a;color:#2e7d32}.wallet-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;color:#6c757d;font-size:.75rem;padding:8px 16px;text-align:center}.wallet-loading{align-items:center;color:#6c757d;display:flex;justify-content:center;padding:20px}.wallet-empty-state{color:#6c757d;padding:20px;text-align:center}.wallet-empty-icon{font-size:3rem;margin-bottom:8px;opacity:.5}.wallet-empty-text{font-size:.875rem;margin-bottom:4px}.wallet-empty-subtext{font-size:.75rem;opacity:.7}@media (max-width:480px){.wallet-popover{margin:0 8px;width:320px!important}.wallet-total-card{margin:12px;padding:12px}.wallet-allowance-item{margin:6px 12px}.wallet-total-amount{font-size:1.25rem}}@keyframes walletPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.wallet-icon-pulse{animation:walletPulse 2s infinite}@media (prefers-color-scheme:dark){.wallet-total-card{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4a5568}.wallet-total-label{color:#a0aec0}.wallet-allowance-item{background-color:#2d3748;border-color:#4a5568}.wallet-allowance-description{color:#a0aec0}.wallet-footer{background-color:#2d3748;border-color:#4a5568;color:#a0aec0}}.cm-login{align-items:center;display:flex;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.cm-login__bg{background-position:50%;background-size:cover;filter:saturate(1.05);inset:0;position:absolute;transform:scale(1.02);z-index:0}.cm-login__card{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffffe6;border:1px solid #fff9;border-radius:22px;box-shadow:0 8px 20px #0000001f,0 2px 6px #00000014;margin:6vh auto;padding:34px 32px 24px;position:relative;width:min(520px,92vw);z-index:1}.cm-login__logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:24px;width:100%}.cm-login__logo{display:block;height:auto;max-width:280px;object-fit:contain}.cm-login__form{display:flex;flex-direction:column;gap:10px}.cm-label{color:#0a193cd9;font-size:13px;font-weight:600;margin-top:6px}.cm-inputWrap{align-items:center;background:#ffffff8c;border:1px solid #0e285a1f;border-radius:14px;display:flex;gap:10px;padding:12px 14px;transition:all .2s ease}.cm-inputWrap:focus-within{background:#ffffffb3;border-color:#0b5bd366;box-shadow:0 2px 8px #0b5bd326}.cm-icon{flex-shrink:0;font-size:18px;opacity:.8;text-align:center;width:24px}.cm-input{background:#0000;border:none;color:#0b1b3c;font-size:15px;outline:none;width:100%}.cm-input::placeholder{color:#0a193c80}.cm-eye{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;justify-content:center;opacity:.8;padding:4px;transition:opacity .2s}.cm-eye:hover{opacity:1}.cm-row{justify-content:space-between;margin:6px 0 4px}.cm-check,.cm-row{align-items:center;display:flex}.cm-check{color:#0a193cc7;cursor:pointer;font-size:13px;gap:8px}.cm-check input[type=checkbox]{accent-color:#0b5bd3;cursor:pointer;height:16px;width:16px}.cm-link{background:#0000;border:none;color:#0a66c2;cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:none;transition:color .2s}.cm-link:hover{color:#0b5bd3;text-decoration:underline}.cm-btn{background:linear-gradient(90deg,#0b5bd3,#12b7b0);border:none;border-radius:14px;box-shadow:0 12px 30px #0b5bd340;color:#fff;cursor:pointer;font-size:16px;font-weight:800;margin-top:8px;padding:13px 14px;transition:all .2s ease}.cm-btn:hover{box-shadow:0 14px 35px #0b5bd34d;filter:brightness(1.03);transform:translateY(-1px)}.cm-btn:active{box-shadow:0 10px 25px #0b5bd340;transform:translateY(0)}.cm-copyright{color:#0a193c99;font-weight:500;letter-spacing:.5px;margin-top:16px}.cm-copyright,.cm-foot{font-size:12px;text-align:center}.cm-foot{color:#0a193ca6;font-weight:800;letter-spacing:.6px;line-height:1.6;margin-top:14px}@media (max-width:600px){.cm-login__card{margin:4vh auto;padding:28px 24px 20px}.cm-login__logo{max-width:220px}}
/*# sourceMappingURL=main.c6ef658f.css.map*/