@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Manrope:wght@500;600;700;800&family=IBM+Plex+Mono:wght@500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@layer theme{@theme default{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-mauve-50: oklch(98.5% 0 0); --color-mauve-100: oklch(96% .003 325.6); --color-mauve-200: oklch(92.2% .005 325.62); --color-mauve-300: oklch(86.5% .012 325.68); --color-mauve-400: oklch(71.1% .019 323.02); --color-mauve-500: oklch(54.2% .034 322.5); --color-mauve-600: oklch(43.5% .029 321.78); --color-mauve-700: oklch(36.4% .029 323.89); --color-mauve-800: oklch(26.3% .024 320.12); --color-mauve-900: oklch(21.2% .019 322.12); --color-mauve-950: oklch(14.5% .008 326); --color-olive-50: oklch(98.8% .003 106.5); --color-olive-100: oklch(96.6% .005 106.5); --color-olive-200: oklch(93% .007 106.5); --color-olive-300: oklch(88% .011 106.6); --color-olive-400: oklch(73.7% .021 106.9); --color-olive-500: oklch(58% .031 107.3); --color-olive-600: oklch(46.6% .025 107.3); --color-olive-700: oklch(39.4% .023 107.4); --color-olive-800: oklch(28.6% .016 107.4); --color-olive-900: oklch(22.8% .013 107.4); --color-olive-950: oklch(15.3% .006 107.1); --color-mist-50: oklch(98.7% .002 197.1); --color-mist-100: oklch(96.3% .002 197.1); --color-mist-200: oklch(92.5% .005 214.3); --color-mist-300: oklch(87.2% .007 219.6); --color-mist-400: oklch(72.3% .014 214.4); --color-mist-500: oklch(56% .021 213.5); --color-mist-600: oklch(45% .017 213.2); --color-mist-700: oklch(37.8% .015 216); --color-mist-800: oklch(27.5% .011 216.9); --color-mist-900: oklch(21.8% .008 223.9); --color-mist-950: oklch(14.8% .004 228.8); --color-taupe-50: oklch(98.6% .002 67.8); --color-taupe-100: oklch(96% .002 17.2); --color-taupe-200: oklch(92.2% .005 34.3); --color-taupe-300: oklch(86.8% .007 39.5); --color-taupe-400: oklch(71.4% .014 41.2); --color-taupe-500: oklch(54.7% .021 43.1); --color-taupe-600: oklch(43.8% .017 39.3); --color-taupe-700: oklch(36.7% .016 35.7); --color-taupe-800: oklch(26.8% .011 36.5); --color-taupe-900: oklch(21.4% .009 43.1); --color-taupe-950: oklch(14.7% .004 49.3); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px #0000000d; --shadow-xs: 0 1px 2px 0 #0000000d; --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a; --shadow-2xl: 0 25px 50px -12px #00000040; --inset-shadow-2xs: inset 0 1px #0000000d; --inset-shadow-xs: inset 0 1px 1px #0000000d; --inset-shadow-sm: inset 0 2px 4px #0000000d; --drop-shadow-xs: 0 1px 1px #0000000d; --drop-shadow-sm: 0 1px 2px #00000026; --drop-shadow-md: 0 3px 3px #0000001f; --drop-shadow-lg: 0 4px 4px #00000026; --drop-shadow-xl: 0 9px 7px #0000001a; --drop-shadow-2xl: 0 25px 25px #00000026; --text-shadow-2xs: 0px 1px 0px #00000026; --text-shadow-xs: 0px 1px 1px #0003; --text-shadow-sm: 0px 1px 0px #00000013, 0px 1px 1px #00000013, 0px 2px 2px #00000013; --text-shadow-md: 0px 1px 1px #0000001a, 0px 1px 2px #0000001a, 0px 2px 4px #0000001a; --text-shadow-lg: 0px 1px 2px #0000001a, 0px 3px 2px #0000001a, 0px 4px 8px #0000001a; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme(--font-sans--font-feature-settings, initial); --default-font-variation-settings: --theme(--font-sans--font-variation-settings, initial); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme(--font-mono--font-feature-settings, initial); --default-mono-font-variation-settings: --theme(--font-mono--font-variation-settings, initial);}@theme default inline reference{--blur: 8px; --shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-inner: inset 0 2px 4px 0 #0000000d; --drop-shadow: 0 1px 2px #0000001a, 0 1px 1px #0000000f; --radius: .25rem; --max-width-prose: 65ch;}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:--theme(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings, normal);font-variation-settings:--theme(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:--theme(--default-mono-font-feature-settings, normal);font-variation-settings:--theme(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{@tailwind utilities;}body,html{overflow-x:hidden}.custom-scroll::-webkit-scrollbar{display:none}.custom-scroll{-ms-overflow-style:none;scrollbar-width:none}.sidebar{z-index:1100;background:#fff;border-right:1px solid #e5e7eb;width:275px;height:calc(100vh - 70px);transition:all .35s;position:fixed;top:70px;left:0;overflow-y:auto;box-shadow:0 10px 35px #0f172a14}.sidebar.active{transform:translate(0)}.sidebar-top{border-bottom:1px solid #eef2f7;align-items:center;gap:15px;padding:20px;display:flex}.logo-box{color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;font-weight:700;display:flex;box-shadow:0 8px 18px #2563eb40}.logo-text h2{color:#1e293b;margin:0;font-size:14px}.logo-text p{color:#64748b;margin-top:2px;font-size:13px}.sidebar-menu{flex:1;padding:10px}.menu-item{color:#334155;background:#fff;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;width:100%;height:52px;margin-bottom:8px;padding:0 18px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.menu-item:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:translate(4px)}.menu-left{align-items:center;gap:12px;width:100%;display:flex}.menu-icon{width:22px;color:inherit;justify-content:center;align-items:center;font-size:18px;display:flex}.submenu{max-height:0;transition:max-height .35s;overflow:hidden}.submenu.show{max-height:600px}.submenu-item{color:#64748b;background:0 0;border-radius:12px;width:calc(100% - 22px);height:44px;margin:5px 0;font-size:14px}.submenu-item .menu-left{margin-left:22px}.arrow{color:#94a3b8;transition:all .3s}.menu-item:hover .arrow{color:#2563eb}.arrow.open{transform:rotate(180deg)}.sidebar-section{color:#94a3b8;letter-spacing:2px;text-transform:uppercase;margin:22px 10px 10px;font-size:11px;font-weight:700}.sidebar-footer{border-top:1px solid #eef2f7;padding:18px}.logout-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;width:100%;height:48px;font-size:15px;font-weight:600;transition:all .3s}.logout-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.submenu-item:hover{color:#2563eb;background:#eff6ff}@media (width>=1025px){.sidebar{transform:none}.sidebar:not(.active){transform:translate(-100%)}}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.active{transform:translate(0)}}.sidebar-overlay{z-index:1000;background:#00000073;position:fixed;inset:70px 0 0}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#fff;border-radius:20px}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.active{transform:translate(0)}}.admin-navbar{z-index:999;background:#ccae8b;border-bottom:1px solid #b47c48;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 28px;display:flex;position:fixed;top:0;left:0}.admin-navbar .navbar-left{align-items:center;gap:18px;display:flex}.admin-navbar .menu-btn{cursor:pointer;color:#334155;background:#f2f5fb;border:none;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;transition:all .3s;display:flex}.admin-navbar .menu-btn:hover{background:#e6ecf7}.navbar-heading h2{color:#5e1f0e;font-size:20px;font-weight:700}.navbar-heading span{color:#0f172a}.navbar-heading p{color:#6b7280;margin-top:2px;font-size:13px}.admin-navbar .navbar-right{position:relative}.profile-img{object-fit:cover;cursor:pointer;border:2px solid #f1f5f9;border-radius:50%;width:52px;height:52px;margin-right:50px}.profile-dropdown{background:#fff;border-radius:16px;width:230px;padding:10px;animation:.25s fadeDown;position:absolute;top:70px;right:0;box-shadow:0 10px 35px #00000014}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{cursor:pointer;color:#334155;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:13px;font-size:15px;font-weight:500;transition:all .3s;display:flex}.dropdown-item:hover{background:#f8fafc}.logout-item{color:#ef4444}@media (width<=768px){.admin-navbar{height:70px;padding:0 18px}.navbar-heading h2{font-size:17px}.profile-img,.menu-btn{width:44px;height:44px}.profile-dropdown{width:200px;top:62px}}@media (width<=480px){.admin-navbar{height:65px;padding:0 14px}.navbar-heading h2{font-size:15px}.profile-img,.menu-btn{width:38px;height:38px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:Inter,sans-serif;overflow:hidden}.admin-wrapper{background:#f5f7fb;width:100%;height:100vh;overflow:hidden}.admin-navbar{z-index:1200;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 22px;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 15px #0000000d}.admin-body{width:100%;height:100%;display:flex}.admin-content{scroll-behavior:smooth;width:calc(100% - 275px);height:calc(100vh - 70px);margin-top:70px;margin-left:275px;padding:22px;transition:all .3s;overflow:hidden auto}.admin-content.sidebar-close{width:100%;margin-left:0}.admin-content.sidebar-open{width:calc(100% - 275px);margin-left:275px}.admin-main{width:100%;min-height:100%}.admin-content::-webkit-scrollbar{width:8px}.admin-content::-webkit-scrollbar-track{background:0 0}.admin-content::-webkit-scrollbar-thumb{background:#fff;border-radius:20px}.admin-content::-webkit-scrollbar-thumb:hover{background:#b47e41}.admin-content{scrollbar-width:thin;scrollbar-color:#fff transparent}@media (width>=1400px){.admin-content{padding:26px}}@media (width>=1025px){.admin-content.sidebar-open{width:calc(100% - 275px);margin-left:275px}.admin-content.sidebar-close{width:100%;margin-left:0}}@media (width<=1024px){.admin-navbar{height:70px;padding:0 18px}.admin-content{width:100%;height:calc(100vh - 70px);margin-top:70px;margin-left:0;padding:18px}.admin-content.sidebar-open,.admin-content.sidebar-close{width:100%;margin-left:0}}@media (width<=768px){.admin-navbar{height:65px;padding:0 15px}.admin-content{height:calc(100vh - 65px);margin-top:65px;padding:15px}}@media (width<=480px){.admin-navbar{height:60px;padding:0 12px}.admin-content{height:calc(100vh - 60px);margin-top:60px;padding:12px}}@media (width<=360px){.admin-content{padding:10px}}.dashboard-app{box-sizing:border-box;color:#333;background-color:#f0f2f5;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-app__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.dashboard-app__title{color:#374151;margin:0;font-size:24px;font-weight:700}.dashboard-app__breadcrumb{color:#6b7280;align-items:center;gap:6px;font-size:14px;display:flex}.dashboard-app__breadcrumb-home{margin-right:4px}.dashboard-app__breadcrumb-separator{color:#d1d5db}.dashboard-app__breadcrumb-item--active{color:#111827;font-weight:500}.dashboard-app__metrics-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid}.metric-card{color:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 6px -1px #0000000d}.metric-card__main{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.metric-card__label{opacity:.9;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.metric-card__value{margin:0;font-size:28px;font-weight:700}.metric-card__icon{background-color:#ffffff26;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.metric-card__subtext{opacity:.85;margin:0;font-size:13px}.metric-card--purple{background-color:#8b5cf6}.metric-card--green{background-color:#10b981}.metric-card--orange{background-color:#f59e0b}.metric-card--blue{background-color:#3b82f6}.dashboard-app__charts-container{grid-template-columns:2fr 1fr;gap:24px;display:grid}.dashboard-card{background-color:#fff;border:1px solid #eef1f6;border-radius:12px;flex-direction:column;padding:24px;display:flex;box-shadow:0 1px 3px #0000000d}.dashboard-card__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-card__title{color:#374151;margin:0;font-size:16px;font-weight:600}.dashboard-card__actions{align-items:center;gap:16px;display:flex;position:relative}.dashboard-card__view-all{color:#3b82f6;cursor:pointer;font-size:13px;font-weight:600}.dashboard-card__menu-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.download-dropdown{z-index:50;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:140px;padding:8px 0;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001a}.download-dropdown__item{text-align:left;color:#1a56db;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-size:14px;font-weight:500}.download-dropdown__item:hover{background-color:#f3f4f6}.bar-chart{height:260px;margin-bottom:20px;display:flex;position:relative}.bar-chart__grid-lines{flex-direction:column;justify-content:space-between;width:100%;height:calc(100% - 24px);display:flex;position:absolute;top:0;left:0}.bar-chart__grid-lines div{border-bottom:1px dashed #e5e7eb;width:100%;height:0;position:relative}.bar-chart__grid-lines span{color:#9ca3af;z-index:2;background:#fff;padding-right:6px;font-size:11px;position:absolute;top:-8px;left:0}.bar-chart__bars-container{z-index:5;justify-content:space-between;align-items:flex-end;width:calc(100% - 50px);height:100%;margin-left:50px;display:flex;position:relative}.bar-chart__column{flex-direction:column;justify-content:flex-end;align-items:center;width:12%;height:100%;display:flex}.bar-chart__stacked-track{border-radius:4px;flex-direction:column;width:28px;height:calc(100% - 24px);display:flex;overflow:hidden}.bar-chart__segment{color:#fff;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.bar-chart__segment--break{background-color:#c4c4c4}.bar-chart__segment--work{background-color:#6366f1}.bar-chart__day{color:#9ca3af;margin-top:8px;font-size:12px}.radial-chart{flex-grow:1;justify-content:center;align-items:center;padding:10px 0;display:flex}.radial-chart__wrapper{width:180px;height:180px;position:relative}.radial-chart__svg{width:100%;height:100%;transform:rotate(-90deg)}.radial-bg{fill:none;stroke:#f3f4f6;stroke-width:5px}.radial-progress{fill:none;stroke-width:5px;stroke-linecap:round}.radial-progress--blue{stroke:#00b0ff;stroke-width:5.5px}.radial-progress--green{stroke:#00e676;stroke-width:5.5px}.radial-progress--orange{stroke:#ffea00;stroke-width:5.5px}.radial-chart__center-text{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radial-title{color:#374151;font-size:14px;font-weight:600}.radial-percentage{color:#1f2937;margin-top:2px;font-size:18px;font-weight:700}.bar-chart__legend,.radial-chart__legend{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:10px;display:flex}.legend-color{border-radius:2px;width:12px;height:12px}.legend-color--purple{background-color:#6366f1}.legend-color--gray{background-color:#c4c4c4}.legend-circle{border-radius:50%;width:8px;height:8px}.legend-circle--orange{background-color:#ffea00}.legend-circle--blue{background-color:#00b0ff}.legend-circle--green{background-color:#00e676}.legend-label{color:#4b5563;font-size:13px;font-weight:500}.dashboard-card__details-btn{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:20px;margin:18px auto 0;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.dashboard-card__details-btn:hover{background-color:#f9fafb;border-color:#9ca3af}@media (width<=1120px){.dashboard-app__metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-app__charts-container{grid-template-columns:1fr}}@media (width<=680px){.dashboard-app__metrics-grid{grid-template-columns:1fr}.bar-chart__bars-container{width:calc(100% - 40px);margin-left:40px}.bar-chart__column{width:14%}.bar-chart__stacked-track{width:18px}.bar-chart__segment{font-size:8px}}.dashboard-extended{box-sizing:border-box;background-color:#f4f6f9;flex-direction:column;gap:24px;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.dashboard-extended__row{gap:24px;width:100%;display:grid}.dashboard-extended__row--top{grid-template-columns:1fr 2fr}.dashboard-extended__row--bottom{grid-template-columns:repeat(3,1fr)}.dashboard-panel{box-sizing:border-box;background-color:#fff;border:1px solid #eef1f5;border-radius:10px;flex-direction:column;padding:24px;display:flex;box-shadow:0 1px 4px #0000000a}.dashboard-panel__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dashboard-panel__title{color:#1e293b;margin:0;font-size:16px;font-weight:600}.dashboard-panel__view-all{color:#2563eb;cursor:pointer;font-size:13px;font-weight:600}.panel-team__table-header{color:#475569;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:0 8px 12px;font-size:13px;font-weight:600;display:flex}.panel-team__scrollable-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;max-height:340px;display:flex;overflow-y:auto}.panel-team__scrollable-list::-webkit-scrollbar{display:none}.team-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 8px;transition:background-color .2s;display:flex}.team-item:hover{background-color:#f8fafc}.team-item__profile{align-items:center;gap:12px;display:flex}.team-item__avatar{background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.team-item__name{color:#2563eb;margin:0 0 2px;font-size:14px;font-weight:600}.team-item__role{color:#64748b;font-size:12px}.status-badge{border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500}.status-badge--available{color:#10b981;background-color:#e2f5ea}.status-badge--absent{color:#ef4444;background-color:#fee2e2}.panel-tasks__table-wrapper{width:100%;overflow-x:auto}.tasks-table{border-collapse:collapse;text-align:left;width:100%}.tasks-table th{color:#475569;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:13px;font-weight:600}.tasks-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:13.5px}.tasks-table__bold{font-weight:500}.task-badge{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.task-badge--not-started{color:#f97316;background-color:#ffedd5}.task-badge--completed{color:#10b981;background-color:#e2f5ea}.task-badge--in-progress{color:#a855f7;background-color:#f3e8ff}.task-badge--pending{color:#3b82f6;background-color:#dbeafe}.tasks-table__progress-container{background-color:#e2e8f0;border-radius:3px;width:80px;height:6px;overflow:hidden}.tasks-table__progress-bar{background-color:#0284c7;height:100%}.tasks-table__icon-cell{color:#6366f1;cursor:pointer;font-size:16px}.tasks-table__link-cell{color:#2563eb;cursor:pointer;font-weight:600}.panel-todo__scrollable-container{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;max-height:350px;display:flex;overflow-y:auto}.panel-todo__scrollable-container::-webkit-scrollbar{display:none}.todo-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:14px 8px;display:flex}.todo-item__drag-handle{color:#cbd5e1;cursor:grab;-webkit-user-select:none;user-select:none}.todo-item__checkbox-label{cursor:pointer;flex-grow:1;align-items:center;gap:12px;display:flex}.todo-item__native-checkbox{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.todo-item__custom-box{border:2px solid #cbd5e1;border-radius:4px;width:18px;height:18px;transition:all .2s;display:inline-block;position:relative}.todo-item__native-checkbox:checked~.todo-item__custom-box{background-color:#2563eb;border-color:#2563eb}.todo-item__native-checkbox:checked~.todo-item__custom-box:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:5px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.todo-item__text{color:#334155;font-size:14px;transition:all .2s}.todo-item--completed .todo-item__text{color:#94a3b8;text-decoration:line-through}.todo-item__priority{font-size:12px;font-weight:500}.todo-item__priority--high{color:#ef4444}.todo-item__priority--normal{color:#64748b}.todo-item__priority--low{color:#10b981}.ticket-gauge{flex-grow:1;justify-content:center;align-items:center;display:flex}.ticket-gauge__container{width:160px;height:160px;position:relative}.ticket-gauge__svg{width:100%;height:100%;transform:rotate(-220deg)}.ticket-gauge__bg{fill:none;stroke:#f1f5f9;stroke-width:8px}.ticket-gauge__fill{fill:none;stroke:#0091ff;stroke-width:8px;stroke-dasharray:180 251;stroke-dashoffset:0;stroke-dasharray:4 2}.ticket-gauge__center{text-align:center;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.ticket-gauge__percentage{color:#64748b;font-size:24px;font-weight:700;display:block}.ticket-gauge__label{color:#4f46e5;white-space:nowrap;font-size:14px;font-weight:700}.ticket-gauge__summary{text-align:center;border-top:1px solid #f1f5f9;grid-template-columns:repeat(3,1fr);padding-top:16px;display:grid}.ticket-gauge__summary h4{color:#1e293b;margin:0 0 4px;font-size:15px;font-weight:700}.ticket-gauge__summary p{color:#64748b;margin:0;font-size:11px}.resolved-chart{height:180px;margin-bottom:20px;padding-top:10px;display:flex;position:relative}.resolved-chart__axis-y{color:#94a3b8;flex-direction:column;justify-content:space-between;width:30px;height:calc(100% - 20px);font-size:11px;display:flex}.resolved-chart__bars-wrapper{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-end;width:calc(100% - 30px);height:100%;display:flex}.resolved-chart__col{flex-direction:column;justify-content:flex-end;align-items:center;width:14%;height:100%;display:flex}.resolved-chart__stacked-bar{border-radius:2px;flex-direction:column;justify-content:flex-end;width:12px;height:calc(100% - 20px);display:flex;overflow:hidden}.segment{width:100%}.segment--grey{background-color:#94a3b8}.segment--yellow{background-color:#eab308}.segment--purple{background-color:#7c3aed}.segment--pink{background-color:#ec4899}.resolved-chart__day{color:#94a3b8;margin-top:6px;font-size:12px}.resolved-chart__footer{text-align:center;border-top:1px solid #f1f5f9;justify-content:space-around;padding-top:14px;display:flex}.footer-metric h3{color:#0f172a;margin:0 0 2px;font-size:20px;font-weight:700}.footer-metric p{color:#64748b;margin:0;font-size:12px}@media (width<=1200px){.dashboard-extended__row--bottom{grid-template-columns:1fr 1fr}}@media (width<=992px){.dashboard-extended__row--top{grid-template-columns:1fr}}@media (width<=768px){.dashboard-extended__row--bottom{grid-template-columns:1fr}}.metrics-dashboard{box-sizing:border-box;background-color:#f3f6f9;flex-direction:column;gap:24px;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.metrics-dashboard__row{gap:24px;width:100%;display:grid}.metrics-dashboard__row--top{grid-template-columns:repeat(3,1fr)}.metrics-dashboard__row--bottom{grid-template-columns:1fr}.dashboard-card-v3{box-sizing:border-box;background-color:#fff;border:1px solid #eef2f6;border-radius:12px;flex-direction:column;min-height:440px;padding:24px;display:flex;box-shadow:0 4px 12px #00000004}.dashboard-card-v3__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-card-v3__title{color:#1e293b;margin:0;font-size:16px;font-weight:700}.dashboard-card-v3__menu-trigger{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px}.panel-skills__list{flex-direction:column;gap:18px;display:flex}.skill-item__meta{color:#334155;justify-content:space-between;margin-bottom:8px;font-size:13.5px;font-weight:600;display:flex}.skill-item__badge{color:#64748b;font-size:12px;font-weight:500}.skill-item__badge--expert{color:#d97706}.skill-item__badge--inter{color:#475569}.skill-item__track{background-color:#e2e8f0;border-radius:3px;width:100%;height:6px;overflow:hidden}.skill-item__fill{background-color:#0256cc;border-radius:3px;height:100%}.panel-performance__scroll-area{flex-grow:1;max-height:340px;padding-right:8px;overflow-y:auto}.panel-performance__scroll-area::-webkit-scrollbar{width:6px}.panel-certifications__scroll-area::-webkit-scrollbar{width:6px}.panel-performance__scroll-area::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.panel-certifications__scroll-area::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.panel-performance__scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.panel-certifications__scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.panel-performance__scroll-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.panel-certifications__scroll-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.metric-row-item{background-color:#f8fafc;border-radius:8px;align-items:center;gap:16px;margin-bottom:12px;padding:14px 16px;display:flex}.metric-row-item__icon-wrapper{background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.metric-row-item__body{flex-grow:1}.metric-row-item__header{color:#1e293b;justify-content:space-between;margin-bottom:6px;font-size:13.5px;font-weight:600;display:flex}.metric-row-item__ratio{color:#64748b;font-size:12px;font-weight:500}.metric-row-item__track-container{align-items:center;gap:12px;display:flex}.metric-row-item__bar{background-color:#10b981;border-radius:3px;flex-grow:1;height:6px}.metric-row-item__val-label{color:#1e293b;text-align:right;min-width:24px;font-size:11px;font-weight:700}.panel-certifications__scroll-area{flex-grow:1;max-height:340px;padding-right:8px;overflow-y:auto}.cert-card-block{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:16px}.cert-card-block__top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.cert-card-block__headline h4{color:#1e293b;margin:0 0 4px;font-size:14px;font-weight:700}.cert-card-block__headline span{color:#64748b;font-size:12px}.cert-badge{border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.cert-badge--completed{color:#10b981;background-color:#e2f5ea}.cert-badge--in-progress{color:#f97316;background-color:#ffedd5}.cert-card-block__timeline{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.cert-card-block__pct{color:#64748b;text-align:right;font-size:11px;font-weight:500}.cert-card-block__meta-dates{color:#475569;border-top:1px dashed #e2e8f0;flex-direction:column;gap:6px;padding-top:12px;font-size:12px;display:flex}.cert-card-block__meta-dates p{margin:0}.view-cert-link{color:#0256cc;cursor:pointer;margin-left:8px;font-weight:600}.panel-attendance{min-height:auto}.custom-dropdown-v3{min-width:110px;position:relative}.custom-dropdown-v3__button{color:#334155;text-align:left;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:8px 14px;font-size:13.5px;font-weight:600;display:flex}.custom-dropdown-v3__arrow{color:#64748b;font-size:9px}.custom-dropdown-v3__menu{z-index:100;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;position:absolute;top:105%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000014}.custom-dropdown-v3__item{color:#334155;cursor:pointer;padding:10px 14px;font-size:13.5px;font-weight:500;transition:background-color .2s}.custom-dropdown-v3__item:hover{background-color:#f1f5f9}.custom-dropdown-v3__item--active{background-color:#e2e8f0;font-weight:600}.attendance-chart{height:280px;margin-bottom:16px;display:flex;position:relative}.attendance-chart__axis-y{color:#94a3b8;flex-direction:column;justify-content:space-between;width:45px;height:calc(100% - 24px);font-size:12px;font-weight:500;display:flex}.attendance-chart__grid-area{border-bottom:1px solid #e2e8f0;justify-content:space-around;align-items:flex-end;width:calc(100% - 45px);height:100%;display:flex;position:relative}.attendance-chart__col{cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;width:14%;height:100%;display:flex;position:relative}.attendance-chart__stacked-pillar{border-radius:8px;flex-direction:column-reverse;width:100%;max-width:70px;height:calc(100% - 30px);display:flex;overflow:hidden}.pillar-slice{color:#fff;justify-content:center;align-items:center;width:100%;font-size:12px;font-weight:700;display:flex}.pillar-slice--present{background-color:#72b063}.pillar-slice--absent{background-color:#a4ca96}.attendance-chart__day-label{color:#64748b;margin-top:8px;font-size:13px;font-weight:500}.attendance-tooltip{color:#fff;z-index:200;pointer-events:none;background-color:#1e1e1e;border-radius:6px;min-width:110px;padding:10px 14px;font-size:12px;position:absolute;bottom:calc(100% - 40px);left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000040}.attendance-tooltip__title{border-bottom:1px solid #3d3d3d;margin-bottom:6px;padding-bottom:4px;font-weight:700}.attendance-tooltip__row{white-space:nowrap;align-items:center;gap:6px;margin:4px 0;display:flex}.tooltip-dot{border-radius:50%;width:8px;height:8px}.tooltip-dot--present{background-color:#72b063}.tooltip-dot--absent{background-color:#a4ca96}.attendance-chart__legend{justify-content:center;gap:24px;margin-top:8px;display:flex}.legend-marker-v3{color:#475569;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.legend-marker-v3__box{border-radius:3px;width:14px;height:14px}.legend-marker-v3__box--present{background-color:#72b063}.legend-marker-v3__box--absent{background-color:#a4ca96}@media (width<=1150px){.metrics-dashboard__row--top{grid-template-columns:1fr 1fr}.panel-skills{grid-column:span 2}}@media (width<=768px){.metrics-dashboard__row--top{grid-template-columns:1fr}.panel-skills{grid-column:span 1}.attendance-chart__stacked-pillar{max-width:40px}.pillar-slice{font-size:10px}}.ProfilePage{background:#f8fafc;width:100%;min-height:100vh}.ProfilePage__container{flex-direction:column;gap:32px;max-width:1100px;margin:0 auto;display:flex}.ProfilePage__header{background:linear-gradient(90deg,#eef2ff 0%,#fff 50%,#f5f3ff 100%);border:1px solid #dbeafe;border-radius:22px;padding:24px}.ProfilePage__title{color:#4338ca;margin:0;font-size:32px;font-weight:800}.ProfilePage__subtitle{color:#475569;margin:8px 0 0;font-size:14px}.ProfilePage__content{grid-template-columns:320px 1fr;align-items:start;gap:28px;display:grid}.ProfilePage__sidebarCard{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:28px 24px;box-shadow:0 12px 28px #0f172a14}.ProfilePage__avatar{object-fit:cover;border:4px solid #c7d2fe;border-radius:50%;width:132px;height:132px}.ProfilePage__name{color:#1e293b;margin:18px 0 8px;font-size:22px;font-weight:700}.ProfilePage__roleBadge{color:#4338ca;background:#e0e7ff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-block}.ProfilePage__avatarBtn{color:#4f46e5;cursor:pointer;margin-top:20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-block}.ProfilePage__avatarBtn:hover{text-decoration:underline}.ProfilePage__hiddenInput{display:none}.ProfilePage__formCard{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:28px 30px;box-shadow:0 12px 28px #0f172a14}.ProfilePage__grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.ProfilePage__field{flex-direction:column;display:flex}.ProfilePage__label{color:#4f46e5;margin-bottom:8px;font-size:13px;font-weight:700}.ProfilePage__input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:14px;outline:none;width:90%;padding:12px 14px;font-size:14px;transition:all .25s}.ProfilePage__input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f124}.ProfilePage__input--disabled{color:#64748b;background:#f8fafc}.ProfilePage__textarea{resize:none;min-height:120px}.ProfilePage__actions{justify-content:flex-end;margin-top:24px;display:flex}.ProfilePage__saveBtn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:14px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .25s}.ProfilePage__saveBtn:hover{opacity:.92;transform:translateY(-1px)}.LeaveSection{background:#fff;border:1px solid #0f172a1a;border-radius:16px;margin-top:32px;padding:28px 32px 32px;box-shadow:0 2px 12px #0f172a0f}.LeaveSection__heading{align-items:center;gap:14px;margin-bottom:22px;display:flex}.LeaveSection__headingIcon{color:#2b6af3;background:#2b6af31a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.LeaveSection__title{color:#0f172a;margin:0 0 2px;font-size:18px;font-weight:700}.LeaveSection__subtitle{color:#0f172a8c;margin:0;font-size:13px}.LeaveSection__tabs{background:#0f172a0d;border-radius:10px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.LeaveSection__tab{color:#0f172a8c;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .18s;display:flex}.LeaveSection__tab:hover{color:#0f172a}.LeaveSection__tab--active{color:#2b6af3;background:#fff;box-shadow:0 1px 6px #0f172a1a}.LeaveSection__tabBadge{color:#fff;background:#2b6af3;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700;line-height:1.6}.LeaveForm__grid{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:16px;display:grid}@media (width<=768px){.LeaveForm__grid{grid-template-columns:1fr}}.LeaveForm__required{color:#ef4444;margin-left:2px}.LeaveForm__select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.LeaveForm__daysBadge{align-items:center;display:flex}.LeaveForm__daysBadge span{color:#2b6af3;box-sizing:border-box;background:#2b6af314;border:1px solid #2b6af32e;border-radius:8px;width:100%;padding:10px 16px;font-size:13px}.LeaveForm__submitBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2b6af3,#1d4ed8);border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 26px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2b6af34d}.LeaveForm__submitBtn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 20px #2b6af366}.LeaveForm__submitBtn:disabled{opacity:.65;cursor:not-allowed;transform:none}.LeaveForm__spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite leaveSpinAnim;display:inline-block}@keyframes leaveSpinAnim{to{transform:rotate(360deg)}}.LeaveHistory__empty{color:#0f172a66;flex-direction:column;align-items:center;gap:10px;padding:40px 0;font-size:14px;display:flex}.LeaveHistory__list{flex-direction:column;gap:12px;display:flex}.LeaveHistory__card{background:#0f172a04;border:1px solid #0f172a17;border-radius:12px;padding:16px 18px;transition:box-shadow .15s}.LeaveHistory__card:hover{box-shadow:0 2px 10px #0f172a12}.LeaveHistory__cardTop{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.LeaveHistory__type{color:#0f172a;margin-bottom:3px;font-size:14px;font-weight:700;display:block}.LeaveHistory__dates{color:#0f172a8c;font-size:12.5px}.LeaveHistory__days{color:#2b6af3;margin-left:6px;font-weight:600}.LeaveHistory__status{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:700}.LeaveHistory__deleteBtn{color:#b91c1c;cursor:pointer;white-space:nowrap;background:#ef444414;border:1px solid #ef444447;border-radius:8px;flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:700}.LeaveHistory__deleteBtn:hover:not(:disabled){background:#ef444424}.LeaveHistory__deleteBtn:disabled{cursor:not-allowed;opacity:.65}.LeaveHistory__reason{color:#0f172aa6;margin:0;font-size:13px;line-height:1.5}.LeaveHistory__adminNote{color:#0f172a8c;background:#0f172a0a;border-left:3px solid #2b6af366;border-radius:0 6px 6px 0;margin:8px 0 0;padding:6px 10px;font-size:12.5px}@media (width<=992px){.ProfilePage__content{grid-template-columns:1fr}.ProfilePage__sidebarCard{max-width:420px;margin:0 auto}}@media (width<=576px){.ProfilePage{padding:16px}.ProfilePage__header,.ProfilePage__sidebarCard,.ProfilePage__formCard{border-radius:16px;padding:18px}.ProfilePage__title{font-size:24px}.ProfilePage__grid{grid-template-columns:1fr}.ProfilePage__avatar{width:110px;height:110px}.ProfilePage__name{font-size:20px}.ProfilePage__actions{justify-content:stretch}.ProfilePage__saveBtn{width:100%}}:root{--tlogin-bg:#0b1220;--tlogin-surface:#ffffffeb;--tlogin-border:#0f172a1a;--tlogin-text:#0f172a;--tlogin-muted:#0f172a9e;--tlogin-primary:#2b6af3;--tlogin-primary2:#2454c7;--tlogin-shadow:0 40px 90px #02061738;--tlogin-shadow2:0 14px 34px #0206171f;--tlogin-pink:#ff2d95;--tlogin-purple:#7c3aed;--tlogin-cyan:#22d3ee;--tlogin-amber:#f59e0b}.tlogin{background:radial-gradient(1200px 700px at 12% 8%,#22d3ee2e,#0000 60%),radial-gradient(1100px 700px at 88% 18%,#ff2d9529,#0000 62%),radial-gradient(900px 700px at 50% 92%,#7c3aed24,#0000 62%),linear-gradient(#fbfdff 0%,#f1f5ff 55%,#fbf7ff 100%);place-items:center;min-height:100vh;padding:22px;display:grid;position:relative;overflow:hidden}.tlogin-bg{filter:blur();pointer-events:none;background:radial-gradient(1100px 640px at 10% 10%,#22d3ee9e,#0000 62%),radial-gradient(980px 640px at 90% 18%,#ff2d958f,#0000 62%),radial-gradient(980px 760px at 55% 92%,#7c3aed85,#0000 62%),radial-gradient(860px 640px at 72% 65%,#f59e0b57,#0000 62%),radial-gradient(760px 620px at 28% 68%,#10b98138,#0000 62%),conic-gradient(from 210deg,#2b6af338,#f59e0b33,#ff2d9538,#7c3aed38,#22d3ee38);animation:10s ease-in-out infinite alternate bgShift;position:absolute;inset:-120px}.tlogin-bg:after{content:"";mix-blend-mode:overlay;opacity:.85;background:radial-gradient(900px 520px,#ffffff38,#0000 60%),radial-gradient(700px 520px at 22% 68%,#ffffff24,#0000 62%);animation:6s ease-in-out infinite alternate bgPulse;position:absolute;inset:0}.tlogin-bg:before{content:"";filter:saturate(1.35)contrast(1.05);opacity:.95;background-color:#0000;background-image:linear-gradient(120deg,#22d3ee38,#ff2d952e,#7c3aed33,#f59e0b24),radial-gradient(900px 520px at 30% 20%,#22d3ee38,#0000 60%),radial-gradient(900px 520px at 70% 30%,#ff2d9533,#0000 62%),radial-gradient(900px 620px at 45% 85%,#7c3aed38,#0000 62%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:180% 180%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:7.5s ease-in-out infinite alternate meshShift;position:absolute;inset:0}@keyframes bgShift{0%{transform:translate(-10px,-8px)scale(1)}to{transform:translate(12px,10px)scale(1.03)}}@keyframes bgPulse{0%{opacity:.65}to{opacity:1}}@keyframes meshShift{0%{background-position:0 40%;transform:translate(0,0)scale(1)}50%{background-position:100% 60%;transform:translate(14px,-10px)scale(1.02)}to{background-position:10%;transform:translate(-10px,12px)scale(1.03)}}.tlogin-shell:before{content:"";filter:blur(22px);opacity:.85;z-index:-1;pointer-events:none;background:radial-gradient(320px 240px at 25% 30%,#22d3ee47,#0000 60%),radial-gradient(360px 260px at 75% 45%,#ff2d9538,#0000 62%),radial-gradient(420px 320px at 45% 85%,#7c3aed38,#0000 62%);animation:8s ease-in-out infinite alternate auroraMove;position:absolute;inset:-34px}@keyframes auroraMove{0%{transform:translate(-8px,-6px)scale(1)}to{transform:translate(10px,8px)scale(1.03)}}.tlogin-shell{z-index:1;grid-template-columns:1fr 420px;align-items:center;gap:18px;width:min(980px,100%);display:grid;position:relative}.tlogin-brand{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb3;border:1px solid #0f172a14;border-radius:18px;align-items:center;gap:14px;padding:18px 16px;display:flex;box-shadow:0 14px 34px #02061714}.tlogin-mark{letter-spacing:-.6px;color:#fff;background:linear-gradient(135deg, var(--tlogin-cyan), var(--tlogin-purple), var(--tlogin-pink));border-radius:18px;place-items:center;width:56px;height:56px;font-weight:900;display:grid;box-shadow:0 18px 34px #7c3aed38}.tlogin-brandName{color:#0f172ae6;letter-spacing:-.2px;font-weight:900}.tlogin-brandHint{color:#0f172a99;margin-top:2px;font-size:13px;font-weight:700}.tlogin-card{background:var(--tlogin-surface);border:1px solid var(--tlogin-border);box-shadow:var(--tlogin-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;padding:20px;position:relative}.tlogin-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#22d3ee59,#7c3aed47,#ff2d9547,#f59e0b3d);border-radius:18px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tlogin-head{margin-bottom:14px}.tlogin-title{letter-spacing:-.4px;color:#0f172aeb;margin:0;font-size:22px;font-weight:900}.tlogin-subtitle{color:var(--tlogin-muted);margin:6px 0 0;font-size:13px}.tlogin-alert{color:#b91c1ceb;background:#ef444414;border:1px solid #ef444438;border-radius:14px;grid-template-columns:24px 1fr;align-items:start;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:13px;font-weight:800;display:grid}.tlogin-alertIcon{background:#ef444429;border:1px solid #ef444433;border-radius:10px;place-items:center;width:24px;height:24px;display:grid}.tlogin-form{gap:12px;display:grid}.tlogin-field{gap:6px;display:grid}.tlogin-label{color:#0f172ab8;font-size:12px;font-weight:900}.tlogin-inputWrap{position:relative}.tlogin-inputIcon{color:#0f172a66;pointer-events:none;font-weight:900;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tlogin-input{color:#0f172ae0;background:#fff;border:1px solid #0f172a1a;border-radius:14px;outline:none;width:80%;padding:12px 44px 12px 34px;font-size:13px;transition:box-shadow .16s,border-color .16s}.tlogin-input::placeholder{color:#0f172a6b}.tlogin-input:focus{border-color:#2b6af366;box-shadow:0 0 0 4px #2b6af31f}.tlogin-eye{color:#0f172ab3;cursor:pointer;background:#f8fafce6;border:1px solid #0f172a1a;border-radius:12px;padding:7px 10px;font-size:12px;font-weight:900;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.tlogin-eye:active{transform:translateY(-50%)scale(.98)}.tlogin-submit{cursor:pointer;color:#fff;background:linear-gradient(90deg, var(--tlogin-cyan), var(--tlogin-purple), var(--tlogin-pink));background-size:180% 180%;border:0;border-radius:14px;width:100%;padding:12px 14px;font-weight:900;transition:transform .14s,box-shadow .14s,opacity .14s;box-shadow:0 18px 34px #7c3aed2e}.tlogin-submit:hover{animation:1.8s infinite gradientShift;box-shadow:0 22px 44px #7c3aed33}.tlogin-submit:active{transform:translateY(1px)}.tlogin-submit:disabled{opacity:.7;cursor:not-allowed}.tlogin-submit:not(:disabled):focus-visible{outline:none;box-shadow:0 22px 44px #7c3aed33,0 0 0 4px #22d3ee29}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.tlogin-footnote{color:#0f172a85;text-align:center;padding-top:2px;font-size:12px;line-height:1.45}@media (width<=980px){.tlogin-shell{grid-template-columns:1fr;gap:14px}}@media (width<=520px){.tlogin{padding:14px}.tlogin-card{padding:16px}.tlogin-title{font-size:20px}}.acc{background:#f8f5ec;border:1px solid #eee;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 4px 14px #0000000f}.acc__header{cursor:pointer;background:#f1f5f9;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;transition:all .25s;display:flex}.acc__header:hover{background:#e0e7ff}.acc__title{color:#475569;font-size:16px;font-weight:600}.acc__icon{width:20px;height:20px;transition:transform .3s}.acc__icon.rotate{transform:rotate(180deg)}.acc__body{opacity:0;max-height:0;transition:all .3s ease-in-out;overflow:hidden}.acc__body.open{opacity:1;max-height:2000px}.acc__content{background:#fff;border-top:1px solid #eee;padding:20px}@media (width<=768px){.acc__header{padding:14px 16px}.acc__title{font-size:15px}.acc__content{padding:16px}}@media (width<=480px){.acc__header{padding:12px 14px}.acc__title{font-size:14px}.acc__content{padding:14px}}.Student-Admission-Page{background:linear-gradient(135deg,#eef2ff,#f8fafc);min-height:100vh;padding:10px;font-family:Segoe UI,sans-serif}.Student-Admission-Container{background:#fff;border-radius:18px;max-width:1350px;margin:auto;padding:40px;box-shadow:0 25px 60px #00000014}.Student-Admission-Container>*{margin-bottom:20px}.Student-Admission-RemoveBtn{color:#fff;cursor:pointer;cursor:pointer;background:#ef4444;border:none;border-radius:4px;margin-top:6px;padding:4px 8px;font-size:12px}.Student-Admission-Header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.Student-Admission-Title{color:#1e293b;font-size:28px;font-weight:700}.Student-Admission-DownloadBtn,.Student-Admission-SubmitBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;transition:all .25s;display:flex;box-shadow:0 8px 20px #2563eb4d}.Student-Admission-DownloadBtn:hover,.Student-Admission-SubmitBtn:hover{transform:translateY(-2px)}.Student-Admission-FormGrid{grid-template-columns:3fr 1fr;gap:35px;display:grid}.Student-Admission-Left{flex-direction:column;gap:22px;display:flex}.Student-Admission-Row{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.Student-Admission-TwoColumn{grid-template-columns:repeat(2,1fr)}.Student-Admission-Group{flex-direction:column;display:flex}.Student-Admission-Label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:600}.Student-Admission-Input,.Student-Admission-Textarea{background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;padding:12px 14px;font-size:14px;transition:all .25s}.Student-Admission-Input:focus,.Student-Admission-Textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.Student-Admission-Textarea{resize:vertical;min-height:100px}.Student-Admission-PhotoBox{background:#f1f5ff;border:2px dashed #2563eb;border-radius:14px;justify-content:center;align-items:center;width:100%;max-width:220px;height:240px;display:flex;position:relative;overflow:hidden}.Student-Admission-PhotoInput{opacity:0;cursor:pointer;position:absolute;inset:0}.Student-Admission-PhotoPreview{object-fit:cover;width:100%;height:100%}.Student-Admission-PhotoOverlay{color:#fff;text-align:center;opacity:0;background:#0000008c;width:100%;padding:8px;font-size:13px;transition:all .3s;position:absolute;bottom:0}.Student-Admission-PhotoBox:hover .Student-Admission-PhotoOverlay{opacity:1}.Student-Admission-SectionTitle{border-left:4px solid #2563eb;margin:30px 0 15px;padding-left:10px;font-size:18px;font-weight:600}.Student-Admission-AddressGrid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.Student-Admission-DocumentWrapper{width:100%;overflow-x:auto}.Student-Admission-DocumentTable{border-collapse:collapse;width:100%;min-width:550px}.Student-Admission-DocumentTable th{text-align:left;background:#f1f5f9;padding:12px;font-size:14px;font-weight:600}.Student-Admission-DocumentTable td{border-top:1px solid #e5e7eb;padding:12px}.Student-Admission-DocName{color:#1f2937;font-weight:500}.Student-Admission-DocumentCell{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.Student-Admission-ViewFile{color:#fff;background:#2563eb;border-radius:6px;padding:6px 12px;font-size:13px;text-decoration:none}.Student-Admission-ViewFile:hover{background:#1d4ed8}.Student-Admission-FileInput{font-size:13px}.Student-Admission-SubmitWrapper{text-align:right}@media (width<=1200px){.Student-Admission-Container{padding:30px}}@media (width<=1024px){.Student-Admission-FormGrid{grid-template-columns:1fr}.Student-Admission-PhotoBox{margin:auto}.Student-Admission-Row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.Student-Admission-Header{flex-direction:column;align-items:flex-start}.Student-Admission-Title{font-size:22px}.Student-Admission-Row,.Student-Admission-TwoColumn,.Student-Admission-AddressGrid{grid-template-columns:1fr}.Student-Admission-DownloadBtn,.Student-Admission-SubmitBtn{justify-content:center;width:100%}}@media (width<=576px){.Student-Admission-Container{padding:20px}.Student-Admission-Input,.Student-Admission-Textarea{padding:10px;font-size:13px}.Student-Admission-PhotoBox{height:210px}.Student-Admission-SubmitWrapper{text-align:center}}@media (width<=400px){.Student-Admission-Title{font-size:18px}.Student-Admission-PhotoBox{height:190px}}.Student-Details-Wrapper{background:#f3f6fb;flex-direction:column;justify-content:start;align-items:center;gap:24px;min-height:100vh;padding:24px;display:flex}.Student-Search-Panel{background:#fff;border-radius:12px;flex-direction:column;width:85%;height:50vh;padding:20px;display:flex;box-shadow:0 4px 18px #0000000f}.Student-Search-Panel h2{color:#1f2937;margin-bottom:15px;font-size:18px;font-weight:600}.Student-Search-Input{border:1px solid #e5e7eb;border-radius:8px;width:100%;margin-bottom:12px;padding:10px 5px;font-size:14px;transition:all .2s}.Student-Search-Input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb1a}.Student-Table-Wrapper{border:1px solid #eee;border-radius:8px;max-height:450px;margin-top:10px;overflow:auto}.Student-Table{border-collapse:collapse;width:100%;min-width:420px;font-size:14px}.Student-Table thead{z-index:2;background:#f9fafb;position:sticky;top:0}.Student-Table th{text-align:left;color:#374151;border-bottom:1px solid #e5e7eb;padding:12px;font-weight:600}.Student-Table td{color:#374151;border-bottom:1px solid #f1f5f9}.Student-Table-Row{cursor:pointer;transition:background .15s}.Student-Table-Row:hover{background:#f1f5ff}.Student-Table-Row.active{background:#e0edff}.Student-Details-Page{background:#fff;border-radius:12px;width:85%;padding:24px;overflow:hidden;box-shadow:0 4px 18px #0000000f}.Student-Header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.Student-Details-Title{color:#111827;font-size:22px;font-weight:600}.Student-Photo{background:#f3f4f6;border-radius:12px;flex-shrink:0;width:90px;height:90px;overflow:hidden}.Student-Photo img{object-fit:cover;width:100%;height:100%}.Student-Photo-Placeholder{color:#9ca3af;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:flex}.Student-Edit-Btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;margin-left:auto;padding:8px 14px;font-size:14px}.Student-Edit-Btn:hover{background:#1d4ed8}.Student-Details-Scroll{max-height:75vh;padding-right:10px;overflow-y:auto}.Student-Details-Section{margin-bottom:22px}.Student-Details-Section h2{color:#1f2937;margin-bottom:12px;font-size:16px;font-weight:600}.Student-Details-Grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.Student-Details-Item{background:#f9fafb;border:1px solid #eef2f7;border-radius:8px;padding:12px}.Student-Details-Label{color:#6b7280;margin-bottom:4px;font-size:12px;display:block}.Student-Details-Value{color:#111827;font-size:14px;font-weight:500}.Student-Delete-Btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:5px;padding:5px 10px;font-size:12px}.Student-Delete-Btn:hover{background:#dc2626}@media (width<=1024px){.Student-Details-Wrapper{flex-direction:column}.Student-Search-Panel{width:100%;position:relative}.Student-Details-Page{width:100%}}@media (width<=768px){.Student-Details-Wrapper{gap:16px;padding:14px}.Student-Header{flex-direction:column;align-items:flex-start}.Student-Edit-Btn{margin-left:0}.Student-Photo{width:70px;height:70px}.Student-Details-Title{font-size:18px}.Student-Details-Grid{grid-template-columns:1fr}}@media (width<=480px){.Student-Search-Input{padding:8px 10px;font-size:13px}.Student-Table,.Student-Details-Value{font-size:13px}}.print-area{color:#222;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:800px;margin:auto;padding:20px;font-family:Segoe UI,Arial,sans-serif;display:none;box-shadow:0 4px 12px #0000000d}.pf-header{text-align:center;margin-bottom:20px}.pf-header h2{background:linear-gradient(90deg,#2563eb,#a346e5,#d9058b);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;margin:0;font-size:24px;font-weight:700}.pf-header p{color:#6b7280;margin:4px 0;font-size:14px}.pf-header h3{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#ff6b6b,#ff9a9e);border-radius:20px;margin-top:10px;padding:6px 14px;font-size:14px;display:inline-block}.pf-section{margin-top:25px}.pf-section h3{color:#374151;border-bottom:2px solid #4facfe;margin-bottom:15px;padding-bottom:5px}.pf-field{align-items:center;margin:8px 0;display:flex}.pf-field label{color:#374151;width:180px;font-weight:600}.pf-field span{border-bottom:1.5px dashed #4facfe;flex:1;min-height:20px}.pf-row{justify-content:space-between;display:flex}.pf-row .pf-field{width:48%}.pf-sign{color:#374151;justify-content:space-between;margin-top:60px;font-weight:500;display:flex}.pf-sign span{text-align:center;border-top:2px solid #4facfe;width:180px;padding-top:5px}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{width:100%;box-shadow:none;background:#fff;padding:30px;display:block;position:absolute;top:0;left:0}body{margin:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.FeeCollection{background:#f6f8fb;padding:25px;font-family:Arial}.FeeCollection-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.FeeCollection-collectBtn{color:#fff;cursor:pointer;background:#1e8e7e;border:none;border-radius:6px;padding:10px 18px}.FeeCollection-toolbar{background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;padding:15px;display:flex}.FeeCollection-selectedStudent{background:#f7f7f7;border-radius:6px;margin-top:6px;padding:10px;font-size:14px}.FeeCollection-search{border:1px solid #ddd;border-radius:6px;align-items:center;padding:8px 10px;display:flex}.FeeCollection-search input{border:none;outline:none;margin-left:5px}.FeeCollection-exportWrapper{position:relative}.FeeCollection-exportDropdown{z-index:50;background:#fff;border-radius:10px;width:150px;padding:10px 0;position:absolute;top:45px;left:0;box-shadow:0 10px 25px #0000001a}.FeeCollection-tableWrapper{overflow-x:auto}.FeeCollection-table{border-collapse:collapse;background:#fff;width:100%}.FeeCollection-table th,.FeeCollection-table td{text-align:left;border-bottom:1px solid #eee;padding:12px;font-size:14px}.FeeCollection-status{border-radius:6px;padding:4px 10px;font-size:12px}.Paid{color:#1a8f5c;background:#d7f5e6}.Partial{color:#ff7b00;background:#ffe5c2}.Unpaid{color:red;background:#ffdada}.FeeCollection-actionWrapper{position:relative}.FeeCollection-actionBtn{cursor:pointer;background:0 0;border:none;font-size:18px}.FeeCollection-actionDropdown{z-index:2;cursor:pointer;background:#fffdfd;border-radius:10px;justify-content:space-around;width:150px;padding:15px;display:flex;position:absolute;top:30px;right:0;box-shadow:0 5px 20px #0000001a}.FeeCollection-actionDropdown button{cursor:pointer;font-weight:700}.FeeCollection-pagination{justify-content:center;gap:8px;margin-top:20px;display:flex}.FeeCollection-pagination button{cursor:pointer;background:#fff;border:1px solid #ddd;padding:6px 12px}.FeeCollection-pagination .active{color:#fff;background:#1e8e7e}.FeeCollection-modal,.FeeCollection-receiptModal{z-index:9999;background:#00000073;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.FeeCollection-modalContent,.FeeCollection-receipt{background:#fff;border-radius:20px;width:92%;max-width:620px;padding:35px 30px;animation:.35s scaleIn;position:relative}.FeeCollection-receipt table{border-collapse:collapse;table-layout:fixed;border-radius:10px;width:100%;margin:25px 0;overflow:hidden}.FeeCollection-receipt th{color:#1e2a4a;text-align:center;background:#f2e1e4;width:33.33%;padding:14px;font-weight:600}.FeeCollection-receipt td{text-align:center;border-top:1px solid #eee;width:33.33%;padding:16px}.FeeCollection-formGrid{grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;display:grid}.FeeCollection-formGrid textarea{grid-column:span 2}.FeeCollection-formBtns{justify-content:center;gap:20px;margin-top:25px;display:flex}.cancel{color:red;background:#fff;border:1px solid red;border-radius:6px;padding:10px 20px}.save{color:#fff;background:#1e8e7e;border:none;border-radius:6px;padding:10px 20px}.FeeCollection-toolbar{background:#f9fafb;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.FeeCollection-search{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;min-width:220px;padding:8px 12px;display:flex}.FeeCollection-search input{border:none;outline:none;width:100%;font-size:14px}.FeeCollection-select{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-size:14px}.FeeCollection-date{border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;font-size:14px}.FeeCollection-resetBtn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:8px 12px}.FeeCollection-resetBtn:hover{background:#dc2626}@media (width<=768px){.FeeCollection-toolbar{flex-direction:column;align-items:stretch}.FeeCollection-search,.FeeCollection-select,.FeeCollection-date,.FeeCollection-resetBtn{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.FeeCollection-formGrid{grid-template-columns:1fr}.FeeCollection-receiptInfo{flex-direction:column}}@media (width<=480px){.FeeCollection{padding:15px}.FeeCollection-modalContent,.FeeCollection-receipt{padding:20px}}.receipt-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:flex-start;width:100%;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.receipt-card{box-sizing:border-box;background:#fff;border-radius:10px;width:210mm;max-width:100%;min-height:297mm;margin:auto;padding:20px;font-family:Segoe UI,sans-serif;position:relative}.receipt-card .receipt-close{cursor:pointer;position:absolute;top:15px;right:15px}.receipt-card .receipt-header{align-items:center;gap:15px;display:flex}.receipt-logo{width:60px}.receipt-title{color:#1e3a8a;margin:0}.receipt-address{margin:0;font-size:13px}.receipt-card .receipt-top{justify-content:space-between;margin:15px 0;font-size:14px;display:flex}.receipt-card .receipt-student{background:#f3f4f6;border-radius:6px;margin-bottom:15px;padding:10px}.receipt-card .receipt-table{border-collapse:collapse;table-layout:fixed;width:100%}.receipt-card .receipt-table th,.receipt-card .receipt-table td{text-align:center;word-break:break-word;border:1px solid #000;padding:8px}.receipt-card .receipt-table th{background:#e5e7eb}.receipt-total{background:#fef3c7}.receipt-card .receipt-note{margin-top:10px;font-size:13px}.receipt-card .receipt-footer{justify-content:space-between;margin-top:50px;display:flex}.receipt-line{border-top:1px solid #000;width:120px;margin:auto}.receipt-thank{text-align:center;margin-top:20px;font-weight:600}@media (width<=768px){.receipt-card{width:100%;padding:15px}.receipt-card .receipt-header{text-align:center;flex-direction:column}.receipt-logo{margin-bottom:10px}.receipt-card .receipt-top{flex-direction:column;gap:10px}.receipt-card .receipt-footer{flex-direction:column;align-items:center;gap:20px}}@media print{body{margin:0}.receipt-overlay{background:0 0;padding:0;position:static}.receipt-card{min-height:297mm;box-shadow:none;border-radius:0;padding:15mm;width:210mm!important}.receipt-close,.receipt-overlay>div:last-child{display:none}}.FeeType{box-sizing:border-box;background:#f6f8fb;min-height:100vh;padding:25px;font-family:Arial;overflow-y:auto}.FeeType-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.FeeType-addBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#1e8e7e;border:none;border-radius:6px;padding:10px 18px;font-size:14px}.FeeType-toolbar{background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;padding:15px;display:flex}.FeeType-search{border:1px solid #ddd;border-radius:6px;flex:1;align-items:center;min-width:200px;padding:8px 10px;display:flex}.FeeType-search input{border:none;outline:none;width:100%;margin-left:6px;font-size:14px}.FeeType-tableWrapper{z-index:1;-webkit-overflow-scrolling:touch;background:#fff;border-radius:10px;position:relative;overflow:auto hidden}.FeeType-tableWrapper::-webkit-scrollbar{height:6px}.FeeType-tableWrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.FeeType-tableWrapper::-webkit-scrollbar-track{background:0 0}.FeeType-table{border-collapse:collapse;width:100%;min-width:750px}.FeeType-table th,.FeeType-table td{text-align:left;border-bottom:1px solid #eee;padding:12px;font-size:14px}.FeeType-status{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.Active{color:#1a8f5c;background:#d7f5e6}.Inactive{color:#e11d48;background:#ffdada}.FeeType-action{justify-content:center;display:flex;position:relative}.FeeType-actionBtn{cursor:pointer;background:0 0;border:none;padding:5px;font-size:18px}.FeeType-actionMenu{z-index:100;background:#fff;border-radius:14px;width:150px;padding:8px 0;animation:.2s dropdown;position:absolute;top:35px;right:0;box-shadow:0 10px 25px #00000026}.FeeType-actionMenu button{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 15px;font-size:14px;display:flex}.FeeType-actionMenu button:hover{background:#f3f4f6}.FeeType-actionMenu .delete{color:#ef4444}.FeeType-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:25px;display:flex}.FeeType-pageBtn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.FeeType-pageBtn:hover{background:#f3f4f6}.FeeType-pageBtn.active{color:#fff;background:#1e8e7e;border-color:#1e8e7e;box-shadow:0 2px 6px #0000001a}.FeeType-pageBtn:disabled{opacity:.5;cursor:not-allowed}.FeeType-modal{z-index:9999;background:#00000073;justify-content:center;align-items:center;width:100%;height:100%;padding:15px;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.FeeType-modalContent{background:#fff;border-radius:16px;width:100%;max-width:500px;padding:30px;animation:.35s scaleIn;position:relative}.FeeType-modalContent input,.FeeType-modalContent select{border:1px solid #ddd;border-radius:6px;width:100%;margin-top:8px;margin-bottom:15px;padding:10px;font-size:14px}.close{cursor:pointer;position:absolute;top:15px;right:15px}.FeeType-modalBtns{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.cancel{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:6px;padding:10px 20px}.save{color:#fff;cursor:pointer;background:#1e8e7e;border:none;border-radius:6px;padding:10px 20px}@keyframes dropdown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.FeeType{padding:20px}}@media (width<=768px){.FeeType-header{flex-direction:column;align-items:flex-start}.FeeType-toolbar{flex-direction:column;align-items:stretch}.FeeType-search{width:100%}.FeeType-modalContent{padding:25px}}@media (width<=480px){.FeeType{padding:15px}.FeeType-table{min-width:750px}.FeeType-table th,.FeeType-table td{padding:8px;font-size:13px}.FeeType-addBtn{text-align:center;width:100%}.FeeType-modalContent{padding:20px}.FeeType-modalBtns{flex-direction:column;gap:10px}.cancel,.save{width:100%}.FeeType-pageBtn{min-width:32px;height:32px;font-size:13px}}.paymentRecipt{box-sizing:border-box;background:#f5f6fa;width:100%;padding:20px;font-family:Inter,sans-serif}.paymentRecipt-card{background:#fff;border:1px solid #f3c6cd;border-radius:12px;width:100%;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 12px #0000000f}.paymentRecipt-header{background:linear-gradient(90deg,#fff5f7,#fff);border-bottom:1px solid #f3c6cd;padding:14px 20px}.paymentRecipt-header h3{color:#1e2a55;margin:0;font-size:16px;font-weight:600}.paymentRecipt-form{flex-wrap:wrap;align-items:flex-end;gap:16px;padding:20px;display:flex}.paymentRecipt-field{flex:1;min-width:200px}.paymentRecipt-field label{color:#444;margin-bottom:6px;font-size:12px;display:block}.paymentRecipt-field input{border:1px solid #dcdcdc;border-radius:6px;outline:none;width:100%;padding:10px;font-size:13px;transition:all .2s}.paymentRecipt-field input:focus{border-color:#0b1c4d;box-shadow:0 0 0 2px #0b1c4d1a}.paymentRecipt-search button{color:#fff;cursor:pointer;white-space:nowrap;background:#0b1c4d;border:none;border-radius:8px;padding:10px 18px;transition:all .3s}.paymentRecipt-search button:hover{background:#09173c}.paymentRecipt-tableWrapper{width:100%;overflow-x:auto}.paymentRecipt-tableWrapper::-webkit-scrollbar{height:6px}.paymentRecipt-tableWrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.paymentRecipt-table{border-collapse:collapse;width:100%;min-width:900px}.paymentRecipt-table thead{z-index:5;position:sticky;top:0}.paymentRecipt-table th{text-align:left;color:#1e2a55;white-space:nowrap;background:#fbe9ec;padding:12px;font-size:12px}.paymentRecipt-table td{white-space:nowrap;border-top:1px solid #eee;padding:12px;font-size:13px}.paymentRecipt-table tr:nth-child(2n){background:#fafafa}.paymentRecipt-table tr:hover{background:#f1f5ff}.paid{color:#16a34a;font-weight:600}.paymentRecipt-actions{flex-wrap:wrap;gap:6px;display:flex}.paymentRecipt-actions button{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;transition:all .2s;display:flex}.paymentRecipt-actions .view{color:#fff;background:#0b1c4d}.paymentRecipt-actions .view:hover{background:#09173c}.paymentRecipt-actions .download{color:#fff;background:#e91e63}.paymentRecipt-actions .download:hover{background:#c2185b}.paymentRecipt-pagination{flex-wrap:wrap;justify-content:flex-end;gap:6px;padding:15px;display:flex}.paymentRecipt-pagination button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 12px;transition:all .2s}.paymentRecipt-pagination button:hover{background:#f3f4f6}.paymentRecipt-pagination .active{color:#fff;background:#0b1c4d;border-color:#0b1c4d}@media (width<=1024px){.paymentRecipt{padding:15px}.paymentRecipt-form{gap:12px}.paymentRecipt-field{min-width:160px}.paymentRecipt-table{min-width:800px}}@media (width<=768px){.paymentRecipt-form{flex-direction:column;align-items:stretch}.paymentRecipt-field,.paymentRecipt-search button{width:100%}.paymentRecipt-pagination{justify-content:center}.paymentRecipt-table{min-width:700px}}@media (width<=480px){.paymentRecipt-header h3{font-size:14px}.paymentRecipt-table th,.paymentRecipt-table td{padding:8px;font-size:11px}.paymentRecipt-actions button{padding:5px 8px}.paymentRecipt-table{min-width:600px}}.cls{background:#f4f7fb;min-height:100vh;padding:24px}.cls__title{margin-bottom:20px;font-size:26px;font-weight:700}.cls__card{background:#fff;border-radius:14px;margin-bottom:24px;padding:20px;box-shadow:0 6px 20px #0000000d}.cls__form{flex-direction:column;gap:16px;display:flex}.cls__subtitle{font-size:18px;font-weight:600}.cls__grid{color:#555;grid-template-columns:1fr 1fr;margin-bottom:6px;font-size:13px;display:block}.cls__field input{border:1px solid #ddd;border-radius:8px;width:90%;padding:8px}.cls__btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 15px}.cls__btn:hover{background:#1d4ed8}.cls__table-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cls__search{border:1px solid #ddd;border-radius:8px;padding:8px}.cls__table-wrapper{overflow-x:auto}.cls__table{border-collapse:collapse;width:100%}.cls__table th{background:#f1f5f9;padding:10px}.cls__table td{text-align:center;border-top:1px solid #eee;padding:10px}.cls__actions{justify-content:center;gap:8px;display:flex}.cls__empty{color:#888;padding:16px}@media (width<=768px){.cls__grid{grid-template-columns:1fr}.cls__table-header{flex-direction:column;align-items:flex-start;gap:10px}}.sub{background:#f4f7fb;min-height:100vh;padding:24px}.sub__title{margin-bottom:20px;font-size:26px;font-weight:700}.sub__grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sub__card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 20px #0000000d}.sub__subtitle{margin-bottom:12px;font-size:18px;font-weight:600}.sub__field{margin-bottom:12px}.sub__field label{margin-bottom:4px;font-size:13px;display:block}.sub__field input,.sub__field select,.sub__field textarea{border:1px solid #ddd;border-radius:7px;width:90%;padding:10px}.sub__btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:10px}.sub__btn:hover{background:#1d4ed8}.sub__preview{background:#fafafa;border:1px solid #eee;border-radius:10px;overflow:hidden}.sub__preview-img{object-fit:cover;width:100%;height:150px}.sub__preview-content{padding:12px}.sub__table-card{margin-top:20px}.sub__table-header{justify-content:space-between;margin-bottom:10px;display:flex}.sub__search{border:1px solid #ddd;border-radius:8px;padding:8px}.sub__table-wrapper{overflow-x:auto}.sub__table{border-collapse:collapse;width:100%}.sub__table th{background:#f1f5f9;padding:10px}.sub__table td{text-align:center;border-top:1px solid #eee;padding:10px}.sub__table-img{object-fit:cover;border-radius:6px;width:45px;height:45px}.sub__actions{justify-content:center;gap:8px;display:flex}.btn{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:6px 10px}.btn.edit{background:#f59e0b}.btn.delete{background:#ef4444}@media (width<=768px){.sub__grid{grid-template-columns:1fr}.sub__table-header{flex-direction:column;gap:10px}}.cw{background:#f4f7fb;min-height:100vh;padding:24px}.cw-title{margin-bottom:20px;font-size:24px;font-weight:700}.cw-form{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px}.cw-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.cw-checkbox{cursor:pointer;border:1px solid #ddd;border-radius:10px;align-items:center;gap:8px;padding:10px;display:flex}.cw-checkbox.active{background:#e0e7ff;border-color:#2563eb}.cw-form input{border:1px solid #ddd;border-radius:8px;width:100%;margin-top:10px;padding:10px}.cw-radio{gap:20px;margin-top:10px;display:flex}.cw-actions{gap:10px;margin-top:10px;display:flex}.cw-actions button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:8px 14px}.cw-actions .secondary{background:gray}.cw-card{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.cw-card-header{justify-content:space-between;margin-bottom:10px;display:flex}.cw-card ul{padding:0;list-style:none}.cw-card li{border:1px solid #eee;border-radius:6px;justify-content:space-between;margin-bottom:6px;padding:8px;display:flex}.cw-card small{color:#2563eb;margin-left:6px}.cw-loading{padding:20px}.FAQ-container{background:#f7f9fc;flex-wrap:wrap;justify-content:space-between;gap:30px;padding:30px;display:flex}.FAQ-form-section{flex-shrink:0;width:380px}.FAQ-form{background:#fff;border-radius:10px;padding:25px;box-shadow:0 3px 10px #0000001a}.FAQ-title{text-align:center;margin-bottom:18px;font-size:20px;font-weight:700}.FAQ-field{margin-bottom:15px}.FAQ-label{margin-bottom:6px;font-weight:600;display:block}.FAQ-input,.FAQ-textarea,.FAQ-select{border:1px solid #ccc;border-radius:6px;width:95%;padding:12px;font-size:15px}.FAQ-textarea{resize:vertical;min-height:100px}.FAQ-button{color:#fff;cursor:pointer;background:#0056d6;border:none;border-radius:6px;width:100%;margin-top:20px;padding:12px;font-size:17px;font-weight:600;transition:all .2s}.FAQ-button:hover{background:#003fa3}.FAQ-version{text-align:center;opacity:.7;margin-top:12px;font-size:12px}.FAQ-table-section{background:#fff;border-radius:10px;flex:1;min-width:300px;padding:25px;box-shadow:0 3px 10px #0000001a}.FAQ-table-wrapper{overflow-x:auto}.FAQ-table{border-collapse:collapse;width:100%;min-width:700px}.FAQ-table th,.FAQ-table td{text-align:left;border-bottom:1px solid #ddd;padding:12px;font-size:15px}.FAQ-table th{background:#f2f4f8;font-weight:700}.FAQ-actions{gap:8px;display:flex}.FAQ-edit-btn{cursor:pointer;color:#fff;background:#00a86b;border:none;border-radius:6px;padding:6px 12px;font-size:14px}.FAQ-delete-btn{cursor:pointer;color:#fff;background:#d9534f;border:none;border-radius:6px;padding:6px 12px;font-size:14px}.FAQ-empty{text-align:center;color:#666;padding:25px;font-size:14px}@media (width>=1400px){.FAQ-container{max-width:1400px;margin:auto}}@media (width>=901px){.FAQ-table-section{flex-direction:column;height:80vh;display:flex}.FAQ-table-wrapper{flex:1;overflow:auto}.FAQ-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.FAQ-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}}@media (width<=992px){.FAQ-container{flex-direction:column;gap:20px}.FAQ-form-section,.FAQ-table-section{width:100%}.FAQ-table-wrapper{max-height:500px;overflow-y:auto}}@media (width<=768px){.FAQ-container{padding:20px}.FAQ-table{min-width:600px}.FAQ-table th,.FAQ-table td{padding:10px;font-size:14px}}@media (width<=480px){.FAQ-title{font-size:18px}.FAQ-input,.FAQ-textarea,.FAQ-select{padding:10px;font-size:14px}.FAQ-button{padding:10px;font-size:15px}.FAQ-table{min-width:500px}}.eventMgmt{background:linear-gradient(90deg,#eef2ff,#fff,#ffe4e6);min-height:100vh;padding:30px}.eventMgmt__title{background:linear-gradient(90deg,#6366f1,#ec4899);color:#0000;-webkit-background-clip:text;margin-bottom:20px;font-size:28px;font-weight:700}.eventMgmt__grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.eventMgmt__form{background:#fff;border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 10px 25px #0000001a}.eventMgmt__formTitle{font-size:18px;font-weight:600}.eventMgmt__input,.eventMgmt__textarea,.eventMgmt__file{border:1px solid #ddd;border-radius:10px;padding:10px}.eventMgmt__textarea{resize:none}.eventMgmt__submitBtn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;padding:10px}.eventMgmt__preview{object-fit:cover;border-radius:10px;width:100%;height:150px}.eventMgmt__rating{gap:5px;display:flex}.eventMgmt__star{cursor:pointer;color:#ccc;font-size:22px}.eventMgmt__star--active{color:gold}.eventMgmt__tableWrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-radius:20px;padding:20px}.eventMgmt__tableTitle{margin-bottom:10px;font-size:18px}.eventMgmt__tableContainer{overflow-x:auto}.eventMgmt__table{border-collapse:collapse;width:100%}.eventMgmt__thead{background:#f3f4f6}.eventMgmt__table th,.eventMgmt__table td{text-align:left;padding:10px}.eventMgmt__row:hover{background:#f9fafb}.eventMgmt__tableImg{object-fit:cover;border-radius:8px;width:50px;height:50px}.eventMgmt__actions{gap:10px;display:flex}.eventMgmt__editBtn{color:#00f;cursor:pointer;background:0 0;border:none}.eventMgmt__deleteBtn{color:red;cursor:pointer;background:0 0;border:none}.eventMgmt__empty{text-align:center;color:#888}@media (width<=900px){.eventMgmt__grid{grid-template-columns:1fr}}.adm-testimonial-wrapper{gap:30px;max-width:1300px;min-height:100vh;margin:auto;padding:40px;display:flex}.adm-testimonial-form-section{width:50%}.adm-testimonial-list-section{width:50%;max-height:100vh;overflow-y:auto}.adm-testimonial-form{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 30px #00000014}.adm-form-title{margin-bottom:20px;font-size:24px}.adm-form-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.adm-form-group input,.adm-form-group textarea{border:1px solid #ccc;border-radius:8px;width:100%;padding:12px;font-size:15px}.adm-form-group textarea{resize:none;height:120px}.adm-preview-img{object-fit:cover;border-radius:50%;width:80px;height:80px;margin-top:10px}.adm-star-rating-box{cursor:pointer;gap:8px;font-size:28px;display:flex}.adm-star{color:#ccc;transition:all .3s}.adm-star.active{color:#ffc107}.adm-submit-btn{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:10px;width:100%;padding:14px;font-size:16px}.adm-submit-btn:hover{opacity:.9}.adm-testimonial-list{background:#f8f9fc;border-radius:16px;padding:25px}.adm-list-title{margin-bottom:20px;font-size:22px}.adm-testimonial-card{background:#fff;border-radius:12px;gap:15px;margin-bottom:15px;padding:15px;display:flex;box-shadow:0 5px 15px #0000000d}.adm-client-photo{object-fit:cover;border-radius:50%;flex-shrink:0;width:70px;height:70px}.adm-client-name{margin-bottom:2px;font-size:16px;font-weight:600}.adm-client-designation{color:#777;margin-bottom:8px;font-size:13px}.adm-card-content{flex:1}.adm-feedback-text{margin-bottom:8px;font-size:14px}.adm-rating-view{color:#ffc107;font-size:18px}.adm-card-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.adm-edit-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;padding:6px 14px}.adm-delete-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;padding:6px 14px}.adm-empty-text{color:#777}@media (width<=480px){.adm-testimonial-wrapper{flex-direction:column;gap:20px;padding:15px}.adm-testimonial-form-section,.adm-testimonial-list-section{width:100%;max-height:none}.adm-testimonial-form{padding:20px}.adm-testimonial-card{flex-direction:column;align-items:flex-start}.adm-client-photo{width:60px;height:60px}.adm-card-actions{flex-direction:column;width:100%}.adm-edit-btn,.adm-delete-btn{width:100%}.adm-form-title{font-size:20px}}@media (width>=481px) and (width<=768px){.adm-testimonial-wrapper{flex-direction:column;padding:25px}.adm-testimonial-form-section,.adm-testimonial-list-section{width:100%}.adm-testimonial-card{flex-direction:row}}@media (width>=769px) and (width<=1023px){.adm-testimonial-wrapper{flex-direction:column}.adm-testimonial-form-section,.adm-testimonial-list-section{width:100%}.adm-testimonial-list-section{max-height:600px}}@media (width>=1024px) and (width<=1399px){.adm-testimonial-wrapper{max-width:1100px}.adm-testimonial-list-section{max-height:800px}}@media (width>=1400px){.adm-testimonial-wrapper{max-width:1400px}}.clswisedata-table-wrapper{background:#fff;border-radius:12px;flex-direction:column;height:650px;padding:20px;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000000f}.clswisedata-title{text-align:center;color:#1f2937;margin-bottom:30px;font-size:26px;font-weight:700}.clswisedata-layout{grid-template-columns:380px 1fr;gap:25px;max-width:1200px;margin:auto;display:grid}.clswisedata-form{background:#fff;border-radius:12px;height:650px;padding:20px;overflow-y:auto;box-shadow:0 8px 24px #0000000f}.clswisedata-form label{margin-top:12px;font-size:14px;font-weight:600;display:block}.clswisedata-form input,.clswisedata-form textarea{border:1px solid #d1d5db;border-radius:8px;width:90%;margin-top:6px;padding:10px 12px;font-size:14px}.clswisedata-form input:focus,.clswisedata-form textarea:focus{border-color:#2563eb;outline:none}.clswisedata-preview{object-fit:cover;border-radius:10px;width:100%;height:160px;margin-top:12px}.clswisedata-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;margin-top:18px;padding:12px;font-weight:600;transition:all .3s}.clswisedata-btn:hover{background:#1e40af}.clswisedata-table-wrapper{background:#fff;border-radius:12px;flex-direction:column;height:650px;padding:20px;display:flex;box-shadow:0 8px 24px #0000000f}.clswisedata-section-title{flex-shrink:0;margin-bottom:15px;font-size:18px;font-weight:700}.clswisedata-table-scroll{flex:1;overflow-y:auto}.clswisedata-table{border-collapse:collapse;width:100%}.clswisedata-table thead th{text-align:left;z-index:2;background:#f1f5f9;padding:10px;font-size:14px;position:sticky;top:0}.clswisedata-table td{border-bottom:1px solid #e5e7eb;padding:10px;font-size:14px}.clswisedata-table-img{object-fit:cover;border-radius:6px;width:50px;height:40px}.clswisedata-empty,.clswisedata-loading{text-align:center;color:#6b7280;margin-top:20px}@media (width<=900px){.clswisedata-layout{grid-template-columns:1fr}.clswisedata-form,.clswisedata-table-wrapper{height:auto}}.latestNewsAdmin{background:#f5f5f5;min-height:100vh;padding:30px}.latestNewsAdmin__container{background:#fff;border-radius:16px;max-width:1100px;margin:auto;padding:25px;box-shadow:0 8px 20px #0000001a}.latestNewsAdmin__title{margin-bottom:20px;font-size:20px;font-weight:600}.latestNewsAdmin__subTitle{margin:20px 0 10px;font-weight:600}.latestNewsAdmin__form{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.latestNewsAdmin__input{border:1px solid #ddd;border-radius:8px;padding:10px}.latestNewsAdmin__submitBtn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px}.latestNewsAdmin__previewBar{color:#fff;background:#f97316;border-radius:10px;display:flex;overflow:hidden}.latestNewsAdmin__previewLabel{background:#ea580c;padding:10px 15px;font-weight:600}.latestNewsAdmin__previewContent{gap:20px;padding:10px;display:flex;overflow-x:auto}.latestNewsAdmin__tableWrap{overflow-x:auto}.latestNewsAdmin__table{border-collapse:collapse;width:100%}.latestNewsAdmin__table th,.latestNewsAdmin__table td{border:1px solid #ddd;padding:10px}.latestNewsAdmin__status{border-radius:20px;padding:4px 10px;font-size:12px}.latestNewsAdmin__status--active{color:#15803d;background:#dcfce7}.latestNewsAdmin__status--inactive{color:#b91c1c;background:#fee2e2}.latestNewsAdmin__actions{gap:8px;display:flex}.latestNewsAdmin__actions button{cursor:pointer;border:none;border-radius:6px;padding:5px 10px}.latestNewsAdmin__actions button:first-child{color:#fff;background:#3b82f6}.latestNewsAdmin__actions button:nth-child(2){color:#fff;background:#8b5cf6}.latestNewsAdmin__actions button:nth-child(3){color:#fff;background:#ef4444}.latestNewsAdmin__center{text-align:center}@media (width<=768px){.latestNewsAdmin__form{grid-template-columns:1fr}}.notif{background:#f4f6f8;min-height:100vh;padding:30px}.notif__container{background:#fff;border-radius:16px;max-width:1100px;margin:auto;padding:25px;box-shadow:0 10px 25px #00000014}.notif__title{margin-bottom:20px;font-size:20px;font-weight:600}.notif__subTitle{margin:20px 0 10px;font-weight:600}.notif__form{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}.notif__input{border:1px solid #ddd;border-radius:8px;padding:10px}.notif__submitBtn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px}.notif__tableWrap{overflow-x:auto}.notif__table{border-collapse:collapse;width:100%}.notif__table th,.notif__table td{border:1px solid #ddd;padding:10px}.notif__row:hover{background:#f9fafb}.notif__status{border-radius:20px;padding:4px 10px;font-size:12px}.notif__status--active{color:#15803d;background:#dcfce7}.notif__status--inactive{color:#b91c1c;background:#fee2e2}.notif__actions{justify-content:center;gap:8px;display:flex}.notif__edit{color:#fff;background:#3b82f6;border:none;border-radius:6px;padding:5px 10px}.notif__toggle--publish{color:#fff;background:#22c55e;border:none;border-radius:6px;padding:5px 10px}.notif__toggle--unpublish{color:#fff;background:#eab308;border:none;border-radius:6px;padding:5px 10px}.notif__delete{color:#fff;background:#ef4444;border:none;border-radius:6px;padding:5px 10px}.notif__center{text-align:center}@media (width<=768px){.notif__form{grid-template-columns:1fr}}.noticeMgmt{background:#f8fafc;padding:30px}.noticeMgmt__grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.noticeMgmt__form{background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:20px;display:flex}.noticeMgmt__input{border:1px solid #ddd;border-radius:10px;padding:10px}.noticeMgmt__btn{color:#fff;background:#6366f1;border-radius:10px;padding:10px}.noticeMgmt__preview{background:#fff;border-radius:16px;padding:20px}.noticeMgmt__previewImg{object-fit:cover;border-radius:10px;width:100%;height:150px}.noticeMgmt__search{max-width:300px;margin:20px 0}.noticeMgmt__list{flex-direction:column;gap:15px;display:flex}.noticeMgmt__card{background:#fff;border-radius:12px;padding:15px}.noticeMgmt__cardImg{object-fit:cover;border-radius:10px;width:100%;height:150px}.noticeMgmt__actions{gap:10px;margin-top:10px;display:flex}.theme1{background:#ffe4e6}.theme2{background:#e0f2fe}.theme3{background:#dcfce7}.theme4{background:#ede9fe}@media (width<=900px){.noticeMgmt__grid{grid-template-columns:1fr}}.feeUI{background:#eef2f7;min-height:100vh;padding:30px}.feeUI__top{grid-template-columns:1fr 1fr;gap:25px;display:grid}.feeUI__form{background:#fff;border-radius:18px;padding:25px;box-shadow:0 10px 25px #00000014}.feeUI__form h2{color:#4f46e5;margin-bottom:20px}.feeUI__row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.feeUI__form label{color:#4f46e5;font-size:13px;font-weight:600}.feeUI__form input{border:1px solid #d1d5db;border-radius:10px;width:100%;margin-top:5px;padding:10px}.feeUI__featureRow{gap:10px;margin-top:10px;display:flex}.feeUI__featureRow button{color:#fff;background:linear-gradient(90deg,#0ea5e9,#6366f1);border-radius:10px;padding:8px 15px}.feeUI__submit{color:#fff;background:linear-gradient(90deg,#4f46e5,#9333ea);border-radius:14px;width:100%;margin-top:20px;padding:12px}.feeUI__preview{background:#fdecec;border:1px solid #fca5a5;border-radius:18px;padding:25px}.feeUI__preview h3{color:#dc2626;margin-bottom:15px}.feeUI__card{background:#fff;border-radius:14px;padding:20px}.feeUI__price{color:#4f46e5;font-size:28px;font-weight:700}.feeUI__price span{color:#6b7280;font-size:14px}.feeUI__empty{color:#9ca3af}.feeUI__tableWrap{background:#fff;border-radius:18px;margin-top:40px;overflow:hidden;box-shadow:0 10px 20px #00000014}.feeUI__table{border-collapse:collapse;width:100%}.feeUI__table th{text-align:left;background:#eef2ff;padding:15px}.feeUI__table td{border-top:1px solid #eee;padding:14px}.feeUI__table button{margin-right:8px}@media (width<=900px){.feeUI__top,.feeUI__row{grid-template-columns:1fr}}.awardUI{background:#f4f7fb;justify-content:center;min-height:100vh;padding:30px;display:flex}.awardUI__card{background:#fff;border-radius:18px;flex-direction:column;gap:15px;width:100%;max-width:420px;padding:25px;display:flex;box-shadow:0 10px 25px #00000014}.awardUI__title{color:#4f46e5;text-align:center;font-size:20px;font-weight:600}.awardUI__upload{justify-content:center;display:flex}.awardUI__uploadBox{cursor:pointer;background:#eef2ff;border:2px dashed #c7d2fe;border-radius:14px;justify-content:center;align-items:center;width:100%;height:180px;transition:all .3s;display:flex;overflow:hidden}.awardUI__uploadBox:hover{border-color:#6366f1}.awardUI__previewImg{object-fit:cover;width:100%;height:100%}.awardUI__input{border:1px solid #d1d5db;border-radius:10px;outline:none;padding:12px;transition:all .2s}.awardUI__input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.awardUI__btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6366f1,#8b5cf6);border:none;border-radius:12px;padding:12px;transition:all .3s}.awardUI__btn:hover{opacity:.9}@media (width<=768px){.awardUI,.awardUI__card{padding:20px}}@media (width<=480px){.awardUI__uploadBox{height:140px}}.awardList{background:#f4f7fb;min-height:100vh;padding:30px}.awardList__header{margin-bottom:20px}.awardList__title{color:#4f46e5;font-size:22px;font-weight:600}.awardList__empty{text-align:center;color:#9ca3af;background:#fff;border-radius:12px;padding:30px}.awardList__grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.awardList__card{background:#fff;border-radius:16px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 10px 20px #00000014}.awardList__card:hover{transform:translateY(-4px)}.awardList__imageWrap{width:100%;height:180px;overflow:hidden}.awardList__image{object-fit:cover;width:100%;height:100%}.awardList__content{padding:12px 15px}.awardList__name{color:#374151;font-size:15px;font-weight:600}.awardList__actions{justify-content:space-between;gap:10px;padding:12px 15px;display:flex}.awardList__editBtn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;flex:1;padding:8px}.awardList__deleteBtn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex:1;padding:8px}@media (width<=1024px){.awardList__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.awardList{padding:20px}.awardList__grid{grid-template-columns:1fr}.awardList__imageWrap{height:150px}}.award-admin-container{background:linear-gradient(135deg,#eef2ff,#f8fafc);grid-template-columns:1fr;gap:80px;min-height:100vh;padding:20px;display:grid}@media (width>=1024px){.award-admin-container{grid-template-columns:360px 1fr;align-items:start;max-width:1300px;margin:auto}}.award-admin-form-section{width:100%}.award-form{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd9;border:1px solid #fff9;border-radius:20px;flex-direction:column;gap:20px;padding:30px;transition:all .3s;display:flex;box-shadow:0 10px 30px #00000014}.award-form:hover{transform:translateY(-4px)}@media (width>=1024px){.award-form{position:sticky;top:20px}}.award-form-title{color:#1e293b;font-size:22px;font-weight:700}.award-form input[type=text],.award-form input[type=file]{background:#f9fafb;border:1px solid #e2e8f0;border-radius:12px;padding:12px;font-size:14px;transition:all .3s}.award-form input:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.award-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6366f1,#7c3aed);border:none;border-radius:14px;padding:12px;font-size:14px;transition:all .3s}.award-submit-btn:hover{opacity:.9}.award-admin-list-section{width:80%}.award-list-container{background:#fff;border:1px solid #c7d2fe;border-radius:20px;flex-direction:column;padding:20px;display:flex;box-shadow:0 4px 10px #0000000f}.award-list-scroll{max-height:550px;margin-top:10px;padding-right:6px;overflow-y:auto}.award-list-scroll::-webkit-scrollbar{width:6px}.award-list-scroll::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:6px}.award-list-card{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding:14px 0;transition:all .3s;display:flex}.award-list-card:hover{background:#f8fafc}.award-list-image{object-fit:cover;object-position:center;aspect-ratio:1;border-radius:12px;width:70px;min-width:70px;height:70px}.award-list-content{flex:1}.award-list-content h4{color:#1e293b;font-size:15px;font-weight:600}.award-list-actions{gap:10px;display:flex}.award-edit-btn,.award-delete-btn{cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .2s}.award-edit-btn{background:#facc15}.award-edit-btn:hover{background:#eab308}.award-delete-btn{color:#fff;background:#ef4444}.award-delete-btn:hover{background:#dc2626}@media (width<=480px){.award-admin-list-section{width:100%}.award-admin-container{gap:16px;padding:12px}.award-form{padding:20px}.award-list-scroll{max-height:350px}.award-list-card{flex-direction:column;align-items:flex-start;gap:10px}.award-list-actions{flex-direction:column;width:100%}.award-edit-btn,.award-delete-btn{width:100%}.award-list-image{aspect-ratio:1;object-fit:cover;border-radius:14px;width:100%;min-width:auto;max-width:160px;height:160px}}@media (width>=600px) and (width<=1023px){.award-admin-container{grid-template-columns:300px 1fr}.award-list-scroll{max-height:500px}}@media (width>=1400px){.award-admin-container{max-width:1400px}}html,body{height:100%;overflow:hidden}.adm-blog-manager-container{gap:22px;min-height:100vh;padding:20px;display:flex;overflow:hidden}.adm-blog-left-panel{width:55%;height:100%;padding-right:6px;overflow:hidden auto}.adm-blog-form-box{background:#fff;border-radius:18px;max-height:88vh;padding:28px;overflow-y:auto;box-shadow:0 8px 25px #00000014}.adm-blog-form-box::-webkit-scrollbar{width:0;height:0}.adm-blog-form-box{scrollbar-width:none;-ms-overflow-style:none}.adm-table-scroll-area::-webkit-scrollbar{width:0;height:0}.adm-table-scroll-area{scrollbar-width:none;-ms-overflow-style:none}.adm-blog-left-panel,.adm-blog-form-box,.adm-table-scroll-area{scrollbar-gutter:stable}.adm-blog-right-panel{width:45%}.adm-blog-form-box{background:#fff;border-radius:18px;padding:28px;box-shadow:0 8px 25px #00000014}.adm-blog-form-heading{margin-bottom:20px;font-size:22px}.adm-input-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.adm-input-group input,.adm-input-group textarea,.adm-input-group select{border:1px solid #ccc;border-radius:8px;padding:11px}.adm-content-textarea{resize:none;height:180px}.adm-image-preview{width:90px;min-width:90px;height:90px;min-height:90px}.adm-submit-btn{color:#fff;cursor:pointer;will-change:transform;background:#ff9f43;border:none;border-radius:10px;width:100%;padding:14px;font-size:16px;transform:translateZ(0)}.adm-form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px;display:grid}.adm-input-group input,.adm-input-group textarea,.adm-input-group select{background:#fafbff;border:1px solid #e3e6ef;border-radius:10px;outline:none;padding:12px 14px;font-size:14px;transition:all .25s}.adm-input-group input:focus,.adm-input-group textarea:focus,.adm-input-group select:focus{background:#fff;border-color:#ff9f43;box-shadow:0 0 0 3px #ff9f431f}.adm-input-group label{color:#555;font-size:13px;font-weight:600}.adm-input-group textarea{resize:none;min-height:46px}.adm-submit-btn{transition:all .25s}.adm-submit-btn:hover{box-shadow:0 6px 18px #ff9f4359}.adm-blog-table-box{background:#f4f6fb;border-radius:18px;flex-direction:column;height:100%;padding:18px;display:flex}.adm-table-heading{font-size:20px}.adm-table-scroll-area{margin-top:15px;overflow-x:auto}.adm-blog-table{border-collapse:collapse;background:#fff;width:100%;min-width:900px}.adm-blog-table th{color:#fff;background:#ff9f43;padding:12px}.adm-blog-table td{border-bottom:1px solid #eee;padding:12px}.adm-table-img{object-fit:cover;border-radius:8px;width:60px;height:60px}.adm-desc-cell{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.adm-edit-btn{color:#fff;background:#28a745;border:none;border-radius:6px;margin-right:6px;padding:6px 10px}.adm-delete-btn{color:#fff;background:#dc3545;border:none;border-radius:6px;padding:6px 10px}.adm-empty-row{text-align:center;color:#777;padding:20px}.adm-table-scroll-area{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=1200px){.adm-blog-left-panel{width:60%}.adm-blog-right-panel{width:40%}}@media (width<=1000px){html,body{overflow:auto}.adm-blog-manager-container{flex-direction:column;height:auto;overflow:visible}.adm-blog-left-panel,.adm-blog-right-panel{width:100%;height:auto}.adm-blog-form-box{max-height:none}}@media (width<=600px){.adm-blog-manager-container{gap:16px;padding:14px}.adm-blog-form-box{border-radius:14px;padding:18px}.adm-blog-table-box{padding:14px}.adm-form-row{grid-template-columns:1fr;gap:12px}.adm-blog-table{min-width:700px}.adm-input-group input,.adm-input-group textarea,.adm-input-group select{padding:12px;font-size:15px}.adm-submit-btn{padding:13px;font-size:15px}}.bv-main-section{background:#f6f7fb}.bv-main-heading{font-size:42px;font-weight:600}.bv-top-layout{gap:30px;max-width:1300px;margin:auto;display:flex}.bv-feature-card{border-radius:18px;flex:2;position:relative;overflow:hidden}.bv-feature-card img{object-fit:cover;width:100%;height:100%}.bv-feature-overlay{color:#fff;background:linear-gradient(#0000,#000000b3);padding:30px;position:absolute;bottom:0;left:0;right:0}.bv-feature-overlay h3{margin:15px 0;font-size:28px}.bv-meta{gap:20px;font-size:14px;display:flex}.bv-side-wrapper{flex-direction:column;flex:1;gap:25px;display:flex}.bv-side-card{background:#fff;border-radius:16px;gap:15px;padding:18px;display:flex;box-shadow:0 6px 18px #00000014}.bv-side-card img{object-fit:cover;border-radius:12px;width:120px;height:90px}.bv-side-content h4{margin:8px 0;font-size:18px}.bv-side-content p{color:#666;font-size:14px}.bv-side-date{font-size:14px;font-weight:600}.bv-grid-wrapper{grid-template-columns:repeat(4,1fr);gap:25px;max-width:1300px;margin:70px auto 0;display:grid}.bv-grid-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #00000014}.bv-grid-card img{object-fit:cover;width:100%;height:220px}.bv-grid-card h5{text-align:center;padding:20px;font-size:16px;line-height:1.5}@media (width<=1100px){.bv-top-layout{flex-direction:column}.bv-grid-wrapper{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.bv-grid-wrapper{grid-template-columns:1fr}.bv-feature-overlay h3{font-size:22px}}.pp-form{background:linear-gradient(to bottom right,#eef2ff,#faf5ff);border:1px solid #c7d2fe;border-radius:16px;width:100%;max-width:380px;min-height:290px;margin:0 auto;padding:24px;box-shadow:0 4px 10px #0000000f}.pp-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6366f1,#7c3aed);border:none;border-radius:14px;width:100%;margin-top:20px;padding:12px;font-size:15px}.pp-table-box{background:#fff;border:1px solid #c7d2fe;border-radius:16px;height:fit-content;min-height:300px;padding:20px;box-shadow:0 4px 10px #0000000f}.pp-table-wrapper{max-height:350px;padding-right:4px;overflow-y:auto}.pp-table{border-collapse:collapse;width:100%;min-width:400px}.pp-table th{z-index:2;background:#eef2ff;padding:12px;font-size:14px;font-weight:700;position:sticky;top:0}.pp-table td{border-bottom:1px solid #e5e7eb;padding:12px;font-size:14px}.pp-edit{color:#4f46e5;cursor:pointer}.pp-delete{color:#dc2626;cursor:pointer}@media (width<=480px){.pp-container{grid-template-columns:1fr;gap:16px;padding:12px}.pp-form{width:100%;max-width:100%;min-height:auto;padding:16px}.pp-table-box{width:100%;padding:14px}.pp-table-wrapper{max-height:280px}.pp-table{min-width:100%}.pp-title{font-size:17px}.pp-input{padding:9px 12px;font-size:14px}.pp-btn{padding:10px;font-size:14px}.pp-actions{flex-direction:column;gap:6px}}@media (width>=481px) and (width<=599px){.pp-container{grid-template-columns:1fr}.pp-table-wrapper{max-height:320px}.pp-actions{gap:8px}}@media (width>=600px) and (width<=1023px){.pp-container{grid-template-columns:300px 1fr;gap:20px}.pp-form{max-width:100%}.pp-table-wrapper{max-height:450px}}@media (width>=1024px) and (width<=1399px){.pp-container{grid-template-columns:340px 1fr;align-items:start}.pp-form{position:sticky;top:20px}.pp-table-wrapper{max-height:500px}}@media (width>=1400px) and (width<=1799px){.pp-container{grid-template-columns:380px 1fr;max-width:1350px;margin:auto}}@media (width>=1800px){.pp-container{max-width:1500px;margin:auto}}html,body{overflow-x:hidden}@media (width>=1024px){.pp-container{grid-template-columns:1fr 1fr}}.pp-table-box{background:#fff;border:1px solid #c7d2fe;border-radius:16px;height:420px;padding:20px;overflow-y:hidden;box-shadow:0 4px 10px #0000000f}.pp-table-box .pp-title{flex-shrink:0}.pp-table-box table{flex:1;display:block;overflow-y:auto}.pp-table thead{table-layout:fixed;width:100%;display:table}.pp-table tbody{height:290px;display:block;overflow-y:auto}.pp-table tbody tr{table-layout:fixed;width:100%;display:table}.pp-table tbody::-webkit-scrollbar{width:6px}.pp-table tbody::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:6px}.pp-table tbody::-webkit-scrollbar-track{background:0 0}@media (width>=481px) and (width<=1023px){.pp-table-box{height:360px}}@media (width>=1024px) and (width<=1399px){.pp-table-box{height:420px}}@media (width>=1400px){.pp-table-box{height:500px}}.pp-container{grid-template-columns:1fr;gap:24px;padding:20px;display:grid}@media (width>=1024px){.pp-container{grid-template-columns:1fr 1fr}}.pp-form{background:linear-gradient(to bottom right,#eef2ff,#faf5ff);border:1px solid #c7d2fe;border-radius:16px;padding:24px;box-shadow:0 4px 10px #0000000f}.pp-title{color:#4f46e5;margin-bottom:20px;font-size:20px;font-weight:600}.pp-label{color:#4f46e5;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.pp-input{border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:10px 14px}.pp-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.pp-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6366f1,#7c3aed);border:none;border-radius:14px;width:100%;margin-top:18px;padding:12px;font-size:15px;font-weight:500;transition:all .2s}.pp-btn:hover{opacity:.9}.pp-version{text-align:center;color:#6b7280;margin-top:10px;font-size:13px}.pp-table-box{background:#fff;border:1px solid #c7d2fe;border-radius:16px;padding:20px;box-shadow:0 4px 10px #0000000f}.pp-table{border-collapse:collapse;width:100%}.pp-table th{text-align:left;background:#eef2ff;padding:12px;font-size:14px;font-weight:600}.pp-table td{border-bottom:1px solid #e5e7eb;padding:12px}.pp-actions{gap:12px;display:flex}.pp-edit{color:#4f46e5;cursor:pointer;font-size:14px}.pp-delete{color:#dc2626;cursor:pointer;font-size:14px}.pp-empty{text-align:center;color:#9ca3af;padding:16px}:root{--board:#fff;--board-deep:#f2efe6;--paper:#fbf8f1;--paper-dim:#f4efe3;--ink:#24211a;--ink-muted:#766d5b;--ink-on-board:#24211a;--brass:#c08a35;--brass-deep:#8a5f22;--brass-line:#d9a24c;--sage:#4f7859;--sage-soft:#e4ede4;--terracotta:#bb623d;--terracotta-soft:#f4e6dd;--rose:#a53f45;--rose-soft:#f6e2e1;--slate-soft:#e9e4d6;--shadow-card:0 18px 40px -14px #0f14161f, 0 2px 8px -2px #0f141614;--shadow-board:0 24px 60px -20px #0000001f;--shadow-btn:0 12px 24px -8px #0003;--radius-xl:22px;--radius-lg:16px;--radius-sm:10px;--font-display:"Fraunces", Georgia, serif;--font-body:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:#fff}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.attendance-page-wrapper{background:radial-gradient(circle at 15% 10%, #c08a350a, transparent 40%), var(--board);flex-direction:column;gap:clamp(1.25rem,2.5vw,1.75rem);max-width:1320px;min-height:100vh;margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,4vw,1.75rem);display:flex}.top-navigation-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:.35rem;font-size:.72rem;display:block}.top-navigation-bar h2{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:clamp(1.5rem,3vw,2.05rem);font-weight:600}.breadcrumbs{color:var(--ink-muted);background:var(--paper);box-shadow:var(--shadow-card);white-space:nowrap;border-radius:30px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.82rem;display:flex}.home-icon{color:var(--brass)}.arrow-divider{color:#c9c0ab;font-size:.6rem}.active-crumb{color:var(--ink);font-weight:700}.dashboard-grid{grid-template-columns:1.1fr 1fr;align-items:stretch;gap:clamp(1rem,2.5vw,1.75rem);display:grid}.dashboard-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;padding:clamp(1.5rem,3vw,2.1rem);display:flex}.live-clock-card{background:radial-gradient(circle at 30% 20%, #c08a350f, transparent 55%), linear-gradient(155deg, #fff 0%, var(--paper) 60%, var(--paper-dim) 100%);color:var(--ink);border:1px solid #ece4d1;justify-content:center;align-items:center;min-height:300px;position:relative;overflow:hidden}.live-clock-card:after{content:"";border-radius:calc(var(--radius-xl) - 8px);pointer-events:none;border:1px dashed #24211a1f;position:absolute;inset:10px}.pin{background:radial-gradient(circle at 35% 30%, var(--brass-line), var(--brass) 55%, #7a5a22 100%);color:#00000059;z-index:3;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;display:flex;position:absolute;box-shadow:0 3px 6px #00000040,inset 0 1px 1px #fff6}.pin-tl{top:16px;left:16px;transform:rotate(-18deg)}.pin-tr{top:16px;right:16px;transform:rotate(18deg)}.clock-glass-overlay{text-align:center;z-index:2}.clock-digits{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);text-shadow:0 2px 20px #c08a351a;font-size:clamp(2.6rem,6vw,4.1rem);font-weight:600;line-height:1}.clock-ampm{font-family:var(--font-mono);color:var(--brass-deep);vertical-align:middle;margin-left:.5rem;font-size:clamp(1rem,2vw,1.3rem);font-weight:600}.clock-date{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-muted);margin-top:.9rem;font-size:.82rem}.shift-plan-strip{z-index:2;color:#fff;background:linear-gradient(135deg, var(--brass-line), var(--brass));border-radius:30px;align-items:center;gap:.5rem;margin-top:1.6rem;padding:.5rem 1.1rem;font-size:.8rem;font-weight:600;display:inline-flex;position:relative}.action-controller-card{background:var(--paper);justify-content:space-between;align-items:center;gap:1.25rem;min-height:300px}.status-badge-pill{background:var(--slate-soft);color:var(--ink-muted);border-radius:30px;align-self:flex-start;align-items:center;gap:.55rem;padding:.5rem 1.1rem;font-size:.82rem;font-weight:700;display:inline-flex}.status-indicator-dot{background:#a49b85;border-radius:50%;width:8px;height:8px}.status-badge-pill.working{background:var(--sage-soft);color:var(--sage)}.status-badge-pill.working .status-indicator-dot{background:var(--sage);box-shadow:0 0 0 4px #4f78592e}.status-badge-pill.on-break{background:var(--terracotta-soft);color:var(--terracotta)}.status-badge-pill.on-break .status-indicator-dot{background:var(--terracotta);box-shadow:0 0 0 4px #bb623d2e}.circle-button-container{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.action-circle{color:#fff;cursor:pointer;width:152px;height:152px;box-shadow:var(--shadow-btn);font-family:var(--font-body);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;display:flex}.action-circle:hover{transform:translateY(-4px)}.action-circle:active{transform:translateY(-1px)scale(.98)}.action-circle:focus-visible{outline:3px solid var(--brass-line);outline-offset:4px}.btn-punch-in{background:linear-gradient(150deg, #5f8b6a 0%, var(--sage) 100%)}.btn-punch-out{background:linear-gradient(150deg, #c4544f 0%, var(--rose) 100%)}.btn-end-break{background:linear-gradient(150deg, #cf8a4e 0%, var(--terracotta) 100%)}.circle-icon{font-size:1.9rem}.action-circle span:last-child{letter-spacing:.01em;font-size:.95rem;font-weight:700}.dual-action-wrapper{flex-direction:column;align-items:center;gap:1rem;display:flex}.secondary-break-btn{border:1.5px solid var(--paper-dim);cursor:pointer;color:var(--ink);font-size:.85rem;font-weight:700;font-family:var(--font-body);background:0 0;border-bottom-color:#d8cfb8;border-radius:30px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;transition:all .2s;display:flex}.secondary-break-btn:hover{background-color:var(--paper-dim);border-color:var(--brass-line);color:var(--brass-deep)}.secondary-break-btn:focus-visible{outline:3px solid var(--brass-line);outline-offset:2px}.statistics-card{background:var(--paper)}.card-header-block{justify-content:space-between;align-items:center;width:100%;margin-bottom:1.4rem;display:flex}.statistics-card h3,.bottom-activity-panel h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:1.2rem;font-weight:600}.live-pulse-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brass-deep);background:#f4e8d4;border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .7rem .3rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.live-dot{background:var(--brass);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.sub-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;display:grid}.stat-card-premium{border-radius:var(--radius-lg);background:var(--paper-dim);border:1px solid #eee6d3;align-items:center;gap:14px;width:100%;min-width:0;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.05rem;display:flex}.shift-icon{background:var(--slate-soft);color:var(--ink-muted)}.work-icon{background:var(--sage-soft);color:var(--sage)}.break-icon{background:var(--terracotta-soft);color:var(--terracotta)}.overtime-icon{color:var(--brass-deep);background:#ece2ce}.stat-content-text{flex-direction:column;flex:1;min-width:0;display:flex}.stat-lbl{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem;font-size:.74rem;font-weight:700}.stat-val{font-family:var(--font-mono);word-break:break-word;color:var(--ink);font-size:1.05rem;font-weight:600;line-height:1.4}.active-glow-green{background:#fff;border-color:#bcd6c2;box-shadow:0 4px 15px #4f78591a}.active-glow-orange{background:#fff;border-color:#e6c1a8;box-shadow:0 4px 15px #bb623d1a}.active-glow-blue{background:#fff;border-color:#e0c68d;box-shadow:0 4px 15px #c08a351f}.bottom-activity-panel{background:var(--paper);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:clamp(1.5rem,3vw,2.1rem)}.bottom-activity-panel h3{border-bottom:1px solid #ece4d1;margin-bottom:1.3rem;padding-bottom:.9rem}.timeline-container{flex-direction:column;display:flex}.timeline-row{border-bottom:1px dotted #ddd3ba;align-items:baseline;gap:.75rem;padding:.85rem 0;display:flex}.timeline-row:last-child{border-bottom:none}.log-timestamp{font-family:var(--font-mono);color:var(--ink);flex-shrink:0;font-size:.85rem;font-weight:600}.log-leader{border-bottom:1px dotted #ddd3ba;flex:1;min-width:24px;margin-bottom:4px}.log-title{color:var(--ink-muted);border-radius:20px;flex-shrink:0;padding:.2rem .65rem;font-size:.85rem;font-weight:700}.tag-punched-in{color:var(--sage);background:var(--sage-soft)}.tag-punched-out{color:var(--rose);background:var(--rose-soft)}.tag-break-started,.tag-break-ended{color:var(--terracotta);background:var(--terracotta-soft)}.empty-timeline-state{color:var(--ink-muted);padding:.75rem 0;font-size:.9rem;font-style:italic}@media (width<=992px){.dashboard-grid{grid-template-columns:1fr}.live-clock-card,.action-controller-card{min-height:260px}.sub-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.attendance-page-wrapper{padding:1rem}.top-navigation-bar{flex-direction:column;align-items:flex-start;gap:12px}.breadcrumbs{width:100%;overflow-x:auto}.dashboard-card{padding:1.4rem}.action-circle{width:132px;height:132px}.timeline-row{flex-wrap:wrap}.log-leader{display:none}.log-title{order:3;width:100%;margin-top:2px}}@media (width<=480px){.sub-stats-grid{grid-template-columns:1fr}.clock-digits{font-size:2.3rem}.action-circle{width:118px;height:118px}.circle-icon{font-size:1.5rem}.pin{width:20px;height:20px;font-size:.6rem}}@media (width<=360px){.dashboard-card{padding:1.1rem}.action-circle{width:104px;height:104px}}:root{--ot-bg-main:#f4f6f9;--ot-bg-white:#fff;--ot-text-dark:#1f2937;--ot-text-muted:#6b7280;--ot-primary-purple:#4f46e5;--ot-purple-gradient:linear-gradient(135deg, #a855f7 0%, #4f46e5 100%);--ot-border-color:#cbd5e1;--ot-input-bg:#f8fafc;--ot-shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--ot-shadow-lg:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a}.ot-dashboard-container{background-color:var(--ot-bg-main);min-height:100vh;color:var(--ot-text-dark);box-sizing:border-box;padding:24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ot-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;display:flex}.ot-main-title{margin:0;font-size:24px;font-weight:700}.ot-breadcrumb{color:var(--ot-text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.ot-home-icon{font-size:16px}.ot-chevron{color:#9ca3af;font-size:12px}.ot-current-crumb{color:var(--ot-text-dark);font-weight:600}.ot-content-wrapper{max-width:1280px;margin:0 auto}.ot-subheader{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.ot-section-title{margin:0;font-size:20px;font-weight:600}.ot-btn-primary{background-color:var(--ot-primary-purple);color:var(--ot-white,#fff);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:6px;padding:10px 24px;font-size:15px;font-weight:600;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 4px 10px #4f46e54d}.ot-plus-icon{font-size:16px}.ot-btn-primary:hover{background-color:#4338ca;transform:translateY(-1px)}.ot-requests-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.ot-card{background-color:var(--ot-bg-white);box-shadow:var(--ot-shadow-sm);border:1px solid #e2e8f0cc;border-radius:16px;flex-direction:column;padding:20px;display:flex}.ot-card-header{justify-content:space-between;align-items:flex-start;display:flex}.ot-card-date{margin:0 0 4px;font-size:18px;font-weight:700}.ot-card-applied{color:var(--ot-text-muted);margin:0;font-size:13px}.ot-badge{border-radius:50px;padding:6px 14px;font-size:13px;font-weight:600}.ot-badge.approved{color:#107c41;background-color:#edfcf3}.ot-badge.pending{color:#b78500;background-color:#fff9e6}.ot-divider{border-top:1px dashed #e2e8f0;margin:16px 0}.ot-hours-display{align-items:center;gap:8px;margin-bottom:14px;display:flex}.ot-clock-icon{color:var(--ot-primary-purple);font-size:18px}.ot-hours-text{font-size:16px;font-weight:700}.ot-reason-box{color:#475569;background-color:#f8fafc;border-radius:8px;padding:12px 16px;font-size:14px}.ot-reason-box p{margin:0}.ot-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a4d;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.ot-modal-window{background-color:var(--ot-bg-white);width:100%;max-width:460px;box-shadow:var(--ot-shadow-lg);border-radius:16px;margin:16px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden}.ot-modal-header{background:var(--ot-purple-gradient);color:#fff;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.ot-modal-header h3{margin:0;font-size:19px;font-weight:600}.ot-modal-close-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;font-size:24px}.ot-modal-close-btn:hover{opacity:1}.ot-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex;position:relative}.ot-input-group{border:1px solid var(--ot-border-color);cursor:pointer;background-color:#fff;border-radius:8px;padding:10px 14px;transition:border-color .2s;position:relative}.ot-input-group:focus-within{border-color:var(--ot-primary-purple)}.ot-input-label{color:var(--ot-text-muted);pointer-events:none;margin-bottom:4px;font-size:13px;display:block}.ot-input-inner-wrapper{justify-content:space-between;align-items:center;height:24px;display:flex}.ot-input-value-text{font-size:15px;font-weight:500}.ot-icons-right{align-items:center;gap:10px;display:flex}.ot-calendar-icon,.ot-calendar-icon-alt,.ot-stopwatch-icon{color:#4b5563;justify-content:center;align-items:center;font-size:26px;line-height:1;display:inline-flex}.ot-calendar-icon.active{color:var(--ot-primary-purple)}.ot-hidden-raw-input{opacity:0;width:0;height:0;position:absolute}.ot-stepper-controls-wrapper{align-items:center;gap:12px;display:flex}.ot-stepper-arrows{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;font-size:9px;line-height:1.1;display:flex}.ot-stepper-arrows span:hover{color:var(--ot-text-dark)}.ot-custom-calendar{width:100%;box-shadow:var(--ot-shadow-lg);box-sizing:border-box;z-index:10;background-color:#e2e8f0;border-radius:12px;padding:16px;position:absolute;top:calc(100% + 6px);left:0}.ot-cal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ot-cal-month-year{font-size:14px;font-weight:700}.ot-cal-arrows{color:var(--ot-text-muted);gap:16px;display:flex}.ot-cal-weekdays{text-align:center;color:var(--ot-text-muted);grid-template-columns:repeat(7,1fr);margin-bottom:8px;font-size:12px;font-weight:600;display:grid}.ot-cal-days-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.ot-cal-day-cell{cursor:pointer;border-radius:50px;padding:6px 0;font-size:13px}.ot-cal-day-cell:hover{background-color:#4f46e51a}.ot-cal-day-cell.selected{border:1px solid var(--ot-primary-purple);color:var(--ot-primary-purple);background-color:#0000;font-weight:700}.text-area-group{cursor:text;padding-bottom:6px}.ot-textarea-field{resize:vertical;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;margin-top:4px;padding-right:28px;font-family:inherit;font-size:15px}.ot-doc-icon{color:#4b5563;pointer-events:none;align-items:center;font-size:20px;display:inline-flex;position:absolute;bottom:14px;right:14px}.ot-modal-footer{justify-content:center;gap:16px;margin-top:12px;display:flex}.ot-btn-submit{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:background-color .2s}.ot-btn-submit.disabled{color:#94a3b8;cursor:not-allowed;background-color:#e2e8f0}.ot-btn-submit.ready{color:#fff;background-color:#22c55e}.ot-btn-submit.ready:hover{background-color:#16a34a}.ot-btn-cancel{background-color:var(--ot-primary-purple);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 32px;font-size:15px;font-weight:600}.ot-btn-cancel:hover{background-color:#4338ca}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.ot-header{flex-direction:column;align-items:flex-start}.ot-subheader{flex-direction:column;align-items:flex-start;gap:12px}.ot-btn-primary{justify-content:center;width:100%}.ot-modal-footer{flex-direction:column-reverse}.ot-btn-submit,.ot-btn-cancel{width:100%}}:root{--primary-bg:#f3f4fd;--card-bg:#fff;--text-main:#333951;--border-color:#eaeef7;--status-approved-bg:#e6f9f0;--status-approved-text:#17bb71;--status-rejected-bg:#ffebeb;--status-rejected-text:#ff4d4d;--status-pending-bg:#fff6e6;--status-pending-text:#fa0;--btn-purple:#4e5bf2;--btn-purple-hover:#3d49cb}body{background-color:var(--primary-bg);color:var(--text-main);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.lv-dashboard-container{max-width:1400px;margin:0 auto;padding:24px}.lv-header{margin-bottom:16px}.lv-main-title{color:#2c3144;margin:0;font-size:20px;font-weight:600}.lv-card-wrapper{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #a0aad21a}.lv-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.lv-toolbar-left,.lv-toolbar-right{align-items:center;gap:12px;display:flex}.lv-search-box{align-items:center;display:flex;position:relative}.lv-search-icon{color:#a0a7c1;font-size:14px;position:absolute;left:12px}.lv-search-box input{border:1px solid #d4dae6;border-radius:8px;outline:none;width:220px;padding:8px 12px 8px 36px;font-size:14px;transition:border-color .2s}.lv-search-box input:focus{border-color:var(--btn-purple)}.lv-icon-btn{color:#636e93;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .2s;display:flex}.lv-icon-btn:hover{background:#f0f2f9}.lv-add-btn{color:#fff;background:#2dd47b}.lv-add-btn:hover{background:#24b869}.lv-table-scroller{width:100%;overflow-x:auto}.lv-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.lv-data-table th,.lv-data-table td{border-bottom:1px solid var(--border-color);white-space:nowrap;padding:14px 18px}.lv-data-table th{color:#636e93;-webkit-user-select:none;user-select:none;background-color:#fafbfc;font-weight:600}.lv-th-checkbox,.lv-td-checkbox{text-align:center;width:44px!important;min-width:44px!important;max-width:44px!important;padding-left:20px!important;padding-right:0!important}.lv-native-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--btn-purple);border:1.5px solid #b9c1d6;border-radius:4px;margin:0 auto;display:block}.lv-data-table tbody tr:hover{background-color:#f8fafc}.lv-row-selected{background-color:#f2f4ff!important}.lv-cell-calendar-icon{color:#a0a7c1;margin-right:4px}.lv-status-badge{border-radius:12px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.lv-status-badge.approved{background:var(--status-approved-bg);color:var(--status-approved-text)}.lv-status-badge.rejected{background:var(--status-rejected-bg);color:var(--status-rejected-text)}.lv-status-badge.pending{background:var(--status-pending-bg);color:var(--status-pending-text)}.lv-cell-reason{color:#7a829a;text-overflow:ellipsis;max-width:180px;overflow:hidden}.lv-cell-actions{text-align:center}.lv-cell-actions button{cursor:pointer;background:0 0;border:none;border-radius:4px;margin:0 4px;padding:4px;font-size:15px}.lv-cell-actions button:hover{background-color:#eef1f6}.lv-pagination-bar{border-top:1px solid var(--border-color);color:#636e93;box-sizing:border-box;background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;width:100%;padding:14px 20px;font-size:13px;display:flex}.lv-pagination-right-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.lv-pag-label{color:#555;white-space:nowrap;font-size:14px}.lv-page-select-wrapper select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:none;padding:6px 10px;font-size:14px}.lv-page-select-wrapper select:focus{border-color:#1976d2}.lv-pagination-summary{color:#555;white-space:nowrap;font-size:14px}.lv-pagination-nav-arrows{align-items:center;gap:8px;display:flex}.lv-nav-arrow{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;width:34px;height:34px;font-size:16px;transition:all .2s}.lv-nav-arrow:hover:not(:disabled){background:#f3f4f6}.lv-nav-arrow:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.lv-pagination-bar{justify-content:center;padding:12px}.lv-pagination-right-group{justify-content:center;gap:12px}.lv-pag-label,.lv-pagination-summary{font-size:13px}.lv-page-select-wrapper select{padding:5px 8px;font-size:13px}.lv-nav-arrow{width:32px;height:32px}}@media (width<=480px){.lv-pagination-right-group{align-items:center;gap:10px}.lv-pagination-summary{text-align:center}}.lv-dropdown-anchor{position:relative}.lv-column-picker-dropdown{z-index:100;background:#fff;border:1px solid #d4dae6;border-radius:8px;width:200px;padding:8px 0;position:absolute;top:42px;right:0;box-shadow:0 6px 20px #0000001a}.lv-picker-header{color:#2c3144;padding:6px 16px;font-size:13px;font-weight:600}.lv-picker-divider{background:var(--border-color);height:1px;margin:6px 0}.lv-picker-scroll-area{max-height:240px;overflow-y:auto}.lv-picker-item{cursor:pointer;color:#4f566b;align-items:center;padding:8px 16px;font-size:13px;display:flex}.lv-picker-item:hover{background-color:#f4f6fa}.lv-picker-item input{accent-color:var(--btn-purple);margin-right:10px}.lv-modal-overlay,.lv-delete-modal-overlay{z-index:1000;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lv-modal-window{background:#fff;border-radius:12px;width:540px;max-width:90%;overflow:hidden;box-shadow:0 20px 25px -5px #00000026}.lv-modal-header{border-bottom:1px solid var(--border-color);background:#fafbfc;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.lv-modal-header h2{color:#2c3144;margin:0;font-size:16px}.lv-modal-close-cross{cursor:pointer;color:#a0a7c1;background:0 0;border:none;font-size:22px}.lv-form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.lv-form-field-box{background:#fff;border:1px solid #d4dae6;border-radius:8px;padding:6px 12px;position:relative}.lv-field-label,.lv-floating-label-text{color:#7a829a;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:500;display:block}.lv-field-value-row{color:var(--text-main);justify-content:space-between;align-items:center;height:24px;font-size:14px;display:flex}.lv-modal-native-date{width:100%;color:var(--text-main);border:none;outline:none;font-size:14px}.lv-form-textarea-field{border:1px solid #d4dae6;border-radius:8px;margin-bottom:24px;padding:8px 12px;position:relative}.lv-textarea-inner-title{color:#7a829a;text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.lv-form-textarea-field textarea{resize:vertical;width:100%;color:var(--text-main);border:none;outline:none;font-family:inherit;font-size:14px}.lv-modal-action-footer{justify-content:flex-end;gap:12px;display:flex}.lv-btn-save-purple{background:var(--btn-purple);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-weight:500}.lv-btn-save-purple:hover{background:var(--btn-purple-hover)}.lv-btn-cancel-darkred{color:#4f566b;cursor:pointer;background:#f1f3f9;border:none;border-radius:6px;padding:10px 24px}.lv-delete-modal-window{text-align:center;background:#fff;border-radius:8px;width:360px;padding:24px}.lv-delete-modal-title{color:#2c3144;margin-top:0;font-size:18px}.lv-delete-modal-content-area{text-align:left;background:#f8fafc;border-radius:6px;margin:16px 0;padding:12px;font-size:13px}.lv-delete-modal-content-area p{margin:4px 0}.lv-delete-modal-footer{justify-content:center;gap:12px;display:flex}.lv-btn-confirm-delete{color:#fff;cursor:pointer;background-color:#ff4d4d;border:none;border-radius:4px;padding:8px 20px}.lv-btn-cancel-delete{cursor:pointer;background:#eef1f6;border:none;border-radius:4px;padding:8px 20px}.lv-modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.lv-modal-window{background:#fff;border-radius:16px;width:92%;max-width:780px;animation:.25s modalScale;overflow:hidden;box-shadow:0 20px 60px #0000002e}.lv-modal-header{border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.lv-modal-header h2{color:#222;font-size:24px;font-weight:700}.lv-modal-close-cross{cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;width:38px;height:38px;font-size:26px;transition:all .3s}.lv-modal-close-cross:hover{color:#fff;background:#ef4444}.lv-modal-body{padding:28px}.lv-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.lv-form-group{flex-direction:column;display:flex}.lv-form-group label{color:#555;margin-bottom:8px;font-size:14px;font-weight:600}.lv-form-group input,.lv-form-group select,.lv-form-group textarea{background:#fff;border:1px solid #d8d8d8;border-radius:10px;width:100%;padding:13px 15px;font-size:15px;transition:all .3s}.lv-form-group textarea{resize:vertical;min-height:120px}.lv-form-group input:focus,.lv-form-group select:focus,.lv-form-group textarea:focus{border-color:#6d5dfc;outline:none;box-shadow:0 0 0 4px #6d5dfc1f}.full-width{grid-column:1/-1;margin-top:10px}.lv-modal-footer{justify-content:flex-end;gap:14px;margin-top:28px;display:flex}.lv-save-btn{color:#fff;cursor:pointer;background:#6d5dfc;border:none;border-radius:8px;padding:12px 34px;font-size:15px;font-weight:600;transition:all .3s}.lv-save-btn:hover{background:#5847f4;transform:translateY(-2px)}.lv-cancel-btn{color:#d62839;cursor:pointer;background:#fff;border:1px solid #d62839;border-radius:8px;padding:12px 34px;font-size:15px;font-weight:600;transition:all .3s}.lv-cancel-btn:hover{color:#fff;background:#d62839}@keyframes modalScale{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.lv-form-grid{display:block}}.attendance-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.attendance-header h1{color:#364152;margin:0;font-size:20px;font-weight:700}.breadcrumbs{color:#616161;align-items:center;gap:4px;font-size:12px;display:flex}.breadcrumbs .home-icon{color:#6571ff;cursor:pointer}.breadcrumbs .link{cursor:pointer}.breadcrumbs .link:hover{text-decoration:underline}.breadcrumbs .separator{color:#9e9e9e}.breadcrumbs .current-page{color:#9e9e9e;font-weight:500}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.stat-card{color:#fff;text-align:center;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.stat-card p{opacity:.95;margin:0 0 8px;font-size:14px;font-weight:600}.stat-card .stat-number{margin:0;font-size:36px;font-weight:800}.card-present{background-color:#4caf50}.card-absent{background-color:#f44336}.card-late{background-color:#ff9800}.card-halfday{background-color:#2196f3}.calendar-panel{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 4px #00000005}.calendar-panel h2{color:#1e293b;margin:0 0 24px;font-size:20px;font-weight:700}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:16px;margin-bottom:32px;display:grid}.date-box{aspect-ratio:1;cursor:pointer;border:1px solid;border-radius:12px;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s,border-color .2s,box-shadow .2s;display:flex}.date-box.status-default{color:#b0b0b0;background-color:#f8f9fa;border-color:#f1f1f1}.date-box.status-default:hover{background-color:#f1f3f5;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}.date-box.status-present{color:#2e7d32;background-color:#edf7ed;border-color:#c8e6c9}.date-box.status-present:hover{background-color:#e1f0e1;border-color:#a1d9a4;transform:translateY(-2px);box-shadow:0 4px 8px -2px #2e7d3226}.date-box.status-absent{color:#d32f2f;background-color:#fdeded;border-color:#ffcdd2}.date-box.status-absent:hover{background-color:#fbe0e0;border-color:#ef9a9a;transform:translateY(-2px);box-shadow:0 4px 8px -2px #d32f2f26}.date-box.status-late{color:#ed6c02;background-color:#fff4e5;border-color:#ffe0b2}.date-box.status-late:hover{background-color:#ffeace;border-color:#ffcc80;transform:translateY(-2px);box-shadow:0 4px 8px -2px #ed6c0226}.legend-container{color:#4a5568;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:24px;padding-top:16px;font-size:14px;font-weight:500;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px}.dot-present{background-color:#4caf50}.dot-absent{background-color:#f44336}.dot-late{background-color:#ff9800}.dot-halfday{background-color:#2196f3}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.calendar-grid{grid-template-columns:repeat(4,1fr)}.attendance-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=480px){.stats-grid,.calendar-grid{grid-template-columns:repeat(2,1fr)}}.attendance-container{color:#1f2937;box-sizing:border-box;background-color:#f3f4f6;min-height:100vh;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.attendance-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.attendance-title{color:#374151;margin:0;font-size:25px;font-weight:650}.attendance-breadcrumb{color:#6b7280;align-items:center;gap:6px;font-size:15px;display:flex}.breadcrumb-separator{color:#d1d5db}.breadcrumb-active{color:#374151;font-weight:600}.attendance-toolbar{background-color:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000d}.search-box-wrapper{width:100%;max-width:280px;position:relative}.search-input{color:#4b5563;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:10px 40px 10px 14px;font-size:14px;transition:transform .2s,box-shadow .2s}.search-input:hover,.search-input:focus{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}.search-icon{color:#9ca3af;pointer-events:none;font-size:14px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.toolbar-right{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.filter-dropdown-container{display:inline-block;position:relative}.dropdown-trigger-btn{color:#111827;cursor:pointer;background-color:#f3f4f6;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:130px;padding:10px 16px;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s;display:flex}.dropdown-trigger-btn:hover{transform:translateY(-1px);box-shadow:0 2px 5px #00000014}.dropdown-arrow{color:#6b7280;font-size:9px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu-list{z-index:10;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:2px;min-width:140px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dropdown-item{text-align:left;color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:background-color .15s,color .15s}.dropdown-item:hover{color:#111827;background-color:#f3f4f6}.dropdown-item.selected{color:#111827;background-color:#e5e7eb;font-weight:600}.records-count{color:#4b5563;font-size:14px;font-weight:600}.attendance-timeline{flex-direction:column;display:flex}.timeline-item{display:flex;position:relative}.timeline-node{flex-direction:column;align-items:center;margin-right:20px;display:flex}.node-circle{z-index:2;background-color:#fff;border:3px solid #4f46e5;border-radius:50%;width:14px;height:14px;margin-top:24px}.node-line{background-color:#e5e7eb;flex-grow:1;width:2px;margin-bottom:-24px}.attendance-card{background-color:#fff;border-radius:12px;flex-grow:1;margin-bottom:25px;padding:20px 24px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;box-shadow:0 1px 3px #0000000d}.attendance-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008}.card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;display:flex}.card-date{color:#111827;margin:0;font-size:20px;font-weight:700}.status-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;transition:transform .2s}.attendance-card:hover .status-badge{transform:scale(1.03)}.badge-present{color:#137333;background-color:#e6f4ea}.badge-late{color:#b45309;background-color:#fef3c7}.badge-absent{color:#c5221f;background-color:#fce8e6}.card-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-col{flex-direction:column;gap:6px;display:flex}.col-label{color:#9ca3af;font-size:12px;font-weight:800}.col-value{color:#1f2937;font-size:15px;font-weight:600}.card-footer-note{color:#9ca3af;border-top:1px dashed #e5e7eb;margin-top:16px;padding-top:12px;font-size:15px}@media (width<=768px){.attendance-toolbar{flex-direction:column;align-items:flex-start}.search-box-wrapper{max-width:100%}.toolbar-right{justify-content:space-between;width:100%}.card-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=480px){.card-header{flex-direction:column;align-items:flex-start;gap:8px}.toolbar-right{flex-direction:column-reverse;align-items:flex-start;gap:12px}}.leave-app{box-sizing:border-box;background-color:#f3f6f9;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.leave-app__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.leave-app__title{color:#4a4a4a;margin:0;font-size:20px;font-weight:600}.leave-app__breadcrumb{color:#555;align-items:center;gap:6px;font-size:13.5px;display:flex}.leave-app__breadcrumb-icon{margin-right:4px}.leave-app__breadcrumb-separator{color:#888;font-size:11px}.leave-app__breadcrumb-item--active{color:#222;font-weight:500}.leave-app__card{box-sizing:border-box;background-color:#fff;border:1px solid #eef1f5;border-radius:12px;width:100%;max-width:1300px;margin:0 auto;padding:32px 28px;box-shadow:0 2px 8px #00000005}.leave-app__card-title{color:#5a6578;margin-top:0;margin-bottom:35px;font-size:16px;font-weight:700}.leave-app__form{flex-direction:column;gap:28px;display:flex}.leave-app__form-row{grid-template-columns:1fr;gap:24px;display:grid}.leave-app__input-group{width:100%;position:relative}.leave-app__label{color:#7d8b9b;z-index:2;background-color:#fff;padding:0 6px;font-size:12px;font-weight:500;position:absolute;top:-9px;left:12px}.leave-app__required{color:#e53e3e;margin-left:1px}.leave-app__input-wrapper{align-items:center;display:flex;position:relative}.leave-app__input,.leave-app__select,.leave-app__textarea{color:#2d3748;box-sizing:border-box;background-color:#fff;border:1px solid #b8c2cc;border-radius:6px;outline:none;width:100%;padding:14px 16px;font-size:15px;font-weight:500;transition:border-color .2s}.leave-app__input[type=date]{cursor:pointer;position:relative}.leave-app__input[type=date]::-webkit-calendar-picker-indicator{color:#0000;cursor:pointer;background:0 0;width:auto;height:auto;position:absolute;inset:0}.leave-app__select{appearance:none;cursor:pointer;padding-right:40px}.leave-app__textarea{resize:vertical;min-height:110px;font-family:inherit}.leave-app__icon{color:#718096;pointer-events:none;font-size:16px;position:absolute;right:16px}.leave-app__icon--select{color:#4a5568;font-size:10px}.leave-app__actions{gap:12px;margin-top:10px;display:flex}.leave-app__btn{cursor:pointer;border:none;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:600;transition:background-color .2s,opacity .2s}.leave-app__btn--submit{color:#8795a1;cursor:not-allowed;background-color:#d9dee4}.leave-app__btn--submit-active{color:#fff;cursor:pointer;background-color:#1e40af}.leave-app__btn--submit-active:hover{background-color:#1d4ed8}.leave-app__btn--cancel{color:#fff;background-color:#f23d31}.leave-app__btn--cancel:hover{background-color:#e02f23}@media (width>=768px){.leave-app__form-row--two-cols{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.leave-app__header{flex-direction:column;align-items:flex-start;gap:8px}.leave-app__card{padding:20px 16px}}.shift-page{background:#eef3f8;min-height:100vh;padding:30px;font-family:Inter,sans-serif}.shift-header{justify-content:space-between;align-items:center;margin-bottom:45px;display:flex}.shift-header h2{color:#1f2937;font-size:25px;font-weight:600}.breadcrumb{color:#6b7280;align-items:center;gap:10px;font-size:15px;display:flex}.schedule-section h2,.details-section h2{color:#1f2937;margin-bottom:28px;font-size:25px;font-weight:500}.schedule-grid{grid-template-columns:repeat(6,1fr);gap:18px;display:grid}.schedule-card{text-align:center;cursor:pointer;background:#fff;border-radius:16px;min-height:150px;padding:16px 14px;transition:all .35s;box-shadow:0 8px 20px #1e293b14}.schedule-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001f}.schedule-card h3{color:#222;margin-bottom:4px;font-size:18px;font-weight:700}.schedule-card p{color:#8b8b8b;margin-bottom:16px;font-size:14px}.shift-tag{color:#3b3b3b;background:#f5f7fb;border-radius:10px;padding:10px 12px;font-size:15px;font-weight:600}.details-section{margin-top:50px}.details-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.detail-card{cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:14px;min-height:100px;padding:18px 20px;transition:all .3s;display:flex;box-shadow:0 8px 20px #00000014}.detail-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001f}.clock-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.detail-card h3{color:#222;margin-bottom:4px;font-size:18px;font-weight:700}.detail-card h4{color:#5b6572;margin-bottom:4px;font-size:15px;font-weight:500}.detail-card p{color:#9ca3af;font-size:13px}@media (width<=1400px){.schedule-grid{grid-template-columns:repeat(4,1fr)}.details-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.shift-header{flex-direction:column;align-items:flex-start;gap:15px}.schedule-grid{grid-template-columns:repeat(2,1fr)}.details-grid{grid-template-columns:1fr}.shift-header h2{font-size:30px}.schedule-section h2,.details-section h2{font-size:28px}.schedule-card h3{font-size:24px}}@media (width<=576px){.detail-card{gap:12px;min-height:90px;padding:16px}.clock-icon{width:40px;height:40px;font-size:18px}.detail-card h3{font-size:16px}.detail-card h4{font-size:14px}.detail-card p{font-size:12px}}*{box-sizing:border-box;margin:0;padding:0}.leave-page{background:#eef3f8;min-height:100vh;padding:30px;font-family:Inter,sans-serif}.leave-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.leave-header h2{color:#232323;font-size:25px;font-weight:500}.leave-breadcrumb{color:#6b7280;align-items:center;gap:10px;font-size:15px;display:flex}.leave-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.leave-card{cursor:pointer;background:#fff;border-radius:18px;padding:24px;transition:all .35s;box-shadow:0 10px 25px #00000012}.leave-card:hover{transform:translateY(-8px);box-shadow:0 18px 35px #0000001f}.leave-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.leave-top h3{color:#2c2c2c;font-size:24px;font-weight:700}.leave-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.leave-stats{justify-content:space-between;margin-bottom:24px;display:flex}.leave-stats small{color:#8f95a3;margin-bottom:6px;font-size:14px;display:block}.leave-stats h4{color:#222;font-size:18px;font-weight:700}.leave-progress{background:#e5e7ef;border-radius:50px;height:5px;overflow:hidden}.leave-progress-fill{background:#1565d8;border-radius:50px;height:100%}@media (width<=1100px){.leave-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.leave-header{flex-direction:column;align-items:flex-start;gap:15px}.leave-grid{grid-template-columns:1fr}.leave-page{padding:18px}.leave-card{padding:20px}.leave-top h3{font-size:20px}.leave-icon{width:46px;height:46px;font-size:20px}.leave-stats h4{font-size:16px}}.SalaryDetails-dashboard{box-sizing:border-box;background-color:#ebf1f6;width:100%;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.SalaryDetails-dashboard *,.SalaryDetails-dashboard :before,.SalaryDetails-dashboard :after{box-sizing:border-box}.SalaryDetails-grid-layout{grid-template-columns:2fr 1fr;align-items:start;gap:1.5rem;width:100%;display:grid}.SalaryDetails-main-column{width:100%}.SalaryDetails-side-column{flex-direction:column;gap:1.25rem;width:100%;display:flex}.SalaryDetails-white-card{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.SalaryDetails-section-title{color:#00040a;margin:0 0 1rem;font-size:20px;font-weight:700}.SalaryDetails-section-title.spacing-top{margin-top:2rem}.SalaryDetails-table{border-collapse:collapse;width:100%;margin-bottom:1rem;font-size:.875rem}.SalaryDetails-table th{color:#1e293b;text-align:left;border-bottom:1px solid #e2e8f0;padding:.75rem .5rem;font-size:20px;font-weight:600}.SalaryDetails-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:.75rem .5rem}.SalaryDetails-table tbody tr.zebra-row{background-color:#f8fafc}.SalaryDetails-table .text-right{text-align:right}.SalaryDetails-table .font-medium{font-weight:500}.SalaryDetails-table .font-bold{font-weight:700}.SalaryDetails-total-row td{border-bottom:none;padding:.875rem .5rem}.SalaryDetails-total-row.earnings-total{color:#1e40af;background-color:#dbeafe}.SalaryDetails-total-row.deductions-total{color:#9f1239;background-color:#ffe4e6}.SalaryDetails-net-pay-banner{color:#fff;background-color:#3498db;border-radius:.375rem;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1rem 1.5rem;display:flex}.SalaryDetails-net-pay-banner .net-pay-title{font-size:1.125rem;font-weight:600}.SalaryDetails-net-pay-banner .net-pay-value-container{text-align:right;flex-direction:column;display:flex}.SalaryDetails-net-pay-banner .net-pay-amount{font-size:1.75rem;font-weight:700;line-height:1}.SalaryDetails-net-pay-banner .net-pay-subtitle{opacity:.9;margin-top:.25rem;font-size:.75rem}.SalaryDetails-metric-card{color:#fff;border-radius:.5rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.SalaryDetails-metric-card.ctc-card{background:linear-gradient(135deg,#3b1b42 0%,#d60085 100%)}.SalaryDetails-metric-card.tax-card{background:linear-gradient(135deg,#2c3e50 0%,#3498db 100%)}.metric-content{z-index:2;position:relative}.metric-label{opacity:.9;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.metric-value{margin:0;font-size:1.85rem;font-weight:700}.metric-bg-icon{opacity:.08;z-index:1;pointer-events:none;font-size:5.5rem;position:absolute;bottom:-.5rem;right:1rem}.SalaryDetails-info-card{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.info-card-title{color:#64748b;margin:0 0 1.25rem;font-size:.95rem;font-weight:600}.info-grid-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.625rem 0;font-size:.875rem;display:flex}.info-grid-row:last-child{border-bottom:none;padding-bottom:0}.info-label{color:#64748b}.info-value{color:#1e293b;text-align:right;font-weight:600}@media (width<=1024px){.SalaryDetails-grid-layout{grid-template-columns:1fr;gap:1.25rem}}@media (width<=640px){.SalaryDetails-dashboard{padding:1rem}.SalaryDetails-white-card,.SalaryDetails-info-card,.SalaryDetails-metric-card{padding:1.25rem 1rem}.SalaryDetails-net-pay-banner{flex-direction:column;align-items:flex-start;gap:.75rem}.SalaryDetails-net-pay-banner .net-pay-value-container{text-align:left}}.SalaryHeader-container{box-sizing:border-box;background-color:#ebf1f6;width:100%;padding:1.25rem 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.SalaryHeader-inner{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.SalaryHeader-title{color:#2b3a4a;letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:600}.SalaryHeader-breadcrumbs{color:#5c6b73;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.SalaryHeader-breadcrumb-item{color:#4a5568;cursor:pointer;font-weight:500;transition:color .15s}.SalaryHeader-breadcrumb-item:hover:not(.active){color:#1a202c}.SalaryHeader-breadcrumb-item.active{color:#2b3a4a;cursor:default;font-weight:500}.SalaryHeader-icon-home{vertical-align:middle;color:#4a5568;font-size:1rem}.SalaryHeader-icon-separator{color:#a0aec0;margin:0 .125rem;font-size:.65rem}@media (width<=640px){.SalaryHeader-container{padding:1rem 1.25rem}.SalaryHeader-inner{flex-direction:column;align-items:flex-start;gap:.375rem}.SalaryHeader-title{font-size:1.2rem}.SalaryHeader-breadcrumbs{font-size:.8rem}}.CompanyPolicies-container{box-sizing:border-box;background-color:#ebf1f6;width:100%;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.CompanyPolicies-container *,.CompanyPolicies-container :before,.CompanyPolicies-container :after{box-sizing:border-box}.CompanyPolicies-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:1.25rem;display:flex}.CompanyPolicies-header-title{color:#2b3a4a;margin:0;font-size:1.35rem;font-weight:600}.CompanyPolicies-breadcrumbs{color:#5c6b73;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.CompanyPolicies-icon-home{color:#4a5568;font-size:.95rem}.CompanyPolicies-icon-chevron{color:#a0aec0;font-size:.65rem}.CompanyPolicies-breadcrumbs span.active{color:#2b3a4a;font-weight:500}.CompanyPolicies-card{background-color:#fff;border-radius:.5rem;width:100%;overflow:hidden;box-shadow:0 4px 20px #00000008}.CompanyPolicies-toolbar{background-color:#dbe5f0;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.CompanyPolicies-toolbar-left{flex:1;align-items:center;gap:1.5rem;display:flex}.CompanyPolicies-card-title{color:#475569;white-space:nowrap;font-size:20px;font-weight:600}.CompanyPolicies-search-box{width:100%;max-width:240px;position:relative}.CompanyPolicies-search-icon{color:#94a3b8;font-size:.85rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.CompanyPolicies-search-box input{color:#334155;background-color:#fff;border:1px solid #0000;border-radius:.375rem;outline:none;width:100%;padding:.45rem .75rem .45rem 2.2rem;font-size:.85rem}.CompanyPolicies-toolbar-right{align-items:center;gap:.75rem;display:flex}.CompanyPolicies-tool-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.5rem;font-size:1rem;transition:all .2s;display:flex}.CompanyPolicies-tool-btn:hover,.CompanyPolicies-tool-btn.active-btn{color:#1e293b;background-color:#ffffff80}.CompanyPolicies-tool-btn.download-main{color:#3b82f6}.CompanyPolicies-filter-wrapper{position:relative}.CompanyPolicies-filter-dropdown{z-index:100;background-color:#f1f3f5;border:1px solid #d1d5db;border-radius:.25rem;width:210px;padding:.5rem 0;position:absolute;top:110%;right:0;box-shadow:0 4px 12px #00000026}.CompanyPolicies-dropdown-scroll{max-height:260px;padding-right:4px;overflow-y:auto}.CompanyPolicies-dropdown-scroll::-webkit-scrollbar{width:10px}.CompanyPolicies-dropdown-scroll::-webkit-scrollbar-track{background:#f1f1f1}.CompanyPolicies-dropdown-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.CompanyPolicies-checkbox-label{cursor:pointer;color:#334155;-webkit-user-select:none;user-select:none;align-items:center;padding:.5rem 1rem;font-size:.9rem;display:flex}.CompanyPolicies-checkbox-label:hover{background-color:#e2e8f0}.CompanyPolicies-checkbox-label input{cursor:pointer;width:16px;height:16px;margin-right:.75rem}.CompanyPolicies-table-wrapper{width:100%;overflow-x:auto}.CompanyPolicies-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.CompanyPolicies-table th{color:#1e293b;white-space:nowrap;background-color:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 1.25rem;font-weight:600}.CompanyPolicies-table td{color:#475569;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem;font-size:15px}.CompanyPolicies-table tbody tr:hover{background-color:#f8fafc}.font-semibold{font-weight:600}.text-dark{color:#0f172a!important}.text-center{text-align:center}.truncate-cell{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.date-cell{align-items:center;gap:.5rem;display:flex}.date-icon{color:#f97316;font-size:.9rem}.CompanyPolicies-row-download-btn{color:#475569;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem;transition:color .2s}.CompanyPolicies-row-download-btn:hover{color:#1e3a8a}.no-data{color:#94a3b8;font-style:italic;padding:3rem!important}.CompanyPolicies-pagination{background-color:#fff;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;padding:.75rem 1.25rem;display:flex}.CompanyPolicies-pagination-right{align-items:center;gap:1.5rem;display:flex}.pagination-text{color:#64748b;font-size:.8rem}.pagination-select-wrapper{position:relative}.pagination-select{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:.25rem;outline:none;padding:.25rem 1.5rem .25rem .5rem;font-size:.8rem}.pagination-count{color:#334155;font-size:.8rem}.pagination-actions{align-items:center;gap:.25rem;display:flex}.pagination-arrow-btn{color:#94a3b8;cursor:not-allowed;background:0 0;border:none;align-items:center;padding:.35rem;font-size:.75rem;display:flex}@media (width<=768px){.CompanyPolicies-header{flex-direction:column;align-items:flex-start;gap:.5rem}.CompanyPolicies-toolbar{flex-direction:column;align-items:flex-start;padding:1rem}.CompanyPolicies-toolbar-left{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}.CompanyPolicies-search-box{max-width:100%}.CompanyPolicies-toolbar-right{justify-content:flex-end;width:100%}}