@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700&display=swap);@layer theme, base, components, utilities;@layer theme{@theme default{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% 0.013 17.38);--color-red-100:oklch(93.6% 0.032 17.717);--color-red-200:oklch(88.5% 0.062 18.334);--color-red-300:oklch(80.8% 0.114 19.571);--color-red-400:oklch(70.4% 0.191 22.216);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-700:oklch(50.5% 0.213 27.518);--color-red-800:oklch(44.4% 0.177 26.899);--color-red-900:oklch(39.6% 0.141 25.723);--color-red-950:oklch(25.8% 0.092 26.042);--color-orange-50:oklch(98% 0.016 73.684);--color-orange-100:oklch(95.4% 0.038 75.164);--color-orange-200:oklch(90.1% 0.076 70.697);--color-orange-300:oklch(83.7% 0.128 66.29);--color-orange-400:oklch(75% 0.183 55.934);--color-orange-500:oklch(70.5% 0.213 47.604);--color-orange-600:oklch(64.6% 0.222 41.116);--color-orange-700:oklch(55.3% 0.195 38.402);--color-orange-800:oklch(47% 0.157 37.304);--color-orange-900:oklch(40.8% 0.123 38.172);--color-orange-950:oklch(26.6% 0.079 36.259);--color-amber-50:oklch(98.7% 0.022 95.277);--color-amber-100:oklch(96.2% 0.059 95.617);--color-amber-200:oklch(92.4% 0.12 95.746);--color-amber-300:oklch(87.9% 0.169 91.605);--color-amber-400:oklch(82.8% 0.189 84.429);--color-amber-500:oklch(76.9% 0.188 70.08);--color-amber-600:oklch(66.6% 0.179 58.318);--color-amber-700:oklch(55.5% 0.163 48.998);--color-amber-800:oklch(47.3% 0.137 46.201);--color-amber-900:oklch(41.4% 0.112 45.904);--color-amber-950:oklch(27.9% 0.077 45.635);--color-yellow-50:oklch(98.7% 0.026 102.212);--color-yellow-100:oklch(97.3% 0.071 103.193);--color-yellow-200:oklch(94.5% 0.129 101.54);--color-yellow-300:oklch(90.5% 0.182 98.111);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-yellow-500:oklch(79.5% 0.184 86.047);--color-yellow-600:oklch(68.1% 0.162 75.834);--color-yellow-700:oklch(55.4% 0.135 66.442);--color-yellow-800:oklch(47.6% 0.114 61.907);--color-yellow-900:oklch(42.1% 0.095 57.708);--color-yellow-950:oklch(28.6% 0.066 53.813);--color-lime-50:oklch(98.6% 0.031 120.757);--color-lime-100:oklch(96.7% 0.067 122.328);--color-lime-200:oklch(93.8% 0.127 124.321);--color-lime-300:oklch(89.7% 0.196 126.665);--color-lime-400:oklch(84.1% 0.238 128.85);--color-lime-500:oklch(76.8% 0.233 130.85);--color-lime-600:oklch(64.8% 0.2 131.684);--color-lime-700:oklch(53.2% 0.157 131.589);--color-lime-800:oklch(45.3% 0.124 130.933);--color-lime-900:oklch(40.5% 0.101 131.063);--color-lime-950:oklch(27.4% 0.072 132.109);--color-green-50:oklch(98.2% 0.018 155.826);--color-green-100:oklch(96.2% 0.044 156.743);--color-green-200:oklch(92.5% 0.084 155.995);--color-green-300:oklch(87.1% 0.15 154.449);--color-green-400:oklch(79.2% 0.209 151.711);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-green-700:oklch(52.7% 0.154 150.069);--color-green-800:oklch(44.8% 0.119 151.328);--color-green-900:oklch(39.3% 0.095 152.535);--color-green-950:oklch(26.6% 0.065 152.934);--color-emerald-50:oklch(97.9% 0.021 166.113);--color-emerald-100:oklch(95% 0.052 163.051);--color-emerald-200:oklch(90.5% 0.093 164.15);--color-emerald-300:oklch(84.5% 0.143 164.978);--color-emerald-400:oklch(76.5% 0.177 163.223);--color-emerald-500:oklch(69.6% 0.17 162.48);--color-emerald-600:oklch(59.6% 0.145 163.225);--color-emerald-700:oklch(50.8% 0.118 165.612);--color-emerald-800:oklch(43.2% 0.095 166.913);--color-emerald-900:oklch(37.8% 0.077 168.94);--color-emerald-950:oklch(26.2% 0.051 172.552);--color-teal-50:oklch(98.4% 0.014 180.72);--color-teal-100:oklch(95.3% 0.051 180.801);--color-teal-200:oklch(91% 0.096 180.426);--color-teal-300:oklch(85.5% 0.138 181.071);--color-teal-400:oklch(77.7% 0.152 181.912);--color-teal-500:oklch(70.4% 0.14 182.503);--color-teal-600:oklch(60% 0.118 184.704);--color-teal-700:oklch(51.1% 0.096 186.391);--color-teal-800:oklch(43.7% 0.078 188.216);--color-teal-900:oklch(38.6% 0.063 188.416);--color-teal-950:oklch(27.7% 0.046 192.524);--color-cyan-50:oklch(98.4% 0.019 200.873);--color-cyan-100:oklch(95.6% 0.045 203.388);--color-cyan-200:oklch(91.7% 0.08 205.041);--color-cyan-300:oklch(86.5% 0.127 207.078);--color-cyan-400:oklch(78.9% 0.154 211.53);--color-cyan-500:oklch(71.5% 0.143 215.221);--color-cyan-600:oklch(60.9% 0.126 221.723);--color-cyan-700:oklch(52% 0.105 223.128);--color-cyan-800:oklch(45% 0.085 224.283);--color-cyan-900:oklch(39.8% 0.07 227.392);--color-cyan-950:oklch(30.2% 0.056 229.695);--color-sky-50:oklch(97.7% 0.013 236.62);--color-sky-100:oklch(95.1% 0.026 236.824);--color-sky-200:oklch(90.1% 0.058 230.902);--color-sky-300:oklch(82.8% 0.111 230.318);--color-sky-400:oklch(74.6% 0.16 232.661);--color-sky-500:oklch(68.5% 0.169 237.323);--color-sky-600:oklch(58.8% 0.158 241.966);--color-sky-700:oklch(50% 0.134 242.749);--color-sky-800:oklch(44.3% 0.11 240.79);--color-sky-900:oklch(39.1% 0.09 240.876);--color-sky-950:oklch(29.3% 0.066 243.157);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-200:oklch(88.2% 0.059 254.128);--color-blue-300:oklch(80.9% 0.105 251.813);--color-blue-400:oklch(70.7% 0.165 254.624);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-800:oklch(42.4% 0.199 265.638);--color-blue-900:oklch(37.9% 0.146 265.522);--color-blue-950:oklch(28.2% 0.091 267.935);--color-indigo-50:oklch(96.2% 0.018 272.314);--color-indigo-100:oklch(93% 0.034 272.788);--color-indigo-200:oklch(87% 0.065 274.039);--color-indigo-300:oklch(78.5% 0.115 274.713);--color-indigo-400:oklch(67.3% 0.182 276.935);--color-indigo-500:oklch(58.5% 0.233 277.117);--color-indigo-600:oklch(51.1% 0.262 276.966);--color-indigo-700:oklch(45.7% 0.24 277.023);--color-indigo-800:oklch(39.8% 0.195 277.366);--color-indigo-900:oklch(35.9% 0.144 278.697);--color-indigo-950:oklch(25.7% 0.09 281.288);--color-violet-50:oklch(96.9% 0.016 293.756);--color-violet-100:oklch(94.3% 0.029 294.588);--color-violet-200:oklch(89.4% 0.057 293.283);--color-violet-300:oklch(81.1% 0.111 293.571);--color-violet-400:oklch(70.2% 0.183 293.541);--color-violet-500:oklch(60.6% 0.25 292.717);--color-violet-600:oklch(54.1% 0.281 293.009);--color-violet-700:oklch(49.1% 0.27 292.581);--color-violet-800:oklch(43.2% 0.232 292.759);--color-violet-900:oklch(38% 0.189 293.745);--color-violet-950:oklch(28.3% 0.141 291.089);--color-purple-50:oklch(97.7% 0.014 308.299);--color-purple-100:oklch(94.6% 0.033 307.174);--color-purple-200:oklch(90.2% 0.063 306.703);--color-purple-300:oklch(82.7% 0.119 306.383);--color-purple-400:oklch(71.4% 0.203 305.504);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-purple-700:oklch(49.6% 0.265 301.924);--color-purple-800:oklch(43.8% 0.218 303.724);--color-purple-900:oklch(38.1% 0.176 304.987);--color-purple-950:oklch(29.1% 0.149 302.717);--color-fuchsia-50:oklch(97.7% 0.017 320.058);--color-fuchsia-100:oklch(95.2% 0.037 318.852);--color-fuchsia-200:oklch(90.3% 0.076 319.62);--color-fuchsia-300:oklch(83.3% 0.145 321.434);--color-fuchsia-400:oklch(74% 0.238 322.16);--color-fuchsia-500:oklch(66.7% 0.295 322.15);--color-fuchsia-600:oklch(59.1% 0.293 322.896);--color-fuchsia-700:oklch(51.8% 0.253 323.949);--color-fuchsia-800:oklch(45.2% 0.211 324.591);--color-fuchsia-900:oklch(40.1% 0.17 325.612);--color-fuchsia-950:oklch(29.3% 0.136 325.661);--color-pink-50:oklch(97.1% 0.014 343.198);--color-pink-100:oklch(94.8% 0.028 342.258);--color-pink-200:oklch(89.9% 0.061 343.231);--color-pink-300:oklch(82.3% 0.12 346.018);--color-pink-400:oklch(71.8% 0.202 349.761);--color-pink-500:oklch(65.6% 0.241 354.308);--color-pink-600:oklch(59.2% 0.249 0.584);--color-pink-700:oklch(52.5% 0.223 3.958);--color-pink-800:oklch(45.9% 0.187 3.815);--color-pink-900:oklch(40.8% 0.153 2.432);--color-pink-950:oklch(28.4% 0.109 3.907);--color-rose-50:oklch(96.9% 0.015 12.422);--color-rose-100:oklch(94.1% 0.03 12.58);--color-rose-200:oklch(89.2% 0.058 10.001);--color-rose-300:oklch(81% 0.117 11.638);--color-rose-400:oklch(71.2% 0.194 13.428);--color-rose-500:oklch(64.5% 0.246 16.439);--color-rose-600:oklch(58.6% 0.253 17.585);--color-rose-700:oklch(51.4% 0.222 16.935);--color-rose-800:oklch(45.5% 0.188 13.697);--color-rose-900:oklch(41% 0.159 10.272);--color-rose-950:oklch(27.1% 0.105 12.094);--color-slate-50:oklch(98.4% 0.003 247.858);--color-slate-100:oklch(96.8% 0.007 247.896);--color-slate-200:oklch(92.9% 0.013 255.508);--color-slate-300:oklch(86.9% 0.022 252.894);--color-slate-400:oklch(70.4% 0.04 256.788);--color-slate-500:oklch(55.4% 0.046 257.417);--color-slate-600:oklch(44.6% 0.043 257.281);--color-slate-700:oklch(37.2% 0.044 257.287);--color-slate-800:oklch(27.9% 0.041 260.031);--color-slate-900:oklch(20.8% 0.042 265.755);--color-slate-950:oklch(12.9% 0.042 264.695);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-800:oklch(27.8% 0.033 256.848);--color-gray-900:oklch(21% 0.034 264.665);--color-gray-950:oklch(13% 0.028 261.692);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% 0.001 286.375);--color-zinc-200:oklch(92% 0.004 286.32);--color-zinc-300:oklch(87.1% 0.006 286.286);--color-zinc-400:oklch(70.5% 0.015 286.067);--color-zinc-500:oklch(55.2% 0.016 285.938);--color-zinc-600:oklch(44.2% 0.017 285.786);--color-zinc-700:oklch(37% 0.013 285.805);--color-zinc-800:oklch(27.4% 0.006 286.033);--color-zinc-900:oklch(21% 0.006 285.885);--color-zinc-950:oklch(14.1% 0.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% 0.001 106.423);--color-stone-100:oklch(97% 0.001 106.424);--color-stone-200:oklch(92.3% 0.003 48.717);--color-stone-300:oklch(86.9% 0.005 56.366);--color-stone-400:oklch(70.9% 0.01 56.259);--color-stone-500:oklch(55.3% 0.013 58.071);--color-stone-600:oklch(44.4% 0.011 73.639);--color-stone-700:oklch(37.4% 0.01 67.558);--color-stone-800:oklch(26.8% 0.007 34.298);--color-stone-900:oklch(21.6% 0.006 56.043);--color-stone-950:oklch(14.7% 0.004 49.25);--color-mauve-50:oklch(98.5% 0 0);--color-mauve-100:oklch(96% 0.003 325.6);--color-mauve-200:oklch(92.2% 0.005 325.62);--color-mauve-300:oklch(86.5% 0.012 325.68);--color-mauve-400:oklch(71.1% 0.019 323.02);--color-mauve-500:oklch(54.2% 0.034 322.5);--color-mauve-600:oklch(43.5% 0.029 321.78);--color-mauve-700:oklch(36.4% 0.029 323.89);--color-mauve-800:oklch(26.3% 0.024 320.12);--color-mauve-900:oklch(21.2% 0.019 322.12);--color-mauve-950:oklch(14.5% 0.008 326);--color-olive-50:oklch(98.8% 0.003 106.5);--color-olive-100:oklch(96.6% 0.005 106.5);--color-olive-200:oklch(93% 0.007 106.5);--color-olive-300:oklch(88% 0.011 106.6);--color-olive-400:oklch(73.7% 0.021 106.9);--color-olive-500:oklch(58% 0.031 107.3);--color-olive-600:oklch(46.6% 0.025 107.3);--color-olive-700:oklch(39.4% 0.023 107.4);--color-olive-800:oklch(28.6% 0.016 107.4);--color-olive-900:oklch(22.8% 0.013 107.4);--color-olive-950:oklch(15.3% 0.006 107.1);--color-mist-50:oklch(98.7% 0.002 197.1);--color-mist-100:oklch(96.3% 0.002 197.1);--color-mist-200:oklch(92.5% 0.005 214.3);--color-mist-300:oklch(87.2% 0.007 219.6);--color-mist-400:oklch(72.3% 0.014 214.4);--color-mist-500:oklch(56% 0.021 213.5);--color-mist-600:oklch(45% 0.017 213.2);--color-mist-700:oklch(37.8% 0.015 216);--color-mist-800:oklch(27.5% 0.011 216.9);--color-mist-900:oklch(21.8% 0.008 223.9);--color-mist-950:oklch(14.8% 0.004 228.8);--color-taupe-50:oklch(98.6% 0.002 67.8);--color-taupe-100:oklch(96% 0.002 17.2);--color-taupe-200:oklch(92.2% 0.005 34.3);--color-taupe-300:oklch(86.8% 0.007 39.5);--color-taupe-400:oklch(71.4% 0.014 41.2);--color-taupe-500:oklch(54.7% 0.021 43.1);--color-taupe-600:oklch(43.8% 0.017 39.3);--color-taupe-700:oklch(36.7% 0.016 35.7);--color-taupe-800:oklch(26.8% 0.011 36.5);--color-taupe-900:oklch(21.4% 0.009 43.1);--color-taupe-950:oklch(14.7% 0.004 49.3);--color-black:#000;--color-white:#fff;--spacing:0.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:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--text-5xl:3rem;--text-5xl--line-height:1;--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:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.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 rgba(0,0,0,.075),0px 1px 1px rgba(0,0,0,.075),0px 2px 2px rgba(0,0,0,.075);--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(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,0.2,1) infinite;--animate-pulse:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--animate-bounce:bounce 1s infinite;@keyframes ping{75%,to{opacity:0;transform:scale(2)}}--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:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,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:0.25rem;--max-width-prose:65ch}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:--theme(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;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-variation-settings:--theme(--default-font-variation-settings,normal);line-height:1.5;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:--theme(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:initial}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:initial;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,#0000)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0:0s;--animation-delay-75:75ms;--animation-delay-100:.1s;--animation-delay-150:.15s;--animation-delay-200:.2s;--animation-delay-300:.3s;--animation-delay-500:.5s;--animation-delay-700:.7s;--animation-delay-1000:1s;--animation-repeat-0:0;--animation-repeat-1:1;--animation-repeat-infinite:infinite;--animation-direction-normal:normal;--animation-direction-reverse:reverse;--animation-direction-alternate:alternate;--animation-direction-alternate-reverse:alternate-reverse;--animation-fill-mode-none:none;--animation-fill-mode-forwards:forwards;--animation-fill-mode-backwards:backwards;--animation-fill-mode-both:both;--percentage-0:0;--percentage-5:.05;--percentage-10:.1;--percentage-15:.15;--percentage-20:.2;--percentage-25:.25;--percentage-30:.3;--percentage-35:.35;--percentage-40:.4;--percentage-45:.45;--percentage-50:.5;--percentage-55:.55;--percentage-60:.6;--percentage-65:.65;--percentage-70:.7;--percentage-75:.75;--percentage-80:.8;--percentage-85:.85;--percentage-90:.9;--percentage-95:.95;--percentage-100:1;--percentage-translate-full:1;--animate-in:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);--animate-out:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);@keyframes enter{0%{filter:blur(0);filter:blur(var(--tw-enter-blur,0));opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0)scaleX(1)rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{filter:blur(0);filter:blur(var(--tw-exit-blur,0));opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0)scaleX(1)rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}--animate-accordion-down:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);--animate-accordion-up:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);--animate-collapsible-down:collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);--animate-collapsible-up:collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);@keyframes accordion-down{0%{height:0}to{height:auto;height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:auto;height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:auto;height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))}}@keyframes collapsible-up{0%{height:auto;height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))}to{height:0}}--animate-caret-blink:caret-blink 1.25s ease-out infinite;@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}}@utility animation-duration-*{--tw-animation-duration:calc(--value(number)*1ms);--tw-animation-duration:--value(--animation-duration-*,[duration],"initial",[*]);animation-duration:calc(--value(number)*1ms);animation-duration:--value(--animation-duration-*,[duration],"initial",[*])}@utility delay-*{--tw-animation-delay:calc(--value(number)*1ms);--tw-animation-delay:--value(--animation-delay-*,[duration],"initial",[*]);animation-delay:calc(--value(number)*1ms);animation-delay:--value(--animation-delay-*,[duration],"initial",[*])}@utility repeat-*{--tw-animation-iteration-count:--value(--animation-repeat-*,number,"initial",[*]);animation-iteration-count:--value(--animation-repeat-*,number,"1",[*]);animation-iteration-count:--value(--animation-repeat-*,number,"initial",[*])}@utility direction-*{--tw-animation-direction:--value(--animation-direction-*,"initial",[*]);animation-direction:--value(--animation-direction-*,"normal",[*]);animation-direction:--value(--animation-direction-*,"initial",[*])}@utility fill-mode-*{--tw-animation-fill-mode:--value(--animation-fill-mode-*,"initial",[*]);animation-fill-mode:--value(--animation-fill-mode-*,"none",[*]);animation-fill-mode:--value(--animation-fill-mode-*,"initial",[*])}@utility running{animation-play-state:running}@utility paused{animation-play-state:paused}@utility play-state-*{animation-play-state:--value("running",[*]);animation-play-state:--value("initial",[*])}@utility blur-in{--tw-enter-blur:20px}@utility blur-in-*{--tw-enter-blur:calc(--value(number)*1px);--tw-enter-blur:--value(--blur-*,[*])}@utility blur-out{--tw-exit-blur:20px}@utility blur-out-*{--tw-exit-blur:calc(--value(number)*1px);--tw-exit-blur:--value(--blur-*,[*])}@utility fade-in{--tw-enter-opacity:0}@utility fade-in-*{--tw-enter-opacity:calc(--value(number)/100);--tw-enter-opacity:--value(--percentage-*,[*])}@utility fade-out{--tw-exit-opacity:0}@utility fade-out-*{--tw-exit-opacity:calc(--value(number)/100);--tw-exit-opacity:--value(--percentage-*,[*])}@utility zoom-in{--tw-enter-scale:0}@utility zoom-in-*{--tw-enter-scale:calc(--value(number)*1%);--tw-enter-scale:calc(--value(ratio));--tw-enter-scale:--value(--percentage-*,[*])}@utility -zoom-in-*{--tw-enter-scale:calc(--value(number)*-1%);--tw-enter-scale:calc(--value(ratio)*-1);--tw-enter-scale:--value(--percentage-*,[*])}@utility zoom-out{--tw-exit-scale:0}@utility zoom-out-*{--tw-exit-scale:calc(--value(number)*1%);--tw-exit-scale:calc(--value(ratio));--tw-exit-scale:--value(--percentage-*,[*])}@utility -zoom-out-*{--tw-exit-scale:calc(--value(number)*-1%);--tw-exit-scale:calc(--value(ratio)*-1);--tw-exit-scale:--value(--percentage-*,[*])}@utility spin-in{--tw-enter-rotate:30deg}@utility spin-in-*{--tw-enter-rotate:calc(--value(number)*1deg);--tw-enter-rotate:calc(--value(ratio)*360deg);--tw-enter-rotate:--value(--rotate-*,[*])}@utility -spin-in{--tw-enter-rotate:-30deg}@utility -spin-in-*{--tw-enter-rotate:calc(--value(number)*-1deg);--tw-enter-rotate:calc(--value(ratio)*-360deg);--tw-enter-rotate:--value(--rotate-*,[*])}@utility spin-out{--tw-exit-rotate:30deg}@utility spin-out-*{--tw-exit-rotate:calc(--value(number)*1deg);--tw-exit-rotate:calc(--value(ratio)*360deg);--tw-exit-rotate:--value(--rotate-*,[*])}@utility -spin-out{--tw-exit-rotate:-30deg}@utility -spin-out-*{--tw-exit-rotate:calc(--value(number)*-1deg);--tw-exit-rotate:calc(--value(ratio)*-360deg);--tw-exit-rotate:--value(--rotate-*,[*])}@utility slide-in-from-top{--tw-enter-translate-y:-100%}@utility slide-in-from-top-*{--tw-enter-translate-y:calc(--value(integer)*var(--spacing)*-1);--tw-enter-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-enter-translate-y:calc(--value(ratio)*-100%);--tw-enter-translate-y:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-in-from-bottom{--tw-enter-translate-y:100%}@utility slide-in-from-bottom-*{--tw-enter-translate-y:calc(--value(integer)*var(--spacing));--tw-enter-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-enter-translate-y:calc(--value(ratio)*100%);--tw-enter-translate-y:--value(--translate-*,[percentage],[length])}@utility slide-in-from-left{--tw-enter-translate-x:-100%}@utility slide-in-from-left-*{--tw-enter-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-enter-translate-x:calc(--value(ratio)*-100%);--tw-enter-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-in-from-right{--tw-enter-translate-x:100%}@utility slide-in-from-right-*{--tw-enter-translate-x:calc(--value(integer)*var(--spacing));--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-enter-translate-x:calc(--value(ratio)*100%);--tw-enter-translate-x:--value(--translate-*,[percentage],[length])}@utility slide-in-from-start{&:dir(ltr){--tw-enter-translate-x:-100%}&:dir(rtl){--tw-enter-translate-x:100%}}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir=ltr],[dir=ltr]*){--tw-enter-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-enter-translate-x:calc(--value(ratio)*-100%);--tw-enter-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}&:where(:dir(rtl),[dir=rtl],[dir=rtl]*){--tw-enter-translate-x:calc(--value(integer)*var(--spacing));--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-enter-translate-x:calc(--value(ratio)*100%);--tw-enter-translate-x:--value(--translate-*,[percentage],[length])}}@utility slide-in-from-end{&:dir(ltr){--tw-enter-translate-x:100%}&:dir(rtl){--tw-enter-translate-x:-100%}}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir=ltr],[dir=ltr]*){--tw-enter-translate-x:calc(--value(integer)*var(--spacing));--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-enter-translate-x:calc(--value(ratio)*100%);--tw-enter-translate-x:--value(--translate-*,[percentage],[length])}&:where(:dir(rtl),[dir=rtl],[dir=rtl]*){--tw-enter-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-enter-translate-x:calc(--value(ratio)*-100%);--tw-enter-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}}@utility slide-out-to-top{--tw-exit-translate-y:-100%}@utility slide-out-to-top-*{--tw-exit-translate-y:calc(--value(integer)*var(--spacing)*-1);--tw-exit-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-exit-translate-y:calc(--value(ratio)*-100%);--tw-exit-translate-y:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-out-to-bottom{--tw-exit-translate-y:100%}@utility slide-out-to-bottom-*{--tw-exit-translate-y:calc(--value(integer)*var(--spacing));--tw-exit-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-exit-translate-y:calc(--value(ratio)*100%);--tw-exit-translate-y:--value(--translate-*,[percentage],[length])}@utility slide-out-to-left{--tw-exit-translate-x:-100%}@utility slide-out-to-left-*{--tw-exit-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-exit-translate-x:calc(--value(ratio)*-100%);--tw-exit-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-out-to-right{--tw-exit-translate-x:100%}@utility slide-out-to-right-*{--tw-exit-translate-x:calc(--value(integer)*var(--spacing));--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-exit-translate-x:calc(--value(ratio)*100%);--tw-exit-translate-x:--value(--translate-*,[percentage],[length])}@utility slide-out-to-start{&:dir(ltr){--tw-exit-translate-x:-100%}&:dir(rtl){--tw-exit-translate-x:100%}}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir=ltr],[dir=ltr]*){--tw-exit-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-exit-translate-x:calc(--value(ratio)*-100%);--tw-exit-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}&:where(:dir(rtl),[dir=rtl],[dir=rtl]*){--tw-exit-translate-x:calc(--value(integer)*var(--spacing));--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-exit-translate-x:calc(--value(ratio)*100%);--tw-exit-translate-x:--value(--translate-*,[percentage],[length])}}@utility slide-out-to-end{&:dir(ltr){--tw-exit-translate-x:100%}&:dir(rtl){--tw-exit-translate-x:-100%}}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir=ltr],[dir=ltr]*){--tw-exit-translate-x:calc(--value(integer)*var(--spacing));--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-exit-translate-x:calc(--value(ratio)*100%);--tw-exit-translate-x:--value(--translate-*,[percentage],[length])}&:where(:dir(rtl),[dir=rtl],[dir=rtl]*){--tw-exit-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-exit-translate-x:calc(--value(ratio)*-100%);--tw-exit-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}}@source "../src";@custom-variant dark (&:is(.dark *));@theme inline{--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--radius-3xl:calc(var(--radius) + 12px);--radius-4xl:calc(var(--radius) + 16px);--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-success:var(--success);--color-success-foreground:var(--success-foreground);--color-warning:var(--warning);--color-warning-foreground:var(--warning-foreground);--color-info:var(--info);--color-info-foreground:var(--info-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-ring-offset-background:var(--background);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring);--color-gradient-primary:var(--gradient-primary);--color-gradient-secondary:var(--gradient-secondary);--color-gradient-accent:var(--gradient-accent)}:root{--radius:0.75rem;--background:#f8fafc;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--popover:#fff;--popover-foreground:#0f172a;--primary:#10b981;--primary-foreground:#fff;--secondary:#3b82f6;--secondary-foreground:#fff;--muted:#f1f5f9;--muted-foreground:#475569;--accent:#3b82f6;--accent-foreground:#fff;--destructive:#ef4444;--destructive-foreground:#fff;--success:#10b981;--success-foreground:#fff;--warning:#f59e0b;--warning-foreground:#fff;--info:#3b82f6;--info-foreground:#fff;--border:#e2e8f0;--input:#e2e8f0;--ring:#10b981;--chart-1:#10b981;--chart-2:#3b82f6;--chart-3:#34d399;--chart-4:#60a5fa;--chart-5:#6ee7b7;--sidebar:#1e293b;--sidebar-foreground:#f1f5f9;--sidebar-primary:#334155;--sidebar-primary-foreground:#fff;--sidebar-accent:#475569;--sidebar-accent-foreground:#fff;--sidebar-border:#334155;--sidebar-ring:#10b981;--gradient-primary:linear-gradient(135deg,#10b981,#059669);--gradient-secondary:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-accent:linear-gradient(135deg,#60a5fa,#3b82f6);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #00000014,0 1px 2px -1px #00000014;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #00000014;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #00000014;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #00000014;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-glow:0 0 20px #10b98126}.dark{--background:oklch(0.14 0.02 264);--foreground:oklch(0.95 0.005 264);--card:oklch(0.18 0.02 264);--card-foreground:oklch(0.95 0.005 264);--popover:oklch(0.18 0.02 264);--popover-foreground:oklch(0.95 0.005 264);--primary:oklch(0.65 0.15 145);--primary-foreground:oklch(0.14 0.02 264);--secondary:oklch(0.65 0.15 220);--secondary-foreground:oklch(0.14 0.02 264);--muted:oklch(0.22 0.02 264);--muted-foreground:oklch(0.60 0.02 264);--accent:oklch(0.70 0.15 220);--accent-foreground:oklch(0.14 0.02 264);--destructive:oklch(0.55 0.15 220);--destructive-foreground:oklch(0.95 0.005 264);--success:oklch(0.65 0.15 145);--success-foreground:oklch(0.14 0.02 264);--warning:oklch(0.70 0.15 145);--warning-foreground:oklch(0.14 0.02 264);--info:oklch(0.65 0.15 220);--info-foreground:oklch(0.14 0.02 264);--border:oklch(0.25 0.02 264);--input:oklch(0.28 0.02 264);--ring:oklch(0.55 0.15 264);--chart-1:oklch(0.65 0.15 145);--chart-2:oklch(0.65 0.15 220);--chart-3:oklch(0.70 0.15 145);--chart-4:oklch(0.70 0.15 220);--chart-5:oklch(0.75 0.15 145);--sidebar:#36454f;--sidebar-foreground:#fff;--sidebar-primary:#4a5a6b;--sidebar-primary-foreground:#fff;--sidebar-accent:#4a5a6b;--sidebar-accent-foreground:#fff;--sidebar-border:#4a5a6b;--sidebar-ring:#5a6a7b;--gradient-primary:linear-gradient(135deg,oklch(0.65 0.15 145),oklch(0.55 0.15 145));--gradient-secondary:linear-gradient(135deg,oklch(0.65 0.15 220),oklch(0.55 0.15 220));--gradient-accent:linear-gradient(135deg,oklch(0.70 0.15 220),oklch(0.60 0.15 220));--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0006,0 8px 10px -6px #0006;--shadow-2xl:0 25px 50px -12px #00000080;--shadow-glow:0 0 30px #22c55e66}@layer base{*{border-color:var(--color-border)}body{font-feature-settings:"rlig" 1,"calt" 1;background-color:var(--color-background);color:var(--color-foreground)}html{scroll-behavior:smooth}::selection{background-color:var(--color-primary);color:var(--color-primary-foreground)}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}}body{background-color:var(--color-background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6;min-width:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root{min-height:100vh;min-width:0;overflow-x:hidden}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--color-muted);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--color-muted-foreground);border:2px solid var(--color-muted);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-foreground)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-5%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.dark .glass{background:#0003;border:1px solid #ffffff1a}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}*{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}::selection{background-color:var(--color-primary);color:var(--color-primary-foreground)}a{text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary);opacity:.8}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,var(--color-muted) 0,var(--color-muted-foreground) 50%,var(--color-muted) 100%);background-size:1000px 100%;border-radius:var(--radius-md)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.025em;line-height:1.25;margin:0}h1{font-size:2.25rem;font-weight:700;letter-spacing:-.03em}h2{font-size:1.875rem;letter-spacing:-.025em}h2,h3{font-weight:600}h3{font-size:1.5rem;letter-spacing:-.02em}h4{font-size:1.25rem;font-weight:600;letter-spacing:-.015em}h5{font-size:1.125rem;letter-spacing:-.01em}h5,h6{font-weight:500}h6{font-size:1rem;letter-spacing:0}label{color:var(--color-foreground);display:block;font-size:.875rem;font-weight:500;letter-spacing:.01em;margin-bottom:.375rem}.text-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.container{margin:0 auto;max-width:1440px;padding:0 32px}@media (min-width:1920px){.container{max-width:1600px;padding:0 60px}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}}@media (min-width:1440px) and (max-width:1919px){.container{max-width:1400px;padding:0 48px}h1{font-size:2.75rem}h2{font-size:2.25rem}h3{font-size:1.875rem}}@media (min-width:1280px) and (max-width:1439px){.container{max-width:1200px;padding:0 40px}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}}@media (min-width:1024px) and (max-width:1279px){.container{max-width:1100px;padding:0 32px}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}}@media (min-width:768px) and (max-width:1023px){.container{max-width:960px;padding:0 24px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}}@media (min-width:640px) and (max-width:767px){.container{max-width:100%;padding:0 20px}h1{font-size:1.875rem}h2{font-size:1.625rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}}@media (min-width:480px) and (max-width:639px){.container{max-width:100%;padding:0 18px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}}@media (max-width:479px){.container{max-width:100%;padding:0 16px}h1{font-size:1.625rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:.875rem}h6{font-size:.75rem}}@media (max-width:320px){.container{max-width:100%;padding:0 12px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:.875rem}h6{font-size:.75rem}}.hidden-mobile{display:block}.visible-mobile{display:none}@media (max-width:767px){.hidden-mobile{display:none!important}.visible-mobile{display:block!important}}.hidden-tablet{display:block}@media (min-width:768px) and (max-width:1023px){.hidden-tablet{display:none!important}}.hidden-desktop{display:block}@media (min-width:1024px){.hidden-desktop{display:none!important}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{-webkit-line-clamp:2;line-clamp:2}.text-truncate-2,.text-truncate-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.text-truncate-3{-webkit-line-clamp:3;line-clamp:3}@media (max-width:767px){body{font-size:14px;line-height:1.7}.h1,h1{font-size:1.75rem;line-height:1.2}.h2,h2{font-size:1.5rem;line-height:1.25}.h3,h3{font-size:1.25rem;line-height:1.3}.h4,h4{font-size:1.125rem;line-height:1.4}.p-responsive{padding:1.25rem}.m-responsive{margin:1.25rem}.gap-responsive{gap:1rem}}@media (min-width:768px) and (max-width:1023px){body{font-size:15px;line-height:1.6}.h1,h1{font-size:2rem;line-height:1.2}.h2,h2{font-size:1.75rem;line-height:1.25}.h3,h3{font-size:1.5rem;line-height:1.3}.h4,h4{font-size:1.25rem;line-height:1.4}.p-responsive{padding:1.5rem}.m-responsive{margin:1.5rem}.gap-responsive{gap:1.25rem}}@media (min-width:1024px){body{font-size:16px;line-height:1.6}.h1,h1{font-size:2.25rem;line-height:1.2}.h2,h2{font-size:2rem;line-height:1.25}.h3,h3{font-size:1.75rem;line-height:1.3}.h4,h4{font-size:1.5rem;line-height:1.4}.p-responsive{padding:1.75rem}.m-responsive{margin:1.75rem}.gap-responsive{gap:1.5rem}}.grid-responsive{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:641px) and (max-width:1024px){.grid-responsive{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.grid-responsive{gap:24px;grid-template-columns:repeat(3,1fr)}}@media (min-width:1440px){.grid-responsive{gap:24px;grid-template-columns:repeat(3,1fr)}}.flex-responsive{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.flex-responsive{flex-direction:row;gap:1.5rem}}:root{--card-bg:#fff;--card-bg-soft:#f8fafc;--card-border:#94a3b838;--card-border-soft:#94a3b824;--card-border-muted:#94a3b81a;--card-shadow:none;--card-shadow-hover:none;--card-radius:18px;--card-radius-sm:14px;--text-primary:#111827;--text-secondary:#475569;--text-muted:#6b7280;--surface:#f8fafc;--surface-soft:#fff;--transition-fast:0.18s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.24s cubic-bezier(0.35,0.85,0.35,1)}.card{background:#fff;background:var(--card-bg);border:1px solid #94a3b824;border:1px solid var(--card-border-soft);border-radius:18px;border-radius:var(--card-radius);box-shadow:none;box-shadow:var(--card-shadow);color:#475569;color:var(--text-secondary);display:block;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-width:0;overflow:hidden;transition:transform .24s cubic-bezier(.35,.85,.35,1),box-shadow .24s cubic-bezier(.35,.85,.35,1),border-color .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-fast),background var(--transition-fast);width:100%}.card--padding-small{padding:12px}.card--padding-medium{padding:16px}.card--padding-large{padding:22px}.card--padding-none{padding:0}.card--border{border-color:#94a3b838;border-color:var(--card-border)}.card--shadow{box-shadow:none}.card--hover{cursor:pointer}.card--hover:hover{border-color:#94a3b838;border-color:var(--card-border);box-shadow:none;box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.card--hover:before{background:linear-gradient(90deg,#6366f1,#818cf8 50%,#a5b4fc);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transform:scaleX(.6);transform-origin:left;transition:opacity .18s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.35,.85,.35,1);transition:opacity var(--transition-fast),transform var(--transition-smooth)}.card--hover:hover:before{opacity:1;transform:scaleX(1)}.card--hover:focus-visible{box-shadow:none;outline:none}.card-header{background:#f8fafce6;border-bottom:1px solid #94a3b824;border-bottom:1px solid var(--card-border-soft);min-width:0;padding:14px 16px}.card-header>*{min-width:0}.card-title{color:#111827;color:var(--text-primary);font-size:1rem;letter-spacing:-.02em;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-content{color:#475569;color:var(--text-secondary);font-size:.94rem;line-height:1.75;padding:16px}.card-content>*+*{margin-top:1rem}.card-content--reset{padding:0}.dark{--card-bg:#111827;--card-bg-soft:#1f2937;--card-border:#94a3b838;--card-border-soft:#94a3b81a;--card-shadow:none;--card-shadow-hover:none;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af}.dark .card{background:#fff;background:var(--card-bg)}.dark .card,.dark .card-header{border-color:#94a3b824;border-color:var(--card-border-soft)}.dark .card-header{background:#1f2937eb}.dark .card-title{color:#111827;color:var(--text-primary)}@media (min-width:640px){.card--padding-small{padding:14px}.card--padding-medium{padding:18px}.card--padding-large{padding:24px}.card-header{padding:16px 18px}.card-content{padding:18px}}@media (min-width:768px){.card--padding-small{padding:14px}.card--padding-medium{padding:20px}.card--padding-large{padding:28px}.card-header{padding:18px 20px}.card-content{padding:20px}}@media (min-width:1024px){.card--padding-small{padding:16px}.card--padding-medium{padding:22px}.card--padding-large{padding:30px}.card-header{padding:20px 22px}.card-title{font-size:1.05rem}.card-content{padding:22px}}@media (max-width:480px){.card{border-radius:16px}.card--padding-small{padding:10px}.card--padding-medium{padding:14px}.card--padding-large{padding:18px}.card-header{gap:10px;padding:12px 14px}.card-title{font-size:.95rem}.card-content{font-size:.92rem;padding:14px}.card--hover:hover{box-shadow:none;transform:translateY(-1px)}}@media (max-width:320px){.card--padding-small{padding:8px}.card--padding-medium{padding:12px}.card--padding-large{padding:16px}.card-header{padding:10px 12px}.card-title{font-size:.9rem}.card-content{padding:12px}.card--hover:hover{box-shadow:none;transform:translateY(-1px)}}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px;transition:all .2s ease}.badge--primary,.badge--success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge--warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge--danger{background-color:var(--color-destructive-light);color:var(--color-destructive-dark)}.badge--info,.badge--secondary{background-color:var(--color-info-light);color:var(--color-info-dark)}.badge--small{font-size:11px;padding:2px 8px}.badge--medium{font-size:12px;padding:4px 10px}.badge--large{font-size:13px;padding:6px 12px}.badge__icon{align-items:center;display:flex;justify-content:center}@media (max-width:480px){.badge{font-size:11px;padding:3px 8px}.badge--small{font-size:10px;padding:2px 6px}.badge--medium{font-size:11px;padding:3px 8px}.badge--large{font-size:12px;padding:5px 10px}}@media (max-width:320px){.badge{font-size:10px;padding:2px 6px}.badge--small{font-size:9px;padding:2px 5px}.badge--medium{font-size:10px;padding:2px 6px}.badge--large{font-size:11px;padding:4px 8px}}.table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:100%}.table{border-collapse:initial;border-spacing:0;font-size:13px;max-width:none;min-width:680px;width:100%}.table td,.table th{border-bottom:1px solid var(--color-border);padding:10px 12px;vertical-align:middle}.table th{background:var(--color-muted);color:var(--color-muted-foreground);font-size:11px;font-weight:800;height:42px;letter-spacing:.04em;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.table td{color:var(--color-foreground);font-weight:500;height:44px;line-height:1.35}.table tr:hover{background:var(--color-muted)}.table tr:last-child td{border-bottom:0}.table-empty,.table-loading{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-muted-foreground);display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:132px;padding:28px 18px;text-align:center}.table-skeleton{animation:table-loading 1.5s infinite;background:linear-gradient(90deg,var(--color-muted) 25%,var(--color-border) 50%,var(--color-muted) 75%);background-size:200% 100%;border-radius:999px;height:12px;width:min(520px,100%)}@keyframes table-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.table-empty-icon{font-size:34px;opacity:.55}.table-empty p{font-size:13px;font-weight:600;margin:0}@media (max-width:768px){.table-wrapper{border-radius:8px;margin:0 -12px;max-width:calc(100vw - 24px);overflow-x:auto}.table{font-size:12px;min-width:600px}.table td,.table th{padding:8px 10px}.table th{font-size:10px;height:40px;letter-spacing:.03em}.table td{font-size:12px;height:40px}.table-empty,.table-loading{min-height:100px;padding:20px 16px}.table-skeleton{height:10px;width:min(400px,100%)}.table-empty-icon{font-size:28px}.table-empty p{font-size:12px}}@media (max-width:480px){.table-wrapper{border-radius:6px;margin:0 -10px;max-width:calc(100vw - 20px)}.table{font-size:11px;min-width:500px}.table td,.table th{padding:6px 8px}.table th{font-size:9px;height:36px}.table td{font-size:11px;height:36px}.table-empty,.table-loading{min-height:80px;padding:16px 12px}.table-skeleton{height:8px;width:min(300px,100%)}.table-empty-icon{font-size:24px}.table-empty p{font-size:11px}}.btn{border-radius:6px;display:inline-flex;font-family:inherit;font-weight:500;gap:6px;justify-content:center;letter-spacing:.01em;outline:none;overflow:hidden;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1)}.btn:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.btn--primary{background:var(--color-primary);box-shadow:0 1px 2px #0000001a;color:#fff;position:relative}.btn--primary:hover:not(.btn--disabled){background:var(--color-primary);box-shadow:0 2px 4px #00000026;opacity:.9;transform:translateY(-1px)}.btn--secondary{background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000a;color:#374151}.btn--secondary:hover:not(.btn--disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000000f;transform:translateY(-1px)}.btn--success{background:#10b981;box-shadow:0 1px 2px #0000001a;color:#fff}.btn--success:hover:not(.btn--disabled){background:#10b981;box-shadow:0 2px 4px #00000026;opacity:.9;transform:translateY(-1px)}.btn--danger{background:#ef4444;box-shadow:0 1px 2px #0000001a;color:#fff}.btn--danger:hover:not(.btn--disabled){background:#ef4444;box-shadow:0 2px 4px #00000026;opacity:.9;transform:translateY(-1px)}.btn--warning{background:#f59e0b;box-shadow:0 1px 2px #0000001a;color:#fff}.btn--warning:hover:not(.btn--disabled){background:#f59e0b;box-shadow:0 2px 4px #00000026;opacity:.9;transform:translateY(-1px)}.btn--info{background:#3b82f6;box-shadow:0 1px 2px #0000001a;color:#fff}.btn--info:hover:not(.btn--disabled){background:#3b82f6;box-shadow:0 2px 4px #00000026;opacity:.9;transform:translateY(-1px)}.btn--outline{background:#0000;border:1px solid #e5e7eb;box-shadow:none;color:var(--color-primary)}.btn--outline:hover:not(.btn--disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 2px #0000000f;transform:translateY(-1px)}.btn--ghost{background:#0000;box-shadow:none;color:var(--color-foreground)}.btn--ghost:hover:not(.btn--disabled){background:#f9fafb;color:var(--color-foreground);transform:translateY(-1px)}.btn--link{background:#0000;border-radius:0;box-shadow:none;color:var(--color-secondary);padding:0}.btn--link:hover:not(.btn--disabled){color:var(--color-secondary);text-decoration:underline;transform:none}.btn--small{font-size:13px;padding:6px 12px}.btn--medium,.btn--small{border-radius:6px;gap:6px}.btn--medium{font-size:14px;padding:8px 16px}.btn--large{border-radius:6px;font-size:15px;gap:8px;padding:10px 20px}.btn--icon{aspect-ratio:1;border-radius:6px;padding:8px}.btn--disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.btn--loading{color:#0000;pointer-events:none}.btn__spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;height:18px;position:absolute;width:18px}.btn__icon{align-items:center;display:flex;justify-content:center;transition:transform .2s ease}.btn:hover .btn__icon{transform:scale(1.1)}.btn__text{font-weight:600;white-space:nowrap}.btn:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.btn:active:after{height:300px;width:300px}.dark .btn--secondary{background:var(--color-secondary);color:var(--color-secondary-foreground)}.dark .btn--outline{border-color:var(--color-primary);color:var(--color-primary)}.dark .btn--ghost:hover{background:var(--color-muted)}@media (min-width:1920px){.btn{font-size:15px}.btn--small{font-size:14px;padding:10px 18px}.btn--medium{font-size:15px;padding:12px 24px}.btn--large{font-size:17px;padding:16px 32px}.btn--icon{padding:12px}}@media (min-width:1440px) and (max-width:1919px){.btn--medium{padding:11px 22px}.btn--large{padding:15px 30px}}@media (min-width:1280px) and (max-width:1439px){.btn--medium{padding:10px 20px}.btn--large{padding:14px 28px}}@media (min-width:1024px) and (max-width:1279px){.btn{font-size:13px}.btn--small{font-size:12px;padding:7px 14px}.btn--medium{font-size:13px;padding:9px 18px}.btn--large{font-size:15px;padding:12px 24px}.btn--icon{padding:9px}}@media (min-width:768px) and (max-width:1023px){.btn{font-size:13px}.btn--small{font-size:12px;padding:7px 14px}.btn--medium{font-size:13px;padding:9px 18px}.btn--large{font-size:15px;padding:12px 24px}.btn--icon{padding:9px}}@media (min-width:640px) and (max-width:767px){.btn{font-size:13px}.btn--small{font-size:12px;padding:6px 12px}.btn--medium{font-size:13px;padding:8px 16px}.btn--large{font-size:14px;padding:11px 22px}.btn--icon{padding:8px}.btn:hover:not(.btn--disabled){transform:translateY(-1px)}}@media (min-width:480px) and (max-width:639px){.btn{font-size:12px}.btn--small{font-size:11px;padding:6px 12px}.btn--medium{font-size:12px;padding:8px 16px}.btn--large{font-size:13px;padding:10px 20px}.btn--icon{padding:8px}.btn:hover:not(.btn--disabled){transform:translateY(-1px)}}@media (max-width:479px){.btn{font-size:12px}.btn--small{font-size:11px;padding:5px 10px}.btn--medium{font-size:12px;padding:7px 14px}.btn--large{font-size:13px;padding:9px 18px}.btn--icon{padding:7px}.btn:hover:not(.btn--disabled){transform:translateY(-1px)}.btn__text{text-align:center;white-space:normal}}@media (max-width:320px){.btn{font-size:11px}.btn--small{font-size:10px;padding:5px 8px}.btn--medium{font-size:11px;padding:6px 12px}.btn--large{font-size:12px;padding:8px 16px}.btn--icon{padding:6px}.btn:hover:not(.btn--disabled){transform:translateY(-1px)}.btn__text{text-align:center;white-space:normal}}.input-wrapper{display:flex;flex-direction:column;gap:8px}.input-label{align-items:center;color:var(--color-foreground);display:flex;font-size:14px;font-weight:600;gap:4px;letter-spacing:.01em}.input-required{color:var(--color-destructive);font-weight:700}.input-container{position:relative}.input-container,.input-icon{align-items:center;display:flex}.input-icon{color:var(--color-muted-foreground);justify-content:center;left:14px;position:absolute;transition:color .2s ease;z-index:1}.input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground);font-family:inherit;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.input:focus{background:var(--color-card);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light),0 4px 12px var(--color-primary-light);outline:none}.input:focus+.input-icon{color:var(--color-primary)}.input--small{border-radius:var(--radius-md);font-size:13px;padding:8px 14px}.input--medium{border-radius:var(--radius-lg);font-size:14px;padding:12px 16px}.input--large{border-radius:var(--radius-xl);font-size:16px;padding:14px 18px}.input--error{border-color:var(--color-destructive);box-shadow:0 0 0 3px var(--color-destructive-light)}.input--disabled{background:var(--color-muted);color:var(--color-muted-foreground);cursor:not-allowed;opacity:.7}.input--error:focus{border-color:var(--color-destructive);box-shadow:0 0 0 3px var(--color-destructive-light),0 4px 12px var(--color-destructive-light)}.input-error{align-items:center;color:var(--color-destructive);display:flex;font-size:12px;font-weight:600;gap:4px;margin-top:4px}.input-container .input{padding-left:44px}.input-container .input--small{padding-left:40px}.input-container .input--large{padding-left:48px}.input::placeholder{color:var(--color-muted-foreground);font-weight:400}.input:hover:not(.input--disabled):not(.input--error){border-color:var(--color-muted-foreground);box-shadow:var(--shadow-sm)}.dark .input{background:var(--color-card);border-color:var(--color-border)}.dark .input:focus{background:var(--color-background)}.dark .input--disabled{background:var(--color-muted)}@media (min-width:1920px){.input-label{font-size:15px}.input--small{font-size:14px;padding:10px 16px}.input--medium{font-size:15px;padding:14px 20px}.input--large{font-size:17px;padding:16px 22px}.input-error{font-size:13px}}@media (min-width:1440px) and (max-width:1919px){.input--medium{padding:13px 18px}.input--large{padding:15px 20px}}@media (min-width:1280px) and (max-width:1439px){.input--medium{padding:12px 16px}.input--large{padding:14px 18px}}@media (min-width:1024px) and (max-width:1279px){.input-label{font-size:13px}.input--small{font-size:12px;padding:7px 12px}.input--medium{font-size:13px;padding:11px 15px}.input--large{font-size:15px;padding:13px 17px}.input-icon{left:12px}.input-container .input{padding-left:40px}.input-container .input--small{padding-left:36px}.input-container .input--large{padding-left:44px}}@media (min-width:768px) and (max-width:1023px){.input-label{font-size:13px}.input--small{font-size:12px;padding:7px 12px}.input--medium{font-size:13px;padding:11px 14px}.input--large{font-size:15px;padding:13px 16px}.input-icon{left:12px}.input-container .input{padding-left:38px}.input-container .input--small{padding-left:34px}.input-container .input--large{padding-left:42px}}@media (min-width:640px) and (max-width:767px){.input--small,.input-label{font-size:13px}.input--small{padding:8px 12px}.input--medium{font-size:14px;padding:12px 14px}.input--large{font-size:15px;padding:14px 16px}.input-icon{left:12px}.input-container .input{padding-left:38px}.input-container .input--small{padding-left:34px}.input-container .input--large{padding-left:42px}.input-error{font-size:11px}}@media (min-width:480px) and (max-width:639px){.input--small,.input-label{font-size:12px}.input--small{padding:8px 11px}.input--medium{font-size:13px;padding:11px 13px}.input--large{font-size:14px;padding:13px 15px}.input-icon{left:11px}.input-container .input{padding-left:36px}.input-container .input--small{padding-left:32px}.input-container .input--large{padding-left:40px}.input-error{font-size:11px}}@media (max-width:479px){.input-label{font-size:12px}.input--small{font-size:14px;padding:10px 12px}.input--medium{font-size:14px;padding:12px 14px}.input--large{font-size:15px;padding:14px 16px}.input-icon{left:12px}.input-container .input{padding-left:40px}.input-container .input--small{padding-left:36px}.input-container .input--large{padding-left:44px}.input-error{font-size:11px}}@media (max-width:320px){.input-label{font-size:11px}.input--small{font-size:13px;padding:10px}.input--medium{font-size:14px;padding:12px}.input--large{font-size:15px;padding:14px}.input-icon{left:10px}.input-container .input{padding-left:36px}.input-container .input--small{padding-left:32px}.input-container .input--large{padding-left:40px}.input-error{font-size:10px}}.excel-download-button{align-items:center;background:#087f5b;border:1px solid #0f9f6e;border-radius:8px;box-shadow:0 1px 2px #0f172a24,0 8px 18px #087f5b29;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:8px;justify-content:center;letter-spacing:0;line-height:1;min-height:38px;padding:9px 16px;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;white-space:nowrap}.excel-download-button:hover:not(:disabled){background:#066c4d;border-color:#066c4d;box-shadow:0 2px 5px #0f172a29,0 10px 22px #087f5b33;transform:translateY(-1px)}.excel-download-button:active:not(:disabled){box-shadow:0 1px 2px #0f172a24;transform:translateY(0)}.excel-download-button:focus-visible{outline:3px solid #10b98147;outline-offset:2px}.excel-download-button--disabled,.excel-download-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.58;transform:none}.excel-download-button__icon{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center}.excel-download-button__label{overflow:hidden;text-overflow:ellipsis}.excel-download-button__spinner{animation:excel-button-spin .8s linear infinite}.excel-download-button--small{font-size:12px;min-height:34px;padding:7px 12px}.excel-download-button--large{font-size:14px;min-height:44px;padding:11px 18px}.excel-download-button--full{width:100%}.dark .excel-download-button{background:#10b981;border-color:#34d399;color:#052e1c}.dark .excel-download-button:hover:not(:disabled){background:#34d399;border-color:#6ee7b7}@media (max-width:767px){.excel-download-button{min-height:42px;padding:10px 14px;width:100%}}@keyframes excel-button-spin{to{transform:rotate(1turn)}}.page-header{align-items:flex-start;background:#0000;border:0;box-shadow:none;display:flex;gap:16px;justify-content:space-between;margin:0 0 16px;padding:0}.page-header-left{flex:1 1 auto;min-width:0}.page-header-title-section{display:flex;flex-direction:column;gap:4px}.page-header-title{color:var(--color-foreground);font-size:1.45rem;font-weight:800;letter-spacing:0;line-height:1.15;margin:0;overflow-wrap:break-word;word-break:break-word}.page-header-subtitle{color:var(--color-muted-foreground);font-size:13px;font-weight:500;line-height:1.55;margin:0;max-width:72ch}.page-header-right{align-items:center;display:flex;flex:0 1 auto;flex-wrap:wrap;gap:10px;justify-content:flex-end}.page-header-search{width:min(320px,100%)}.page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}@media (max-width:900px){.page-header{align-items:stretch;flex-direction:column}.page-header-actions,.page-header-right{justify-content:flex-start}.page-header-search{width:100%}}@media (min-width:768px){.page-header-title{font-size:1.65rem}}@media (min-width:1200px){.page-header-title{font-size:1.85rem}}@media (max-width:520px){.page-header-title{font-size:1.28rem}.page-header-subtitle{font-size:12.5px}}.dashboard-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin:0 0 24px;max-width:100%;width:100%}.dashboard-grid--columns-1,.dashboard-grid--columns-2,.dashboard-grid--columns-3,.dashboard-grid--columns-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboard-card{background:#fff!important;border:0!important;border-radius:16px;box-shadow:0 1px 2px #0f172a0a,0 12px 28px #0f172a12!important;cursor:pointer;display:flex;flex-direction:column;gap:18px;justify-content:flex-start;min-height:146px;min-width:0;overflow:hidden;padding:20px;transition:box-shadow .18s ease,background-color .18s ease,transform .18s ease}.dashboard-card:hover{background:#fbfdff!important;box-shadow:0 2px 4px #0f172a0d,0 18px 38px #0f172a1a!important;transform:translateY(-2px)}.dashboard-card--borderless{border:0!important;box-shadow:0 1px 2px #0f172a0a,0 12px 28px #0f172a12!important}.dashboard-card--borderless:hover{box-shadow:0 2px 4px #0f172a0d,0 18px 38px #0f172a1a!important}.dashboard-card-icon{align-items:center;background:#0000!important;border:0!important;border-radius:0;box-shadow:none!important;color:#020617;display:inline-flex;flex-shrink:0;height:auto;justify-content:center;min-width:0;width:auto}.dashboard-card-icon>svg{stroke-width:2;height:26px;width:26px}.dashboard-card--green-soft .dashboard-card-icon,.dashboard-card--teal-soft .dashboard-card-icon{color:#047857}.dashboard-card--orange-soft .dashboard-card-icon,.dashboard-card--yellow-soft .dashboard-card-icon{color:#92400e}.dashboard-card--red-soft .dashboard-card-icon{color:#991b1b}.dashboard-card--purple-soft .dashboard-card-icon{color:#5b21b6}.dashboard-card-content{display:flex;flex-direction:column;gap:5px;min-width:0}.dashboard-card-title{color:#64748b;font-size:13px;font-weight:600;line-height:1.25}.dashboard-card-title,.dashboard-card-value{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;letter-spacing:0;margin:0;outline:0!important;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.dashboard-card-value{color:#020617!important;font-size:30px;font-weight:800;line-height:1.05}.dashboard-card-description{align-items:center;color:#94a3b8;display:inline-flex;font-size:12px;font-weight:500;gap:4px;letter-spacing:0;line-height:1.35;margin:2px 0 0}.dashboard-card-description,.dashboard-card-description span{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0;outline:0!important;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.dashboard-card-description--up{color:#047857}.dashboard-card-description--down{color:#b91c1c}.bg-blue-50,.bg-gray-50,.bg-green-50,.bg-orange-50,.bg-purple-50,.bg-red-50,.bg-slate-50,.bg-teal-50,.bg-yellow-50{background-color:#fff!important}@media (min-width:1200px){.dashboard-grid--columns-4{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-dashboard .dashboard-grid--columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1199px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:767px){.dashboard-grid,.dashboard-grid--columns-1,.dashboard-grid--columns-2,.dashboard-grid--columns-3,.dashboard-grid--columns-4{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.dashboard-card{gap:12px;min-height:132px;padding:16px}.dashboard-card-icon{height:auto;min-width:0;width:auto}.dashboard-card-icon>svg{height:24px;width:24px}.dashboard-card-title{font-size:12px}.dashboard-card-value{font-size:24px}.dashboard-card-description{font-size:11px}}@media (max-width:420px){.dashboard-grid,.dashboard-grid--columns-1,.dashboard-grid--columns-2,.dashboard-grid--columns-3,.dashboard-grid--columns-4{grid-template-columns:1fr}}.supervisor-dashboard{animation:fadeInPage .4s ease-out;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}@media (max-width:768px){.supervisor-dashboard{padding:0}.quick-actions-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.quick-action-card{padding:20px}.quick-action-icon{font-size:24px;height:56px;width:56px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}}.teamleader-dashboard{animation:fadeInPage .4s ease-out;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.section-title{font-size:18px;letter-spacing:-.02em}.quick-action-icon{font-size:28px}@media (max-width:768px){.teamleader-dashboard{padding:0}.quick-actions-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.quick-action-card{padding:20px}.quick-action-icon{font-size:24px;height:56px;width:56px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.quick-actions-grid{gap:12px;grid-template-columns:1fr}.quick-action-card{padding:16px}.quick-action-icon{font-size:20px;height:48px;width:48px}.quick-action-title{font-size:14px}.quick-action-desc{font-size:12px}.section-title{font-size:16px}}@media (max-width:320px){.quick-actions-grid{gap:10px;grid-template-columns:1fr}.quick-action-card{padding:14px}.quick-action-icon{font-size:18px;height:44px;width:44px}.quick-action-title{font-size:13px}.quick-action-desc{font-size:11px}.section-title{font-size:15px}}.shopkeeper-dashboard{animation:fadeInPage .4s ease-out;background:var(--color-background);max-width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.shopkeeper-dashboard-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:60vh}.stock-stats-section{margin-bottom:24px}.quick-action-icon{color:var(--color-primary)}.low-stock-card,.transactions-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden;transition:all .2s ease}.low-stock-card:hover,.transactions-card:hover{box-shadow:var(--shadow-md)}.amount-cell{color:var(--color-primary)}@media (max-width:768px){.shopkeeper-dashboard{padding:0}.quick-actions-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.quick-action-card{padding:24px}.quick-action-icon{font-size:24px;height:56px;width:56px}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.data-table{font-size:12px}.data-table td,.data-table th{padding:10px 12px}}@media (max-width:480px){.quick-actions-grid{gap:12px;grid-template-columns:1fr}.quick-action-card{padding:16px}.quick-action-icon{font-size:20px;height:48px;width:48px}.quick-action-title{font-size:14px}.quick-action-desc{font-size:12px}.card-header{padding:12px 16px}.card-title{font-size:14px}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px 10px}.table-container{overflow-x:auto}}.dark .shopkeeper-dashboard{background:var(--color-background)}.dark .quick-action-icon{background:var(--color-muted);color:var(--color-primary)}.dark .quick-action-card:hover .quick-action-icon{background:var(--color-primary);color:var(--color-primary-foreground)}.dark .quick-action-title{color:var(--color-foreground)}.dark .quick-action-desc{color:var(--color-muted-foreground)}.dark .low-stock-card,.dark .transactions-card{background:var(--color-card);border-color:var(--color-border)}.dark .card-title{color:var(--color-foreground)}.dark .data-table thead{background:var(--color-muted)}.dark .data-table th{border-color:var(--color-border);color:var(--color-muted-foreground)}.dark .data-table td{border-color:var(--color-border)}.dark .data-table td,.dark .section-header{color:var(--color-foreground)}.storekeeper-dashboard{animation:fadeInPage .4s ease-out;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.storekeeper-dashboard-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:60vh}.section-header{background:var(--color-muted);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:12px;justify-content:space-between;padding:clamp(12px,2.5vw,16px) clamp(12px,2.5vw,20px)}.section-title{align-items:center;color:var(--color-foreground);display:flex;font-size:16px;font-weight:700;gap:8px;margin:0}.view-all-link{color:var(--color-primary);font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.view-all-link:hover{color:var(--color-primary);text-decoration:underline}.quick-action-icon{border-radius:var(--radius-md)}.section-card{overflow:hidden;transition:all .2s ease}.section-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-content{max-height:350px;overflow-x:hidden;overflow-y:auto;padding:16px 20px}.list-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;padding:12px 0;transition:all .2s ease}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--color-muted);border-radius:var(--radius-md);padding-left:8px;padding-right:8px}.notification-icon{align-items:center;background:var(--color-muted);border-radius:50%;color:var(--color-muted-foreground);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-content{flex:1 1}.notification-title{color:var(--color-foreground);font-size:13px;font-weight:500;margin-bottom:2px}.notification-time{color:var(--color-muted-foreground);font-size:11px}.request-content{flex:1 1}.request-number{color:var(--color-foreground);font-size:13px;font-weight:600;margin-bottom:4px}.request-details{color:var(--color-muted-foreground);font-size:11px}.overdue-content{flex:1 1}.overdue-name{color:var(--color-foreground);font-size:13px;font-weight:600;margin-bottom:4px}.overdue-details{color:var(--color-muted-foreground);font-size:11px}.low-stock-section{margin-bottom:24px}.low-stock-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:16px 20px}.low-stock-item{background:var(--color-warning);border:2px solid var(--color-warning);border-radius:var(--radius-lg);cursor:pointer;padding:16px;transition:all .2s ease}.low-stock-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.low-stock-name{color:var(--color-foreground);font-size:14px;font-weight:700;margin-bottom:8px}.low-stock-quantity{color:var(--color-muted-foreground);font-size:12px;margin-bottom:4px}.low-stock-warning{color:var(--color-destructive);font-size:11px;font-weight:600}.overdue-section{margin-bottom:24px}.empty-state{font-size:13px;font-weight:500}@media (max-width:1024px){.two-column-grid{grid-template-columns:1fr}.low-stock-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.storekeeper-dashboard{padding:0}.quick-actions-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.quick-action-card{padding:20px}.quick-action-icon{font-size:24px;height:56px;width:56px}.low-stock-grid{grid-template-columns:1fr}.section-content{max-height:300px}}@media (max-width:480px){.quick-actions-grid{gap:12px;grid-template-columns:1fr}.quick-action-card{padding:16px}.quick-action-icon{font-size:20px;height:48px;width:48px}.quick-action-title{font-size:14px}.quick-action-desc{font-size:12px}.section-header{padding:12px 16px}.section-title{font-size:14px}.low-stock-grid{grid-template-columns:1fr}.low-stock-grid,.section-content{padding:12px 16px}}@media (max-width:320px){.quick-actions-grid{gap:10px;grid-template-columns:1fr}.quick-action-card{padding:14px}.quick-action-icon{font-size:18px;height:44px;width:44px}.quick-action-title{font-size:13px}.quick-action-desc{font-size:11px}.section-header{padding:10px 14px}.section-title{font-size:13px}.low-stock-grid{grid-template-columns:1fr}.low-stock-grid,.section-content{padding:10px 14px}}.dark .list-item:hover{background:var(--color-muted)}.dark .low-stock-item{background:var(--color-warning)}:root{--uec-surface:#fff;--uec-surface-soft:#f8fafc;--uec-border:#94a3b838;--uec-text:#0f172a;--uec-muted:#64748b;--uec-faint:#94a3b8;--uec-green:#059669;--uec-red:#dc2626;--uec-orange:#d97706;--uec-blue:#2563eb;--uec-shadow:0 1px 2px #0f172a0a,0 16px 36px #0f172a14;--uec-shadow-hover:0 2px 6px #0f172a12,0 24px 52px #0f172a1f}.uec-card,.uec-card *,.uec-mobile-row,.uec-mobile-row *,.uec-tr,.uec-tr *{box-sizing:border-box}.uec-card{background:radial-gradient(circle at top right,#2563eb0f,#0000 34%),#fff!important;background:radial-gradient(circle at top right,#2563eb0f,#0000 34%),var(--uec-surface)!important;border:0!important;border-radius:22px!important;box-shadow:0 1px 2px #0f172a0a,0 16px 36px #0f172a14!important;box-shadow:var(--uec-shadow)!important;color:#0f172a;color:var(--uec-text);display:flex;flex-direction:column;isolation:isolate;min-height:100%;min-width:0;overflow:hidden;padding:20px;position:relative;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.uec-card:before{background:linear-gradient(90deg,#0f766e,#2563eb,#7c3aed);content:"";height:3px;inset:0 0 auto;opacity:0;position:absolute;transition:opacity .18s ease}@media (hover:hover){.uec-card:hover{box-shadow:0 2px 6px #0f172a12,0 24px 52px #0f172a1f!important;box-shadow:var(--uec-shadow-hover)!important;transform:translateY(-3px)}.uec-card:hover:before{opacity:1}}.uec-card:focus-visible{outline:3px solid #2563eb38;outline-offset:3px}.uec-card--compact{padding:18px}.uec-card-top{align-items:flex-start;display:flex;gap:16px;min-width:0}.uec-avatar-wrap{background:linear-gradient(135deg,#eef2ff,#ecfdf5);border-radius:999px;box-shadow:0 0 0 4px #fff,0 10px 26px #0f172a29;display:grid;flex:0 0 auto;height:76px;overflow:hidden;place-items:center;position:relative;width:76px}.uec-avatar-wrap>*{height:100%;width:100%}.uec-identity{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;min-width:0}.uec-name-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;min-width:0}.uec-name{color:#111827;font-size:20px;font-weight:800;letter-spacing:0;line-height:1.12;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uec-identity-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.uec-badge,.uec-id-pill,.uec-position-badge{align-items:center;border:0;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;line-height:1;max-width:100%;min-height:28px;padding:6px 10px;white-space:nowrap}.uec-position-badge{background:#f1f5f9;color:#1f2937}.uec-id-pill{background:#0000;color:#64748b;padding-left:0;padding-right:0}.uec-role-badge{background:#f8fafc;color:#334155}.uec-role--amber{background:#fef3c7;color:#92400e}.uec-role--violet{background:#ede9fe;color:#5b21b6}.uec-role--blue{background:#dbeafe;color:#1d4ed8}.uec-role--cyan{background:#cffafe;color:#155e75}.uec-role--slate{background:#f1f5f9;color:#475569}.uec-role--pink{background:#fce7f3;color:#9d174d}.uec-role--indigo{background:#e0e7ff;color:#3730a3}.uec-role--emerald{background:#d1fae5;color:#047857}.uec-status-badge{flex:0 0 auto;font-size:12px}.uec-status-dot{background:currentColor;border-radius:999px;height:7px;width:7px}.uec-status--active{background:#ecfdf5;color:#059669;color:var(--uec-green)}.uec-status--inactive{background:#f1f5f9;color:#64748b}.uec-status--suspended{background:#fef2f2;color:#dc2626;color:var(--uec-red)}.uec-status--pending{background:#fffbeb;color:#d97706;color:var(--uec-orange)}.uec-primary-meta{grid-gap:12px 14px;display:grid;gap:12px 14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;min-width:0}.uec-meta-item{grid-gap:9px;align-items:start;display:grid;gap:9px;grid-template-columns:18px minmax(0,1fr);min-width:0}.uec-meta-icon{color:#94a3b8;margin-top:2px}.uec-meta-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.uec-meta-label{color:#94a3b8;color:var(--uec-faint);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.uec-meta-value{color:#1f2937;font-size:13px;font-weight:650;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uec-secondary-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:18px;min-height:22px}.uec-info-line{align-items:center;color:#64748b;color:var(--uec-muted);display:inline-flex;font-size:12px;font-weight:600;gap:6px;min-width:0}.uec-info-icon{color:#94a3b8;flex:0 0 auto}.uec-info-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uec-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:20px}.uec-action-btn{align-items:center;border:0;border-radius:12px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:750;gap:8px;justify-content:center;line-height:1;min-height:40px;padding:0 13px;transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.uec-action-btn--primary{background:#0f172a;box-shadow:0 8px 18px #0f172a33;color:#fff}.uec-action-btn--secondary{background:#f1f5f9;color:#334155}.uec-action-btn--danger{background:#fef2f2;color:#dc2626;color:var(--uec-red)}.uec-action-btn:hover,.uec-icon-btn:hover{transform:translateY(-1px)}.uec-action-btn:focus-visible,.uec-icon-btn:focus-visible{outline:3px solid #2563eb38;outline-offset:2px}.uec-actions-more{color:#94a3b8;display:inline-flex}.uec-tr{background:#fff;transition:background-color .16s ease}.uec-tr:hover{background:#f8fafc}.uec-td{border-bottom:1px solid #eef2f7;color:#64748b;color:var(--uec-muted);font-size:13px;padding:15px 16px;vertical-align:middle}.uec-td--employee{min-width:260px}.uec-td--center{text-align:center}.uec-td--actions{text-align:right;white-space:nowrap}.uec-td-stack{display:flex;flex-direction:column;gap:6px}.uec-table-person{align-items:center;display:flex;gap:12px;min-width:0}.uec-table-person-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.uec-table-name{color:#0f172a;color:var(--uec-text);font-size:14px;font-weight:800;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uec-table-sub{color:#64748b;color:var(--uec-muted);font-size:12px;font-weight:600}.uec-table-actions{gap:6px;justify-content:flex-end}.uec-icon-btn,.uec-table-actions{align-items:center;display:inline-flex}.uec-icon-btn{background:#0000;border:0;border-radius:12px;color:#64748b;cursor:pointer;height:36px;justify-content:center;transition:transform .16s ease,background-color .16s ease,color .16s ease;width:36px}.uec-icon-btn--primary:hover{background:#e2e8f0;color:#0f172a}.uec-icon-btn--blue:hover{background:#eff6ff;color:#2563eb;color:var(--uec-blue)}.uec-icon-btn--slate:hover{background:#f1f5f9;color:#334155}.uec-icon-btn--amber:hover{background:#fffbeb;color:#d97706;color:var(--uec-orange)}.uec-icon-btn--red:hover{background:#fef2f2;color:#dc2626;color:var(--uec-red)}.uec-mobile-row{background:#fff;border:0;border-radius:18px;box-shadow:0 1px 2px #0f172a0a,0 16px 36px #0f172a14;box-shadow:var(--uec-shadow);display:flex;flex-direction:column;gap:14px;padding:16px}.uec-mobile-main{align-items:center;display:flex;gap:12px;min-width:0}.uec-mobile-copy{flex:1 1;min-width:0}.uec-mobile-name{color:#0f172a;color:var(--uec-text);font-size:15px;font-weight:800;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uec-mobile-sub{color:#64748b;color:var(--uec-muted);font-size:12px;font-weight:600;margin:3px 0 0}.uec-mobile-lines{display:flex;flex-direction:column;gap:8px}.uec-mobile-actions{display:flex;flex-wrap:wrap;gap:8px}.uec-empty-state{background:#fff;border:0;border-radius:22px;box-shadow:0 1px 2px #0f172a0a,0 16px 36px #0f172a14;box-shadow:var(--uec-shadow);color:#64748b;color:var(--uec-muted);display:grid;grid-column:1/-1;min-height:280px;padding:36px;place-items:center;text-align:center}.uec-empty-state-icon{background:#eff6ff;border-radius:999px;color:#2563eb;color:var(--uec-blue);display:grid;height:68px;margin-bottom:16px;place-items:center;width:68px}.uec-empty-state-title{color:#0f172a;color:var(--uec-text);font-size:18px;font-weight:800;margin:0 0 6px}.uec-empty-state-text{color:#64748b;color:var(--uec-muted);font-size:14px;margin:0}@media (max-width:1180px){.uec-primary-meta{grid-template-columns:1fr}}@media (max-width:768px){.uec-card{border-radius:18px!important;padding:16px}.uec-card-top{gap:13px}.uec-avatar-wrap{height:62px;width:62px}.uec-name-row{align-items:flex-start;flex-direction:column;gap:8px}.uec-name{font-size:17px;white-space:normal}.uec-primary-meta{grid-template-columns:1fr;margin-top:18px}.uec-actions{padding-top:16px}.uec-action-btn{flex:1 1 auto}}@media (max-width:420px){.uec-card-top{align-items:center}.uec-avatar-wrap{height:56px;width:56px}.uec-badge,.uec-id-pill,.uec-position-badge{font-size:11px;min-height:26px}}@media (prefers-reduced-motion:reduce){.uec-action-btn,.uec-card,.uec-card:before,.uec-icon-btn{transition:none!important}.uec-action-btn:hover,.uec-card:hover,.uec-icon-btn:hover{transform:none}}.shop-employee-card-shell{display:flex;flex-direction:column;gap:14px;max-width:100%;min-width:0;width:100%}.shop-employee-card-shell--loading{align-items:center;background:#fff;border-radius:22px;box-shadow:0 1px 2px #0f172a0a,0 14px 32px #0f172a14;color:#64748b;font-size:14px;font-weight:650;justify-content:center;min-height:160px;padding:24px}.shop-employee-loading-dot{animation:shopEmployeeSpin .8s linear infinite;border:3px solid #e2e8f0;border-radius:999px;border-top-color:#0f766e;height:34px;width:34px}.shop-credit-panel{background:#fff;border-radius:18px;box-shadow:0 1px 2px #0f172a0a,0 12px 28px #0f172a12;padding:16px}.shop-credit-status{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;gap:8px;margin-bottom:14px;min-height:30px;padding:7px 11px}.shop-credit-status--good{background:#ecfdf5;color:#047857}.shop-credit-status--warning{background:#fffbeb;color:#b45309}.shop-credit-status--danger{background:#fef2f2;color:#dc2626}.shop-credit-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.shop-credit-metric{grid-gap:5px 8px;align-items:center;color:#64748b;display:grid;gap:5px 8px;grid-template-columns:18px minmax(0,1fr);min-width:0}.shop-credit-metric svg{color:#94a3b8;grid-row:span 2}.shop-credit-label{color:#94a3b8;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.shop-credit-metric strong{color:#0f172a;font-size:14px;font-weight:850;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes shopEmployeeSpin{to{transform:rotate(1turn)}}@media (max-width:640px){.shop-credit-grid{grid-template-columns:1fr}.shop-credit-panel{border-radius:16px;padding:14px}}.products-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.products-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.products-table-title{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.products-table-add-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.products-table-add-btn:hover{background:#059669}.products-table-empty{color:#6b7280;padding:40px 20px;text-align:center}.products-table-empty-icon{color:#d1d5db;font-size:48px;margin:0 auto 12px}.products-table-empty-text{font-size:14px;margin:0}.products-table-empty-subtext{font-size:12px;margin-top:4px}.products-table-scroll{overflow-x:auto}.products-table{border-collapse:collapse;min-width:100%;table-layout:auto;width:100%}.products-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.products-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.products-table td{border-bottom:1px solid #f3f4f6;padding:10px 12px;vertical-align:middle}.products-table tbody tr:hover{background:#f9fafb}.products-table-select{width:100%}.products-table-input,.products-table-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-size:14px;padding:8px 12px}.products-table-input{text-align:center;width:80px}.products-table-delete-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:all .2s;width:28px}.products-table-delete-btn:hover{background:#fecaca}.products-table-delete-btn:disabled{cursor:not-allowed;opacity:.5}.products-table-stock-warning{align-items:center;color:#f59e0b;display:flex;font-size:12px;gap:4px;margin-top:4px}.products-table-total{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding-top:16px}.products-table-total-label{color:#6b7280;font-size:14px;margin-bottom:4px}.products-table-total-value{color:#10b981;font-size:24px;font-weight:700}@media (max-width:768px){.products-table-container{padding:16px}.products-table-header{align-items:flex-start;flex-direction:column;gap:12px}.products-table-title{font-size:16px}.products-table-add-btn{justify-content:center;width:100%}.products-table{font-size:13px}.products-table th{font-size:11px;padding:8px 10px}.products-table td{font-size:12px;padding:8px 10px}.products-table-input,.products-table-select{font-size:13px;padding:7px 10px}.products-table-input{width:70px}.products-table-total-value{font-size:20px}}@media (max-width:480px){.products-table-container{padding:12px}.products-table-header{margin-bottom:16px}.products-table-title{font-size:15px}.products-table-add-btn{font-size:13px;padding:7px 14px}.products-table-empty{padding:32px 16px}.products-table-empty-icon{font-size:36px}.products-table-empty-text{font-size:13px}.products-table-empty-subtext{font-size:11px}.products-table{font-size:12px}.products-table th{font-size:10px;padding:8px}.products-table td{font-size:11px;padding:8px}.products-table-input,.products-table-select{font-size:12px;padding:6px 8px}.products-table-input{width:60px}.products-table-delete-btn{height:26px;width:26px}.products-table-stock-warning{font-size:11px}.products-table-total{padding-top:12px}.products-table-total-label{font-size:13px}.products-table-total-value{font-size:18px}}@media (max-width:320px){.products-table-container{padding:10px}.products-table-header{margin-bottom:12px}.products-table-title{font-size:14px}.products-table-add-btn{font-size:12px;padding:6px 12px}.products-table-empty{padding:28px 12px}.products-table-empty-icon{font-size:32px}.products-table-empty-text{font-size:12px}.products-table-empty-subtext{font-size:10px}.products-table{font-size:11px}.products-table th{font-size:9px;padding:6px}.products-table td{font-size:10px;padding:6px}.products-table-input,.products-table-select{font-size:11px;padding:5px 6px}.products-table-input{width:50px}.products-table-delete-btn{height:24px;width:24px}.products-table-stock-warning{font-size:10px}.products-table-total{padding-top:10px}.products-table-total-label{font-size:12px}.products-table-total-value{font-size:16px}}.shop-analytics-container{animation:fadeInPage .4s ease-out;padding:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card-destructive{border-left:4px solid var(--color-destructive)}.stat-card-destructive .stat-icon{background:#ef44441a;color:var(--color-destructive)}.stat-sublabel{color:var(--color-muted-foreground);font-size:11px;margin-top:4px}.card-header{padding:clamp(12px,2.5vw,16px) clamp(12px,2.5vw,20px)}.card-body{padding:20px}.icon-primary{color:var(--color-primary)}.icon-success{color:var(--color-success)}.icon-warning{color:var(--color-warning)}.top-product-card{align-items:center;background:var(--color-muted);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:16px}.product-name{color:var(--color-foreground);font-size:18px;font-weight:700}.product-info{color:var(--color-muted-foreground);font-size:13px;margin-top:4px}.product-stats{text-align:right}.product-percentage{color:var(--color-success);font-size:24px;font-weight:700}.product-percentage-label{color:var(--color-muted-foreground);font-size:12px}.data-table td,.data-table th{padding:10px}.empty-state{padding:32px}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:1fr}.top-product-card{flex-direction:column;gap:16px;text-align:center}.product-stats{text-align:center}}.dark .top-product-card{background:var(--color-muted)}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--color-overlay);bottom:0;left:0;max-height:100vh;max-width:100vw;min-width:0;overflow:hidden;right:0;top:0;z-index:1000}.modal{-webkit-overflow-scrolling:touch;animation:scaleIn .2s ease-out;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:90vw;min-width:300px;overflow-y:auto;width:auto}.modal--small{width:400px}.modal--medium{width:600px}.modal--large{width:800px}.modal--full{max-width:1200px;width:95vw}.modal-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--color-muted) 0,var(--color-secondary) 100%);min-width:0;padding:20px 24px 16px}.modal-title{color:var(--color-foreground);font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-muted-foreground);cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.modal-close:hover{background-color:var(--color-muted);color:var(--color-foreground);transform:rotate(90deg)}.modal-content{padding:24px}@media (max-width:768px){.modal-overlay{padding:12px}.modal--large,.modal--medium,.modal--small{max-height:calc(100vh - 24px);max-width:95vw;width:95vw}.modal--full{border-radius:0;max-height:calc(100vh - 24px);max-width:100vw;width:100vw}.modal-content,.modal-header{padding:16px}.modal-header{padding:14px 16px}.modal-content{max-height:calc(100vh - 120px);overflow-y:auto;padding:16px}}.dark .modal{background:var(--color-card);border-color:var(--color-border)}.dark .modal-header{background:linear-gradient(135deg,var(--color-muted) 0,var(--color-secondary) 100%);border-color:var(--color-border)}@media (max-width:480px){.modal-overlay{padding:12px}.modal--large,.modal--medium,.modal--small{border-radius:var(--radius-lg);margin:12px;max-height:calc(100vh - 24px);max-width:100vw;width:100vw}.modal-header{padding:16px 18px}.modal-content{padding:18px}.modal-title{font-size:18px}}@media (max-width:320px){.modal-overlay{padding:10px}.modal--large,.modal--medium,.modal--small{border-radius:var(--radius-md);margin:10px;max-height:calc(100vh - 20px);max-width:100vw;width:100vw}.modal-header{padding:14px 16px}.modal-content{padding:16px}.modal-title{font-size:17px}.modal-close{font-size:22px;height:36px;width:36px}}.stock-management-container{animation:fadeInPage .4s ease-out;overflow-x:auto;overflow-y:auto;padding:0;width:100%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quantity-badge{font-weight:600}.quantity-zero{color:var(--color-destructive)}.price-badge{color:var(--color-success);font-weight:600}.value-badge{color:var(--color-warning);font-weight:600}.btn-edit{background:#3b82f61a;border:none;border-radius:var(--radius-sm);color:var(--color-info);cursor:pointer;padding:6px;transition:all .2s ease}.btn-edit:hover{background:#3b82f633}.btn-adjust{background:#f59e0b1a;border:none;border-radius:var(--radius-sm);color:var(--color-warning);cursor:pointer;padding:6px;transition:all .2s ease}.btn-adjust:hover{background:#f59e0b33}.btn-delete{background:#ef44441a;border:none;border-radius:var(--radius-sm);color:var(--color-destructive);cursor:pointer;padding:6px;transition:all .2s ease}.btn-delete:hover{background:#ef444433}.empty-state{background:var(--color-muted);border:2px dashed var(--color-border);border-radius:var(--radius-lg)}.empty-state h3,.empty-state p{color:var(--color-muted-foreground)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px}.form-input{border-radius:var(--radius-md);outline:none;padding:10px 12px;transition:border-color .2s ease}.form-input:focus{box-shadow:0 0 0 3px #10b9811a}.form-hint{color:var(--color-muted-foreground);font-size:11px;margin-top:4px}.total-preview{background:var(--color-muted);border-radius:var(--radius-sm);margin-top:8px;padding:12px}.total-preview-label{color:var(--color-muted-foreground);font-size:12px}.total-preview-value{color:var(--color-warning);font-size:20px;font-weight:700}.adjust-info{background:var(--color-muted);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px}.adjust-info-row{display:flex;justify-content:space-between;margin-bottom:8px}.adjust-info-row:last-child{margin-bottom:0}.adjust-info-value{color:var(--color-foreground);font-weight:700}.adjust-preview{background:var(--color-muted);border-radius:var(--radius-sm);margin-top:8px;padding:12px}.adjust-preview-row{display:flex;justify-content:space-between;margin-bottom:8px}.adjust-preview-row:last-child{margin-bottom:0}.adjust-preview-value{color:var(--color-foreground);font-weight:700}.adjust-preview-value.negative{color:var(--color-destructive)}.adjust-preview-value.positive{color:var(--color-success)}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:1fr}.search-input{width:100%}.action-buttons{flex-direction:column}}@media (max-width:320px){.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{padding:12px}.stat-label{font-size:11px}.stat-value{font-size:20px}.search-wrapper{min-width:100%}.search-input{font-size:13px;padding:8px 14px 8px 36px}.data-table th{font-size:11px;padding:10px 8px}.data-table td{font-size:12px;padding:10px 8px}.action-buttons{gap:6px}.btn-adjust,.btn-delete,.btn-edit{padding:5px}.empty-state{padding:36px 12px}.empty-state h3{font-size:14px}.empty-state p{font-size:12px}.modal-body{padding:16px}.form-group label{font-size:12px}.form-input{font-size:13px;padding:8px 10px}.form-hint{font-size:10px}.total-preview{padding:10px}.total-preview-label{font-size:11px}.total-preview-value{font-size:16px}.adjust-info{padding:10px}.adjust-info-row{margin-bottom:6px}.adjust-preview{padding:10px}.adjust-preview-row{margin-bottom:6px}.modal-footer{gap:8px;padding:12px 16px}}.dark .empty-state{background:var(--color-muted);border-color:var(--color-border)}.dark .form-input{background:var(--color-card);border-color:var(--color-border)}.dark .adjust-info,.dark .adjust-preview,.dark .total-preview{background:var(--color-muted)}.lost-items-container{overflow-x:auto;overflow-y:auto;padding:20px;width:100%}.filter-bar{gap:12px}.search-input{padding:10px 12px 10px 40px}.form-select{background-color:var(--color-card);padding:10px 12px}.loading-spinner{color:var(--color-muted-foreground);font-size:14px;height:400px}.accountant-dashboard{animation:fadeInPage .4s ease-out;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.accountant-dashboard-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:60vh}.quick-actions-grid{max-width:100%}.quick-action-card{cursor:pointer;text-align:center}.quick-action-card:before{height:2px;transition:opacity .2s ease}.quick-action-icon{margin:0 auto 16px}.quick-action-title{letter-spacing:.01em;margin:0 0 8px}.quick-action-desc,.quick-action-title{overflow-wrap:break-word;word-break:break-word}.quick-action-desc{margin:0 0 16px}.quick-action-btn{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all .2s ease;width:100%}.quick-action-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.transactions-card{overflow:hidden;transition:all .2s ease}.transactions-card:hover{box-shadow:var(--shadow-md)}.card-header{flex-wrap:wrap;gap:12px}.card-title{align-items:center;display:flex;gap:8px}.view-all-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s ease}.view-all-btn:hover{background:var(--color-muted);border-color:var(--color-primary);color:var(--color-primary)}.table-container{max-width:100%;padding:0}.data-table thead{background:var(--color-muted)}.data-table th{font-weight:700;letter-spacing:.5px}.data-table tbody tr:hover{background:var(--color-muted)}.data-table tbody tr:last-child td{border-bottom:none}.amount-cell{color:var(--color-success);font-weight:700}.view-btn{align-items:center;border:none;border-radius:var(--radius-md);color:var(--color-primary-foreground);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.view-btn,.view-btn:hover{background:var(--color-primary)}.view-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.empty-state{padding:48px 20px}.empty-icon{font-size:40px}.empty-state p{font-weight:500}.pagination{background:var(--color-muted);flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.pagination-info{font-size:12px}.pagination-controls{align-items:center;display:flex;gap:6px}.pagination-btn{font-size:12px;font-weight:600;padding:6px 10px}.pagination-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.pagination-page{color:var(--color-muted-foreground);font-size:12px;font-weight:500;padding:6px 10px}@media (max-width:1024px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.accountant-dashboard{padding:0}.quick-actions-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.quick-action-card{padding:24px}.quick-action-icon{font-size:24px;height:56px;width:56px}.card-header{align-items:flex-start;flex-direction:column}.data-table{font-size:12px}.data-table td,.data-table th{padding:10px 12px}.pagination{align-items:center;flex-direction:column}}@media (max-width:480px){.quick-actions-grid{gap:12px;grid-template-columns:1fr}.quick-action-card{padding:16px}.quick-action-icon{font-size:20px;height:48px;width:48px}.quick-action-title{font-size:14px}.quick-action-desc{font-size:12px}.card-header{padding:12px 16px}.card-title{font-size:14px}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px 10px}}@media (max-width:320px){.quick-actions-grid{gap:10px;grid-template-columns:1fr}.quick-action-card{padding:14px}.quick-action-icon{font-size:18px;height:44px;width:44px}.quick-action-title{font-size:13px}.quick-action-desc{font-size:11px}.card-header{padding:10px 14px}.card-title{font-size:13px}.data-table{font-size:11px}.data-table td,.data-table th{padding:6px 8px}}.dark .data-table tbody tr:hover,.dark .pagination{background:var(--color-muted)}.salary-list-container{margin:0 auto;max-width:1400px;min-width:0;padding:24px 32px;width:100%}.salary-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.salary-header-title{color:#0f172a;font-size:28px;font-weight:700;margin:0 0 8px}.salary-header-subtitle{color:#64748b;font-size:14px;margin:0}.salary-header-actions{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.salary-form-group{display:flex;flex-direction:column}.salary-form-label{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.salary-form-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:140px;padding:8px 12px}.salary-btn{border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.salary-btn-refresh{background-color:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.salary-btn-refresh:hover{background-color:#e2e8f0}.salary-btn-print{background-color:#4361ee;border:none;color:#fff}.salary-btn-print:disabled{cursor:not-allowed;opacity:.6}.salary-alert{align-items:center;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.salary-alert-error{background-color:#fee2e2;border-left:4px solid #ef4444}.salary-alert-success{background-color:#d1fae5;border-left:4px solid #10b981}.salary-alert-content{align-items:center;display:flex;gap:8px}.salary-alert-text{font-size:14px}.salary-alert-close{background:none;border:none;cursor:pointer;font-size:18px}.salary-table-wrapper{background-color:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.salary-table-scroll{overflow-x:auto}.salary-table{border-collapse:collapse;font-size:13px;min-width:1000px;width:100%}.salary-table thead tr{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.salary-table th{color:#475569;font-weight:600;padding:14px 12px;text-align:left}.salary-table td{border-bottom:1px solid #f1f5f9;padding:12px}.salary-table tbody tr:hover{background-color:#f8fafc}.salary-status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:500;padding:4px 10px}.salary-action-btn{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;transition:all .2s}.salary-action-btn:hover{background-color:#059669}.salary-action-btn:disabled{cursor:not-allowed;opacity:.6}.salary-pagination{align-items:center;background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.salary-pagination-info{color:#64748b;font-size:13px}.salary-pagination-controls{align-items:center;display:flex;gap:8px}.salary-pagination-btn{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.salary-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.salary-pagination-info-text{color:#64748b;font-size:13px;padding:6px 12px}.salary-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.salary-modal{background-color:#fff;border-radius:16px;max-width:400px;padding:24px;width:90%}.salary-modal-title{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.salary-modal-text{color:#475569;font-size:14px;margin:0 0 8px}.salary-modal-amount{color:#64748b;font-size:13px;margin:0 0 20px}.salary-modal-warning{color:#ef4444;font-size:12px;margin:0 0 20px}.salary-modal-actions{display:flex;gap:12px;justify-content:flex-end}.salary-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px}.salary-modal-btn-cancel{background-color:#f1f5f9;color:#475569}.salary-modal-btn-confirm{background-color:#10b981;color:#fff}.salary-empty-state{padding:60px 20px;text-align:center}.salary-empty-icon{display:block;font-size:48px;margin-bottom:16px}.salary-empty-title{color:#1e293b;font-size:16px;margin:0 0 8px}.salary-empty-text{color:#64748b;font-size:14px;margin:0}.salary-empty-btn{background-color:#4361ee;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;margin-top:20px;padding:8px 20px}@media (max-width:768px){.salary-list-container{padding:16px}.salary-header{align-items:stretch;flex-direction:column}.salary-header-title{font-size:24px}.salary-header-actions{align-items:stretch;flex-direction:column}.salary-form-select{min-width:0;width:100%}.salary-table{font-size:12px;min-width:800px}.salary-table th{font-size:11px;padding:12px 8px}.salary-table td{font-size:11px;padding:10px 8px}.salary-pagination{flex-direction:column;gap:10px}}@media (max-width:480px){.salary-list-container{padding:12px}.salary-header-title{font-size:20px}.salary-header-subtitle{font-size:13px}.salary-form-label{font-size:12px}.salary-form-select{font-size:13px;padding:7px 10px}.salary-btn{font-size:12px;padding:7px 12px}.salary-table{font-size:11px;min-width:700px}.salary-table th{font-size:10px;padding:10px 6px}.salary-table td{font-size:10px;padding:8px 6px}.salary-action-btn{font-size:10px;padding:5px 8px}.salary-pagination{padding:12px}.salary-pagination-info{font-size:12px}.salary-pagination-btn{font-size:11px;padding:5px 10px}.salary-modal{padding:18px;width:95%}.salary-modal-title{font-size:16px}.salary-modal-text{font-size:13px}}@media (max-width:320px){.salary-list-container{padding:10px}.salary-header{gap:12px;margin-bottom:16px}.salary-header-title{font-size:18px}.salary-header-subtitle{font-size:12px}.salary-header-actions{gap:8px}.salary-form-label{font-size:11px;margin-bottom:4px}.salary-form-select{font-size:12px;min-width:100px;padding:6px 8px}.salary-btn{font-size:11px;padding:6px 10px}.salary-alert{margin-bottom:16px;padding:10px 12px}.salary-alert-text{font-size:12px}.salary-table{font-size:10px;min-width:600px}.salary-table th{font-size:9px;padding:8px 4px}.salary-table td{font-size:9px;padding:6px 4px}.salary-status-badge{font-size:9px;padding:3px 6px}.salary-action-btn{font-size:9px;padding:4px 6px}.salary-pagination{gap:8px;padding:10px}.salary-pagination-info{font-size:11px}.salary-pagination-btn,.salary-pagination-info-text{font-size:10px;padding:4px 8px}.salary-modal{padding:14px;width:98%}.salary-modal-title{font-size:14px}.salary-modal-text{font-size:12px}.salary-modal-amount{font-size:11px}.salary-modal-warning{font-size:10px}.salary-modal-btn{font-size:11px;padding:6px 12px}.salary-empty-state{padding:40px 12px}.salary-empty-icon{font-size:36px}.salary-empty-title{font-size:14px}.salary-empty-text{font-size:12px}.salary-empty-btn{font-size:11px;padding:6px 14px}}.credit-report-container{animation:fadeInPage .4s ease-out;padding:0}.stats-grid{margin-bottom:20px}.stat-card{border-radius:var(--radius-lg);gap:12px;padding:16px;transition:all .2s ease}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card-primary{border-left:4px solid var(--color-primary)}.stat-card-success{border-left:4px solid var(--color-success)}.stat-card-warning{border-left:4px solid var(--color-warning)}.stat-icon{align-items:center;border-radius:var(--radius-md);color:var(--color-primary);display:flex;height:48px;justify-content:center;width:48px}.stat-card-primary .stat-icon{background:#3b82f61a;color:var(--color-info)}.stat-card-success .stat-icon{background:#10b9811a}.stat-card-warning .stat-icon{background:#f59e0b1a}.stat-label{font-size:13px}.filter-row{align-items:flex-end}.search-wrapper{flex:2 1;min-width:min(200px,100%)}.filter-group{flex:1 1;min-width:200px}.filter-group label{color:var(--color-muted-foreground);display:block;font-size:12px;font-weight:600;margin-bottom:6px}.form-input,.form-select{border-radius:var(--radius-md);font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-input:focus,.form-select:focus{box-shadow:0 0 0 3px #10b9811a}.credit-amount{color:var(--color-destructive);font-weight:600}.empty-state{padding:48px}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:1fr}.filter-row{align-items:stretch;flex-direction:column}.filter-group,.search-wrapper{width:100%}}.dark .form-input,.dark .form-select,.dark .search-input{background:var(--color-card);border-color:var(--color-border)}.sidebar{background:#1e3a2f;border-right:1px solid #2d4a3f;box-shadow:2px 0 12px #00000014;color:#fff;display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;max-width:100vw;overflow-x:hidden;overscroll-behavior:contain;position:fixed;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:260px;will-change:transform;z-index:100}.sidebar-header{background:#254539;border-bottom:1px solid #2d4a3f;overflow:hidden;padding:20px 20px 16px;position:relative;text-align:center}.sidebar-logo{align-items:center;color:#fff;display:inline-flex;font-size:18px;font-weight:700;gap:8px;justify-content:center;letter-spacing:-.3px;margin:0 0 8px;position:relative;z-index:1}.sidebar-logo-image{background:#fff;border-radius:8px;height:28px;object-fit:cover;width:28px}.sidebar-logo-green{color:var(--color-primary)}.sidebar-logo-blue{color:var(--color-secondary)}.sidebar-role{background:#ffffff26;border-radius:6px;color:#fff;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px 12px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-nav-item{border:1px solid #0000;color:#ffffffd9;font-size:13px;gap:10px;letter-spacing:.01em;margin-bottom:2px;min-height:40px;min-width:0;overflow:hidden;padding:10px 12px;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1)}.sidebar-nav-item:hover{background:#ffffff1f;border-color:#ffffff26;color:#fff;transform:translateX(2px)}.sidebar-nav-item--active{background:#ffffff2e;border:1px solid #ffffff40;box-shadow:0 2px 8px #00000026;color:#fff;transform:translateX(2px)}.sidebar-nav-item--active:before{background:#4ade80;border-radius:0 2px 2px 0;box-shadow:0 0 8px #4ade8080;content:"";height:50%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-nav-icon{align-items:center;display:flex;justify-content:center;min-width:18px;transition:transform .15s ease}.sidebar-nav-item--active .sidebar-nav-icon,.sidebar-nav-item:hover .sidebar-nav-icon{transform:scale(1.02)}.sidebar-nav-label{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0;overflow-wrap:anywhere}.sidebar-badge{background:var(--color-secondary);border-radius:12px;color:var(--color-secondary-foreground);font-size:11px;font-weight:600;margin-left:auto;min-width:20px;padding:2px 8px;text-align:center}.sidebar-footer{background:#1e3a2f;border-top:1px solid #2d4a3f;padding:16px 20px}.sidebar-user-info{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:12px;text-align:center}.sidebar-user-label{color:#ffffffb3;display:block;font-size:9px;font-weight:500;letter-spacing:.5px;margin-bottom:3px;text-transform:uppercase}.sidebar-user-name{color:#fff;display:block;font-size:12px;font-weight:500;letter-spacing:.1px}.sidebar-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-overlay);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.sidebar-mobile-close{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);cursor:pointer;display:none;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease;z-index:10}.sidebar-mobile-close:hover{background:var(--color-destructive);border-color:var(--color-destructive);color:var(--color-destructive-foreground);transform:rotate(90deg)}@media (min-width:1920px){.sidebar{width:280px}.sidebar-logo{font-size:20px}.sidebar-nav-item{font-size:14px;padding:9px 14px}}@media (min-width:1440px) and (max-width:1919px){.sidebar{width:260px}}@media (min-width:1280px) and (max-width:1439px){.sidebar{width:240px}}@media (min-width:1024px) and (max-width:1279px){.sidebar{width:220px}.sidebar-logo{font-size:17px}.sidebar-nav-item{font-size:12px;padding:7px 10px}.sidebar-header{padding:16px}}@media (min-width:768px) and (max-width:1023px){.sidebar{max-width:calc(100vw - 32px);transform:translateX(-100%);width:280px}.sidebar.sidebar--mobile-open{transform:translateX(0)}.sidebar-mobile-close{align-items:center;display:flex;justify-content:center}.sidebar-logo{font-size:18px}.sidebar-nav-item{font-size:13px;min-height:42px;padding:10px 12px}.sidebar-header{padding:16px 14px}.sidebar-nav{padding:14px 12px}.sidebar-footer{padding:14px}}@media (min-width:640px) and (max-width:767px){.sidebar{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:min(280px,calc(100vw - 24px))}.sidebar.sidebar--mobile-open{transform:translateX(0)}.sidebar-mobile-close{align-items:center;display:flex;justify-content:center}.sidebar-nav-item{min-height:44px;padding:8px 12px}.sidebar-header{padding:18px 16px}.sidebar-footer{padding:16px}}@media (min-width:480px) and (max-width:639px){.sidebar{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:min(270px,calc(100vw - 20px))}.sidebar.sidebar--mobile-open{transform:translateX(0)}.sidebar-mobile-close{align-items:center;display:flex;justify-content:center}.sidebar-nav-item{min-height:44px;padding:7px 10px}.sidebar-header{padding:16px 14px}.sidebar-footer{padding:14px}.sidebar-logo{font-size:17px}}@media (max-width:479px){.sidebar{max-width:calc(100vw - 16px);transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:min(260px,calc(100vw - 16px))}.sidebar.sidebar--mobile-open{transform:translateX(0)}.sidebar-mobile-close{align-items:center;display:flex;justify-content:center;padding:8px;right:12px;top:12px}.sidebar-nav-item{border-radius:8px;font-size:13px;min-height:48px;padding:8px 10px;touch-action:manipulation}.sidebar-header{padding:16px 12px}.sidebar-footer{padding:14px 12px}.sidebar-logo{font-size:16px;gap:6px}.sidebar-logo-image{height:24px;width:24px}.sidebar-role{font-size:9px;padding:4px 8px}.sidebar-nav{padding:12px 10px}.sidebar-nav-icon{min-width:20px}}@media (max-width:320px){.sidebar{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:min(248px,calc(100vw - 12px))}.sidebar.sidebar--mobile-open{transform:translateX(0)}.sidebar-mobile-close{align-items:center;display:flex;justify-content:center}.sidebar-nav-item{font-size:12px;min-height:48px;padding:8px 10px;touch-action:manipulation}.sidebar-header{padding:14px 12px}.sidebar-footer{padding:12px}.sidebar-logo{font-size:16px}.sidebar-role{font-size:10px;padding:4px 8px}}.dark .sidebar{background:var(--color-sidebar)}.dark .sidebar,.dark .sidebar-header{border-color:var(--color-sidebar-border)}.dark .sidebar-header{background:var(--color-sidebar-primary)}.profile-card-compact{flex:0 0 auto;position:relative;z-index:100}.profile-card-compact .profile-trigger{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.profile-card-compact .profile-trigger:hover{background:#0000000a;border-color:#0000000f}.profile-avatar-small{background:#f5f5f5;border:2px solid #00000014;border-radius:50%;box-shadow:0 1px 3px #00000014;height:32px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.profile-avatar-small:hover{box-shadow:0 2px 8px #0000001f;transform:scale(1.02)}.profile-avatar-small img{height:100%;object-fit:cover;width:100%}.dropdown-arrow{color:#6b7280;opacity:.7;transition:transform .2s cubic-bezier(.4,0,.2,1)}.dropdown-arrow.open{opacity:1;transform:rotate(180deg)}.profile-card-compact>.profile-dropdown{animation:dropdownSlide .2s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 4px 20px #0000001f,0 1px 3px #00000014;max-width:320px;min-width:260px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);transform-origin:top right;width:auto;z-index:9999}.topbar .profile-card-compact>.profile-dropdown{left:auto;max-width:calc(100vw - 24px);min-width:260px;position:absolute;right:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 24px))}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{align-items:center;background:#00000003;border-bottom:1px solid #0000000f;display:flex;gap:14px;padding:16px}.dropdown-avatar{background:#f5f5f5;border:2px solid #0000001a;border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:40px;overflow:hidden;width:40px}.dropdown-avatar img{height:100%;object-fit:cover;width:100%}.dropdown-user-info{flex:1 1;min-width:0}.dropdown-name{color:#111827;font-size:14px;font-weight:600;line-height:1.4;margin:0;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-role{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:0;margin-top:2px;text-transform:none}.dropdown-menu{padding:6px}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin:2px 0;padding:10px 12px;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);width:100%}.dropdown-item:hover{background:#0000000a}.dropdown-item.logout{color:#dc2626;font-weight:500}.dropdown-item.logout:hover{background:#dc26260f}.dropdown-divider{background-color:#0000000f;height:1px;margin:6px 12px}.profile-card-full{animation:cardFadeIn .3s cubic-bezier(.16,1,.3,1);background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #94a3b838;border-radius:20px;box-shadow:0 18px 50px #0f172a1a,0 1px 2px #0f172a0f;margin:0 auto;max-width:820px;min-width:0;overflow:hidden;padding:0;position:relative;width:100%}.profile-card-full:before{content:none}.profile-card-full .profile-card-cover{background:linear-gradient(135deg,#059669f5,#0f766ee6),radial-gradient(circle at top right,#ffffff47,#0000 34%);height:100px;margin-bottom:50px;position:relative}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-card-full .profile-avatar-container{bottom:-40px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.profile-card-full .profile-avatar{background:#f8fafc;border:4px solid #fff;border-radius:50%;box-shadow:0 18px 44px #0f172a38,0 0 0 4px #10b98133;height:80px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);width:80px}.profile-card-full .profile-avatar:hover{box-shadow:0 22px 50px #0f172a3d;transform:scale(1.02)}.profile-card-full .profile-avatar-img{border-radius:50%;display:block;height:100%;object-fit:cover;object-position:center;width:100%}.profile-card-full .camera-overlay{align-items:center;background:#0f172a;border:3px solid #fff;border-radius:14px;bottom:2px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:42px;justify-content:center;position:absolute;right:2px;transition:all .2s cubic-bezier(.4,0,.2,1);width:42px}.profile-card-full .camera-overlay:hover{box-shadow:0 4px 12px #0003;transform:scale(1.08)}.profile-card-full .camera-overlay svg{color:#fff}.profile-card-full .profile-info{min-width:0;padding:0 40px 24px;text-align:center}.profile-card-full .profile-name{word-wrap:break-word;color:#0f172a;font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:0;line-height:1.15;margin:0 0 8px;overflow-wrap:break-word;word-break:normal}.profile-card-full .profile-role{align-items:center;background:#10b9811f;border:1px solid #10b98133;border-radius:999px;color:#047857;display:inline-flex;font-size:12px;font-weight:800;letter-spacing:.04em;margin:0 auto 24px;padding:7px 12px;text-transform:uppercase;width:fit-content}.profile-card-full .profile-contact{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:650px}.profile-card-full .contact-item{word-wrap:break-word;align-items:center;background:#f8fafc;border:1px solid #94a3b838;border-radius:12px;color:#334155;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;line-height:1.5;overflow-wrap:break-word;padding:12px 16px;word-break:normal}.profile-card-full .contact-item svg{color:#047857;flex:0 0 auto}.profile-card-full .contact-item span{min-width:0;overflow-wrap:anywhere}.profile-card-full .profile-details{grid-gap:14px;background:#0000;border:0;border-radius:0;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:26px;padding:0 40px}.profile-card-full .detail-row{align-items:center;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #94a3b833;border-radius:14px;box-shadow:0 8px 22px rgba(15,23,42,.045);display:flex;flex-direction:row;gap:14px;justify-content:flex-start;min-height:96px;min-width:0;padding:18px 20px}.profile-card-full .detail-row:not(:last-child){border-bottom:1px solid #94a3b833}.profile-card-full .detail-icon{align-items:center;background:#10b9811f;border-radius:12px;color:#047857;display:inline-flex;flex:0 0 auto;height:42px;justify-content:center;width:42px}.profile-card-full .detail-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-card-full .detail-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}.profile-card-full .detail-value{word-wrap:break-word;color:#0f172a;font-size:17px;font-weight:800;max-width:100%;overflow-wrap:break-word;text-align:left;word-break:normal}.profile-card-full .profile-actions{display:flex;gap:12px;justify-content:flex-end;padding:0 40px 34px}.profile-card-full .btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;gap:8px;min-height:44px;padding:12px 20px;transition:all .15s cubic-bezier(.4,0,.2,1)}.profile-card-full .btn-primary{background:#047857;border:1px solid #047857;box-shadow:0 12px 22px #04785733;color:#fff;font-weight:800}.profile-card-full .btn-primary:hover{background:#065f46;border-color:#065f46;box-shadow:0 16px 28px #0478573d;transform:translateY(-1px)}.profile-card-full .btn-primary:active{transform:translateY(0)}@media (max-width:768px){.profile-card-full{border-radius:20px;margin:0;max-width:100%}.profile-card-full .profile-card-cover{background:linear-gradient(135deg,#059669f2,#10b981e6),radial-gradient(circle at top right,#ffffff4d,#0000 40%);height:120px;margin-bottom:50px}.profile-card-full .profile-avatar-container{bottom:-45px;left:50%;transform:translateX(-50%)}.profile-card-full .profile-avatar{border:4px solid #fff;box-shadow:0 20px 50px #0f172a40,0 0 0 4px #10b98133;height:90px;width:90px}.profile-card-full .profile-info{padding:55px 20px 24px;text-align:center}.profile-card-full .profile-name{font-size:26px;font-weight:800;letter-spacing:-.5px}.profile-card-full .profile-role{font-size:13px;letter-spacing:.05em;margin:8px auto 24px;padding:8px 16px}.profile-card-full .profile-contact{gap:12px;grid-template-columns:1fr;width:100%}.profile-card-full .contact-item{justify-content:center;padding:14px 18px}.profile-card-compact>.profile-dropdown,.topbar .profile-card-compact>.profile-dropdown{left:auto;max-width:280px;min-width:240px;right:0}.dropdown-menu{padding:4px}.dropdown-item{font-size:14px;padding:9px 10px}.profile-card-full .profile-details{gap:12px;grid-template-columns:1fr;padding:0 20px}.profile-card-full .detail-row{justify-content:center;min-height:auto;padding:18px 20px;text-align:center}.profile-card-full .detail-copy{align-items:center}.profile-card-full .detail-value{max-width:100%;text-align:center}.profile-card-full .profile-actions{justify-content:center;padding:0 20px 28px}.profile-card-full .btn{justify-content:center;width:100%}}@media (max-width:480px){.profile-card-full{border-radius:16px;margin:0;max-width:100%}.profile-card-full .profile-card-cover{height:100px;margin-bottom:45px}.profile-card-full .profile-avatar-container{bottom:-40px}.profile-card-full .profile-avatar{border-width:3px;box-shadow:0 18px 45px #0f172a3b,0 0 0 3px #10b9812e;height:80px;width:80px}.profile-card-full .profile-info{padding:50px 16px 20px}.profile-card-full .profile-name{font-size:24px;font-weight:800;letter-spacing:-.3px}.profile-card-full .profile-role{font-size:12px;margin:6px auto 20px;padding:7px 14px}.profile-card-full .profile-details{gap:10px;padding:0 16px}.profile-card-full .detail-row{padding:16px 18px}.profile-card-full .detail-value{font-size:16px;max-width:100%}.profile-card-full .btn{font-size:14px;font-weight:600;justify-content:center;padding:14px 20px;width:100%}.profile-card-full .profile-actions{padding:0 16px 24px}.profile-card-full .contact-item{font-size:13px;padding:12px 16px}.profile-card-compact>.profile-dropdown,.topbar .profile-card-compact>.profile-dropdown{left:auto;max-width:260px;min-width:220px;right:0}}.topbar{background:#0a2c17;border-bottom:1px solid #15803d;box-shadow:0 1px 2px #0000001a;justify-content:space-between;left:260px;max-width:100vw;min-width:0;padding:0 24px;transition:all .15s cubic-bezier(.4,0,.2,1);z-index:90}.mobile-menu-button{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground);cursor:pointer;display:none;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 14px;transition:all .2s ease}.mobile-menu-button:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.topbar-left{align-items:center;display:flex;flex:1 1 auto;gap:16px}.topbar-title{font-size:16px;font-weight:600;letter-spacing:0;margin:0;min-width:0}.topbar-actions{display:flex;gap:8px;min-width:0;overflow-x:auto}.topbar-actions::-webkit-scrollbar{display:none}.topbar-action{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;min-height:36px;padding:6px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap}.topbar-action:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.topbar-action:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.topbar-action-icon,.topbar-right{align-items:center;display:flex}.topbar-right{flex:0 0 auto;gap:12px;min-width:0}.dashboard-button{align-items:center;background:#fff;border:none;border-radius:6px;box-shadow:0 1px 2px #0000001a;color:#0a2c17;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;min-height:36px;overflow:hidden;padding:6px 12px;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap}.dashboard-button:before{background:var(--color-primary-foreground-light);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.dashboard-button:hover:before{left:100%}.dashboard-button:hover{background:#ffffffe6;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.dashboard-button:active{box-shadow:var(--shadow-md);transform:translateY(0)}.dashboard-button-text{font-weight:600;letter-spacing:.3px}.topbar-clock{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;box-shadow:0 1px 2px #0000001a;display:flex;gap:8px;min-height:36px;padding:5px 10px;transition:all .15s ease;white-space:nowrap}.topbar-clock:hover{border-color:#ffffff4d;box-shadow:0 2px 4px #00000026}.topbar-clock-item{align-items:center;display:inline-flex;gap:6px;min-width:0}.topbar-clock-divider{background:#ffffff38;height:18px;width:1px}.date-icon,.time-icon{color:#ffffffc7;flex:0 0 auto}.date-text,.time-text{color:#fff;font-size:13px;font-weight:600;letter-spacing:.2px;line-height:1}.time-text{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.profile-dropdown{flex:0 0 auto;min-width:0;position:relative}.profile-trigger{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;gap:10px;padding:4px 10px 4px 6px;transition:all .15s cubic-bezier(.4,0,.2,1)}.profile-trigger:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.profile-avatar{align-items:center;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 1px 2px #0000001a;display:flex;height:32px;justify-content:center;overflow:hidden;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);width:32px}.profile-avatar-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.profile-avatar-text{color:var(--color-primary-foreground);font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:1}.profile-info{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-name{color:#fff;font-size:13px;font-weight:500;letter-spacing:.1px;max-width:120px;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.profile-role{align-items:center;color:#fffc;display:flex;font-size:10px;font-weight:500;gap:4px;letter-spacing:.4px;text-transform:uppercase}.role-icon{font-size:12px}.profile-chevron{color:var(--color-muted-foreground);transition:transform .2s cubic-bezier(.4,0,.2,1)}.profile-chevron--open{transform:rotate(180deg)}.profile-menu{animation:slideDown .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:340px;z-index:1001}.profile-menu-header{align-items:center;background:var(--gradient-primary);border-bottom:1px solid var(--color-border);display:flex;gap:16px;padding:24px}.profile-menu-avatar{align-items:center;border:4px solid var(--color-border);border-radius:50%;box-shadow:var(--shadow-lg);display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;width:60px}.profile-menu-avatar-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.profile-menu-avatar-text{color:var(--color-primary-foreground);font-size:20px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:1}.profile-menu-user-info{flex:1 1;min-width:0}.profile-menu-user-name{color:var(--color-primary-foreground);font-size:17px;font-weight:800;letter-spacing:.3px;margin-bottom:6px;text-transform:capitalize}.profile-menu-user-email{color:var(--color-primary-foreground-light);font-size:13px;font-weight:500;margin-bottom:8px;word-break:break-all}.profile-menu-user-role{align-items:center;background:var(--color-primary-foreground-light);border-radius:20px;color:var(--color-primary-foreground);display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.profile-menu-items{padding:12px 0}.profile-menu-item{align-items:center;background:#0000;border:none;color:inherit;display:flex;gap:14px;margin:0 8px;padding:14px 20px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.profile-menu-item:hover{background:var(--color-info-light);transform:translateX(6px)}.profile-menu-item-content{flex:1 1;min-width:0}.profile-menu-item-label{color:var(--color-foreground);font-size:15px;font-weight:700;letter-spacing:.3px}.profile-menu-item-desc{color:var(--color-muted-foreground);font-size:11px;font-weight:500;margin-top:2px}.profile-menu-divider{background:linear-gradient(90deg,#0000 0,var(--color-border) 50%,#0000 100%);height:1px;margin:8px 16px}.profile-menu-item--logout,.profile-menu-item--logout .profile-menu-item-desc,.profile-menu-item--logout .profile-menu-item-label{color:var(--color-destructive)}.profile-menu-item--logout:hover{background:var(--color-destructive-light)}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width:1920px){.topbar{height:64px;left:280px;padding:0 48px}.topbar-title{font-size:17px}.dashboard-button,.topbar-action{font-size:13px;padding:7px 14px}.topbar-clock{padding:7px 12px}.date-text,.time-text{font-size:13px}}@media (min-width:1440px) and (max-width:1919px){.topbar{height:62px;left:260px;padding:0 40px}.topbar-title{font-size:16px}}@media (min-width:1280px) and (max-width:1439px){.topbar{height:60px;left:240px;padding:0 36px}.topbar-title{font-size:15px}}@media (min-width:1024px) and (max-width:1279px){.topbar{height:58px;left:220px;padding:0 32px}.topbar-title{font-size:15px}.dashboard-button,.topbar-action{font-size:12px;padding:5px 10px}.topbar-clock{padding:6px 10px}}@media (min-width:768px) and (max-width:1023px){.topbar{gap:10px;height:58px;left:0;padding:0 18px}.topbar-title{font-size:15px;max-width:280px}.topbar-left{gap:16px}.topbar-right{gap:12px}.dashboard-button,.topbar-action{font-size:12px;padding:8px 14px}.topbar-clock{display:none}.profile-trigger{padding:6px 12px 6px 8px}.profile-avatar{height:38px;width:38px}.profile-name{font-size:13px}.profile-role{font-size:10px}.dashboard-button-text{display:none}.mobile-menu-button{display:flex}.profile-menu{border-radius:12px;right:0;width:min(320px,calc(100vw - 24px))}}@media (min-width:640px) and (max-width:767px){.topbar{gap:8px;height:56px;left:0;padding:0 16px}.topbar-title{font-size:14px}.topbar-left{gap:10px}.topbar-right{gap:8px}.topbar-clock{display:none}.dashboard-button{padding:5px 10px}.dashboard-button-text{display:none}.profile-menu{border-radius:12px;right:0;width:min(300px,calc(100vw - 16px))}.profile-trigger{padding:4px 8px 4px 6px}.profile-info{display:none}.profile-avatar{height:30px;width:30px}.topbar-action{font-size:12px;padding:5px 10px}.mobile-menu-button{display:flex}}@media (min-width:480px) and (max-width:639px){.topbar{gap:6px;height:52px;left:0;padding:0 14px}.topbar-title{font-size:13px;max-width:min(180px,38vw)}.topbar-left{gap:8px}.topbar-right{gap:6px}.topbar-clock{display:none}.dashboard-button{justify-content:center;min-width:34px;padding:4px 8px}.dashboard-button-text{display:none}.profile-menu{border-radius:12px;right:0;width:min(292px,calc(100vw - 16px))}.profile-trigger{padding:3px 6px 3px 4px}.profile-info{display:none}.profile-avatar{height:28px;width:28px}.topbar-action{font-size:11px;padding:4px 8px}.mobile-menu-button{display:flex;min-height:36px;min-width:36px;padding:6px 8px}}@media (max-width:479px){.topbar{gap:6px;height:52px;left:0;padding:0 10px}.topbar-title{font-size:14px;max-width:min(140px,38vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-left{gap:8px}.topbar-right{gap:6px}.topbar-clock{display:none}.dashboard-button{justify-content:center;min-height:36px;min-width:36px;padding:6px 8px}.dashboard-button-text{display:none}.profile-menu{border-radius:12px;right:0;width:min(280px,calc(100vw - 12px))}.profile-trigger{padding:4px 6px 4px 4px}.profile-info{display:none}.profile-avatar{height:28px;width:28px}.topbar-action{font-size:11px;padding:6px 8px}.mobile-menu-button{display:flex;min-height:36px;min-width:36px;padding:6px 8px}.profile-menu-header{padding:14px}.profile-menu-avatar{height:44px;width:44px}.profile-menu-user-name{font-size:14px}.profile-menu-user-email{font-size:11px}.profile-menu-item{padding:10px 14px}.profile-menu-item-label{font-size:12px}.profile-menu-item-desc{font-size:9px}}@media (max-width:320px){.topbar{gap:4px;height:44px;left:0;padding:0 10px}.topbar-title{font-size:12px;max-width:min(108px,34vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-left{gap:4px}.topbar-right{gap:3px}.topbar-clock{display:none}.dashboard-button{justify-content:center;min-height:32px;min-width:30px;padding:3px 5px}.dashboard-button-text{display:none}.profile-menu{border-radius:10px;right:0;width:min(260px,calc(100vw - 10px))}.profile-trigger{padding:2px 4px 2px 2px}.profile-info{display:none}.profile-avatar{height:28px;width:28px}.topbar-action{font-size:11px;padding:4px 6px}.mobile-menu-button{display:flex;min-height:36px;min-width:36px;padding:6px 8px}.profile-menu-header{padding:14px}.profile-menu-avatar{height:44px;width:44px}.profile-menu-user-name{font-size:14px}.profile-menu-user-email{font-size:11px}.profile-menu-item{padding:10px 14px}.profile-menu-item-label{font-size:12px}.profile-menu-item-desc{font-size:10px}}.dark .topbar{background:var(--color-background);border-color:var(--color-border)}.dark .profile-menu{background:var(--color-card);border-color:var(--color-border)}.dark .profile-menu-header{background:linear-gradient(135deg,var(--color-muted) 0,var(--color-secondary) 100%);border-color:var(--color-border)}.dashboard-footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-top:1px solid #00000014;bottom:0;box-shadow:0 -4px 20px #0000000d;left:0;padding:12px 24px calc(12px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;transition:left .3s ease,width .3s ease;z-index:1000}.footer--with-sidebar{left:260px;right:0;width:auto}.footer--full-width{left:0;right:0;width:auto}@media (min-width:1920px){.footer--with-sidebar{left:280px;right:0;width:auto}}@media (min-width:1440px) and (max-width:1919px){.footer--with-sidebar{left:260px;right:0;width:auto}}@media (min-width:1280px) and (max-width:1439px){.footer--with-sidebar{left:240px;right:0;width:auto}}@media (min-width:1024px) and (max-width:1279px){.footer--with-sidebar{left:220px;right:0;width:auto}}@media (min-width:768px) and (max-width:1023px){.footer--with-sidebar{left:0;right:0;width:auto}}@media (max-width:767px){.footer--with-sidebar{left:0;right:0;width:auto}}.footer--sidebar-collapsed{left:80px!important;right:0!important;width:auto!important}.footer-content{gap:16px;justify-content:space-between;max-width:100%;min-width:0}.footer-content,.footer-left{align-items:center;display:flex}.footer-left{flex-shrink:0}.footer-brand{align-items:center;display:flex;gap:8px}.footer-logo{background:#fff;border-radius:6px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex:0 0 auto;height:22px;object-fit:cover;transition:transform .3s ease;width:22px}.footer-logo:hover{transform:scale(1.1) rotate(5deg)}.footer-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#374151,#6b7280);-webkit-background-clip:text;background-clip:text;color:#374151;font-size:13px;font-weight:500;letter-spacing:.01em}.footer-center{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0}.footer-tagline{color:#6b7280;font-size:12px;font-weight:400;letter-spacing:.02em;opacity:.8;overflow-wrap:anywhere;text-align:center;text-transform:uppercase;transition:opacity .3s ease}.footer-tagline:hover{opacity:1}.footer-right{flex-shrink:0}.footer-links,.footer-right{align-items:center;display:flex}.footer-links{gap:12px}.footer-link{border-radius:6px;color:#6b7280;font-size:12px;font-weight:500;padding:4px 8px;position:relative;text-decoration:none;transition:all .2s ease}.footer-link:hover{background:#3b82f614;color:#3b82f6;transform:translateY(-1px)}.footer-link:active{transform:translateY(0)}.footer-separator{color:#d1d5db;font-size:10px;font-weight:400}.footer-decoration{bottom:0;height:2px;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0}.footer-glow{animation:glowMove 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f64d 20%,#8b5cf64d 50%,#3b82f64d 80%,#0000);height:100%;width:100%}@keyframes glowMove{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@media (prefers-color-scheme:dark){.dashboard-footer{background:#111827e6;border-top-color:#ffffff1a;box-shadow:0 -4px 20px #0000004d}.footer-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f3f4f6,#d1d5db);-webkit-background-clip:text;background-clip:text}.footer-link,.footer-tagline{color:#9ca3af}.footer-link:hover{background:#60a5fa1f;color:#60a5fa}.footer-separator{color:#4b5563}}.dark .dashboard-footer{background:#111827e6;border-top-color:#ffffff1a;box-shadow:0 -4px 20px #0000004d}.dark .footer-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f3f4f6,#d1d5db);-webkit-background-clip:text;background-clip:text}.dark .footer-link,.dark .footer-tagline{color:#9ca3af}.dark .footer-link:hover{background:#60a5fa1f;color:#60a5fa}.dark .footer-separator{color:#4b5563}@media (max-width:1024px){.footer-content{gap:12px}.footer-text{font-size:12px}.footer-link,.footer-tagline{font-size:11px}.footer-link{padding:3px 6px}}@media (max-width:768px){.dashboard-footer{padding:8px 12px calc(8px + env(safe-area-inset-bottom, 0px));z-index:80}.footer-content{flex-direction:row;flex-wrap:wrap;gap:4px 10px;justify-content:center;text-align:center}.footer-center,.footer-left,.footer-right{justify-content:center;max-width:100%;width:auto}.footer-brand{justify-content:center}.footer-text{font-size:11px}.footer-tagline{font-size:10px}.footer-links{flex-wrap:wrap;gap:6px;justify-content:center}.footer-link{font-size:10px;padding:2px 6px}.footer-separator{display:none}}@media (max-width:480px){.dashboard-footer{padding:7px 10px calc(7px + env(safe-area-inset-bottom, 0px))}.footer-content{gap:3px 8px}.footer-text{font-size:10px}.footer-link,.footer-tagline{font-size:9px}.footer-link{padding:2px 4px}}@media print{.dashboard-footer{background:#fff;border-top:1px solid #e5e7eb;box-shadow:none;position:static}.footer-decoration{display:none}}@media (prefers-reduced-motion:reduce){.dashboard-footer,.footer-link,.footer-logo,.footer-tagline{animation:none;transition:none}}@media (prefers-contrast:high){.dashboard-footer{background:#fff;border-top:2px solid #000}.footer-text{-webkit-text-fill-color:#000;background:none;color:#000}.footer-link{border:1px solid #000;color:#000}.footer-link:hover{background:#000;color:#fff}}.footer-link:focus{outline:2px solid #3b82f6;outline-offset:2px}.footer-link:focus:not(:focus-visible){outline:none}.footer-link:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.main-layout{background:#f8fafc;display:flex;min-height:100vh;min-height:100dvh;overflow-x:hidden;width:100%}body.mobile-drawer-open{overflow:hidden;touch-action:none}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:0;min-height:100vh;min-height:100dvh;transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:100%}.main-content--with-sidebar{margin-left:260px}.main-content--full{margin-left:0}.content-area{flex:1 1;margin-top:68px;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;padding:24px 32px calc(96px + env(safe-area-inset-bottom, 0px));scroll-behavior:smooth}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-track{background:#e2e8f066;border-radius:3px}.content-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);background-clip:padding-box;border:2px solid #0000;border-radius:3px}.content-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}@media (min-width:1920px){.main-content--with-sidebar{margin-left:280px}.content-area{padding:32px 48px calc(96px + env(safe-area-inset-bottom, 0px))}}@media (min-width:1440px) and (max-width:1919px){.main-content--with-sidebar{margin-left:260px}.content-area{padding:28px 40px calc(96px + env(safe-area-inset-bottom, 0px))}}@media (min-width:1280px) and (max-width:1439px){.main-content--with-sidebar{margin-left:240px}.content-area{padding:24px 36px calc(96px + env(safe-area-inset-bottom, 0px))}}@media (min-width:1024px) and (max-width:1279px){.main-content--with-sidebar{margin-left:220px}.content-area{padding:20px 28px calc(96px + env(safe-area-inset-bottom, 0px))}}@media (min-width:768px) and (max-width:1023px){.main-content--with-sidebar{margin-left:0}.content-area{margin-top:64px;padding:18px 20px calc(112px + env(safe-area-inset-bottom, 0px))}}@media (max-width:1023px){.main-layout{display:block}.main-content,.main-content--full,.main-content--with-sidebar{margin-left:0;max-width:100vw;width:100%}}@media (min-width:640px) and (max-width:767px){.main-layout{flex-direction:column}.main-content{margin-left:0}.content-area{margin-top:58px;padding:16px 16px calc(118px + env(safe-area-inset-bottom, 0px))}}@media (min-width:480px) and (max-width:639px){.main-layout{flex-direction:column}.main-content{margin-left:0}.content-area{margin-top:56px;padding:14px 14px calc(118px + env(safe-area-inset-bottom, 0px))}}@media (max-width:479px){.main-layout{flex-direction:column}.main-content{margin-left:0}.content-area{margin-top:54px;padding:12px 12px calc(118px + env(safe-area-inset-bottom, 0px))}}@media (max-width:320px){.main-layout{flex-direction:column}.main-content{margin-left:0}.content-area{margin-top:52px;padding:10px 10px calc(118px + env(safe-area-inset-bottom, 0px))}}@media (prefers-reduced-motion:reduce){.content-area{scroll-behavior:auto}}.employee-form-root *{font-family:Inter,sans-serif}.employee-form-root{background:var(--color-background);min-height:100vh;padding:30px 20px;position:relative}.employee-form-root:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%239C92AC' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.employee-form-root .form-wrapper{margin:0 auto;max-width:1000px;min-width:0;position:relative;width:100%}.employee-form-root .form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.employee-form-root .header-section{background:var(--color-primary);overflow:hidden;padding:clamp(30px,5vw,60px) clamp(20px,4vw,40px);position:relative;text-align:center}.employee-form-root .header-section:before{background:#ffffff1a;border-radius:50%;content:"";height:400px;position:absolute;right:-10%;top:-50%;width:400px}.employee-form-root .header-section:after{background:#ffffff14;border-radius:50%;bottom:-30%;content:"";height:300px;left:-5%;position:absolute;width:300px}.employee-form-root .header-content{position:relative;z-index:1}.employee-form-root .photo-container{margin-bottom:25px;position:relative}.employee-form-root .photo-wrapper{cursor:pointer;display:inline-block;margin:0 auto;position:relative}.employee-form-root .photo-preview{background-color:var(--color-muted);border:3px solid var(--color-card);border-radius:50%;box-shadow:var(--shadow-lg);display:block;height:clamp(80px,12vw,100px);object-fit:cover;transition:transform .2s ease;width:clamp(80px,12vw,100px)}.employee-form-root .photo-preview:hover{transform:translateY(-2px)}.employee-form-root .photo-overlay{align-items:center;background:#0006;border-radius:var(--radius-lg);cursor:pointer;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.employee-form-root .photo-wrapper:hover .photo-overlay{opacity:1}.employee-form-root .photo-overlay-icon{color:var(--color-card);font-size:24px}.employee-form-root .employee-name{color:var(--color-primary-foreground);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-top:20px}.employee-form-root .employee-position{color:var(--color-primary-foreground);font-size:14px;font-weight:500;letter-spacing:.5px;margin-top:8px;opacity:.95;text-transform:uppercase}.employee-form-root .form-content{padding:50px 40px}.employee-form-root .section-title{align-items:center;background:var(--color-muted);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-foreground);display:flex;font-size:18px;font-weight:700;letter-spacing:1.2px;margin-bottom:35px;margin-top:50px;padding:18px 24px;text-transform:uppercase}.employee-form-root .section-title:first-of-type{margin-top:0}.employee-form-root .section-title:before{content:"";display:none}.employee-form-root .form-grid{grid-gap:50px;background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:50px;grid-template-columns:1fr 1fr;margin-bottom:30px;padding:25px}.employee-form-root .form-group{display:flex;flex-direction:column;margin-bottom:10px;padding-right:15px}.employee-form-root label{align-items:center;color:var(--color-foreground);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.3px;margin-bottom:10px;text-transform:uppercase}.employee-form-root label:before{background:var(--color-primary);border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.employee-form-root input[type=file],.employee-form-root input[type=number],.employee-form-root input[type=tel],.employee-form-root input[type=text],.employee-form-root select{background-color:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-foreground);font-size:14px;font-weight:500;min-height:44px;padding:12px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.employee-form-root input[type=number]:focus,.employee-form-root input[type=tel]:focus,.employee-form-root input[type=text]:focus,.employee-form-root select:focus{background-color:var(--color-card);border-color:var(--color-primary);box-shadow:0 0 0 4px #10b9811a,var(--shadow-md);outline:none;transform:translateY(-1px)}.employee-form-root input[type=number]::placeholder,.employee-form-root input[type=tel]::placeholder,.employee-form-root input[type=text]::placeholder{color:var(--color-muted-foreground)}.employee-form-root input[type=file]{display:none;padding:10px}.employee-form-root .photo-integration{background:var(--color-muted);border:2px solid var(--color-info);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:35px;padding:35px}.employee-form-root .photo-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:25px}.employee-form-root .photo-option-btn{align-items:center;background-color:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:25px;text-decoration:none;transition:all .2s ease}.employee-form-root .photo-option-btn:hover{background-color:var(--color-muted);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.employee-form-root .photo-option-icon{font-size:32px;margin-bottom:10px}.employee-form-root .photo-option-text{color:var(--color-foreground);font-size:13px;font-weight:600;letter-spacing:.3px;text-align:center;text-transform:uppercase}.employee-form-root .photo-preview-section{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);display:none;padding:20px;text-align:center}.employee-form-root .photo-preview-section.active{display:block}.employee-form-root .photo-preview-image{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:15px;max-height:300px;max-width:100%}.employee-form-root .preview-label{color:var(--color-muted-foreground);font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:10px;text-transform:uppercase}.employee-form-root .preview-actions{display:flex;gap:10px;justify-content:center}.employee-form-root .btn-confirm{background:var(--color-success);border:none;border-radius:var(--radius-md);color:var(--color-success-foreground);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.3px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.employee-form-root .btn-confirm:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.employee-form-root .btn-retake{background:var(--color-destructive);border:none;border-radius:var(--radius-md);color:var(--color-destructive-foreground);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.3px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.employee-form-root .btn-retake:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.employee-form-root .btn-rotate{background:var(--color-info);border:none;border-radius:var(--radius-md);color:var(--color-info-foreground);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.3px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.employee-form-root .btn-rotate:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.employee-form-root .camera-modal{align-items:center;background:#000000f2;display:none;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.employee-form-root .camera-modal.active{display:flex}.employee-form-root .camera-content{background:var(--color-foreground);border-radius:var(--radius-xl);max-width:500px;overflow:hidden;position:relative;width:90%}.employee-form-root .camera-feed{display:block;height:auto;width:100%}.employee-form-root .camera-controls{display:flex;gap:15px;justify-content:center;margin-top:20px;padding:0 20px}.employee-form-root .btn-capture{background:var(--color-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-primary-foreground);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.3px;padding:14px 32px;text-transform:uppercase;transition:all .2s ease}.employee-form-root .btn-capture:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.employee-form-root .btn-cancel-camera{background-color:var(--color-muted);border:none;border-radius:var(--radius-lg);color:var(--color-foreground);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.3px;padding:14px 32px;text-transform:uppercase;transition:all .2s ease}.employee-form-root .btn-cancel-camera:hover{background-color:var(--color-border)}.employee-form-root .submit-btn{background:var(--color-primary);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--color-primary-foreground);cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.8px;margin-top:40px;overflow:hidden;padding:18px 48px;position:relative;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.employee-form-root .submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.employee-form-root .submit-btn:hover:before{left:100%}.employee-form-root .submit-btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.employee-form-root .submit-btn:active{transform:translateY(0)}@media (max-width:768px){.employee-form-root .form-grid,.employee-form-root .photo-options{grid-template-columns:1fr}.employee-form-root .form-content{padding:30px 25px}.employee-form-root .header-section{padding:40px 25px}.employee-form-root .employee-name{font-size:24px}.employee-form-root .camera-content{width:95%}}.profile-page{background:radial-gradient(circle at top left,#10b98114,#0000 34%),linear-gradient(180deg,#f8fafceb,var(--color-background));min-height:100vh;min-width:0;overflow-x:hidden;padding:clamp(16px,3vw,32px);width:100%}.profile-container{animation:fadeIn .4s ease-out;margin:0 auto;max-width:980px;min-width:0;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:22px;padding:0 4px}.profile-title-block{min-width:0}.profile-eyebrow{color:var(--color-primary);display:block;font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.profile-page-header h1{word-wrap:break-word;color:var(--color-foreground);font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.15;margin:0;overflow-wrap:break-word;word-break:normal}.profile-alert{align-items:center;border:1px solid var(--color-border);border-radius:14px;box-shadow:0 12px 28px #0f172a0f;display:flex;flex-wrap:wrap;font-size:clamp(13px,2.5vw,14px);font-weight:600;gap:12px;justify-content:space-between;margin-bottom:18px;padding:clamp(12px,2.5vw,14px) clamp(12px,2.5vw,16px)}.profile-alert button{background:#0000;border:0;color:inherit;cursor:pointer;font-size:16px;font-weight:700}.profile-alert-error{background:#fee2e2;border-color:#fecaca;color:#991b1b}.profile-alert-success{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.profile-error-text{color:#991b1b;font-size:13px;margin-top:8px}.profile-edit-form{background:var(--color-card);border:1px solid #94a3b83d;border-radius:22px;box-shadow:0 22px 60px #0f172a17;max-width:100%;min-width:0;padding:clamp(16px,3vw,34px);width:100%}.form-section{background:linear-gradient(180deg,#ffffffeb,#f8fafcb8);border:1px solid #94a3b833;border-radius:18px;margin-bottom:22px;padding:clamp(16px,2.4vw,22px)}.form-section:last-child{margin-bottom:0}.form-section h3{border-bottom:1px solid #94a3b83d;color:var(--color-foreground);font-size:16px;font-weight:800;margin:0 0 18px;padding-bottom:14px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));min-width:0;width:100%}.form-group label{font-size:14px;margin-bottom:8px}.form-input{background:#fff;border:1px solid #94a3b857;max-width:100%;min-width:0;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus{box-shadow:0 0 0 3px var(--color-primary-light)}.form-input.disabled{background:#f1f5f9e6;border-color:#94a3b838;color:var(--color-muted-foreground);cursor:not-allowed}.form-group small{color:var(--color-muted-foreground);font-size:12px;margin-top:4px}.password-input{position:relative}.password-input .form-input{padding-right:44px;width:100%}.password-toggle{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-muted-foreground);cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.password-toggle:hover{color:var(--color-foreground)}.image-upload-section{align-items:flex-start;background:#f0fdf46b;border:1px dashed #10b98157;border-radius:18px;display:flex;gap:20px;padding:18px}.current-image{flex-shrink:0}.image-preview{border:5px solid #fff;border-radius:50%;box-shadow:0 14px 34px #0f172a29;flex-shrink:0;height:120px;overflow:hidden;transition:transform .2s ease;width:120px}.image-preview:hover{transform:scale(1.05)}.image-preview img{display:block;height:100%;object-fit:cover;width:100%}.upload-controls{flex:1 1;min-width:0}.file-input{display:none}.upload-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.form-actions{border-top:1px solid #94a3b83d;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.btn{align-items:center;border:none;border-radius:12px;box-shadow:0 10px 22px #0f172a14;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#0f8f63);color:var(--color-primary-foreground)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:var(--color-card);border:1px solid #94a3b85c;color:var(--color-foreground)}.btn-secondary:hover:not(:disabled){background:var(--color-muted);border-color:var(--color-border);transform:translateY(-2px)}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-muted);border:4px solid var(--color-muted);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:16px;width:40px}.error-container p{color:var(--color-foreground);font-size:16px;margin-bottom:16px}.error-container .btn{background:var(--color-destructive);color:var(--color-destructive-foreground)}@media (max-width:768px){.profile-page{padding:16px}.profile-page-header{align-items:flex-start;flex-direction:column;gap:16px}.profile-page-header h1{font-size:24px}.profile-page-header .btn{width:auto}.profile-edit-form{max-width:100%;padding:18px}.form-section{padding:16px}.form-grid{gap:16px;grid-template-columns:1fr}.image-upload-section{align-items:center;flex-direction:column;padding:16px;text-align:center}.upload-buttons{flex-direction:column;width:100%}.upload-buttons .btn{width:100%}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}.image-preview{height:100px;width:100px}}@media (max-width:480px){.profile-page{padding:12px}.profile-edit-form{max-width:100%;padding:14px}.profile-page-header h1{font-size:20px}.profile-eyebrow{font-size:11px}.image-preview{height:90px;width:90px}.form-input{font-size:14px;padding:10px 14px}}.create-request-container{animation:fadeInPage .4s ease-out;min-width:0;overflow-x:auto;overflow-y:auto;padding:0;width:100%}.card-header{background:var(--color-muted);justify-content:space-between;padding:16px 20px}.card-title{font-weight:600}.card-body{padding:clamp(16px,3vw,20px)}.item-select-button{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);cursor:pointer;font-size:13px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.item-select-button:hover{background:var(--color-muted);border-color:var(--color-primary)}.quantity-container{position:relative}.quantity-input{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);font-size:13px;padding:8px 12px;width:120px}.stock-display{font-size:12px;font-weight:500;margin-top:4px}.error-text{color:var(--color-destructive);font-size:11px;margin-top:4px}.form-select{width:100%}.remove-btn{background:#ef44441a;border:none;border-radius:var(--radius-sm);color:var(--color-destructive);cursor:pointer;padding:6px;transition:all .2s ease}.remove-btn:hover{background:var(--color-destructive);color:var(--color-destructive-foreground)}.notes-textarea{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.notes-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.search-wrapper{margin-bottom:16px}.search-input{padding:8px 12px 8px 40px}.product-list{max-height:400px;overflow-y:auto}.product-item{border-bottom:1px solid var(--color-border);cursor:pointer;padding:12px;transition:background .2s ease}.product-item:hover{background:var(--color-muted)}.product-item strong{display:block;margin-bottom:4px}.stock-info{font-size:12px;font-weight:500;margin-top:4px}.product-category{color:var(--color-muted-foreground);font-size:11px;margin-top:4px}@media (max-width:768px){.card-header{align-items:flex-start;flex-direction:column;gap:12px}.quantity-input{width:100%}}.dark .card-header{background:var(--color-muted);border-color:var(--color-border)}.dark .form-select,.dark .item-select-button,.dark .notes-textarea,.dark .quantity-input,.dark .search-input{background:var(--color-card);border-color:var(--color-border);color:var(--color-foreground)}.dark .product-item:hover{background:var(--color-muted)}.request-management-container{animation:fadeInPage .4s ease-out;overflow-x:auto;overflow-y:auto;padding:0;width:100%}.loading-spinner{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner:after{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);content:"";height:40px;width:40px}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-wrapper{min-width:300px}.search-input{border-radius:var(--radius-md)}.search-input:focus{outline:none}.form-select{font-size:14px;min-width:150px;padding:10px 16px}.last-updated{color:var(--color-muted-foreground);font-size:12px}.table-container{overflow-x:auto}.data-table th{font-size:12px;padding:14px 12px}.data-table td{font-size:13px}.item-preview,.request-notes{color:var(--color-muted-foreground);font-size:11px;margin-top:2px}.date-cell{align-items:center;display:flex;gap:4px}.action-btn{background:var(--color-muted);margin-right:8px}.action-btn:hover{background:var(--color-border)}.action-btn-delete{background:#ef44441a}.action-btn-delete:hover{background:var(--color-destructive);color:var(--color-destructive-foreground)}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:var(--color-muted-foreground);font-size:12px;font-weight:500}.info-value{color:var(--color-foreground);font-size:14px;font-weight:600}.notes-section{margin-bottom:24px}.notes-text{color:var(--color-foreground);font-size:14px;margin-top:8px}.items-title{font-size:16px;font-weight:600;margin-bottom:16px}.item-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:12px}.item-name{color:var(--color-foreground);font-weight:500}.item-details{color:var(--color-muted-foreground);font-size:12px}.empty-state{padding:20px}@media (max-width:768px){.filter-row{align-items:stretch;flex-direction:column}.search-wrapper{width:100%}.info-grid{grid-template-columns:1fr}}@media (max-width:480px){.search-wrapper{min-width:100%}.search-input{font-size:13px;padding:8px 14px 8px 36px}.form-select{font-size:13px;min-width:120px;padding:8px 14px}.data-table{font-size:12px}.data-table th{font-size:11px;padding:10px}.data-table td{font-size:11px;padding:10px 8px}.item-preview,.request-notes{font-size:10px}.action-btn{margin-right:4px;padding:5px}.modal-body{padding:18px}.info-grid{gap:12px}.info-label{font-size:11px}.info-value,.notes-text{font-size:13px}.items-title{font-size:14px}.item-row{padding:10px}.item-details{font-size:11px}.empty-state{font-size:13px;padding:16px}}@media (max-width:320px){.filter-row{gap:10px}.search-wrapper{min-width:100%}.search-input{font-size:12px;padding:7px 12px 7px 32px}.form-select{font-size:12px;min-width:100px;padding:7px 12px}.data-table,.last-updated{font-size:11px}.data-table th{font-size:10px;padding:8px}.data-table td{font-size:10px;padding:8px 6px}.item-preview,.request-notes{font-size:9px}.action-btn{margin-right:3px;padding:4px}.modal-body{padding:14px}.info-grid{gap:10px}.info-label{font-size:10px}.info-value{font-size:12px}.notes-section{margin-bottom:18px}.notes-text{font-size:12px}.items-title{font-size:13px;margin-bottom:12px}.item-row{padding:8px}.item-name{font-size:12px}.item-details{font-size:10px}.empty-state{font-size:12px;padding:14px}}.dark .form-select,.dark .search-input{background:var(--color-card);border-color:var(--color-border);color:var(--color-foreground)}.dark .action-btn,.dark .table-header{background:var(--color-muted)}.dark .item-row{border-bottom-color:var(--color-border)}.superadmin-dashboard{margin:0 auto;max-width:1600px;overflow-x:auto;overflow-y:auto;padding:0;width:100%}.welcome-banner{background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-primary-foreground);margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.welcome-banner:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:400px;right:-10%;top:-50%;width:400px}.welcome-banner:after,.welcome-banner:before{border-radius:50%;content:"";position:absolute}.welcome-banner:after{background:radial-gradient(circle,#ffffff14 0,#0000 70%);bottom:-50%;height:300px;left:-10%;width:300px}.welcome-banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;position:relative;z-index:1}.welcome-banner-text h2{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.welcome-banner-text p{font-size:14px;font-weight:500;margin:0;opacity:.9}.welcome-banner-stats{display:flex;gap:32px}.welcome-banner-stat{text-align:center}.welcome-banner-stat-value{font-size:36px;font-weight:800;line-height:1;margin-bottom:4px}.welcome-banner-stat-label{font-size:13px;font-weight:600;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.section-header{align-items:center;color:var(--color-foreground);display:flex;font-size:18px;font-weight:700;gap:8px;letter-spacing:-.02em;margin-bottom:16px}.quick-actions-section{margin-bottom:24px}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-card{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.quick-action-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.quick-action-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-card:hover:before{opacity:1}.quick-action-icon{align-items:center;background:var(--color-muted);border-radius:var(--radius-lg);display:flex;font-size:24px;height:56px;justify-content:center;transition:all .2s ease;width:56px}.quick-action-card:hover .quick-action-icon{background:var(--color-primary);color:var(--color-primary-foreground);transform:scale(1.05)}.quick-action-title{color:var(--color-foreground);font-size:15px;font-weight:700;letter-spacing:.2px;text-align:center}.quick-action-desc{font-size:13px;font-weight:500;line-height:1.5;text-align:center}.two-column-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}.system-health-grid{grid-gap:16px;display:grid;gap:16px}.health-card{transition:all .3s ease}.health-card:hover{transform:translateX(2px)}.health-card-content{justify-content:space-between}.health-card-content,.health-card-left{align-items:center;display:flex;gap:16px}.health-card-left{flex:1 1}.health-card-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.health-card-icon--success{background:var(--color-success);color:var(--color-success-foreground)}.health-card-icon--warning{background:var(--color-warning);color:var(--color-warning-foreground)}.health-card-info{flex:1 1}.health-card-title{color:var(--color-foreground);font-size:15px;font-weight:700;letter-spacing:.2px;margin-bottom:4px}.health-card-desc{color:var(--color-muted-foreground);font-size:13px;font-weight:500}.activity-card{overflow:hidden;padding:0}.activity-list{padding:20px}.activity-item{align-items:center;border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--color-muted);transform:translateX(2px)}.activity-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.activity-icon--create{background:var(--color-success);color:var(--color-success-foreground)}.activity-icon--approve{background:var(--color-info);color:var(--color-info-foreground)}.activity-icon--system{background:var(--color-warning);color:var(--color-warning-foreground)}.activity-icon--report{background:var(--color-primary);color:var(--color-primary-foreground)}.activity-content{flex:1 1}.activity-action{color:var(--color-foreground);font-size:14px;font-weight:600;margin-bottom:4px}.activity-time,.activity-user{color:var(--color-muted-foreground);font-size:12px;font-weight:500}.attendance-section{margin-bottom:24px}.attendance-card{padding:20px}.attendance-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.attendance-item{background:var(--color-muted);border-radius:var(--radius-lg);cursor:pointer;padding:20px;text-align:center;transition:all .2s ease}.attendance-item:hover{transform:scale(1.02)}.attendance-item--success{background:#10b9811a;border:2px solid var(--color-success)}.attendance-item--danger{background:#ef44441a;border:2px solid var(--color-destructive)}.attendance-item--warning{background:#f59e0b1a;border:2px solid var(--color-warning)}.attendance-item--info{background:#3b82f61a;border:2px solid var(--color-info)}.attendance-value{color:var(--color-foreground);font-size:36px;font-weight:700;line-height:1;margin-bottom:8px}.attendance-item--success .attendance-value{color:var(--color-success)}.attendance-item--danger .attendance-value{color:var(--color-destructive)}.attendance-item--warning .attendance-value{color:var(--color-warning)}.attendance-item--info .attendance-value{color:var(--color-info)}.attendance-label{color:var(--color-muted-foreground);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.override-section{margin-bottom:24px}.override-list{display:flex;flex-direction:column;gap:16px;padding:20px}.empty-state,.loading-state{color:var(--color-muted-foreground);font-size:15px;font-weight:600;padding:48px;text-align:center}@media (max-width:1024px){.welcome-banner-content{flex-direction:column;text-align:center}.welcome-banner-stats{justify-content:center;width:100%}.two-column-grid{grid-template-columns:1fr}.attendance-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.superadmin-dashboard{padding:0}.welcome-banner{border-radius:16px;margin-bottom:20px;padding:clamp(16px,3vw,24px)}.welcome-banner-text h2{font-size:clamp(20px,4vw,24px)}.welcome-banner-stats{flex-wrap:wrap;gap:20px}.welcome-banner-stat-value{font-size:clamp(28px,5vw,32px)}.quick-actions-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.quick-action-card{padding:clamp(16px,3vw,20px)}.quick-action-icon{font-size:clamp(20px,4vw,24px);height:clamp(48px,7vw,56px);width:clamp(48px,7vw,56px)}.attendance-grid{gap:12px;grid-template-columns:1fr}.attendance-value{font-size:clamp(28px,5vw,36px)}.section-header{font-size:clamp(16px,3vw,18px)}}@media (max-width:480px){.welcome-banner{margin-bottom:16px;padding:16px}.welcome-banner-text h2{font-size:18px}.welcome-banner-stats{gap:16px}.welcome-banner-stat-value{font-size:24px}.quick-actions-grid{gap:12px;grid-template-columns:1fr}.quick-action-card{padding:16px}.quick-action-icon{font-size:20px;height:48px;width:48px}.quick-action-title{font-size:14px}.quick-action-desc{font-size:12px}.attendance-item{padding:16px}.attendance-value{font-size:28px}.activity-item{gap:12px;padding:12px}.activity-icon{font-size:16px;height:36px;width:36px}}.dark .welcome-banner{background:var(--gradient-primary);color:var(--color-primary-foreground)}.dark .quick-action-card{background:var(--color-card);border-color:var(--color-border)}.dark .quick-action-card:hover{border-color:var(--color-primary)}.dark .activity-item:hover,.dark .attendance-item{background:var(--color-muted)}.dm-page{color:#0f172a;margin:0 auto;max-width:1400px;min-width:0;overflow-x:auto;overflow-y:auto;padding:clamp(16px,3vw,24px) clamp(12px,2vw,28px);width:100%}.dm-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:14px;justify-content:center;min-height:60vh}.dm-spinner{animation:dm-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#4f46e5;height:36px;width:36px}@keyframes dm-spin{to{transform:rotate(1turn)}}.dm-alerts{flex-direction:column;margin:16px 0}.dm-alert,.dm-alerts{display:flex;gap:10px}.dm-alert{align-items:center;border-radius:10px;padding:12px 14px}.dm-alert-text{flex:1 1;font-size:14px}.dm-alert-close{background:#0000;border:0;border-radius:6px;color:inherit;cursor:pointer;display:inline-flex;opacity:.6;padding:4px}.dm-alert-close:hover{background:#0000000d;opacity:1}.dm-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:24px 0 28px}.dm-stat{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:16px;padding:20px 24px;transition:transform .2s ease,box-shadow .2s ease}.dm-stat:hover{box-shadow:0 12px 28px -12px #0f172a26;transform:translateY(-3px)}.dm-stat-icon{align-items:center;border-radius:14px;color:#fff;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.dm-stat--primary .dm-stat-icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}.dm-stat--success .dm-stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.dm-stat--muted .dm-stat-icon{background:linear-gradient(135deg,#64748b,#475569)}.dm-stat-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dm-stat-value{color:#0f172a;font-size:28px;font-weight:700;line-height:1.1;margin-top:6px}@media (hover:none) and (pointer:coarse){.dm-stat:hover{transform:none}.dm-delete-btn:hover{background:#fff;border-color:#fecaca}.dm-page-btn:hover:not(:disabled){background:#fff;border-color:#e2e8f0}.dm-icon-btn:hover{background:#f8fafc;border-color:#e2e8f0}}.dm-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px;padding:16px 20px}.dm-toolbar-search{flex:1 1;min-width:0}.dm-icon-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#334155;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;min-height:42px;padding:10px 16px;transition:all .2s ease}.dm-icon-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.dm-icon-btn:active{transform:scale(.98)}.dm-table-card{overflow:hidden;padding:0}.dm-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;position:relative}.dm-table{border-collapse:collapse;font-size:14px;width:100%}.dm-table thead th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.04em;padding:14px 18px;text-align:left;text-transform:uppercase}.dm-table tbody td{border-bottom:1px solid #f1f5f9;padding:14px 18px;vertical-align:middle}.dm-row{transition:background .15s ease}.dm-row:hover{background:#fafbfc}.dm-cell-muted{color:#64748b}.dm-name-cell{gap:12px}.dm-avatar,.dm-name-cell{align-items:center;display:flex}.dm-avatar{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:10px;color:#4f46e5;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.dm-name{color:#0f172a;font-weight:600}.dm-code{background:#f1f5f9;border-radius:6px;color:#475569;font-family:SF Mono,Menlo,monospace;padding:4px 10px}.dm-badge,.dm-code{font-size:12px;font-weight:600}.dm-badge{background:#ecfdf5;border-radius:999px;color:#059669;min-width:28px;padding:3px 10px}.dm-badge,.dm-delete-btn{display:inline-flex;justify-content:center}.dm-delete-btn{align-items:center;background:#fff;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:500;gap:6px;min-height:36px;min-width:80px;padding:7px 12px;transition:all .15s ease}.dm-delete-btn:hover{background:#fef2f2;border-color:#fca5a5}.dm-delete-btn:active{transform:scale(.98)}.dm-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:56px 20px;text-align:center}.dm-empty h4{color:#334155;font-size:15px;margin:6px 0 0}.dm-empty p{font-size:13px;margin:0}.dm-pagination{align-items:center;background:#fafbfc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 18px}.dm-pagination-info{color:#64748b;font-size:13px}.dm-pagination-controls{align-items:center;display:flex;gap:8px}.dm-page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;font-weight:500;min-height:36px;min-width:80px;padding:7px 14px;transition:all .15s ease}.dm-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.dm-page-btn:disabled{cursor:not-allowed;opacity:.5}.dm-page-btn:active:not(:disabled){transform:scale(.98)}.dm-page-indicator{color:#475569;font-size:13px;font-weight:600;padding:0 6px}.dm-form-body{gap:18px;padding:4px 2px 8px}.dm-field,.dm-form-body{display:flex;flex-direction:column}.dm-field{gap:6px}.dm-label{color:#334155;font-size:13px;font-weight:600}.dm-req{color:#dc2626}.dm-hint{color:#94a3b8;font-size:12px;margin-top:2px}.dm-form-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;margin-top:18px;padding-top:18px}@media (max-width:480px){.dm-form-body{gap:16px}.dm-form-footer{flex-direction:column}.dm-form-footer button{width:100%}}@media (max-width:1024px){.dm-page{padding:20px}.dm-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dm-table thead th{font-size:11px;padding:12px 14px}.dm-table tbody td{padding:12px 14px}}@media (max-width:768px){.dm-page,.dm-toolbar{padding:16px}.dm-toolbar{align-items:stretch;flex-direction:column;gap:12px}.dm-icon-btn{justify-content:center;width:100%}.dm-pagination{align-items:stretch;flex-direction:column;gap:16px;padding:16px;text-align:center}.dm-pagination-controls{gap:12px;justify-content:center}.dm-table thead{display:none}.dm-table tbody{display:flex;flex-direction:column;gap:20px}.dm-table tbody tr{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:0}.dm-table tbody td:nth-child(2){align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom:2px solid #e5e7eb;display:flex;gap:16px;padding:20px}.dm-table tbody td:nth-child(2):before{display:none}.dm-table tbody td:nth-child(3),.dm-table tbody td:nth-child(4),.dm-table tbody td:nth-child(5){align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.dm-table tbody td:nth-child(5){border-bottom:none}.dm-table tbody td:last-child{background:#f9fafb;border-top:2px solid #e5e7eb;padding:16px 20px}.dm-table tbody td:last-child:before{display:none}.dm-table tbody td:before{color:#6b7280;content:attr(data-label);font-size:12px;font-weight:700;letter-spacing:.5px;margin-right:16px;text-transform:uppercase}.dm-avatar{background:#ffffff40;border:2px solid #fff6;border-radius:16px;color:#fff;font-size:24px;height:56px;width:56px}.dm-name{color:#fff;font-size:20px;font-weight:700}.dm-code{background:#e0e7ff;border:2px solid #c7d2fe;border-radius:10px;color:#4338ca}.dm-badge,.dm-code{font-size:15px;font-weight:700;padding:8px 16px}.dm-badge{background:#dcfce7;border:2px solid #bbf7d0;color:#166534;min-width:40px}.dm-cell-muted{color:#374151;font-size:15px;font-weight:500}.dm-delete-btn{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:10px;box-shadow:0 4px 12px #dc26264d;color:#fff;font-size:15px;font-weight:700;gap:10px;justify-content:center;padding:14px 24px;width:100%}.dm-delete-btn:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 6px 16px #dc262666;transform:translateY(-2px)}.dm-delete-btn svg{height:18px;width:18px}.dm-table tbody td:first-child{display:none}}@media (max-width:480px){.dm-page{padding:12px}.dm-stats{gap:12px;grid-template-columns:1fr}.dm-stat{gap:12px;padding:16px}.dm-stat-icon{height:44px;width:44px}.dm-stat-value{font-size:24px}.dm-stat-label{font-size:11px}.dm-toolbar{gap:10px;padding:12px}.dm-icon-btn{font-size:13px;padding:10px 14px}.dm-table tbody{gap:16px}.dm-table tbody tr{border-radius:14px}.dm-table tbody td:nth-child(2){gap:12px;padding:16px}.dm-table tbody td:last-child,.dm-table tbody td:nth-child(3),.dm-table tbody td:nth-child(4),.dm-table tbody td:nth-child(5){padding:14px 16px}.dm-avatar{font-size:20px;height:48px;width:48px}.dm-name{font-size:18px}.dm-badge,.dm-code{font-size:14px;padding:6px 12px}.dm-cell-muted{font-size:14px}.dm-delete-btn{font-size:14px;padding:12px 20px}.dm-pagination{gap:12px;padding:12px}.dm-page-btn,.dm-pagination-info{font-size:12px}.dm-page-btn{padding:8px 14px}.dm-empty{padding:32px 12px}.dm-empty h4{font-size:15px}.dm-empty p{font-size:13px}}.sm-page{--sm-primary:#4f46e5;--sm-primary-50:#eef2ff;--sm-success:#10b981;--sm-success-50:#ecfdf5;--sm-danger:#ef4444;--sm-danger-50:#fef2f2;--sm-text:#0f172a;--sm-muted:#64748b;--sm-border:#e5e7eb;--sm-border-soft:#f1f5f9;--sm-surface:#fff;--sm-bg:#f8fafc;--sm-radius:12px;--sm-radius-sm:8px;--sm-shadow-sm:0 1px 2px #0f172a0a;--sm-shadow-md:0 4px 12px #0f172a0f;background:var(--sm-bg);color:var(--sm-text);display:flex;flex-direction:column;gap:24px;min-height:100%;min-width:0;overflow-x:auto;overflow-y:auto;padding:clamp(16px,3vw,24px);width:100%}.sm-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sm-stat{align-items:center;background:var(--sm-surface);border:1px solid var(--sm-border);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow-sm);display:flex;gap:14px;padding:16px 18px;transition:box-shadow .15s ease,transform .15s ease}.sm-stat:hover{box-shadow:var(--sm-shadow-md)}.sm-stat-icon{border-radius:10px;display:grid;height:44px;place-items:center;width:44px}.sm-stat--primary .sm-stat-icon{background:var(--sm-primary-50);color:var(--sm-primary)}.sm-stat--success .sm-stat-icon{background:var(--sm-success-50);color:var(--sm-success)}.sm-stat--muted .sm-stat-icon{background:#f1f5f9;color:#475569}.sm-stat-label{color:var(--sm-muted);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.sm-stat-value{font-size:24px;font-weight:700;line-height:1.2;margin-top:2px}.sm-stat-hint{color:var(--sm-muted);font-size:12px;margin-top:2px}.sm-toolbar-card{padding:14px 16px}.sm-toolbar{flex-wrap:wrap;gap:12px}.sm-search,.sm-toolbar{align-items:center;display:flex}.sm-search{background:var(--sm-bg);border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);flex:1 1 min(280px,100%);gap:8px;height:40px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.sm-search:focus-within{background:#fff;border-color:var(--sm-primary);box-shadow:0 0 0 3px #4f46e51f}.sm-search svg{color:var(--sm-muted);flex-shrink:0}.sm-search input{background:#0000;border:none;color:var(--sm-text);flex:1 1;font-size:14px;outline:none}.sm-search-clear{background:none;border:none;border-radius:4px;color:var(--sm-muted);cursor:pointer;display:grid;padding:4px;place-items:center}.sm-search-clear:hover{background:var(--sm-border-soft);color:var(--sm-text)}.sm-filters{display:flex;gap:8px}.sm-select{background:#fff;border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);color:var(--sm-text);cursor:pointer;font-size:14px;height:40px;min-width:180px;padding:0 12px}.sm-select:focus{border-color:var(--sm-primary);box-shadow:0 0 0 3px #4f46e51f;outline:none}.sm-table-card{overflow:hidden;padding:0}.sm-table-wrap{overflow-x:auto}.sm-table{border-collapse:collapse;font-size:14px;width:100%}.sm-table thead th{background:#fafbfc;border-bottom:1px solid var(--sm-border);color:var(--sm-muted);font-size:12px;font-weight:600;letter-spacing:.04em;padding:12px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.sm-table tbody td{border-bottom:1px solid var(--sm-border-soft);padding:14px 16px;vertical-align:middle}.sm-row{transition:background .12s ease}.sm-row:hover{background:#fafbfc}.sm-row:last-child td{border-bottom:none}.sm-cell-primary{align-items:center;display:flex;gap:10px}.sm-avatar{background:var(--sm-primary-50);border-radius:8px;color:var(--sm-primary);display:grid;height:32px;place-items:center;width:32px}.sm-name{color:var(--sm-text);font-weight:600}.sm-muted{color:var(--sm-muted)}.sm-nowrap{white-space:nowrap}.sm-code{background:#f1f5f9;border-radius:6px;color:#334155;display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600;letter-spacing:.02em;padding:3px 8px}.sm-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.sm-badge--district{background:var(--sm-primary-50);color:var(--sm-primary)}.sm-btn-danger{align-items:center;background:#fff;border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);color:var(--sm-danger);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 12px;transition:all .12s}.sm-btn-danger:hover{background:var(--sm-danger-50);border-color:var(--sm-danger)}.sm-skeleton{animation:sm-shimmer 1.4s infinite;background:linear-gradient(90deg,#f1f5f9,#e2e8f0 50%,#f1f5f9);background-size:200% 100%;border-radius:4px;display:block;height:14px;width:80%}@keyframes sm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sm-empty{align-items:center;display:flex;flex-direction:column;gap:12px;padding:48px 24px;text-align:center}.sm-empty-icon{background:var(--sm-primary-50);border-radius:14px;color:var(--sm-primary);display:grid;height:56px;place-items:center;width:56px}.sm-empty-title{font-size:16px;font-weight:600;margin:0}.sm-empty-text{color:var(--sm-muted);font-size:14px;margin:0 0 8px;max-width:320px}.sm-pagination{align-items:center;background:#fafbfc;border-top:1px solid var(--sm-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.sm-pagination-info{color:var(--sm-muted);font-size:13px}.sm-pagination-info strong{color:var(--sm-text);font-weight:600}.sm-pagination-controls{align-items:center;display:flex;gap:8px}.sm-page-btn{align-items:center;background:#fff;border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);color:var(--sm-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;height:34px;padding:0 12px;transition:all .12s}.sm-page-btn:hover:not(:disabled){border-color:var(--sm-primary);color:var(--sm-primary)}.sm-page-btn:disabled{cursor:not-allowed;opacity:.4}.sm-page-indicator{color:var(--sm-muted);font-size:13px;padding:0 8px}.sm-modal-body{gap:16px;padding:4px 0 8px}.sm-field,.sm-modal-body{display:flex;flex-direction:column}.sm-field{gap:6px}.sm-field label{color:var(--sm-text);font-size:13px;font-weight:500}.sm-req{color:var(--sm-danger)}.sm-hint{color:var(--sm-muted);font-size:12px;margin-top:2px}.sm-modal-footer{border-top:1px solid var(--sm-border-soft);display:flex;gap:8px;justify-content:flex-end;margin-top:8px;padding-top:16px}@media (max-width:1024px){.sm-page{padding:20px}.sm-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sm-table thead th{font-size:11px;padding:12px 14px}.sm-table tbody td{padding:12px 14px}}@media (max-width:900px){.sm-stats{grid-template-columns:1fr}.sm-toolbar{align-items:stretch;flex-direction:column}.sm-select{width:100%}}@media (max-width:768px){.sm-page{gap:16px;padding:16px}.sm-toolbar{align-items:stretch;flex-direction:column;gap:12px}.sm-search,.sm-select{width:100%}.sm-pagination{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.sm-pagination-controls{gap:12px;justify-content:center}.sm-table thead{display:none}.sm-table tbody{display:flex;flex-direction:column;gap:20px}.sm-table tbody tr{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:0}.sm-table tbody td:nth-child(2){align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom:2px solid #e5e7eb;display:flex;gap:16px;padding:20px}.sm-table tbody td:nth-child(2):before{display:none}.sm-table tbody td:nth-child(3),.sm-table tbody td:nth-child(4),.sm-table tbody td:nth-child(5){align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.sm-table tbody td:nth-child(5){border-bottom:none}.sm-table tbody td:last-child{background:#f9fafb;border-top:2px solid #e5e7eb;padding:16px 20px}.sm-table tbody td:last-child:before{display:none}.sm-table tbody td:before{color:#6b7280;content:attr(data-label);font-size:12px;font-weight:700;letter-spacing:.5px;margin-right:16px;text-transform:uppercase}.sm-avatar{background:#ffffff40;border:2px solid #fff6;border-radius:16px;color:#fff;height:56px;width:56px}.sm-avatar svg{height:24px;width:24px}.sm-name{color:#fff;font-size:20px;font-weight:700}.sm-code{background:#e0e7ff;border:2px solid #c7d2fe;border-radius:10px;color:#4338ca}.sm-badge,.sm-code{font-size:15px;font-weight:700;padding:8px 16px}.sm-badge{background:#dcfce7;border:2px solid #bbf7d0;color:#166534;min-width:40px}.sm-muted{color:#374151;font-size:15px;font-weight:500}.sm-btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:10px;box-shadow:0 4px 12px #dc26264d;color:#fff;font-size:15px;font-weight:700;gap:10px;justify-content:center;padding:14px 24px;width:100%}.sm-btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 6px 16px #dc262666;transform:translateY(-2px)}.sm-btn-danger svg{height:18px;width:18px}.sm-table tbody td:first-child{display:none}}@media (max-width:600px){.sm-page{gap:16px;padding:16px}.sm-pagination{align-items:stretch;flex-direction:column}.sm-pagination-controls{justify-content:space-between}}@media (max-width:480px){.sm-page{gap:12px;padding:12px}.sm-stats{gap:12px}.sm-stat{gap:12px;padding:16px}.sm-stat-icon{height:44px;width:44px}.sm-stat-value{font-size:24px}.sm-stat-label{font-size:11px}.sm-toolbar-card{padding:12px}.sm-search{height:40px;padding:0 12px}.sm-search input,.sm-select{font-size:14px}.sm-select{height:40px;min-width:100%;padding:0 12px}.sm-table tbody{gap:16px}.sm-table tbody tr{border-radius:14px}.sm-table tbody td:nth-child(2){gap:12px;padding:16px}.sm-table tbody td:last-child,.sm-table tbody td:nth-child(3),.sm-table tbody td:nth-child(4),.sm-table tbody td:nth-child(5){padding:14px 16px}.sm-avatar{height:48px;width:48px}.sm-avatar svg{height:20px;width:20px}.sm-name{font-size:18px}.sm-badge,.sm-code{font-size:14px;padding:6px 12px}.sm-muted{font-size:14px}.sm-btn-danger{font-size:14px;padding:12px 20px}.sm-btn-danger svg{height:16px;width:16px}.sm-empty{padding:36px 16px}.sm-empty-icon{height:48px;width:48px}.sm-empty-title{font-size:15px}.sm-empty-text{font-size:13px}.sm-pagination{padding:12px}.sm-pagination-info{font-size:12px}.sm-page-btn{font-size:13px;height:34px;padding:0 12px}.sm-modal-body{gap:14px}.sm-field label{font-size:13px}.sm-hint{font-size:12px}}@media (max-width:320px){.sm-page{gap:10px;padding:10px}.sm-stats{gap:10px}.sm-stat{gap:10px;padding:14px}.sm-stat-icon{height:40px;width:40px}.sm-stat-value{font-size:20px}.sm-stat-hint,.sm-stat-label{font-size:10px}.sm-toolbar-card{padding:10px}.sm-toolbar{gap:10px}.sm-search{height:38px;padding:0 10px}.sm-search input,.sm-select{font-size:13px}.sm-select{height:38px;padding:0 10px}.sm-table tbody{gap:14px}.sm-table tbody tr{border-radius:12px}.sm-table tbody td:nth-child(2){gap:10px;padding:14px}.sm-table tbody td:last-child,.sm-table tbody td:nth-child(3),.sm-table tbody td:nth-child(4),.sm-table tbody td:nth-child(5){padding:12px 14px}.sm-avatar{height:44px;width:44px}.sm-avatar svg{height:18px;width:18px}.sm-name{font-size:16px}.sm-badge,.sm-code{font-size:13px;padding:5px 10px}.sm-muted{font-size:13px}.sm-btn-danger{font-size:13px;padding:10px 16px}.sm-btn-danger svg{height:14px;width:14px}.sm-empty{padding:32px 12px}.sm-empty-icon{height:44px;width:44px}.sm-empty-title{font-size:14px}.sm-empty-text{font-size:12px}.sm-pagination{gap:10px;padding:10px}.sm-pagination-info{font-size:11px}.sm-page-btn{font-size:12px;height:32px;padding:0 10px}.sm-page-indicator{font-size:11px}.sm-modal-body{gap:12px}.sm-field label,.sm-req{font-size:12px}.sm-hint{font-size:11px}.sm-modal-footer{gap:6px;padding-top:12px}}.reports-container{animation:fadeInPage .4s ease-out;overflow-x:auto;overflow-y:auto;padding:0;width:100%}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-text{color:var(--color-muted-foreground);font-size:14px;margin:0}.reports-spinner{animation:spin .8s linear infinite;border-bottom:4px solid var(--color-border);border-left:4px solid var(--color-border);border-radius:50%;border-right-color:var(--color-border);border-right:4px solid var(--color-primary);border-top-color:var(--color-border);border-top:4px solid var(--color-primary);height:40px;width:40px}.error-container{align-items:center;background:var(--color-destructive-light);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:20px 24px}.error-content{align-items:center;display:flex;gap:12px}.error-icon{font-size:24px}.error-text{flex:1 1}.error-title{color:var(--color-destructive);font-size:16px;font-weight:600;margin:0 0 4px}.error-message{color:var(--color-destructive-dark);font-size:13px;margin:0}.retry-btn{align-items:center;background:var(--color-destructive);border:none;border-radius:var(--radius-md);color:var(--color-destructive-foreground);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s}.retry-btn:hover{background:var(--color-destructive-dark)}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.summary-card{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s}.summary-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.summary-icon{font-size:32px}.summary-value{color:var(--color-foreground);font-size:24px;font-weight:700}.summary-label{color:var(--color-muted-foreground);font-size:12px;margin-top:4px}.progress-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.progress-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:20px}.progress-header{align-items:center;color:var(--color-foreground);display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:12px}.progress-icon{margin-right:8px}.progress-bar{background:var(--color-border);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .5s ease}.progress-note{color:var(--color-muted-foreground);font-size:12px;margin:0}.report-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-bottom:32px}.report-card{background:var(--color-card);border-radius:var(--radius-xl);border-top:4px solid;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.report-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.report-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;padding:16px 20px}.report-icon{font-size:24px}.report-title{font-size:16px;font-weight:600;margin:0}.report-content{padding:16px 20px}.metric-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:10px 0}.metric-row:last-child{border-bottom:none}.metric-info{align-items:center;display:flex;gap:8px}.metric-icon{font-size:16px}.metric-label{color:var(--color-muted-foreground);font-size:13px}.metric-value{color:var(--color-foreground);font-size:16px;font-weight:600}.export-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.export-title{color:var(--color-foreground);font-size:16px;font-weight:600;margin:0 0 4px}.export-subtitle{color:var(--color-muted-foreground);font-size:13px;margin:0}.export-buttons{display:flex;flex-wrap:wrap;gap:12px}@media (max-width:768px){.progress-section,.report-grid,.summary-grid{gap:16px;grid-template-columns:1fr}.export-section{align-items:stretch;flex-direction:column}.export-buttons{width:100%}.export-buttons button{flex:1 1}}.dark .progress-card,.dark .report-card,.dark .summary-card{background:var(--color-card);border-color:var(--color-border)}.dark .metric-row{border-bottom-color:var(--color-border)}@media print{.export-buttons,.export-section{display:none}}:root{--um-bg:#f6f7fb;--um-surface:#fff;--um-surface-2:#fafbfd;--um-border:#e6e8ef;--um-border-strong:#d6dae4;--um-text:#0f172a;--um-text-2:#334155;--um-muted:#64748b;--um-muted-2:#94a3b8;--um-primary:#4f46e5;--um-primary-600:#4338ca;--um-primary-50:#eef2ff;--um-success:#059669;--um-success-50:#ecfdf5;--um-warn:#d97706;--um-warn-50:#fffbeb;--um-danger:#dc2626;--um-danger-50:#fef2f2;--um-radius:14px;--um-radius-sm:10px;--um-radius-xs:8px;--um-shadow-sm:0 1px 2px #0f172a0a;--um-shadow-md:0 4px 14px -4px #0f172a14,0 2px 4px -2px #0f172a0a;--um-shadow-lg:0 20px 40px -20px #0f172a2e;--um-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.um-shell{-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 600px at 100% -10%,#eef2ff 0,#0000 60%),radial-gradient(900px 500px at -10% 10%,#f0f9ff 0,#0000 55%),#f6f7fb;background:radial-gradient(1200px 600px at 100% -10%,#eef2ff 0,#0000 60%),radial-gradient(900px 500px at -10% 10%,#f0f9ff 0,#0000 55%),var(--um-bg);color:#0f172a;color:var(--um-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--um-font);min-height:100vh;overflow-x:auto;overflow-y:auto;width:100%}.um-container{margin:0 auto;max-width:1400px;min-width:0;padding:clamp(16px,3vw,28px) clamp(12px,2vw,24px) 64px;width:100%}.um-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.um-eyebrow{align-items:center;background:#eef2ff;background:var(--um-primary-50);border-radius:999px;color:#4f46e5;color:var(--um-primary);display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.08em;margin-bottom:10px;padding:5px 10px;text-transform:uppercase}.um-title{font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0}.um-subtitle{color:#64748b;color:var(--um-muted);font-size:14px;margin:6px 0 0;max-width:60ch}.um-actions{display:flex;flex-wrap:wrap;gap:8px}.um-btn{align-items:center;background:#fff;background:var(--um-surface);border:1px solid #e6e8ef;border:1px solid var(--um-border);border-radius:10px;border-radius:var(--um-radius-sm);color:#334155;color:var(--um-text-2);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:9px 14px;transition:all .15s ease;white-space:nowrap}.um-btn:hover:not(:disabled){background:#fafbfd;background:var(--um-surface-2);border-color:#d6dae4;border-color:var(--um-border-strong);transform:translateY(-1px)}.um-btn:disabled{cursor:not-allowed;opacity:.55}.um-btn--sm{font-size:12px;padding:6px 10px}.um-btn--soft{background:#eef2ff;background:var(--um-primary-50);border-color:#0000;color:#4338ca;color:var(--um-primary-600)}.um-btn--primary{background:linear-gradient(135deg,#4f46e5,#4338ca);background:linear-gradient(135deg,var(--um-primary),var(--um-primary-600));border-color:#0000;box-shadow:0 4px 12px -4px #4f46e580;color:#fff}.um-btn--primary:hover:not(:disabled){box-shadow:0 6px 16px -4px #4f46e599}.um-btn--accent{background:#0f172a;border-color:#0000;color:#fff}.um-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.um-stat{background:#fff;background:var(--um-surface);border:1px solid #e6e8ef;border:1px solid var(--um-border);border-radius:14px;border-radius:var(--um-radius);box-shadow:0 1px 2px #0f172a0a;box-shadow:var(--um-shadow-sm);overflow:hidden;padding:18px;position:relative;transition:all .2s ease}.um-stat:before{background:linear-gradient(90deg,#4f46e5,#8b5cf6);background:linear-gradient(90deg,var(--um-primary),#8b5cf6);content:"";height:3px;inset:0 0 auto 0;opacity:0;position:absolute;transition:opacity .2s ease}.um-stat:hover{box-shadow:0 4px 14px -4px #0f172a14,0 2px 4px -2px #0f172a0a;box-shadow:var(--um-shadow-md);transform:translateY(-2px)}.um-stat--accent:before,.um-stat:hover:before{opacity:1}.um-stat__icon{align-items:center;background:#eef2ff;background:var(--um-primary-50);border-radius:10px;color:#4f46e5;color:var(--um-primary);display:inline-flex;height:36px;justify-content:center;margin-bottom:12px;width:36px}.um-stat__label{color:#64748b;color:var(--um-muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.um-stat__value{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:2px 0 4px}.um-stat__sub{color:#94a3b8;color:var(--um-muted-2);font-size:12px}.um-alert{align-items:flex-start;border:1px solid;border-radius:10px;border-radius:var(--um-radius-sm);display:flex;font-size:13px;gap:10px;margin-bottom:14px;padding:12px 14px}.um-alert p{flex:1 1;line-height:1.45;margin:0}.um-alert button{background:#0000;border:0;border-radius:4px;color:inherit;cursor:pointer;opacity:.6;padding:2px}.um-alert button:hover{opacity:1}.um-alert--error{background:#fef2f2;background:var(--um-danger-50);border-color:#fecaca;color:#991b1b}.um-alert--success{background:#ecfdf5;background:var(--um-success-50);border-color:#a7f3d0;color:#065f46}.um-panel{background:#fff;background:var(--um-surface);border:1px solid #e6e8ef;border:1px solid var(--um-border);border-radius:14px;border-radius:var(--um-radius);box-shadow:0 1px 2px #0f172a0a;box-shadow:var(--um-shadow-sm);overflow:hidden}.um-filters{grid-gap:10px;background:#fafbfd;background:var(--um-surface-2);border-bottom:1px solid #e6e8ef;border-bottom:1px solid var(--um-border);display:grid;gap:10px;grid-template-columns:1fr auto auto;padding:18px}.um-search{align-items:center;display:flex;position:relative}.um-search svg{color:#94a3b8;color:var(--um-muted-2);left:12px;pointer-events:none;position:absolute}.um-search .um-input{padding-left:34px;width:100%}.um-input,.um-select{appearance:none;background:#fff;border:1px solid #e6e8ef;border:1px solid var(--um-border);border-radius:8px;border-radius:var(--um-radius-xs);color:#0f172a;color:var(--um-text);font-family:inherit;font-size:13px;min-height:38px;outline:none;padding:9px 12px;transition:border-color .15s ease,box-shadow .15s ease}.um-input:focus,.um-select:focus{border-color:#4f46e5;border-color:var(--um-primary);box-shadow:0 0 0 3px #4f46e51f}.um-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;min-width:160px;padding-right:32px}.um-meta-row{background:#fff;border-bottom:1px solid #e6e8ef;border-bottom:1px solid var(--um-border);color:#64748b;color:var(--um-muted);font-size:12px;padding:10px 18px}.um-table-wrap{border-radius:0 0 14px 14px;border-radius:0 0 var(--um-radius) var(--um-radius);overflow-x:auto;position:relative;width:100%}.um-table-wrap:after{background:linear-gradient(270deg,#0000000d,#0000);bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:30px}.um-table-wrap:hover:after{opacity:1}.um-table{border-collapse:collapse;font-size:13px;min-width:900px;width:100%}.um-table thead th{background:#fafbfd;background:var(--um-surface-2);border-bottom:1px solid #e6e8ef;border-bottom:1px solid var(--um-border);color:#64748b;color:var(--um-muted);font-size:11px;font-weight:600;letter-spacing:.06em;padding:12px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.um-table tbody tr{transition:background .12s ease}.um-table tbody tr:hover{background:#fafbff}.um-table tbody td{border-bottom:1px solid #f1f3f8;padding:14px 16px;vertical-align:middle;white-space:nowrap}.um-table tbody tr:last-child td{border-bottom:0}.um-user{align-items:center;display:flex;gap:12px;min-width:220px}.um-user__name{color:#0f172a;color:var(--um-text);font-weight:600;white-space:normal}.um-user__id{font-feature-settings:"tnum";color:#94a3b8;color:var(--um-muted-2);font-size:11px;font-variant-numeric:tabular-nums;margin-top:2px}.um-avatar{align-items:center;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff40,0 2px 6px #0f172a1f;color:#fff;display:inline-flex;flex-shrink:0;font-weight:700;justify-content:center}.um-avatar,.um-avatar--lg{font-size:14px;height:36px;width:36px}.um-avatar[data-grad="0"]{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.um-avatar[data-grad="1"]{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.um-avatar[data-grad="2"]{background:linear-gradient(135deg,#10b981,#059669)}.um-avatar[data-grad="3"]{background:linear-gradient(135deg,#f59e0b,#ef4444)}.um-avatar[data-grad="4"]{background:linear-gradient(135deg,#ec4899,#f43f5e)}.um-avatar[data-grad="5"]{background:linear-gradient(135deg,#14b8a6,#0ea5e9)}.um-avatar[data-grad="6"]{background:linear-gradient(135deg,#a855f7,#ec4899)}.um-avatar[data-grad="7"]{background:linear-gradient(135deg,#f97316,#f59e0b)}.um-cell-line{align-items:center;color:#334155;color:var(--um-text-2);display:inline-flex;font-size:13px;gap:6px;min-width:180px}.um-cell-line svg{color:#94a3b8;color:var(--um-muted-2);flex-shrink:0}.um-cell-sub{align-items:center;color:#64748b;color:var(--um-muted);display:inline-flex;font-size:12px;gap:5px;margin-top:4px;min-width:160px}.um-cell-sub svg{color:#94a3b8;color:var(--um-muted-2)}.um-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:4px 9px;white-space:nowrap}.um-badge--superadmin{background:#fef3c7;border-color:#fde68a;color:#92400e}.um-badge--admin{background:#ede9fe;border-color:#ddd6fe;color:#5b21b6}.um-badge--supervisor{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.um-badge--teamleader{background:#cffafe;border-color:#a5f3fc;color:#155e75}.um-badge--employee{background:#f1f5f9;border-color:#e2e8f0;color:#334155}.um-badge--shopkeeper{background:#fce7f3;border-color:#fbcfe8;color:#9d174d}.um-badge--storekeeper{background:#e0e7ff;border-color:#c7d2fe;color:#3730a3}.um-badge--accountant{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.um-status{align-items:center;border:1px solid;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.um-status__dot{background:currentColor;border-radius:50%;box-shadow:0 0 0 3px #0000000a;height:6px;width:6px}.um-status--active{background:#ecfdf5;background:var(--um-success-50);border-color:#a7f3d0;color:#059669;color:var(--um-success)}.um-status--inactive{background:#f1f5f9;border-color:#e2e8f0;color:#64748b;color:var(--um-muted)}.um-row-actions{display:inline-flex;gap:4px;justify-content:flex-end;min-width:140px}.um-icon-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;color:var(--um-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s ease;width:32px}.um-icon-btn:hover{background:#eef2ff;background:var(--um-primary-50);border-color:#e0e7ff;color:#4f46e5;color:var(--um-primary)}.um-icon-btn--edit:hover{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8}.um-icon-btn--warn:hover{background:#fffbeb;background:var(--um-warn-50);border-color:#fde68a;color:#d97706;color:var(--um-warn)}.um-icon-btn--danger:hover{background:#fef2f2;background:var(--um-danger-50);border-color:#fecaca;color:#dc2626;color:var(--um-danger)}.um-empty{align-items:center;color:#64748b;color:var(--um-muted);display:flex;flex-direction:column;gap:8px;padding:56px 20px}.um-empty__icon{align-items:center;background:#fafbfd;background:var(--um-surface-2);border-radius:50%;color:#94a3b8;color:var(--um-muted-2);display:inline-flex;height:56px;justify-content:center;margin-bottom:4px;width:56px}.um-empty__title{color:#334155;color:var(--um-text-2);font-size:14px;font-weight:600}.um-empty__hint{color:#94a3b8;color:var(--um-muted-2);font-size:13px}.um-pagination{align-items:center;background:#fafbfd;background:var(--um-surface-2);border-top:1px solid #e6e8ef;border-top:1px solid var(--um-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 18px}.um-pagination__info,.um-pagination__nav{color:#64748b;color:var(--um-muted);font-size:12px}.um-pagination__nav{align-items:center;display:inline-flex;gap:10px}.um-loading{align-items:center;color:#64748b;color:var(--um-muted);display:flex;flex-direction:column;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--um-font);gap:14px;justify-content:center;min-height:60vh}.um-spinner{animation:umSpin .8s linear infinite;border:3px solid #e6e8ef;border-radius:50%;border-top-color:#4f46e5;border:3px solid var(--um-border);border-top-color:var(--um-primary);height:38px;width:38px}.um-spin{animation:umSpin .9s linear infinite}@keyframes umSpin{to{transform:rotate(1turn)}}.um-form{display:flex;flex-direction:column;gap:18px}.um-form__grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.um-form__full{grid-column:1/-1}.um-label{color:#334155;color:var(--um-text-2);display:block;font-size:12px;font-weight:600;margin-bottom:6px}.um-form .um-input,.um-form .um-select{width:100%}.um-toggle{align-items:flex-start;background:#fafbfd;background:var(--um-surface-2);border:1px solid #e6e8ef;border:1px solid var(--um-border);border-radius:10px;border-radius:var(--um-radius-sm);cursor:pointer;display:flex;gap:12px;padding:14px}.um-toggle input{accent-color:#4f46e5;accent-color:var(--um-primary);height:16px;margin-top:3px;width:16px}.um-toggle__title{color:#0f172a;color:var(--um-text);font-size:13px;font-weight:600}.um-toggle__hint{color:#64748b;color:var(--um-muted);font-size:12px;margin-top:2px}.um-form__footer{border-top:1px solid #e6e8ef;border-top:1px solid var(--um-border);display:flex;gap:8px;justify-content:flex-end;margin-top:6px;padding-top:14px}.um-view{display:flex;flex-direction:column;gap:18px}.um-view__hero{align-items:center;background:linear-gradient(135deg,#eef2ff,#f5f3ff);background:linear-gradient(135deg,var(--um-primary-50),#f5f3ff);border:1px solid #e0e7ff;border-radius:14px;border-radius:var(--um-radius);display:flex;gap:16px;padding:18px}.um-view__name{font-size:18px;font-weight:700;letter-spacing:-.01em}.um-view__id{font-feature-settings:"tnum";color:#64748b;color:var(--um-muted);font-size:12px;font-variant-numeric:tabular-nums;margin-top:2px}.um-view__role{margin-top:8px}.um-view__grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.um-field{background:#fafbfd;background:var(--um-surface-2);border:1px solid #e6e8ef;border:1px solid var(--um-border);border-radius:10px;border-radius:var(--um-radius-sm);padding:12px 14px}.um-field__label{align-items:center;color:#64748b;color:var(--um-muted);display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.um-field__value{color:#0f172a;color:var(--um-text);font-size:13px;word-break:break-word}@media (max-width:1200px){.um-stats{grid-template-columns:repeat(4,1fr)}}@media (max-width:960px){.um-container{padding:22px 18px 48px}.um-stats{grid-template-columns:repeat(2,1fr)}.um-filters{grid-template-columns:1fr 1fr}.um-search{grid-column:1/-1}.um-view__grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.um-container{padding:18px 14px 40px}.um-header{align-items:stretch;flex-direction:column}.um-actions{width:100%}.um-actions .um-btn{flex:1 1;justify-content:center}.um-stats{gap:10px;grid-template-columns:1fr 1fr}.um-stat{padding:14px}.um-stat__value{font-size:22px}.um-filters{grid-template-columns:1fr;padding:14px}.um-select{min-width:0;width:100%}.um-form__grid{grid-template-columns:1fr}.um-view__hero{align-items:center;flex-direction:column;text-align:center}.um-view__grid{grid-template-columns:1fr}.um-pagination{align-items:stretch;flex-direction:column;text-align:center}.um-pagination__nav{justify-content:space-between}.um-form__footer{flex-direction:column-reverse}.um-form__footer .um-btn{justify-content:center;width:100%}.um-table-wrap{border-radius:0;margin:0 -14px;width:calc(100% + 28px)}.um-table{min-width:900px}.um-table tbody td,.um-table thead th{padding:12px 14px}.um-user{min-width:200px}.um-cell-line{min-width:160px}.um-cell-sub{min-width:140px}.um-row-actions{min-width:120px}}@media (max-width:380px){.um-stats{grid-template-columns:1fr}}@media (max-width:320px){.um-container{padding:14px 10px 36px}.um-eyebrow{font-size:10px;padding:4px 8px}.um-title{font-size:18px}.um-subtitle{font-size:13px}.um-actions{gap:6px}.um-btn{font-size:12px;padding:7px 10px}.um-btn--sm{font-size:11px;padding:5px 8px}.um-stats{gap:8px}.um-stat{padding:12px}.um-stat__icon{height:32px;width:32px}.um-stat__value{font-size:18px}.um-stat__label{font-size:10px}.um-stat__sub{font-size:11px}.um-filters{gap:8px;padding:12px}.um-input,.um-select{font-size:12px;min-height:34px;padding:7px 10px}.um-select{min-width:120px;padding-right:28px}.um-meta-row{font-size:11px;padding:8px 14px}.um-table{font-size:12px;min-width:800px}.um-table thead th{font-size:10px;padding:10px 12px}.um-table tbody td{font-size:11px;padding:10px 12px}.um-user{gap:10px;min-width:180px}.um-avatar{font-size:12px;height:32px;width:32px}.um-user__name{font-size:13px}.um-user__id{font-size:10px}.um-cell-line{font-size:12px;min-width:140px}.um-cell-sub{font-size:11px;min-width:120px}.um-badge{font-size:10px;padding:3px 7px}.um-status{font-size:11px;padding:3px 8px}.um-row-actions{gap:3px;min-width:100px}.um-icon-btn{height:28px;width:28px}.um-empty{padding:40px 16px}.um-empty__icon{height:48px;width:48px}.um-empty__title{font-size:13px}.um-empty__hint{font-size:12px}.um-pagination{gap:8px;padding:10px 14px}.um-pagination__info{font-size:11px}.um-pagination__nav{font-size:11px;gap:8px}.um-form{gap:14px}.um-form__grid{gap:10px}.um-label{font-size:11px}.um-toggle{gap:10px;padding:12px}.um-toggle input{height:14px;width:14px}.um-toggle__title{font-size:12px}.um-toggle__hint{font-size:11px}.um-form__footer{gap:6px;padding-top:12px}.um-view{gap:14px}.um-view__hero{gap:12px;padding:14px}.um-view__name{font-size:16px}.um-view__id{font-size:11px}.um-view__grid{gap:8px}.um-field{padding:10px 12px}.um-field__label{font-size:10px;margin-bottom:3px}.um-field__value{font-size:12px}}@media (prefers-color-scheme:dark){:root{--um-bg:#0b1020;--um-surface:#111827;--um-surface-2:#0f172a;--um-border:#1f2937;--um-border-strong:#334155;--um-text:#f8fafc;--um-text-2:#cbd5e1;--um-muted:#94a3b8;--um-muted-2:#64748b;--um-primary-50:#6366f11f}.um-shell{background:radial-gradient(1000px 500px at 100% -10%,#6366f12e 0,#0000 60%),radial-gradient(800px 400px at -10% 10%,#0ea5e91f 0,#0000 55%),#f6f7fb;background:radial-gradient(1000px 500px at 100% -10%,#6366f12e 0,#0000 60%),radial-gradient(800px 400px at -10% 10%,#0ea5e91f 0,#0000 55%),var(--um-bg)}.um-input,.um-select{background:#0f172a;color:#0f172a;color:var(--um-text)}.um-table tbody tr:hover{background:#6366f10f}.um-table tbody td{border-bottom-color:#1f2937}.um-meta-row{background:#fff;background:var(--um-surface)}.um-view__hero{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-color:#1f2937}}.sa-employees-shell .et-grid{grid-gap:18px!important;display:grid!important;gap:18px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important;width:100%!important}@media (min-width:1280px){.sa-employees-shell .et-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (min-width:1680px){.sa-employees-shell .et-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.et-card{background:#fff!important;border:1px solid #cfd7e2!important;border-radius:8px!important;box-shadow:0 1px 2px #0f172a0f!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;padding:0!important;width:100%!important}.et-card-banner{align-items:flex-start!important;background:linear-gradient(180deg,#fbfcff,#f6f8fb)!important;border-bottom:1px solid #d9e0ea!important;display:flex!important;gap:18px!important;justify-content:space-between!important;min-height:176px!important;padding:48px 28px 22px!important}.et-card-profile{align-items:center!important;display:flex!important;gap:28px!important;min-width:0!important}.et-card-avatar{background:#eef2f7!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 0 0 1px #dbe3ee!important;display:grid!important;flex:0 0 92px!important;height:92px!important;overflow:hidden!important;place-items:center!important;width:92px!important}.et-card-avatar .employee-photo{border:0!important;box-shadow:none!important;height:100%!important;width:100%!important}.et-table-avatar{background:#eef2f7!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 0 0 1px #dbe3ee!important;display:grid!important;height:38px!important;overflow:hidden!important;place-items:center!important;width:38px!important}.et-table-avatar .employee-photo{border:0!important;box-shadow:none!important;height:100%!important;width:100%!important}.et-card-identity{min-width:0!important}.et-card-name{color:#1f2734!important;font-size:clamp(28px,4vw,42px)!important;font-weight:400!important;letter-spacing:0!important;line-height:1.05!important;margin:0 0 14px!important;overflow:hidden!important;text-overflow:ellipsis!important;text-transform:uppercase!important;white-space:nowrap!important}.et-card-position{align-items:center!important;background:#e3e8ee!important;border-radius:999px!important;color:#2d3542!important;display:inline-flex!important;font-size:22px!important;font-weight:400!important;gap:10px!important;line-height:1!important;margin:0!important;max-width:100%!important;padding:8px 18px!important}.et-card-position svg{color:#4f5968!important}.et-card-position svg,.et-card-status{flex:0 0 auto!important}.et-status-pill{align-items:center!important;border-radius:999px!important;display:inline-flex!important;font-size:19px!important;font-weight:700!important;gap:8px!important;line-height:1!important;min-height:40px!important;padding:8px 14px!important;white-space:nowrap!important}.et-status-pill.is-active{background:#dff5e7!important;border:1px solid #4ab276!important;color:#176b3a!important}.et-status-pill.is-inactive{background:#fee2e2!important;border:1px solid #f87171!important;color:#8f1f1f!important}.et-card-body{background:#fff!important;padding:24px 34px 18px!important}.et-card-info{grid-gap:28px 54px!important;display:grid!important;gap:28px 54px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important}.et-info-row{grid-column-gap:12px!important;grid-row-gap:4px!important;align-items:center!important;column-gap:12px!important;display:grid!important;grid-template-areas:"icon label" "icon value"!important;grid-template-columns:34px minmax(0,1fr)!important;min-width:0!important;row-gap:4px!important}.et-info-ic{align-self:center!important;color:#102b46!important;grid-area:icon!important;height:28px!important;width:28px!important}.et-info-row--accent .et-info-ic{color:#312e81!important}.et-info-lbl{color:#102b46!important;font-size:22px!important;font-weight:800!important;grid-area:label!important;line-height:1.1!important}.et-info-val{color:#050b16!important;font-size:21px!important;font-weight:400!important;grid-area:value!important;line-height:1.15!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.et-info-val--strong{color:#20277d!important;font-weight:800!important}.et-card-actions{background:#fff!important;border-top:1px solid #d9e0ea!important;padding:16px 22px 12px!important}.et-card-btn{align-items:center!important;background:#fff!important;border:1px solid #57616f!important;border-radius:8px!important;box-shadow:none!important;color:#1f2734!important;display:inline-flex!important;font-size:23px!important;font-weight:400!important;gap:12px!important;justify-content:center!important;min-height:48px!important;width:100%!important}.et-card-btn:hover{background:#f8fafc!important;border-color:#263447!important}@media (max-width:980px){.et-card-banner{padding:28px 22px 20px!important}.et-card-info{gap:24px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:640px){.et-card-banner{flex-direction:column!important;min-height:auto!important}.et-card-profile{align-items:flex-start!important;gap:16px!important}.et-card-avatar{flex-basis:68px!important;height:68px!important;width:68px!important}.et-card-name{font-size:25px!important;white-space:normal!important}.et-card-btn,.et-card-position,.et-info-lbl,.et-info-val,.et-status-pill{font-size:16px!important}.et-card-body{padding:18px!important}.et-card-info{gap:18px!important;grid-template-columns:1fr!important}}.sad-modal{background:#243246!important;border:1px solid #536174!important;border-radius:14px!important;max-height:min(92vh,980px)!important;overflow:hidden!important;width:min(96vw,760px)!important}.sad-modal .modal-header{background:#fff!important;border-bottom:1px solid #d8dee8!important;padding:16px 20px!important}.sad-modal .modal-title{color:#102033!important;font-size:20px!important;font-weight:800!important;letter-spacing:0!important}.sad-modal .modal-content{background:#243246!important;padding:0!important}.sad-detail-card{background:#243246;color:#0f172a;min-width:0;padding:0 20px 28px;width:100%}.sad-date{background:#eef3f8;border-bottom:1px solid #d8dee8;color:#263447;font-size:14px;font-weight:500;margin:0 -20px 14px;padding:11px 0 9px;text-align:center}.sad-hero{align-items:center;background:radial-gradient(circle at 88% 12%,#ffffff29,#0000 18%),radial-gradient(circle at 50% 50%,#ffffff29,#0000 17%),linear-gradient(135deg,#1c1b69,#4d1f95 42%,#a92482 78%,#d4276a);border:1px solid #ffffffb8;border-radius:10px;box-shadow:inset 0 0 70px #1312528c;display:flex;height:clamp(250px,44vw,410px);justify-content:center;overflow:hidden;position:relative}.sad-hero:before{background:linear-gradient(120deg,#0000 0 16%,#ffffff1f 17%,#0000 29%),linear-gradient(300deg,#0000 0 62%,#ffffff21 63%,#0000 73%);content:"";inset:0;opacity:.8;position:absolute}.sad-avatar-rings{border:2px solid #ffffff47;border-radius:50%;box-shadow:0 0 0 14px #ffffff1f,0 0 0 28px #ffffff1a,0 0 0 44px #ffffff14,0 0 0 62px #ffffff0f;height:260px;position:absolute;width:260px}.sad-avatar{background:#fff;border-radius:50%;box-shadow:0 0 0 8px #ffffffeb,0 14px 30px #0f172a47;display:grid;height:132px;place-items:center;position:relative;width:132px;z-index:1}.sad-avatar .employee-photo{border:3px solid #fff!important;box-shadow:0 0 0 2px #fff6,0 8px 24px #0f172a40!important}.sad-avatar-fallback{background:linear-gradient(135deg,#4f46e5,#a855f7);border-radius:50%;color:#fff;display:grid;font-size:44px;font-weight:800;height:132px;place-items:center;width:132px}.sad-content{background:#f7fbff;display:flex;flex-direction:column;gap:28px;padding:28px 24px 0}.sad-section{background:#fff;border:1px solid #7f8da0;border-radius:10px;box-shadow:0 2px 7px #0f172a29;overflow:hidden}.sad-section-title{align-items:center;background:linear-gradient(90deg,#fff,#eef2f7);color:#101c31;display:flex;font-size:17px;font-weight:800;gap:9px;letter-spacing:0;margin:0;min-height:38px;padding:8px 12px;text-transform:uppercase}.sad-section-title svg{color:#5934a6;flex:0 0 auto}.sad-section-body{padding:18px 12px 8px}.sad-info-row{grid-gap:18px;align-items:center;border-bottom:1px solid #d8dee8;display:grid;gap:18px;grid-template-columns:minmax(110px,180px) minmax(0,1fr);min-height:45px}.sad-info-row:last-child{border-bottom:0}.sad-info-label{color:#596273;font-size:14px;font-weight:500}.sad-info-value{color:#0f172a;font-size:15px;font-weight:700;min-width:0;overflow-wrap:anywhere}@media (max-width:768px){.sad-modal{max-width:calc(100vw - 20px)!important;width:calc(100vw - 20px)!important}.sad-detail-card{padding:0 10px 18px}.sad-date{margin-inline:-10px}.sad-hero{height:280px}.sad-content{gap:18px;padding:18px 10px 0}}@media (max-width:480px){.sad-modal .modal-header{padding:13px 14px!important}.sad-hero{height:230px}.sad-avatar,.sad-avatar-fallback{height:104px;width:104px}.sad-avatar-rings{height:190px;width:190px}.sad-info-row{gap:4px;grid-template-columns:1fr;padding:10px 0}}.et-table-wrap{background:#fff;border:1px solid #cfd7e2;border-radius:8px;box-shadow:0 1px 2px #0f172a0f;overflow-x:auto;width:100%}.et-table{border-collapse:collapse;min-width:1200px;width:100%}.et-table thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:2px solid #cbd5e1}.et-table th{border-right:1px solid #e2e8f0;color:#334155;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.et-table th:last-child{border-right:none}.et-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .15s ease}.et-table tbody tr:hover{background-color:#f8fafc}.et-table tbody tr:last-child{border-bottom:none}.et-table td{border-right:1px solid #f1f5f9;color:#1e293b;font-size:14px;padding:12px}.et-table td:last-child{border-right:none}.et-th-num{font-weight:700;text-align:center;width:50px}.et-td-num{color:#64748b;font-weight:600;text-align:center}.et-td-name{color:#0f172a;font-weight:600;min-width:150px}.et-td-salary{color:#059669;font-weight:700;white-space:nowrap}.et-table-action{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.et-table-action:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.et-empty{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:80px 40px}.et-empty--table{background:#0000;min-height:200px;padding:60px 20px}.et-empty-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5;display:flex;height:80px;margin-bottom:24px;width:80px}.et-empty-title{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 12px}.et-empty-text{color:#64748b;font-size:16px;line-height:1.6}@media (max-width:320px){.et-card-banner{min-height:auto!important;padding:24px 16px 18px!important}.et-card-profile{gap:12px!important}.et-card-avatar{flex-basis:56px!important;height:56px!important;width:56px!important}.et-card-name{font-size:20px!important}.et-card-btn,.et-card-position,.et-info-lbl,.et-info-val,.et-status-pill{font-size:14px!important}.et-card-body{padding:14px!important}.et-card-info{gap:14px!important;grid-template-columns:1fr!important}.et-info-row{column-gap:8px!important;grid-template-columns:28px minmax(0,1fr)!important}.et-info-ic{height:22px!important;width:22px!important}.et-info-lbl,.et-info-val{font-size:13px!important}.et-card-actions{padding:12px 16px 10px!important}.et-card-btn{font-size:14px!important;min-height:42px!important}.sad-modal{max-width:calc(100vw - 16px)!important;width:calc(100vw - 16px)!important}.sad-modal .modal-header{padding:12px!important}.sad-modal .modal-title{font-size:16px!important}.sad-detail-card{padding:0 8px 14px}.sad-date{font-size:12px;margin-inline:-8px;padding:9px 0 8px}.sad-hero{height:200px}.sad-avatar,.sad-avatar-fallback{height:88px;width:88px}.sad-avatar-fallback{font-size:36px}.sad-avatar-rings{height:160px;width:160px}.sad-content{gap:14px;padding:14px 8px 0}.sad-section-title{font-size:14px;min-height:32px;padding:6px 10px}.sad-section-body{padding:14px 8px 6px}.sad-info-row{gap:2px;grid-template-columns:1fr;min-height:auto;padding:8px 0}.sad-info-label{font-size:12px}.sad-info-value{font-size:13px}}@media (max-width:1280px){.et-table{min-width:1000px}.et-table td,.et-table th{font-size:13px;padding:10px 8px}}@media (max-width:1024px){.et-table{min-width:900px}.et-table td,.et-table th{font-size:12px;padding:8px 6px}.et-empty{padding:60px 20px}.et-empty-icon{height:64px;width:64px}.et-empty-title{font-size:20px}.et-empty-text{font-size:14px}}@media (max-width:768px){.et-table{min-width:700px}.et-table td,.et-table th{font-size:11px;padding:8px 4px}.et-table th{font-size:10px}.et-empty{min-height:200px;padding:40px 16px}.et-empty-icon{height:56px;margin-bottom:16px;width:56px}.et-empty-title{font-size:18px}.et-empty-text{font-size:13px}}:root{--s-radius-xs:6px;--s-radius-sm:8px;--s-radius-md:12px;--s-radius-lg:16px;--s-radius-xl:20px;--s-ring:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,#0000);--s-shadow-soft:0 1px 2px #0f172a0a,0 4px 12px #0f172a0a;--s-shadow-pop:0 1px 2px #0f172a0f,0 12px 32px -8px #0f172a1f;--s-ease:cubic-bezier(.2,.8,.2,1)}.settings-container{animation:settingsFadeIn .5s cubic-bezier(.2,.8,.2,1);animation:settingsFadeIn .5s var(--s-ease);overflow-x:auto;overflow-y:auto;padding:0;width:100%}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:14px;font-weight:500;justify-content:center;letter-spacing:.01em;min-height:60vh}.settings-loading:before{animation:settingsSpin .8s linear infinite;border:2px solid color-mix(in srgb,var(--color-primary) 25%,#0000);border-radius:50%;border-top-color:var(--color-primary);content:"";height:18px;margin-right:10px;width:18px}@keyframes settingsSpin{to{transform:rotate(1turn)}}.settings-tabs{-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);background:color-mix(in srgb,var(--color-muted) 70%,#0000);border:1px solid var(--color-border);border-radius:16px;border-radius:var(--s-radius-lg);box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0a;box-shadow:var(--s-shadow-soft);display:inline-flex;flex-wrap:wrap;gap:4px;margin-bottom:24px;padding:6px}.settings-tab{background:#0000;border:none;border-radius:12px;border-radius:var(--s-radius-md);color:var(--color-muted-foreground);cursor:pointer;font-size:13px;font-weight:500;padding:9px 16px;position:relative;transition:color .2s cubic-bezier(.2,.8,.2,1),background .2s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.2,.8,.2,1);transition:color .2s var(--s-ease),background .2s var(--s-ease),transform .2s var(--s-ease);white-space:nowrap}.settings-tab:hover{background:color-mix(in srgb,var(--color-card) 60%,#0000);color:var(--color-foreground)}.settings-tab.active{background:var(--color-card);box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0a,inset 0 0 0 1px var(--color-border);box-shadow:var(--s-shadow-soft),inset 0 0 0 1px var(--color-border);color:var(--color-primary);font-weight:600}.settings-tab:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,#0000);box-shadow:var(--s-ring);outline:none}.card-header{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--color-muted) 40%,#0000),#0000);border-bottom:1px solid var(--color-border);display:flex;gap:14px;padding:18px 22px}.card-header-icon{align-items:center;background:color-mix(in srgb,var(--color-primary) 12%,#0000);border-radius:12px;border-radius:var(--s-radius-md);color:var(--color-primary);display:inline-flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.card-title{color:var(--color-foreground);font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0}.card-subtitle{color:var(--color-muted-foreground);font-size:13px;line-height:1.4;margin:3px 0 0}.form-group{margin-bottom:18px}.form-group label{color:var(--color-foreground);font-size:13px;letter-spacing:-.005em}.form-input{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;border-radius:var(--s-radius-md);color:var(--color-foreground);font-size:14px;padding:10px 14px;transition:border-color .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s cubic-bezier(.2,.8,.2,1),background .15s cubic-bezier(.2,.8,.2,1);transition:border-color .15s var(--s-ease),box-shadow .15s var(--s-ease),background .15s var(--s-ease)}.form-input:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,#0000);box-shadow:var(--s-ring);outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.input-hint{color:var(--color-muted-foreground);font-size:12px;line-height:1.5;margin:4px 0 0}.range-container{background:color-mix(in srgb,var(--color-muted) 55%,#0000);border:1px solid var(--color-border);border-radius:12px;border-radius:var(--s-radius-md);display:flex;flex-direction:column;gap:14px;padding:18px}.range-input{appearance:none;background:var(--color-border);border-radius:999px;cursor:pointer;height:6px;outline:none;width:100%}.range-input::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border:3px solid var(--color-card);border-radius:50%;box-shadow:0 1px 2px #0f172a0f,0 12px 32px -8px #0f172a1f;box-shadow:var(--s-shadow-pop);height:20px;-webkit-transition:transform .15s cubic-bezier(.2,.8,.2,1);transition:transform .15s cubic-bezier(.2,.8,.2,1);-webkit-transition:transform .15s var(--s-ease);transition:transform .15s var(--s-ease);width:20px}.range-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-input::-moz-range-thumb{background:var(--color-primary);border:3px solid var(--color-card);border-radius:50%;box-shadow:0 1px 2px #0f172a0f,0 12px 32px -8px #0f172a1f;box-shadow:var(--s-shadow-pop);height:20px;width:20px}.range-value{align-items:baseline;display:flex;gap:10px}.value-display{font-feature-settings:"tnum";color:var(--color-primary);font-size:28px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em}.value-hint{color:var(--color-muted-foreground);font-size:12px}.info-box{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,#0000),color-mix(in srgb,var(--color-primary) 2%,#0000));border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));border-left:3px solid var(--color-primary);border-radius:12px;border-radius:var(--s-radius-md);display:flex;gap:14px;padding:16px 18px}.info-icon{font-size:20px;line-height:1}.info-box strong{color:var(--color-foreground);font-size:14px;font-weight:700}.info-box p{color:var(--color-muted-foreground);font-size:13px;line-height:1.55;margin:4px 0 0}.deductions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:18px}.deduction-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;border-radius:var(--s-radius-lg);padding:18px;position:relative;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1),border-color .2s cubic-bezier(.2,.8,.2,1);transition:transform .2s var(--s-ease),box-shadow .2s var(--s-ease),border-color .2s var(--s-ease)}.deduction-card:hover{border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border));box-shadow:0 1px 2px #0f172a0f,0 12px 32px -8px #0f172a1f;box-shadow:var(--s-shadow-pop);transform:translateY(-2px)}.deduction-header{align-items:center;border-bottom:1px dashed var(--color-border);display:flex;gap:10px;margin-bottom:14px;padding-bottom:12px}.deduction-icon{align-items:center;background:color-mix(in srgb,var(--color-primary) 10%,#0000);border-radius:8px;border-radius:var(--s-radius-sm);display:inline-flex;font-size:18px;height:34px;justify-content:center;width:34px}.deduction-name{color:var(--color-foreground);font-size:14px;font-weight:600;letter-spacing:-.005em}.percentage-input{align-items:center;display:flex;gap:8px;margin-bottom:10px}.percentage-field{font-feature-settings:"tnum";background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;border-radius:var(--s-radius-md);color:var(--color-foreground);flex:1 1;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;padding:10px 12px;transition:border-color .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s cubic-bezier(.2,.8,.2,1);transition:border-color .15s var(--s-ease),box-shadow .15s var(--s-ease)}.percentage-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,#0000);box-shadow:var(--s-ring);outline:none}.percentage-symbol{color:var(--color-primary);font-size:14px;font-weight:700;padding:0 4px}.deduction-hint{color:var(--color-muted-foreground);font-size:12px;line-height:1.5;margin:0 0 14px}.deduction-actions{display:flex;gap:8px}.delete-grade-btn,.edit-grade-btn{align-items:center;background:color-mix(in srgb,var(--color-muted) 80%,#0000);border:1px solid var(--color-border);border-radius:8px;border-radius:var(--s-radius-sm);color:var(--color-muted-foreground);cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:all .18s cubic-bezier(.2,.8,.2,1);transition:all .18s var(--s-ease)}.edit-grade-btn:hover{background:var(--color-card);border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));color:var(--color-primary);transform:translateY(-1px)}.delete-grade-btn:hover{background:var(--color-destructive);border-color:var(--color-destructive);color:var(--color-destructive-foreground);transform:translateY(-1px)}.total-deductions-box{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) 10%,#0000),color-mix(in srgb,var(--color-success) 3%,#0000));border:1px solid color-mix(in srgb,var(--color-success) 25%,var(--color-border));border-radius:12px;border-radius:var(--s-radius-md);color:var(--color-muted-foreground);display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:18px 20px}.total-deductions-box strong{font-feature-settings:"tnum";color:var(--color-success);font-size:22px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em}.empty-state{background:color-mix(in srgb,var(--color-muted) 40%,#0000);border:1.5px dashed var(--color-border);border-radius:16px;border-radius:var(--s-radius-lg);font-size:14px;grid-column:1/-1;padding:48px 24px}.toggle-container{align-items:center;display:flex;gap:12px}.toggle{background:var(--color-border);border:none;border-radius:999px;cursor:pointer;flex-shrink:0;height:26px;position:relative;transition:background .22s cubic-bezier(.2,.8,.2,1);transition:background .22s var(--s-ease);width:46px}.toggle.active,.toggle.on,.toggle[aria-checked=true]{background:var(--color-primary)}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003,0 1px 2px #0000001a;height:20px;left:3px;position:absolute;top:3px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1);transition:transform .22s var(--s-ease),box-shadow .22s var(--s-ease);width:20px}.toggle.active .toggle-slider,.toggle.on .toggle-slider,.toggle[aria-checked=true] .toggle-slider{transform:translateX(20px)}.toggle:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,#0000);box-shadow:var(--s-ring);outline:none}@media (max-width:768px){.settings-tabs{display:flex;flex-direction:row;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{flex:0 0 auto;text-align:center}.deductions-grid,.form-row{grid-template-columns:1fr}.card-header{padding:16px}.value-display{font-size:24px}}.dark .settings-tabs{background:color-mix(in srgb,var(--color-muted) 50%,#0000)}.dark .settings-tab.active{background:color-mix(in srgb,var(--color-card) 95%,#fff 5%)}.dark .deduction-card{background:var(--color-card)}.dark .info-box,.dark .range-container,.dark .total-deductions-box{background-blend-mode:overlay}.admin-dashboard{animation:fadeInPage .4s ease-out;overflow-x:auto;overflow-y:auto;padding:0;width:100%}.admin-dashboard-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:60vh}.insights-section{margin-top:24px}.insights-card{overflow:hidden}.insights-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:20px}.insight-item{align-items:center;background:var(--color-muted);border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.insight-item:before{background:var(--gradient-primary);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.insight-item:hover:before{opacity:1}.insight-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.insight-item--success:hover{background:#10b9811a;border-color:var(--color-success)}.insight-item--info:hover{background:#3b82f61a;border-color:var(--color-info)}.insight-item--warning:hover{background:#f59e0b1a;border-color:var(--color-warning)}.insight-item--danger:hover{background:#ef44441a;border-color:var(--color-destructive)}.insight-item--primary:hover{background:#10b9811a;border-color:var(--color-primary)}.insight-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.insight-item--success .insight-icon{background:var(--color-success);color:var(--color-success-foreground)}.insight-item--info .insight-icon{background:var(--color-info);color:var(--color-info-foreground)}.insight-item--warning .insight-icon{background:var(--color-warning);color:var(--color-warning-foreground)}.insight-item--danger .insight-icon{background:var(--color-destructive);color:var(--color-destructive-foreground)}.insight-item--primary .insight-icon{background:var(--color-primary);color:var(--color-primary-foreground)}.insight-item:hover .insight-icon{transform:scale(1.05)}.insight-content{flex:1 1}.insight-label{color:var(--color-muted-foreground);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.insight-value{color:var(--color-foreground);font-size:24px;font-weight:700;line-height:1}.insight-item--success .insight-value{color:var(--color-success)}.insight-item--info .insight-value{color:var(--color-info)}.insight-item--warning .insight-value{color:var(--color-warning)}.insight-item--danger .insight-value{color:var(--color-destructive)}.insight-item--primary .insight-value{color:var(--color-primary)}@media (min-width:1920px){.insights-section{margin-top:40px}.insights-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:32px}.insight-item{padding:24px}.insight-icon{font-size:28px;height:64px;width:64px}.insight-value{font-size:32px}.insight-label{font-size:13px}}@media (min-width:1440px) and (max-width:1919px){.insights-section{margin-top:36px}.insights-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:28px}.insight-item{padding:22px}.insight-icon{font-size:26px;height:60px;width:60px}.insight-value{font-size:30px}}@media (min-width:1280px) and (max-width:1439px){.insights-section{margin-top:34px}.insights-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:26px}.insight-item{padding:20px}.insight-icon{font-size:24px;height:58px;width:58px}.insight-value{font-size:28px}}@media (min-width:1024px) and (max-width:1279px){.insights-section{margin-top:32px}.insights-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:24px}.insight-item{padding:18px}.insight-icon{font-size:22px;height:56px;width:56px}.insight-value{font-size:26px}}@media (min-width:768px) and (max-width:1023px){.insights-section{margin-top:28px}.insights-grid{gap:14px;grid-template-columns:repeat(2,1fr);padding:20px}.insight-item{padding:16px}.insight-icon{font-size:20px;height:52px;width:52px}.insight-value{font-size:24px}.insight-label{font-size:11px}}@media (min-width:640px) and (max-width:767px){.admin-dashboard{padding:0}.insights-section{margin-top:24px}.insights-grid{gap:12px;grid-template-columns:repeat(2,1fr);padding:16px}.insight-item{gap:12px;padding:14px}.insight-icon{font-size:18px;height:48px;width:48px}.insight-value{font-size:22px}.insight-label{font-size:10px}}@media (min-width:480px) and (max-width:639px){.admin-dashboard{padding:0}.insights-section{margin-top:20px}.insights-grid{grid-template-columns:1fr}.insight-item,.insights-grid{gap:12px;padding:14px}.insight-icon{font-size:16px;height:44px;width:44px}.insight-value{font-size:20px}.insight-label{font-size:10px}}@media (max-width:479px){.admin-dashboard{padding:0}.insights-section{margin-top:16px}.insights-grid{grid-template-columns:1fr}.insight-item,.insights-grid{gap:10px;padding:12px}.insight-icon{font-size:14px;height:40px;width:40px}.insight-value{font-size:18px}.insight-label{font-size:9px}}@media (max-width:320px){.admin-dashboard{padding:0}.insights-section{margin-top:14px}.insights-grid{grid-template-columns:1fr}.insight-item,.insights-grid{gap:8px;padding:10px}.insight-icon{font-size:12px;height:36px;width:36px}.insight-value{font-size:16px}.insight-label{font-size:10px}}.dark .insight-item{border-color:var(--color-border)}.dark .insight-item,.dark .insight-item:hover{background:var(--color-muted)}.attendance-report-container{animation:fadeInPage .5s cubic-bezier(.16,1,.3,1);overflow-x:auto;overflow-y:auto;padding:0;width:100%}.attendance-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:15px;font-weight:600;justify-content:center;letter-spacing:.01em;min-height:60vh}.stats-grid{margin-bottom:28px}.stat-card{background:linear-gradient(145deg,color-mix(in srgb,var(--color-card) 96%,#0000),color-mix(in srgb,var(--color-card) 100%,#0000));border:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0a;isolation:isolate;overflow:hidden;padding:22px 24px;position:relative;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .25s ease}.stat-card:before{background:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,currentColor 8%,#0000),#0000 60%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .35s ease;z-index:-1}.stat-card:hover{border-color:color-mix(in srgb,var(--color-border) 100%,#0000);box-shadow:0 2px 4px #0f172a0d,0 16px 32px -8px #0f172a1f;transform:translateY(-3px)}.stat-card:hover:before{opacity:1}.stat-card-success{color:var(--color-success)}.stat-card-danger{color:var(--color-destructive)}.stat-card-orange,.stat-card-warning{color:var(--color-warning)}.stat-card-orange{border-left-color:var(--color-warning)}.stat-content{min-width:0}.stat-label{font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.stat-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1}.stat-icon{background:color-mix(in srgb,currentColor 12%,#0000);border-radius:12px;display:grid;height:44px;opacity:1;place-items:center;transition:transform .3s ease,background .3s ease;width:44px}.stat-card:hover .stat-icon{transform:scale(1.08) rotate(-3deg)}.stat-card-orange .stat-icon{color:var(--color-warning)}.filter-section{background:var(--color-card);border:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 1px 2px #0f172a08;margin-bottom:20px;padding:18px 20px}.form-select{min-width:160px}.search-input{width:220px}.table-wrapper{background:var(--color-card);border:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 1px 2px #0f172a08}.data-table{min-width:1200px}.table-row{transition:background .2s ease,transform .2s ease}.status-badge{align-items:center;background:color-mix(in srgb,var(--color-muted) 80%,#0000);border:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);border-radius:999px;color:var(--color-muted-foreground);display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.02em;padding:4px 10px;transition:transform .2s ease,box-shadow .2s ease}.status-badge:before{background:currentColor;border-radius:50%;content:"";height:6px;opacity:.85;width:6px}.status-badge:hover{transform:translateY(-1px)}.status-badge.present{background:color-mix(in srgb,var(--color-success) 14%,#0000);border-color:color-mix(in srgb,var(--color-success) 30%,#0000);color:var(--color-success)}.status-badge.absent{background:color-mix(in srgb,var(--color-destructive) 14%,#0000);border-color:color-mix(in srgb,var(--color-destructive) 30%,#0000);color:var(--color-destructive)}.status-badge.late,.status-badge.permission{background:color-mix(in srgb,var(--color-warning) 16%,#0000);border-color:color-mix(in srgb,var(--color-warning) 35%,#0000);color:var(--color-warning)}.attendance-loading:after{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,color-mix(in srgb,var(--color-muted) 80%,#0000) 0,color-mix(in srgb,var(--color-muted-foreground) 25%,#0000) 50%,color-mix(in srgb,var(--color-muted) 80%,#0000) 100%);background-size:800px 100%;border-radius:6px;content:"";display:inline-block;height:10px;margin-left:12px;width:120px}@media (max-width:1024px){.stats-grid{gap:16px}.stat-value{font-size:24px}}@media (max-width:768px){.stats-grid{gap:14px;grid-template-columns:1fr}.filter-section{align-items:stretch;flex-direction:column;padding:16px}.form-select,.search-input{min-width:0;width:100%!important}.data-table td,.data-table th{padding:12px}.pagination{align-items:center;flex-direction:column;gap:12px}.data-table thead{display:none}.data-table tbody{display:flex;flex-direction:column;gap:16px}.data-table tbody tr{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:0}.data-table tbody td:nth-child(2){align-items:flex-start;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-bottom:2px solid #e5e7eb;display:flex;flex-direction:column;padding:16px}.data-table tbody td:nth-child(2):before{color:#ffffffe6;content:"EMPLOYEE NAME";font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.data-table tbody td:nth-child(2).font-medium{color:#fff;font-size:18px;font-weight:700;line-height:1.3}.data-table tbody td:nth-child(10),.data-table tbody td:nth-child(11),.data-table tbody td:nth-child(3),.data-table tbody td:nth-child(4),.data-table tbody td:nth-child(5){align-items:flex-start;background:#fff;border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;padding:14px 16px}.data-table tbody td:nth-child(11){border-bottom:none}.data-table tbody td:nth-child(3):before{color:#4b5563;content:"NATIONAL ID";font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.data-table tbody td:nth-child(3){color:#1f2937;font-size:14px;font-weight:500}.data-table tbody td:nth-child(4):before{color:#4b5563;content:"TELEPHONE";font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.data-table tbody td:nth-child(4){color:#1f2937;font-size:14px;font-weight:500}.data-table tbody td:nth-child(5):before{content:"POSITION"}.data-table tbody td:nth-child(10):before,.data-table tbody td:nth-child(5):before{color:#4b5563;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.data-table tbody td:nth-child(10):before{content:"SECTOR"}.data-table tbody td:nth-child(11):before{color:#4b5563;content:"DISTRICT";font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.data-table tbody td:nth-child(6),.data-table tbody td:nth-child(7),.data-table tbody td:nth-child(8),.data-table tbody td:nth-child(9){align-items:center;background:#f9fafb;border-bottom:1px solid #f3f4f6;display:flex;flex-direction:row;justify-content:space-between;padding:12px 16px}.data-table tbody td:nth-child(6):before{content:"PRESENT"}.data-table tbody td:nth-child(6):before,.data-table tbody td:nth-child(7):before{color:#4b5563;font-size:11px;font-weight:700;letter-spacing:.5px;margin-right:8px;text-transform:uppercase}.data-table tbody td:nth-child(7):before{content:"ABSENT"}.data-table tbody td:nth-child(8):before{content:"PERMISSION"}.data-table tbody td:nth-child(8):before,.data-table tbody td:nth-child(9):before{color:#4b5563;font-size:11px;font-weight:700;letter-spacing:.5px;margin-right:8px;text-transform:uppercase}.data-table tbody td:nth-child(9):before{content:"LATE"}.data-table tbody td:first-child,.data-table tbody td:nth-child(12){display:none}}@media (max-width:480px){.stat-card{padding:18px}.stat-value{font-size:22px}.empty-state{padding:48px 16px}}.dark .stat-card{background:linear-gradient(145deg,color-mix(in srgb,var(--color-card) 95%,#fff 2%),var(--color-card));border-color:color-mix(in srgb,var(--color-border) 80%,#0000);box-shadow:0 1px 2px #0000004d,0 8px 24px -6px #00000059}.dark .stat-card:hover{box-shadow:0 2px 4px #00000059,0 20px 40px -10px #0000008c}.dark .filter-section,.dark .table-wrapper{background:var(--color-card);border-color:color-mix(in srgb,var(--color-border) 80%,#0000)}@media (prefers-reduced-motion:reduce){.attendance-loading:after,.attendance-report-container,.empty-icon,.pagination-btn,.spin,.stat-card,.status-badge,.table-row{animation:none!important;transition:none!important}}.attendance-report-container .compact-filter-card.card,.attendance-report-container .compact-filter-card.card.card--padding-none{height:auto!important;margin-bottom:14px!important;max-height:92px!important;min-height:0!important;overflow:visible!important;padding:10px 12px!important}.attendance-report-container .compact-filter-card>.filter-section{align-content:flex-start!important;align-items:flex-end!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;height:auto!important;justify-content:flex-start!important;margin:0!important;max-height:68px!important;min-height:0!important;padding:0!important}.attendance-report-container .compact-filter-card .form-group{flex:0 0 180px!important;gap:4px!important;max-width:240px!important;min-width:160px!important}.attendance-report-container .compact-filter-card .form-group:has(.search-wrapper){flex:0 1 260px!important;max-width:280px!important}.attendance-report-container .compact-filter-card :where(.form-input,.form-select,.search-input,button,.btn){font-size:12px!important;height:34px!important;min-height:34px!important}@media (max-width:767px){.attendance-report-container .compact-filter-card.card,.attendance-report-container .compact-filter-card.card.card--padding-none,.attendance-report-container .compact-filter-card>.filter-section{max-height:none!important}}.attendance-report-container .compact-filter-card.card{max-height:none!important;padding:14px!important}.attendance-report-container .compact-filter-card>.filter-section{grid-gap:12px!important;align-items:end!important;display:grid!important;gap:12px!important;grid-template-columns:minmax(160px,190px) minmax(180px,220px) minmax(280px,1fr) 92px 140px!important;max-height:none!important}.attendance-report-container .compact-filter-card .form-group{gap:6px!important;max-width:none!important;min-width:0!important}.attendance-report-container .compact-filter-card label{color:#0f172a!important;font-size:12px!important;font-weight:800!important;letter-spacing:0!important;text-transform:none!important}.attendance-report-container .compact-filter-card :where(.form-input,.form-select,.search-input,.search-wrapper,button,.btn){font-size:14px!important;height:42px!important;min-height:42px!important}.attendance-report-container .compact-filter-card :where(button,.btn){padding:0 12px!important;white-space:nowrap!important;width:100%!important}@media (max-width:1100px){.attendance-report-container .compact-filter-card>.filter-section{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:767px){.attendance-report-container .compact-filter-card>.filter-section{grid-template-columns:1fr!important}}.comments-container{animation:fadeInPage .4s ease-out;overflow-x:auto;overflow-y:auto;padding:0;width:100%}.filter-box{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:8px;margin-bottom:24px;padding:8px 12px}.form-select{background:#0000;border:none;outline:none}.tabs{gap:8px;margin-bottom:24px}.tab{align-items:center;background:none;border:none;display:flex;font-weight:500;gap:6px;padding:8px 16px;position:relative;transition:all .2s ease}.tab:hover{color:var(--color-primary)}.tab.active:after{background:var(--color-primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.sector-group{margin-bottom:24px;padding:20px}.sector-title{border-bottom:2px solid var(--color-border);color:var(--color-foreground);font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.comment-card{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:12px;padding:16px}.comment-card:hover{box-shadow:var(--shadow-md)}.comment-header{margin-bottom:8px}.comment-author{color:var(--color-primary);font-size:13px;font-weight:600}.comment-date{color:var(--color-muted-foreground);font-size:11px}.comment-text{font-style:italic;line-height:1.5;margin:0 0 8px}.comment-meta{color:var(--color-muted-foreground);font-size:11px}@media (max-width:768px){.tabs{flex-direction:column;gap:4px}.tab{justify-content:center;width:100%}}.dark .comment-card{background:var(--color-muted);border-color:var(--color-border)}.dark .tab.active{color:var(--color-primary)}.forwarded-comments-container{animation:fadeInPage .4s ease-out;overflow-x:auto;overflow-y:auto;padding:0;width:100%}.loading-skeleton{margin:0 auto;max-width:1400px;padding:24px}.skeleton-header{animation:shimmer 1.5s infinite;background:var(--color-muted);background-size:200% 100%;border-radius:var(--radius-lg);height:60px;margin-bottom:24px}.skeleton-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.skeleton-stat{height:100px}.skeleton-filters,.skeleton-stat{background:var(--color-muted);border-radius:var(--radius-lg)}.skeleton-filters{height:50px;margin-bottom:20px}.skeleton-card{background:var(--color-muted);border-radius:var(--radius-xl);height:180px;margin-bottom:16px}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card-info{border-left-color:var(--color-info)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:28px}.stat-label{margin-top:4px}.stat-card-info .stat-icon{color:var(--color-info)}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.search-wrapper{flex:1 1;min-width:280px}.search-icon{top:50%;transform:translateY(-50%)}.search-input{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground);font-size:14px;outline:none;padding:10px 16px 10px 40px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a}.clear-search{background:none;border:none;color:var(--color-muted-foreground);cursor:pointer;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{align-items:center;background:var(--color-muted);border:1px solid var(--color-border);border-radius:24px;color:var(--color-muted-foreground);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{background:var(--color-border)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.role-filter{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);cursor:pointer;font-size:13px;outline:none;padding:8px 12px}.results-info{color:var(--color-muted-foreground);font-size:13px;margin-bottom:16px}.comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.comment-card{overflow:hidden;transition:all .2s ease}.comment-card:hover{box-shadow:var(--shadow-lg)}.comment-header{background:var(--color-muted);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;padding:16px 20px}.comment-header,.sender-info{align-items:center;display:flex;gap:12px}.sender-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-primary-foreground);display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.sender-name{color:var(--color-foreground);font-size:14px;font-weight:600}.sender-role{font-weight:400;margin-left:6px}.comment-time,.sender-role{color:var(--color-muted-foreground);font-size:11px}.comment-time{align-items:center;display:flex;gap:4px;margin-top:2px}.badge-container{display:flex;flex-wrap:wrap;gap:8px}.comment-body{padding:20px}.comment-text{color:var(--color-foreground);font-size:14px;line-height:1.6;margin:0 0 12px}.related-info{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.related-tag{align-items:center;background:var(--color-muted);border-radius:8px;color:var(--color-muted-foreground);display:inline-flex;font-size:11px;gap:4px;padding:4px 8px}.action-buttons{flex-wrap:wrap;gap:8px;margin-top:16px}.empty-state{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.empty-icon{color:var(--color-muted-foreground);margin-bottom:16px}.empty-state h3{color:var(--color-foreground);font-size:16px;margin:0 0 8px}.empty-state p{font-size:13px;margin:0}.modal-body{padding:20px}.reply-textarea{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);font-family:inherit;font-size:14px;outline:none;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.reply-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a}.modal-footer{padding:20px}.pagination{padding-top:20px}.page-info{color:var(--color-muted-foreground);font-size:13px}.pagination-btn{padding:8px 16px}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-direction:column}.search-input{width:100%}.comment-header{align-items:flex-start;flex-direction:column}.badge-container{width:100%}.pagination{align-items:center;flex-direction:column;gap:12px}}@media (max-width:480px){.stats-grid{gap:12px}.stat-card{padding:16px}.stat-value{font-size:24px}.stat-label{font-size:11px}.filter-bar{gap:12px}.search-input{font-size:13px;padding:10px 14px 10px 36px}.search-icon{left:10px}.filter-btn{font-size:12px;padding:6px 12px}.role-filter{font-size:12px;padding:6px 10px}.comment-header{gap:10px;padding:12px 16px}.sender-avatar{font-size:14px;height:36px;width:36px}.sender-name{font-size:13px}.comment-time,.sender-role{font-size:10px}.comment-body{padding:16px}.comment-text{font-size:13px}.related-tag{font-size:10px;padding:3px 6px}.action-buttons{gap:6px}.empty-state{padding:40px 20px}.empty-state h3{font-size:14px}.empty-state p{font-size:12px}.modal-body{padding:16px}.reply-textarea{font-size:13px;padding:10px}.modal-footer{flex-direction:column;padding:16px}.modal-footer button{width:100%}.pagination{gap:10px;padding:16px}.page-info{font-size:12px}.pagination-btn{font-size:12px;padding:6px 12px}}@media (max-width:320px){.stats-grid{gap:10px}.stat-card{padding:14px}.stat-value{font-size:20px}.stat-label{font-size:10px}.filter-bar{gap:10px}.search-input{font-size:12px;padding:8px 12px 8px 32px}.search-icon{left:8px}.filter-btn{font-size:11px;padding:5px 10px}.role-filter{font-size:11px;padding:5px 8px}.comment-header{gap:8px;padding:10px 12px}.sender-avatar{font-size:12px;height:32px;width:32px}.sender-name{font-size:12px}.comment-time,.sender-role{font-size:9px}.comment-body{padding:12px}.comment-text{font-size:12px}.related-tag{font-size:9px;padding:2px 5px}.empty-state{padding:32px 16px}.empty-state h3{font-size:13px}.empty-state p{font-size:11px}.modal-body{padding:12px}.reply-textarea{font-size:12px;padding:8px}.modal-footer,.pagination{padding:12px}.pagination{gap:8px}.page-info{font-size:11px}.pagination-btn{font-size:11px;padding:5px 10px}}.dark .comment-header,.dark .related-tag{background:var(--color-muted)}.et-shell{--et-bg:#f6f8fb;--et-surface:#fff;--et-surface-2:#f8fafc;--et-border:#e6ebf2;--et-border-strong:#d4dbe5;--et-text:#0f172a;--et-text-muted:#64748b;--et-text-subtle:#94a3b8;--et-primary:#4f46e5;--et-primary-soft:#eef2ff;--et-success:#10b981;--et-success-soft:#ecfdf5;--et-danger:#ef4444;--et-danger-soft:#fef2f2;--et-warning:#f59e0b;--et-radius:14px;--et-radius-lg:18px;--et-radius-sm:10px;--et-shadow-sm:0 1px 2px #0f172a0a;--et-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--et-shadow-md:0 4px 12px #0f172a0f,0 2px 4px #0f172a0a;--et-shadow-lg:0 12px 32px #0f172a1a;--et-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);background:var(--et-bg);color:var(--et-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;margin:0 auto;max-width:1500px;min-height:100vh;min-width:0;overflow-x:auto;overflow-y:auto;padding:clamp(16px,3vw,24px);width:100%}.et-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.et-stat-card{align-items:center;background:var(--et-surface);border:1px solid var(--et-border);border-radius:var(--et-radius);box-shadow:var(--et-shadow-sm);display:flex;gap:16px;padding:20px;transition:var(--et-transition)}.et-stat-card:hover{border-color:var(--et-border-strong);box-shadow:var(--et-shadow-md);transform:translateY(-2px)}.et-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.et-stat-icon--primary{background:var(--et-primary-soft);color:var(--et-primary)}.et-stat-icon--success{background:var(--et-success-soft);color:var(--et-success)}.et-stat-icon--danger{background:var(--et-danger-soft);color:var(--et-danger)}.et-stat-meta{display:flex;flex-direction:column}.et-stat-value{color:var(--et-text);font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.et-stat-label{color:var(--et-text-muted);font-size:13px;font-weight:500;margin-top:4px}.et-alert{align-items:center;display:flex;gap:12px;margin-bottom:16px}.et-alert-close{background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;font-size:14px;margin-left:auto;opacity:.7;padding:4px 8px;transition:var(--et-transition)}.et-alert-close:hover{background:#0000000d;opacity:1}.et-toolbar{align-items:center;background:var(--et-surface);border:1px solid var(--et-border);border-radius:var(--et-radius);box-shadow:var(--et-shadow-sm);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:14px}.et-search{flex:0 1 360px;max-width:420px;min-width:240px;position:relative}.et-search-icon{color:var(--et-text-subtle);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.et-search-input{background:var(--et-surface-2);border:1px solid var(--et-border);border-radius:var(--et-radius-sm);color:var(--et-text);font-size:14px;height:40px;line-height:40px;outline:none;padding:0 40px 0 42px;transition:var(--et-transition);width:100%}.et-search-input:focus{background:var(--et-surface);border-color:var(--et-primary);box-shadow:0 0 0 3px #4f46e51f}.et-search-clear{align-items:center;background:var(--et-border);border:none;border-radius:50%;color:var(--et-text-muted);cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:var(--et-transition);width:22px}.et-search-clear:hover{background:var(--et-text-muted);color:#fff}.et-toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.et-chip-group{background:var(--et-surface-2);border:1px solid var(--et-border);border-radius:var(--et-radius-sm);display:inline-flex;padding:4px}.et-chip{background:#0000;border:none;border-radius:8px;color:var(--et-text-muted);cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:var(--et-transition)}.et-chip:hover{color:var(--et-text)}.et-chip.is-active{background:var(--et-surface);box-shadow:var(--et-shadow-sm);color:var(--et-primary)}.et-select-wrap{min-width:160px}.et-select{background:var(--et-surface);border:1px solid var(--et-border);border-radius:var(--et-radius-sm);color:var(--et-text);cursor:pointer;font-size:13px;font-weight:500;outline:none;padding:9px 12px;transition:var(--et-transition)}.et-select:hover{border-color:var(--et-border-strong)}.et-select:focus{border-color:var(--et-primary);box-shadow:0 0 0 3px #4f46e51f}.et-select-sm{font-size:12px;padding:7px 10px}.et-sort{align-items:center;background:var(--et-surface-2);border:1px solid var(--et-border);border-radius:var(--et-radius-sm);display:inline-flex;gap:6px;padding:4px 8px}.et-sort-icon{color:var(--et-text-subtle)}.et-sort .et-select{background:#0000;border:none;padding:4px 6px}.et-sort-order{align-items:center;background:var(--et-surface);border:1px solid var(--et-border);border-radius:6px;color:var(--et-text);cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:center;transition:var(--et-transition);width:26px}.et-sort-order:hover{background:var(--et-primary);border-color:var(--et-primary);color:#fff}.et-view-toggle{background:var(--et-surface-2);border:1px solid var(--et-border);border-radius:var(--et-radius-sm);display:inline-flex;padding:4px}.et-view-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:var(--et-text-muted);cursor:pointer;display:flex;padding:7px 10px;transition:var(--et-transition)}.et-view-btn:hover{color:var(--et-text)}.et-view-btn.is-active{background:var(--et-surface);box-shadow:var(--et-shadow-sm);color:var(--et-primary)}.et-export-btn{align-items:center;display:inline-flex;gap:6px}.et-results-info{color:var(--et-text-muted);font-size:13px;margin:8px 4px 16px}.et-results-info strong{color:var(--et-text);font-weight:600}.et-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:28px}.et-card{background:var(--et-surface);border:1px solid var(--et-border);border-radius:var(--et-radius-lg);box-shadow:var(--et-shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:var(--et-transition)}.et-card:hover{border-color:#c7cfdb;box-shadow:var(--et-shadow-lg);transform:translateY(-3px)}.et-card-banner{align-items:flex-end;background:radial-gradient(circle at 20% 50%,#4f46e526,#0000 60%),linear-gradient(135deg,#eef2ff,#f5f3ff);display:flex;height:80px;padding:0 20px;position:relative}.et-card-avatar{background:var(--et-surface-2);border:3px solid var(--et-surface);border-radius:50%;box-shadow:var(--et-shadow-md);flex-shrink:0;height:48px;overflow:hidden;transform:translateY(24px);width:48px}.et-card-avatar img,.et-card-avatar>div{height:100%;object-fit:cover;width:100%}.et-card-status{align-self:flex-start;margin-left:auto;padding-top:14px}.et-avatar-fallback{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-size:26px;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.et-avatar-fallback-sm{font-size:13px}.et-avatar-fallback-lg{font-size:36px}.et-card-body{flex:1 1;padding:36px 20px 16px}.et-card-name{color:var(--et-text);font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 4px}.et-card-position{align-items:center;color:var(--et-text-muted);display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin:0 0 16px}.et-card-info{border-top:1px dashed var(--et-border);display:flex;flex-direction:column;gap:8px;padding-top:14px}.et-info-row{grid-gap:10px;align-items:center;display:grid;font-size:12.5px;gap:10px;grid-template-columns:18px 70px 1fr}.et-info-ic{color:var(--et-text-subtle)}.et-info-lbl{color:var(--et-text-muted);font-size:12px;font-weight:500}.et-info-val{color:var(--et-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.et-info-val--strong{color:var(--et-primary);font-weight:700}.et-info-row--accent{border-top:1px solid var(--et-border);margin-top:4px;padding-top:6px}.et-card-actions{background:var(--et-surface-2);border-top:1px solid var(--et-border);padding:14px 20px 18px}.et-card-btn{align-items:center;display:inline-flex;gap:6px;justify-content:center;width:100%}.et-empty{background:var(--et-surface);border:1px dashed var(--et-border-strong);border-radius:var(--et-radius-lg);grid-column:1/-1;padding:64px 24px;text-align:center}.et-empty--table{border:none;padding:56px 24px}.et-empty-icon{align-items:center;background:var(--et-primary-soft);border-radius:50%;color:var(--et-primary);display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.et-empty-title{color:var(--et-text);font-size:16px;font-weight:600;margin:0 0 6px}.et-empty-text{color:var(--et-text-muted);font-size:13px;margin:0}.et-pagination{border:1px solid var(--et-border);border-radius:var(--et-radius);box-shadow:var(--et-shadow-sm);display:flex;gap:16px;justify-content:center;padding:18px}.et-page-btn,.et-pagination{align-items:center;background:var(--et-surface)}.et-page-btn{border:1px solid var(--et-border);border-radius:var(--et-radius-sm);color:var(--et-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:9px 16px;transition:var(--et-transition)}.et-page-btn:hover:not(:disabled){background:var(--et-primary);border-color:var(--et-primary);color:#fff}.et-page-btn:disabled{cursor:not-allowed;opacity:.4}.et-page-info{color:var(--et-text-muted);font-size:13px}.et-page-info strong{color:var(--et-text);font-weight:600}.et-modal-inner{background:#f8fafc;display:flex;flex-direction:column;overflow:hidden}.et-modal-hero{align-items:center;background:linear-gradient(135deg,#0f172aeb,#1e40afe0),linear-gradient(135deg,#f8fafc,#eef2ff);color:#fff;display:flex;justify-content:flex-start;overflow:hidden;padding:30px 32px;position:relative}.et-modal-hero-bg{background:radial-gradient(circle at 82% 18%,#fff3,#0000 28%),radial-gradient(circle at 12% 88%,#60a5fa38,#0000 36%);inset:0;pointer-events:none;position:absolute}.et-modal-hero-close{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px;z-index:10}.et-modal-hero-close:hover{background:#ffffff4d;transform:rotate(90deg)}.et-modal-hero-content{align-items:center;display:flex;gap:22px;justify-content:flex-start;min-width:0;position:relative;width:100%}.et-modal-avatar{background:#eef2f7;border:4px solid #fffffff2;border-radius:50%;box-shadow:0 0 0 1px #0f172a1f;display:grid;flex-shrink:0;height:96px;overflow:hidden;place-items:center;width:96px}.et-modal-avatar img,.et-modal-avatar>div{align-items:center;display:flex;height:100%;justify-content:center;object-fit:cover;width:100%}.et-modal-avatar .employee-photo{border:0!important;box-shadow:none!important;height:100%!important;min-height:0!important;min-width:0!important;width:100%!important}.et-modal-headings{align-items:flex-start;display:flex;flex-direction:column;gap:8px;min-width:0}.et-modal-name{font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.01em;line-height:1.1;margin:0;max-width:100%;overflow-wrap:anywhere}.et-modal-position{align-items:center;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;color:#e0f2fe;display:inline-flex;font-size:13px;font-weight:700;margin:0;min-height:30px;padding:6px 12px}.et-modal-body{grid-gap:16px;background:#f8fafc;display:grid;gap:16px;grid-template-columns:1fr;padding:22px}.et-modal-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:0;padding:18px}.et-modal-section:last-child{margin-bottom:0}.et-modal-section-title{align-items:center;border-bottom:1px solid #e2e8f0;color:#0f172a;display:flex;font-size:13px;font-weight:800;gap:8px;letter-spacing:.04em;margin:0 0 14px;padding-bottom:12px;text-transform:uppercase;width:100%}.et-modal-section-title svg{color:#2563eb;flex-shrink:0}.et-modal-info-row{grid-gap:14px;align-items:center;border-bottom:1px solid #eef2f7;display:grid;font-size:14px;gap:14px;grid-template-columns:minmax(120px,180px) minmax(0,1fr);min-height:42px;padding:9px 0}.et-modal-info-row:last-child{border-bottom:none}.et-modal-info-label{color:#64748b;font-size:13px;font-weight:600;min-width:0}.et-modal-info-value{color:#0f172a;font-weight:700;min-width:0;overflow-wrap:anywhere}.et-modal-footer{background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:16px 22px}.et-loading{padding:24px}@keyframes etShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.et-sk-card,.et-sk-filters,.et-sk-header,.et-sk-stat{animation:etShimmer 1.4s linear infinite;background:linear-gradient(90deg,#eef2f7,#f8fafc 50%,#eef2f7);background-size:800px 100%;border-radius:var(--et-radius)}.et-sk-header{height:72px;margin-bottom:24px}.et-sk-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.et-sk-stat{height:88px}.et-sk-filters{height:64px;margin-bottom:16px}.et-sk-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.et-sk-card{border-radius:var(--et-radius-lg);height:280px}.et-spin{animation:etSpin 1s linear infinite}@keyframes etSpin{to{transform:rotate(1turn)}}@media (max-width:1024px){.et-toolbar-right{justify-content:flex-start;width:100%}.et-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.et-shell{padding:16px}.et-stats{grid-template-columns:1fr}.et-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.et-toolbar{padding:12px}.et-search{max-width:none;min-width:100%}.et-export-btn span{display:none}.et-modal-hero{padding:24px 18px}.et-modal-hero-content{align-items:center;flex-direction:column;text-align:center}.et-modal-headings{align-items:center}.et-modal-avatar{height:76px;width:76px}.et-modal-position{justify-content:center;text-align:center}.et-modal-body{gap:12px;padding:16px}.et-modal-footer{padding-left:16px;padding-right:16px}.et-modal-section{border-radius:10px;padding:15px}.et-modal-info-row{gap:3px;grid-template-columns:1fr;min-height:auto;padding:9px 0}.et-modal-info-label{flex:none;font-size:12px}.et-pagination{flex-direction:column;gap:10px}.et-card-avatar{height:40px;transform:translateY(20px);width:40px}.et-card-body{padding:32px 16px 16px}}@media (max-width:480px){.et-stat-value{font-size:22px}.et-chip-group,.et-view-toggle{flex:1 1}.et-chip{flex:1 1;text-align:center}.et-shell{padding:12px}.et-toolbar{padding:10px}.et-search-input{font-size:13px;height:36px}.et-stat-card{padding:16px}.et-stat-icon{height:40px;width:40px}.et-stat-value{font-size:20px}.et-grid{gap:16px;grid-template-columns:1fr}.et-card{border-radius:var(--et-radius)}.et-pagination{gap:12px;padding:14px}.et-page-btn{font-size:12px;padding:8px 12px}.et-card-avatar{height:36px;transform:translateY(18px);width:36px}.et-card-body{padding:28px 12px 12px}.et-card-name{font-size:15px}}@media (max-width:320px){.et-shell{padding:10px}.et-stats{gap:12px}.et-stat-card{padding:14px}.et-stat-icon{height:36px;width:36px}.et-stat-value{font-size:18px}.et-stat-label{font-size:12px}.et-toolbar{gap:8px;padding:8px}.et-search-input{font-size:12px;height:34px;padding:0 36px 0 38px}.et-chip{font-size:12px;padding:6px 10px}.et-select{font-size:12px;padding:7px 10px}.et-grid{gap:12px;grid-template-columns:1fr}.et-card{border-radius:12px}.et-card-avatar{height:32px;transform:translateY(16px);width:32px}.et-card-body{padding:24px 10px 10px}.et-card-name{font-size:14px}.et-card-position,.et-info-row{font-size:11px}.et-info-row{gap:8px}.et-info-lbl{font-size:11px}.et-pagination{gap:10px;padding:12px}.et-page-btn{padding:7px 10px}.et-page-btn,.et-page-info{font-size:11px}.et-modal-hero{padding:22px 14px}.et-modal-avatar{height:68px;width:68px}.et-modal-name{font-size:18px}.et-modal-position{font-size:12px}.et-modal-body{padding:12px}.et-modal-section{padding:13px}.et-modal-section-title{font-size:11px}.et-modal-info-row{font-size:12px;padding:7px 0}.et-modal-info-label{flex:none;font-size:11px}.et-modal-footer{padding:12px 14px}}.payroll-container{animation:fadeInPage .4s ease-out;overflow-x:auto;overflow-y:auto;padding:0;width:100%}.payroll-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:60vh}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card-primary{border-left-color:var(--color-primary)}.stat-card-danger{border-left-color:var(--color-destructive)}.stat-card-success{border-left-color:var(--color-success)}.stat-card-warning{border-left-color:var(--color-warning)}.stat-content{flex:1 1}.stat-label{color:var(--color-muted-foreground);font-size:12px;margin-bottom:4px}.stat-value{color:var(--color-foreground);font-size:24px;font-weight:700}.stat-icon{opacity:.7}.stat-card-primary .stat-icon{color:var(--color-primary)}.stat-card-success .stat-icon{color:var(--color-success)}.stat-card-warning .stat-icon{color:var(--color-warning)}.filter-section{gap:12px;width:100%}.form-group{flex:1 1;min-width:min(200px,100%)}.form-group label{font-size:12px}.form-select{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);font-size:13px;padding:8px 12px;transition:border-color .2s ease}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.search-icon{left:10px}.search-input{padding-left:36px!important;width:250px}.compact-filter-card.card{border-radius:12px!important;box-shadow:none!important;height:auto!important;margin-bottom:16px!important;min-height:0!important;overflow:visible!important;padding:12px 14px!important}.compact-filter-card .form-select,.compact-filter-card .search-input,.compact-filter-card .search-wrapper{height:38px!important;min-height:38px!important;width:100%!important}.text-right{text-align:right}.text-danger{color:var(--color-destructive)}.text-success{color:var(--color-success)}.font-bold{font-weight:700}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:1fr}.filter-section{align-items:stretch;flex-direction:column}.search-input{width:100%}.pagination{align-items:center;flex-direction:column;gap:12px}}.dark .stat-card{background:var(--color-card);border-color:var(--color-border)}.payroll-container .compact-filter-card.card,.payroll-container .compact-filter-card.card.card--padding-none{background:#fff!important;border:1px solid #dbe3ee!important;border-radius:12px!important;height:auto!important;margin-bottom:16px!important;max-height:104px!important;min-height:0!important;overflow:visible!important;padding:12px 14px!important}.payroll-container .compact-filter-card>.filter-section{grid-gap:10px!important;background:#0000!important;border:0!important;box-shadow:none!important;gap:10px!important;grid-template-columns:minmax(190px,230px) minmax(300px,1fr) auto auto!important;height:auto!important;margin:0!important;max-height:78px!important;min-height:0!important;padding:0!important}.payroll-container .compact-filter-card .form-group{gap:5px!important}.payroll-container .compact-filter-card .form-group:has(.search-wrapper){max-width:none!important}.payroll-container .compact-filter-card .form-group label{color:#1f2937!important;font-size:12px!important;font-weight:800!important;letter-spacing:0!important;line-height:1.1!important;margin:0!important;text-transform:none!important}.payroll-container .compact-filter-card :where(.form-select,.search-input,button,.btn){border-radius:9px!important;font-size:14px!important;height:40px!important;line-height:40px!important;min-height:40px!important}.payroll-container .compact-filter-card :where(.form-select,.search-input){background:#fff!important;border-color:#d7e0eb!important;color:#0f172a!important}.payroll-container .compact-filter-card .search-wrapper{height:40px!important;min-width:0!important}.payroll-container .compact-filter-card .search-icon{color:#64748b!important;left:12px!important}.payroll-container .compact-filter-card .search-input{padding-left:38px!important;width:100%!important}.payroll-container .compact-filter-card>.filter-section>.btn,.payroll-container .compact-filter-card>.filter-section>button{font-weight:800!important;min-width:92px!important;padding:0 14px!important;white-space:nowrap!important}.payroll-container .compact-filter-card>.filter-section>.btn:last-child,.payroll-container .compact-filter-card>.filter-section>button:last-child{min-width:126px!important}@media (max-width:767px){.payroll-container .compact-filter-card.card,.payroll-container .compact-filter-card.card.card--padding-none,.payroll-container .compact-filter-card>.filter-section{max-height:none!important}.payroll-container .compact-filter-card>.filter-section{grid-template-columns:1fr!important}.payroll-container .compact-filter-card>.filter-section>.btn,.payroll-container .compact-filter-card>.filter-section>button{width:100%!important}}.payroll-container .compact-filter-card.card{max-height:none!important;padding:14px!important}.payroll-container .compact-filter-card>.filter-section{grid-gap:12px!important;align-items:end!important;display:grid!important;gap:12px!important;grid-template-columns:minmax(190px,230px) minmax(320px,1fr) 92px 140px!important;max-height:none!important}.payroll-container .compact-filter-card .form-group{gap:6px!important;max-width:none!important;min-width:0!important}.payroll-container .compact-filter-card :where(.form-select,.search-input,.search-wrapper,button,.btn){font-size:14px!important;height:42px!important;min-height:42px!important}.payroll-container .compact-filter-card :where(button,.btn){padding:0 12px!important;white-space:nowrap!important;width:100%!important}@media (max-width:1000px){.payroll-container .compact-filter-card>.filter-section{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:767px){.payroll-container .compact-filter-card>.filter-section{grid-template-columns:1fr!important}}.shop-report-container{animation:fadeInPage .5s cubic-bezier(.16,1,.3,1);overflow-x:auto;overflow-y:auto;padding:0;width:100%}.shop-report-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:15px;font-weight:600;justify-content:center;letter-spacing:.01em;min-height:60vh}.totals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:28px}.total-card{align-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--color-card) 96%,#0000),var(--color-card));border:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);border-left-width:4px;border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0a;display:flex;isolation:isolate;justify-content:space-between;overflow:hidden;padding:22px 24px;position:relative;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .25s ease}.total-card:before{background:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,currentColor 8%,#0000),#0000 60%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .35s ease;z-index:-1}.total-card:hover{box-shadow:0 2px 4px #0f172a0d,0 16px 32px -8px #0f172a1f;transform:translateY(-3px)}.total-card:hover:before{opacity:1}.total-card-primary{border-left-color:var(--color-primary);color:var(--color-primary)}.total-card-success{border-left-color:var(--color-success);color:var(--color-success)}.total-card-warning{border-left-color:var(--color-warning);color:var(--color-warning)}.total-card-danger{border-left-color:var(--color-destructive);color:var(--color-destructive)}.total-content{flex:1 1;min-width:0}.total-label{color:var(--color-muted-foreground);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.total-value{font-feature-settings:"tnum";color:var(--color-foreground);font-size:26px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;line-height:1.15}.total-icon{background:color-mix(in srgb,currentColor 12%,#0000);border-radius:12px;display:grid;height:44px;place-items:center;transition:transform .3s ease;width:44px}.total-card:hover .total-icon{transform:scale(1.08) rotate(-3deg)}.filters-card{background:var(--color-card);border:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 1px 2px #0f172a08;margin-bottom:20px;padding:18px 20px}.filter-section{align-items:flex-end;display:flex;flex-wrap:wrap;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px;min-width:160px}.form-group label{color:var(--color-muted-foreground);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.form-input,.form-select{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md,10px);color:var(--color-foreground);font-size:13px;padding:9px 12px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.form-input:hover,.form-select:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border))}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 15%,#0000);outline:none}.form-select{cursor:pointer;min-width:170px}.search-wrapper{align-items:center;display:flex}.search-icon{left:12px;pointer-events:none;position:absolute;transition:color .2s ease}.search-wrapper:focus-within .search-icon{color:var(--color-primary)}.search-input{padding-left:38px!important;width:240px}.filter-actions{display:flex;gap:10px;margin-left:auto}.compact-filter-card.card,.filters-card.compact-filter-card{border-radius:12px!important;margin-bottom:16px!important;padding:12px 14px!important}.compact-filter-card .filter-section,.compact-filter-card.card,.filters-card.compact-filter-card{box-shadow:none!important;height:auto!important;min-height:0!important;overflow:visible!important}.compact-filter-card .filter-section{background:#0000!important;border:0!important;border-radius:0!important;gap:10px!important;margin:0!important;padding:0!important}.compact-filter-card .form-group{flex:0 1 210px;min-width:170px}.compact-filter-card .form-input,.compact-filter-card .form-select,.compact-filter-card .search-input,.compact-filter-card .search-wrapper{height:38px!important;min-height:38px!important;width:100%!important}.alert{align-items:center;animation:slideIn .3s ease;border:1px solid #0000;border-radius:10px;border-radius:var(--radius-md,10px);display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:16px;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:color-mix(in srgb,var(--color-destructive) 12%,#0000);border-color:color-mix(in srgb,var(--color-destructive) 30%,#0000);color:var(--color-destructive)}.alert-success{background:color-mix(in srgb,var(--color-success) 12%,#0000);border-color:color-mix(in srgb,var(--color-success) 30%,#0000);color:var(--color-success)}.alert .ml-auto{background:#0000;border:0;color:inherit;cursor:pointer;font-size:14px;margin-left:auto;opacity:.7;transition:opacity .2s ease}.alert .ml-auto:hover{opacity:1}.table-card{background:var(--color-card);border:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 1px 2px #0f172a08;overflow:hidden}.table-wrapper::-webkit-scrollbar{height:10px;width:10px}.table-wrapper::-webkit-scrollbar-track{background:#0000}.table-wrapper::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-muted-foreground) 25%,#0000);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-muted-foreground) 45%,#0000);background-clip:padding-box}.data-table{border-collapse:initial;border-spacing:0;min-width:1100px}.table-header{background:color-mix(in srgb,var(--color-muted) 60%,#0000)}.data-table th{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--color-muted) 85%,var(--color-card));border-bottom:1px solid var(--color-border);font-size:11px;letter-spacing:.08em;padding:14px 16px;position:sticky;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.data-table td{border-bottom:1px solid color-mix(in srgb,var(--color-border) 60%,#0000);color:var(--color-foreground);padding:14px 16px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--color-muted) 30%,#0000)}.table-row:hover{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-card))!important}.employee-cell{align-items:center;display:flex;gap:10px}.employee-avatar{background:color-mix(in srgb,var(--color-primary) 14%,#0000);border-radius:50%;color:var(--color-primary);display:grid;flex-shrink:0;height:32px;place-items:center;width:32px}.amount-cell{font-feature-settings:"tnum";color:var(--color-foreground);font-variant-numeric:tabular-nums;font-weight:600}.empty-state{padding:72px 24px}.empty-icon{animation:floaty 3.5s ease-in-out infinite;background:color-mix(in srgb,var(--color-muted) 60%,#0000);border-radius:50%;display:inline-grid;font-size:52px;height:88px;margin:0 auto 16px;place-items:center;width:88px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pagination{border-top:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);padding-top:18px}.pagination-info{font-feature-settings:"tnum";font-size:13px;font-variant-numeric:tabular-nums;font-weight:500}.pagination-btn{border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:0 1px 2px #0f172a0a;display:inline-flex;font-weight:500;padding:8px 14px;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.pagination-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 8%,var(--color-card));border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));box-shadow:0 4px 10px -2px #0f172a1a}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 25%,#0000);outline:none}.pagination-btn:disabled{opacity:.45}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shop-report-loading:after{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,color-mix(in srgb,var(--color-muted) 80%,#0000) 0,color-mix(in srgb,var(--color-muted-foreground) 25%,#0000) 50%,color-mix(in srgb,var(--color-muted) 80%,#0000) 100%);background-size:800px 100%;border-radius:6px;content:"";display:inline-block;height:10px;margin-left:12px;width:120px}@media (max-width:1024px){.totals-grid{gap:16px}.total-value{font-size:22px}}@media (max-width:768px){.totals-grid{gap:14px;grid-template-columns:1fr}.filter-section{align-items:stretch;flex-direction:column}.form-group{min-width:0;width:100%}.form-select,.search-input{min-width:0;width:100%!important}.filter-actions{justify-content:stretch;margin-left:0;width:100%}.filter-actions>*{flex:1 1}.data-table td,.data-table th{padding:12px}.pagination{flex-direction:column;gap:12px}}@media (max-width:480px){.total-card{padding:18px}.total-value{font-size:20px}.empty-state{padding:48px 16px}}.dark .total-card{background:linear-gradient(145deg,color-mix(in srgb,var(--color-card) 95%,#fff 2%),var(--color-card));border-color:color-mix(in srgb,var(--color-border) 80%,#0000);box-shadow:0 1px 2px #0000004d,0 8px 24px -6px #00000059}.dark .total-card:hover{box-shadow:0 2px 4px #00000059,0 20px 40px -10px #0000008c}.dark .filters-card,.dark .table-card{background:var(--color-card);border-color:color-mix(in srgb,var(--color-border) 80%,#0000)}.dark .data-table th{background:color-mix(in srgb,var(--color-muted) 70%,var(--color-card))}.dark .data-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--color-muted) 22%,#0000)}.dark .table-row:hover{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-card))!important}.dark .pagination-btn{box-shadow:0 1px 2px #0000004d}@media (prefers-reduced-motion:reduce){.alert,.empty-icon,.pagination-btn,.shop-report-container,.shop-report-loading:after,.spin,.table-row,.total-card{animation:none!important;transition:none!important}}.shop-report-container .compact-filter-card.card,.shop-report-container .compact-filter-card.card.card--padding-none,.shop-report-container .filters-card.compact-filter-card{height:auto!important;margin-bottom:14px!important;max-height:92px!important;min-height:0!important;overflow:visible!important;padding:10px 12px!important}.shop-report-container .compact-filter-card>.filter-section{align-content:flex-start!important;align-items:flex-end!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;height:auto!important;justify-content:flex-start!important;margin:0!important;max-height:68px!important;min-height:0!important;padding:0!important}.shop-report-container .compact-filter-card .form-group{flex:0 0 180px!important;gap:4px!important;max-width:240px!important;min-width:160px!important}.shop-report-container .compact-filter-card .form-group:has(.search-wrapper){flex:0 1 260px!important;max-width:280px!important}.shop-report-container .compact-filter-card .filter-actions{gap:8px!important;margin-left:auto!important}.shop-report-container .compact-filter-card :where(.form-input,.form-select,.search-input,button,.btn){font-size:12px!important;height:34px!important;min-height:34px!important}@media (max-width:767px){.shop-report-container .compact-filter-card.card,.shop-report-container .compact-filter-card.card.card--padding-none,.shop-report-container .compact-filter-card>.filter-section,.shop-report-container .filters-card.compact-filter-card{max-height:none!important}}.shop-report-container .compact-filter-card.card,.shop-report-container .filters-card.compact-filter-card{max-height:none!important;padding:14px!important}.shop-report-container .compact-filter-card>.filter-section{grid-gap:12px!important;align-items:end!important;display:grid!important;gap:12px!important;grid-template-columns:minmax(160px,190px) minmax(180px,220px) minmax(280px,1fr) auto!important;max-height:none!important}.shop-report-container .compact-filter-card .form-group{gap:6px!important;max-width:none!important;min-width:0!important}.shop-report-container .compact-filter-card label{color:#0f172a!important;font-size:12px!important;font-weight:800!important;letter-spacing:0!important;text-transform:none!important}.shop-report-container .compact-filter-card :where(.form-input,.form-select,.search-input,.search-wrapper,button,.btn){font-size:14px!important;height:42px!important;min-height:42px!important}.shop-report-container .compact-filter-card .filter-actions{align-items:end!important;display:flex!important;gap:10px!important;margin-left:0!important}.shop-report-container .compact-filter-card .filter-actions :where(button,.btn){min-width:92px!important;padding:0 14px!important;white-space:nowrap!important;width:auto!important}@media (max-width:1100px){.shop-report-container .compact-filter-card>.filter-section{grid-template-columns:repeat(2,minmax(0,1fr))!important}.shop-report-container .compact-filter-card .filter-actions{width:100%!important}}@media (max-width:767px){.shop-report-container .compact-filter-card>.filter-section{grid-template-columns:1fr!important}.shop-report-container .compact-filter-card .filter-actions{flex-direction:column!important}.shop-report-container .compact-filter-card .filter-actions :where(button,.btn){width:100%!important}}.user-management-container{animation:fadeInPage .4s ease-out;overflow-x:auto;overflow-y:auto;padding:0;width:100%}@keyframes fadeInPage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-management-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:60vh}.user-filter-card{margin-bottom:14px;min-height:auto}.user-filter-card.card{padding:10px 12px}.user-filter-card .filter-section{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;min-height:0}.user-filter-card .form-group{display:flex;flex-direction:column;gap:4px;margin:0}.user-filter-card .form-group label{color:var(--color-muted-foreground);font-size:12px;font-weight:600;line-height:1.2;margin:0}.user-filter-card .form-select{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);font-size:13px;height:36px;line-height:36px;min-width:140px;padding:0 10px;transition:border-color .2s ease}.user-filter-card .form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.user-filter-card .search-wrapper{align-items:center;display:flex;height:36px;max-width:100%;position:relative;width:280px}.user-filter-card .search-icon{color:var(--color-muted-foreground);left:10px;pointer-events:none;position:absolute}.user-filter-card .search-input{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-foreground);font-size:13px;height:36px;line-height:36px;padding:0 12px 0 36px!important;width:100%}.user-filter-card .search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.user-filter-card .filter-action-btn{align-self:flex-end;height:36px;padding:0 12px}.user-filter-card.compact-filter-card.card{border-radius:12px!important;margin-bottom:16px!important;padding:12px 14px!important}.user-filter-card.compact-filter-card .filter-section,.user-filter-card.compact-filter-card.card{box-shadow:none!important;height:auto!important;min-height:0!important;overflow:visible!important}.user-filter-card.compact-filter-card .filter-section{background:#0000!important;border:0!important;border-radius:0!important;gap:10px!important;margin:0!important;padding:0!important}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;font-size:13px;min-width:1000px;width:100%}.table-header{background:var(--color-muted);border-bottom:1px solid var(--color-border)}.data-table th{color:var(--color-muted-foreground);font-weight:600;padding:12px;text-align:left}.data-table td{border-bottom:1px solid var(--color-border);padding:12px;vertical-align:middle}.table-row{transition:background .2s ease}.table-row:hover{background:var(--color-muted)}.font-medium{font-weight:500}.text-center{text-align:center}.action-buttons{display:flex;gap:6px;justify-content:center}.action-btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s ease}.action-btn:hover{transform:translateY(-2px)}.action-btn-edit{background:var(--color-info);color:var(--color-info-foreground)}.action-btn-password{background:var(--color-warning);color:var(--color-warning-foreground)}.action-btn-deactivate{background:var(--color-destructive);color:var(--color-destructive-foreground)}.action-btn-activate{background:var(--color-success);color:var(--color-success-foreground)}.action-btn-delete{background:var(--color-destructive);color:var(--color-destructive-foreground)}.empty-state{color:var(--color-muted-foreground);padding:60px;text-align:center}.empty-icon{display:block;font-size:48px;margin-bottom:12px}.pagination{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:16px;justify-content:center;margin-top:24px;padding-top:16px}.pagination-info{font-size:14px}.pagination-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--color-muted);transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.modal-body{display:flex;flex-direction:column;gap:12px;padding:24px}.modal-hint{color:var(--color-muted-foreground);font-size:13px;margin-bottom:12px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:8px}.checkbox-label input{height:16px;width:16px}.modal-footer{border-top:1px solid var(--color-border);gap:12px;padding:16px 24px}.spin{animation:spin .8s linear infinite}@media (max-width:1024px){.user-management-container{padding:20px}.data-table th{font-size:11px}.data-table td,.data-table th{padding:12px 14px}}@media (max-width:768px){.user-management-container{padding:16px}.user-filter-card.card{padding:10px}.user-filter-card .filter-section{align-items:stretch;flex-direction:column;gap:8px}.user-filter-card .filter-action-btn,.user-filter-card .form-select,.user-filter-card .search-wrapper{min-width:0;width:100%}.pagination{align-items:center;flex-direction:column;gap:12px}.data-table thead{display:none}.data-table tbody{display:flex;flex-direction:column;gap:24px}.data-table tbody tr{background:#fff;border:3px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 16px #0000001f;display:flex;flex-direction:column;overflow:hidden;padding:0}.data-table tbody td:nth-child(2){align-items:flex-start;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-bottom:3px solid #e5e7eb;display:flex;flex-direction:column;padding:24px}.data-table tbody td:nth-child(2):before{color:#ffffffe6;content:"USER NAME";font-size:13px;font-weight:800;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.data-table tbody td:nth-child(2) .font-medium{color:#fff;font-size:24px;font-weight:800;line-height:1.3}.data-table tbody td:nth-child(3),.data-table tbody td:nth-child(4),.data-table tbody td:nth-child(5),.data-table tbody td:nth-child(6){align-items:flex-start;background:#fff;border-bottom:2px solid #f3f4f6;display:flex;flex-direction:column;padding:20px 24px}.data-table tbody td:nth-child(6){border-bottom:none}.data-table tbody td:nth-child(3):before{color:#4b5563;content:"EMAIL";font-size:13px;font-weight:800;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.data-table tbody td:nth-child(3){color:#1f2937;font-size:16px;font-weight:500}.data-table tbody td:nth-child(4):before{content:"ROLE"}.data-table tbody td:nth-child(4):before,.data-table tbody td:nth-child(5):before{color:#4b5563;font-size:13px;font-weight:800;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.data-table tbody td:nth-child(5):before{content:"PHONE"}.data-table tbody td:nth-child(5){color:#1f2937;font-size:16px;font-weight:500}.data-table tbody td:nth-child(6):before{color:#4b5563;content:"STATUS";font-size:13px;font-weight:800;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.data-table tbody td:last-child{background:#f8fafc;border-top:3px solid #e5e7eb;padding:20px 24px}.data-table tbody td:last-child:before{color:#4b5563;content:"ACTIONS";display:block;font-size:13px;font-weight:800;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.data-table tbody td:last-child .action-buttons{flex-wrap:wrap;gap:16px;justify-content:center}.action-btn{border-radius:12px;font-size:15px;font-weight:600;min-height:48px;min-width:48px;padding:12px 20px}.data-table tbody td:first-child{display:none}}@media (max-width:480px){.user-filter-card.card,.user-management-container{padding:12px}.user-filter-card .filter-section{gap:10px}.user-filter-card .search-wrapper{height:40px}.user-filter-card .form-select,.user-filter-card .search-input{font-size:14px;height:40px}.user-filter-card .filter-action-btn{height:40px}.data-table tbody{gap:16px}.data-table tbody tr{border-radius:14px}.data-table tbody td:nth-child(2){padding:16px}.data-table tbody td:nth-child(2):before{font-size:11px;margin-right:12px}.data-table tbody td:nth-child(2) .font-medium{font-size:18px}.data-table tbody td:nth-child(3),.data-table tbody td:nth-child(4),.data-table tbody td:nth-child(5),.data-table tbody td:nth-child(6){padding:14px 16px}.data-table tbody td:nth-child(3):before,.data-table tbody td:nth-child(4):before,.data-table tbody td:nth-child(5):before,.data-table tbody td:nth-child(6):before{font-size:11px;margin-right:12px}.data-table tbody td:last-child{padding:14px 16px}.data-table tbody td:last-child:before{font-size:11px;margin-right:12px}.data-table tbody td:last-child .action-buttons{gap:10px}.action-btn{font-size:13px;min-height:40px;min-width:40px;padding:8px 14px}.pagination{gap:12px;padding:12px}.pagination-info{font-size:12px}.pagination-btn{font-size:13px;padding:8px 14px}.empty-state{padding:36px 16px}.empty-icon{font-size:40px}.modal-body{padding:16px}.modal-hint{font-size:12px}.checkbox-label{font-size:13px}.modal-footer{gap:8px;padding:12px 16px}}@media (max-width:320px){.user-management-container{padding:10px}.user-filter-card.card{padding:8px}.user-filter-card .filter-section{gap:6px}.user-filter-card .form-group label{font-size:11px}.user-filter-card .form-select{font-size:12px;height:36px;min-width:120px;padding:0 8px}.user-filter-card .search-wrapper{height:36px}.user-filter-card .search-input{font-size:12px;height:36px;padding:0 10px 0 32px!important}.user-filter-card .filter-action-btn{height:36px}.data-table tbody{gap:14px}.data-table tbody tr{border-radius:12px}.data-table tbody td:nth-child(2){padding:14px}.data-table tbody td:nth-child(2):before{font-size:10px;margin-right:10px}.data-table tbody td:nth-child(2) .font-medium{font-size:16px}.data-table tbody td:nth-child(3),.data-table tbody td:nth-child(4),.data-table tbody td:nth-child(5),.data-table tbody td:nth-child(6){padding:12px 14px}.data-table tbody td:nth-child(3):before,.data-table tbody td:nth-child(4):before,.data-table tbody td:nth-child(5):before,.data-table tbody td:nth-child(6):before{font-size:10px;margin-right:10px}.data-table tbody td:last-child{padding:12px 14px}.data-table tbody td:last-child:before{font-size:10px;margin-right:10px}.data-table tbody td:last-child .action-buttons{gap:8px}.action-btn{font-size:12px;min-height:36px;min-width:36px;padding:6px 12px}.pagination{gap:10px;padding:10px}.pagination-info{font-size:11px}.pagination-btn{font-size:12px;padding:6px 12px}.empty-state{padding:32px 12px}.empty-icon{font-size:36px}.modal-body{padding:14px}.modal-hint{font-size:11px}.checkbox-label{font-size:12px}.modal-footer{gap:6px;padding:10px 14px}}.dark .data-table th,.dark .table-row:hover{background:var(--color-muted)}.dark .pagination-btn{background:var(--color-card);border-color:var(--color-border)}.user-management-container .user-filter-card.compact-filter-card.card,.user-management-container .user-filter-card.compact-filter-card.card.card--padding-none{height:auto!important;margin-bottom:14px!important;max-height:92px!important;min-height:0!important;overflow:visible!important;padding:10px 12px!important}.user-management-container .user-filter-card.compact-filter-card>.filter-section{align-content:flex-start!important;align-items:flex-end!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;height:auto!important;justify-content:flex-start!important;margin:0!important;max-height:68px!important;min-height:0!important;padding:0!important}.user-management-container .user-filter-card.compact-filter-card .form-group{flex:0 0 180px!important;gap:4px!important;max-width:220px!important;min-width:160px!important}.user-management-container .user-filter-card.compact-filter-card .form-group:has(.search-wrapper){flex:0 1 280px!important;max-width:300px!important}.user-management-container .user-filter-card.compact-filter-card :where(.form-select,.search-input,.search-wrapper,button,.btn,.filter-action-btn){font-size:12px!important;height:34px!important;min-height:34px!important}@media (max-width:767px){.user-management-container .user-filter-card.compact-filter-card.card,.user-management-container .user-filter-card.compact-filter-card.card.card--padding-none,.user-management-container .user-filter-card.compact-filter-card>.filter-section{max-height:none!important}}.user-management-container .user-filter-card.compact-filter-card.card{max-height:none!important;padding:14px!important}.user-management-container .user-filter-card.compact-filter-card>.filter-section{grid-gap:12px!important;align-items:end!important;display:grid!important;gap:12px!important;grid-template-columns:minmax(300px,1fr) minmax(160px,190px) minmax(160px,190px) 92px 140px!important;max-height:none!important}.user-management-container .user-filter-card.compact-filter-card .form-group{gap:6px!important;max-width:none!important;min-width:0!important}.user-management-container .user-filter-card.compact-filter-card .form-group label{color:#0f172a!important;font-size:12px!important;font-weight:800!important;letter-spacing:0!important}.user-management-container .user-filter-card.compact-filter-card :where(.form-select,.search-input,.search-wrapper,button,.btn,.filter-action-btn){font-size:14px!important;height:42px!important;min-height:42px!important;width:100%!important}.user-management-container .user-filter-card.compact-filter-card :where(button,.btn,.filter-action-btn){padding:0 12px!important;white-space:nowrap!important}@media (max-width:1150px){.user-management-container .user-filter-card.compact-filter-card>.filter-section{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:767px){.user-management-container .user-filter-card.compact-filter-card>.filter-section{grid-template-columns:1fr!important}}.session-timeout-overlay{animation:sessionFadeIn .18s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a94;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:9999}.session-timeout-dialog{animation:sessionSlideUp .22s ease-out;background:#fff;background:var(--color-card,#fff);border:1px solid #94a3b847;border:1px solid var(--color-border,#94a3b847);border-radius:8px;box-shadow:0 24px 80px #0f172a3d;color:#0f172a;color:var(--color-foreground,#0f172a);padding:28px;width:min(440px,100%)}.session-timeout-icon{background:#fffbeb;border-radius:8px;color:#b45309;display:grid;height:56px;margin-bottom:18px;place-items:center;width:56px}.session-timeout-content h2{font-size:21px;letter-spacing:0;line-height:1.25;margin:0 0 8px}.session-timeout-content p{color:#64748b;color:var(--color-muted-foreground,#64748b);font-size:14px;line-height:1.55;margin:0}.session-timeout-countdown{font-feature-settings:"tnum";align-items:center;color:#0f172a;color:var(--color-foreground,#0f172a);display:flex;font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;gap:8px;margin-top:18px}.session-timeout-progress{background:#e2e8f0;background:var(--color-muted,#e2e8f0);border-radius:999px;height:8px;margin-top:14px;overflow:hidden}.session-timeout-progress span{background:linear-gradient(90deg,#f59e0b,#dc2626);border-radius:inherit;display:block;height:100%;transition:width .25s linear}.session-timeout-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.session-timeout-actions button{border:1px solid #0000;border-radius:8px;cursor:pointer;font-weight:700;min-height:40px;padding:0 16px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.session-timeout-actions button:active{transform:translateY(1px)}.session-timeout-primary{background:#2563eb;box-shadow:0 10px 24px #2563eb40;color:#fff}.session-timeout-secondary{align-items:center;background:#0000;border-color:#cbd5e1!important;border-color:var(--color-border,#cbd5e1)!important;color:#475569;color:var(--color-muted-foreground,#475569);display:inline-flex;gap:8px}@media (prefers-color-scheme:dark){.session-timeout-dialog{background:#111827;background:var(--color-card,#111827);border-color:#94a3b833;color:#f8fafc;color:var(--color-foreground,#f8fafc)}.session-timeout-icon{background:#fbbf241f;color:#fbbf24}.session-timeout-progress{background:#94a3b82e}}@media (max-width:480px){.session-timeout-dialog{padding:22px}.session-timeout-actions{flex-direction:column-reverse}.session-timeout-actions button{width:100%}}@keyframes sessionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sessionSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--color-background:#f6f8fb;--color-foreground:#142033;--color-card:#fff;--color-card-foreground:#142033;--color-popover:#fff;--color-popover-foreground:#142033;--color-primary:#0f7a4f;--color-primary-dark:#0b5f3e;--color-primary-light:#0f7a4f24;--color-primary-pale:#eaf7f0;--color-primary-foreground:#fff;--color-secondary:#2563eb;--color-secondary-dark:#1d4ed8;--color-secondary-light:#2563eb1f;--color-secondary-foreground:#fff;--color-muted:#eef3f8;--color-muted-foreground:#66758a;--color-accent:#2563eb;--color-accent-foreground:#fff;--color-success:#0f9f6e;--color-success-dark:#08784f;--color-success-light:#e7f7ef;--color-success-foreground:#fff;--color-warning:#d98b0b;--color-warning-dark:#9f6206;--color-warning-light:#fff4db;--color-warning-foreground:#fff;--color-destructive:#dc2626;--color-destructive-dark:#991b1b;--color-destructive-light:#fee8e8;--color-destructive-foreground:#fff;--color-info:#2563eb;--color-info-dark:#1e40af;--color-info-light:#e8f0ff;--color-info-foreground:#fff;--color-border:#dbe4ee;--color-border-soft:#edf2f7;--color-input:#dbe4ee;--color-ring:#0f7a4f;--color-overlay:#0f172a8f;--shadow-xs:0 1px 1px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--shadow-md:0 4px 16px #0f172a14,0 2px 6px #0f172a0d;--shadow-lg:0 10px 32px #0f172a1c,0 4px 12px #0f172a0f;--shadow-xl:0 20px 52px #0f172a24,0 8px 20px #0f172a14;--shadow-2xl:0 28px 70px #0f172a2e;--gradient-primary:linear-gradient(135deg,#0f7a4f,#12956a);--gradient-secondary:linear-gradient(135deg,#2563eb,#1d4ed8);--surface-gradient:linear-gradient(180deg,#fff,#fbfdff);--sidebar-bg:#0b2f1c;--sidebar-bg-2:#0e3b23;--sidebar-border:#ffffff1a;--sidebar-width:240px;--topbar-height:60px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--content-gap:16px;--card-pad:16px;--card-pad-sm:12px;--control-height:38px;--stat-card-height:104px;--section-max:1560px;--t-fast:120ms ease;--t-base:160ms ease;--t-slow:240ms cubic-bezier(.4,0,.2,1);color-scheme:light}.dark{--color-background:#111827;--color-foreground:#eef2f7;--color-card:#182233;--color-card-foreground:#eef2f7;--color-popover:#182233;--color-popover-foreground:#eef2f7;--color-primary:#42c987;--color-primary-dark:#22a86a;--color-primary-light:#42c9872e;--color-primary-pale:#42c9871f;--color-primary-foreground:#07140d;--color-secondary:#6ea8ff;--color-secondary-dark:#3b82f6;--color-secondary-light:#6ea8ff29;--color-muted:#202b3d;--color-muted-foreground:#a8b3c5;--color-success:#42c987;--color-success-dark:#8de5b9;--color-success-light:#42c98729;--color-warning:#f5b849;--color-warning-dark:#ffd38a;--color-warning-light:#f5b84929;--color-destructive:#f87171;--color-destructive-dark:#fecaca;--color-destructive-light:#f8717129;--color-info:#6ea8ff;--color-info-dark:#bfdbfe;--color-info-light:#6ea8ff29;--color-border:#2b384c;--color-border-soft:#243246;--color-input:#334155;--color-overlay:#020617b8;--surface-gradient:linear-gradient(180deg,#182233,#151f2f);--sidebar-bg:#0c151f;--sidebar-bg-2:#132131;--sidebar-border:#ffffff14;--shadow-xs:0 1px 1px #00000047;--shadow-sm:0 2px 8px #00000047;--shadow-md:0 8px 24px #00000057;--shadow-lg:0 16px 44px #0000006b;--shadow-xl:0 24px 64px #0000007a;color-scheme:dark}*,:after,:before{min-width:0}html{background:#f6f8fb;background:var(--color-background);min-width:320px}body,html{overflow-x:hidden}body{-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left,#0f7a4f14,#0000 34rem),linear-gradient(180deg,#f6f8fb,#eef3f8);background:radial-gradient(circle at top left,#0f7a4f14,#0000 34rem),linear-gradient(180deg,var(--color-background) 0,#eef3f8 100%);color:#142033;color:var(--color-foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;margin:0}.dark body,body.dark{background:radial-gradient(circle at top left,#42c98714,#0000 34rem),#f6f8fb;background:radial-gradient(circle at top left,#42c98714,#0000 34rem),var(--color-background)}audio,canvas,embed,iframe,img,object,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6{color:#142033;color:var(--color-foreground);letter-spacing:0;line-height:1.2}p{color:inherit}a{color:#0f7a4f;color:var(--color-primary)}.content-area,.main-layout{background:#0000}.content-area{margin-top:60px;margin-top:var(--topbar-height);margin-inline:auto;max-width:1560px;max-width:var(--section-max);padding:clamp(12px,2.1vw,28px);width:100%}.main-content{min-width:0}.sidebar{background:#0b2f1c;background:var(--sidebar-bg);border-right:1px solid #ffffff1a;border-right:1px solid var(--sidebar-border);box-shadow:8px 0 30px #02061729;transition:transform .24s cubic-bezier(.4,0,.2,1),width .24s cubic-bezier(.4,0,.2,1);transition:transform var(--t-slow),width var(--t-slow);width:240px;width:var(--sidebar-width)}.sidebar-footer,.sidebar-header{background:#0e3b23;background:var(--sidebar-bg-2);border-color:#ffffff1a;border-color:var(--sidebar-border)}.sidebar-nav{padding:12px 10px}.sidebar-nav-item{align-items:center;border-radius:8px;border-radius:var(--radius-md);color:#ffffffd6;display:flex;font-size:12.5px;font-weight:500;gap:8px;min-height:36px;padding:8px 10px;text-decoration:none;transition:background .16s ease,color .16s ease,transform .16s ease;transition:background var(--t-base),color var(--t-base),transform var(--t-base)}.sidebar-nav-item--active,.sidebar-nav-item:hover{background:#ffffff21;border-color:#ffffff29;color:#fff;transform:translateX(2px)}.sidebar-logo{font-size:17px;font-weight:800}.sidebar-user-info{padding:8px}.topbar{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);background:#0b2f1ce0;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 24px #02061724;display:flex;gap:12px;height:60px;height:var(--topbar-height);left:0;padding:0 clamp(12px,2vw,24px);position:fixed;right:0;top:0;z-index:100}.dark .topbar{background:#0c151feb}.topbar-title{color:#fff;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions,.topbar-left,.topbar-right{align-items:center;display:flex;gap:8px}.topbar-left{flex:1 1;min-width:0}.accountant-dashboard,.admin-dashboard,.attendance-report-container,.comments-container,.create-request-container,.credit-report-container,.dashboard-container,.district-management,.district-shell,.employee-form-container,.employees-shell,.et-shell,.page-content,.payroll-shell,.profile-container,.reports-container,.reports-shell,.request-management,.request-shell,.sa-shell,.salary-calculator-container,.sector-management,.sector-shell,.settings-container,.settings-shell,.shop-report-container,.shopkeeper-dashboard,.stock-management,.stock-shell,.storekeeper-dashboard,.superadmin-dashboard,.superadmin-employees,.um-shell,.users-page,.users-shell{display:flex;flex-direction:column;gap:16px;gap:var(--content-gap);max-width:100%;width:100%}[class$=-container],[class$=-dashboard],[class$=-page]{min-width:0}.admin-header,.dashboard-header,.district-header,.employees-header,.et-header,.form-header,.management-header,.page-header,.payroll-header,.profile-header,.report-header,.reports-header,.request-header,.sa-header,.section-header,.sector-header,.settings-header,.stock-header,.um-header,.users-header{align-items:flex-start;color:#142033;color:var(--color-foreground);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin:0 0 2px;padding:0}.page-header-title,.salary-calculator-title,h1{font-size:clamp(1.35rem,1.1rem + .7vw,1.9rem);font-weight:800;line-height:1.15;margin:0}h2{font-size:clamp(1.15rem,1rem + .45vw,1.45rem)}.card-title,.section-title,.sector-title,h3{font-size:15px;font-weight:800}.card-description,.description,.page-header-subtitle,.subtitle{color:#66758a;color:var(--color-muted-foreground);font-size:13px;line-height:1.55;margin:4px 0 0;max-width:72ch}.card,.comment-card,.credit-card,.data-table-wrapper,.deduction-card,.district-card,.employee-card,.et-card,.et-modal-section,.et-stat-card,.filter-box,.filter-card,.filter-section,.filters-card,.insights-card,.loan-card,.notification-card,.payroll-card,.position-card,.product-card,.profile-card,.quick-action-card,.report-card,.request-card,.sa-card,.salary-calculator-details-card,.salary-calculator-employee-list,.salary-calculator-filter-card,.sector-card,.sector-group,.settings-card,.stat-card,.stock-card,.table-container,.table-wrapper,.tool-card,.transactions-card,.um-card,.user-card{background:linear-gradient(180deg,#fff,#fbfdff);background:var(--surface-gradient);border:1px solid #dbe4ee;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;box-shadow:var(--shadow-sm);color:#142033;color:var(--color-card-foreground)}.card,.comment-card,.credit-card,.district-card,.employee-card,.et-card,.et-stat-card,.insights-card,.loan-card,.product-card,.profile-card,.quick-action-card,.report-card,.request-card,.sector-card,.sector-group,.settings-card,.stat-card,.stock-card,.transactions-card,.user-card{overflow:hidden}@media (hover:hover){.card:hover,.credit-card:hover,.district-card:hover,.employee-card:hover,.et-stat-card:hover,.loan-card:hover,.product-card:hover,.quick-action-card:hover,.request-card:hover,.sector-card:hover,.stat-card:hover,.stock-card:hover,.user-card:hover{border-color:#0f7a4f47;box-shadow:0 4px 16px #0f172a14,0 2px 6px #0f172a0d;box-shadow:var(--shadow-md);transform:translateY(-1px);transition:box-shadow .24s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.4,0,.2,1),border-color .16s ease;transition:box-shadow var(--t-slow),transform var(--t-slow),border-color var(--t-base)}}.card-content,.comment-card,.credit-card,.district-card,.employee-card,.et-card,.loan-card,.payroll-card,.product-card,.profile-card,.report-card,.request-card,.sa-card,.salary-calculator-details-card,.salary-calculator-employee-list,.sector-card,.sector-group,.settings-card,.stock-card,.um-card,.user-card{min-height:0;padding:16px;padding:var(--card-pad)}.data-table-wrapper,.table-container,.table-wrapper,.transactions-card{padding:0}.card-header,.data-table-header,.et-card-header,.modal-header,.section-title-row,.table-header-section{align-items:center;background:linear-gradient(180deg,#eef3f8,#0000);background:linear-gradient(180deg,var(--color-muted) 0,#0000 100%);border-bottom:1px solid #dbe4ee;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;min-height:52px;padding:14px 16px}.cards-grid,.dashboard-grid,.district-stats,.employee-stats,.et-stats,.insights-grid,.metrics-grid,.payroll-stats,.quick-actions-grid,.reports-stats,.request-stats,.sa-stats,.sector-stats,.settings-stats,.stats-grid,.stock-stats,.summary-grid,.um-stats,.user-stats{grid-gap:14px;align-items:stretch;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.district-stat-card,.employee-stat-card,.et-stat-card,.insight-item,.payroll-stat-card,.reports-stat-card,.request-stat-card,.sa-stat-card,.sector-stat-card,.settings-stat-card,.stat-card:not(.stats-grid .stat-card),.stock-stat-card,.um-stat-card,.user-stat-card{align-items:center;display:flex;gap:14px;height:100%;min-height:104px;min-height:var(--stat-card-height);padding:14px 16px}.et-stat-meta,.insight-content,.stat-card-body,.stat-card-content:not(.stats-grid .stat-card-content),.stat-content{display:flex;flex:1 1;flex-direction:column;gap:3px;justify-content:center;min-width:0}.et-stat-value,.insight-value,.metric-value,.sa-stat-value,.stat-card-value:not(.stats-grid .stat-card-value),.stat-value:not(.stats-grid .stat-card-value),.um-stat-value{color:#142033;color:var(--color-foreground);font-size:clamp(1.35rem,1rem + 1vw,1.85rem);font-weight:800;line-height:1.05;overflow-wrap:anywhere;white-space:normal}.et-stat-label,.insight-label,.metric-label,.sa-stat-label,.stat-card-title:not(.stats-grid .stat-card-title),.stat-label:not(.stats-grid .stat-card-title),.um-stat-label{color:#66758a;color:var(--color-muted-foreground);font-size:12px;font-weight:700;line-height:1.3;margin:0}.et-stat-icon,.insight-icon,.quick-action-icon,.sa-stat-icon,.stat-icon,.um-stat-icon{align-items:center;background:#0f7a4f24;background:var(--color-primary-light);border-radius:8px;border-radius:var(--radius-md);color:#0f7a4f;color:var(--color-primary);display:inline-flex;flex-shrink:0;height:42px;justify-content:center;min-width:42px;padding:9px;width:42px}.et-stat-icon svg,.insight-icon svg,.quick-action-icon svg,.sa-stat-icon svg,.stat-icon svg,.um-stat-icon svg{height:20px;width:20px}.et-stat-icon--primary,.stat-card-primary .stat-icon,.stat-card-success .stat-icon{background:#e7f7ef;background:var(--color-success-light);color:#0f9f6e;color:var(--color-success)}.stat-card-orange .stat-icon,.stat-card-warning .stat-icon{background:#fff4db;background:var(--color-warning-light);color:#d98b0b;color:var(--color-warning)}.stat-card-danger .stat-icon{background:#fee8e8;background:var(--color-destructive-light);color:#dc2626;color:var(--color-destructive)}.credits-grid,.deductions-grid,.districts-grid,.employee-grid,.et-grid,.loans-grid,.payroll-grid,.positions-grid,.products-grid,.reports-grid,.request-grid,.requests-grid,.sa-grid,.salary-calculator-grid,.sectors-grid,.settings-grid,.stock-grid,.um-grid,.users-grid{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.actions-toolbar,.controls-panel,.district-filters,.employee-filters,.et-filters,.filter-box,.filter-card,.filter-section,.filters-card,.filters-panel,.payroll-filters,.reports-filters,.request-filters,.sa-filters,.salary-calculator-filter-card,.sector-filters,.settings-filters,.stock-filters,.toolbar,.um-filters,.user-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;padding:14px}.action-row,.data-table-actions,.filter-row,.filters-row,.form-row,.page-header-actions,.search-filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px}.filter-group,.form-group{display:flex;flex-direction:column;gap:6px;min-width:min(100%,220px)}.search-wrapper{flex:1 1 260px;max-width:420px;position:relative}.search-icon{color:#66758a;color:var(--color-muted-foreground)}.editable-field,.form-input,.form-select,.input,.search-input,input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background:#fff;background:var(--color-card);border:1px solid #dbe4ee;border:1px solid var(--color-input);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 1px #0f172a0a;box-shadow:var(--shadow-xs);color:#142033;color:var(--color-foreground);font-size:13px;line-height:1.35;min-height:38px;min-height:var(--control-height);outline:none;padding:9px 12px;transition:border-color .16s ease,box-shadow .16s ease;transition:border-color var(--t-base),box-shadow var(--t-base);width:100%}textarea{min-height:96px;resize:vertical}.editable-field:focus,.form-input:focus,.form-select:focus,.input:focus,.search-input:focus,input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus{border-color:#0f7a4f;border-color:var(--color-primary);box-shadow:0 0 0 3px #0f7a4f24,0 1px 1px #0f172a0a;box-shadow:0 0 0 3px var(--color-primary-light),var(--shadow-xs)}.form-label,.input-label,label{color:#142033;color:var(--color-foreground);font-size:12.5px;font-weight:700;line-height:1.25;margin-bottom:0}.action-btn,.btn,.cancel-btn,.dashboard-button,.delete-btn,.edit-btn,.export-btn,.filter-btn,.pagination-btn,.quick-action-btn,.refresh-btn,.save-btn,.submit-btn,.view-all-btn,.view-btn,button[class*=btn]{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 1px #0f172a0a;box-shadow:var(--shadow-xs);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;justify-content:center;line-height:1.2;min-height:38px;min-height:var(--control-height);padding:8px 14px;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .24s cubic-bezier(.4,0,.2,1),transform .16s ease,opacity .12s ease;transition:background var(--t-base),color var(--t-base),border-color var(--t-base),box-shadow var(--t-slow),transform var(--t-base),opacity var(--t-fast);white-space:nowrap}.btn--primary,.export-btn,.filter-btn,.primary-btn,.quick-action-btn,.refresh-btn,.save-btn,.submit-btn,button.primary{background:linear-gradient(135deg,#0f7a4f,#12956a);background:var(--gradient-primary);border-color:#0000;color:#fff;color:var(--color-primary-foreground)}.btn--secondary,.cancel-btn,.pagination-btn,.view-all-btn,.view-btn{background:#fff;background:var(--color-card);border-color:#dbe4ee;border-color:var(--color-border);color:#142033;color:var(--color-foreground)}.btn--danger,.danger-btn,.delete-btn{background:#dc2626;background:var(--color-destructive);border-color:#0000;color:#fff;color:var(--color-destructive-foreground)}@media (hover:hover){.btn:hover:not(:disabled),button[class*=btn]:hover:not(:disabled){box-shadow:0 4px 16px #0f172a14,0 2px 6px #0f172a0d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--primary:hover:not(:disabled),.save-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0b5f3e,#0f7a4f)}.btn--secondary:hover:not(:disabled),.cancel-btn:hover:not(:disabled){background:#eef3f8;background:var(--color-muted)}.btn--danger:hover:not(:disabled){background:#991b1b;background:var(--color-destructive-dark)}}.btn:active:not(:disabled),button[class*=btn]:active:not(:disabled){box-shadow:0 1px 1px #0f172a0a;box-shadow:var(--shadow-xs);transform:translateY(0)}.btn--disabled,button:disabled{cursor:not-allowed;opacity:.52;pointer-events:none}.btn:focus-visible,button:focus-visible{outline:2px solid #0f7a4f;outline:2px solid var(--color-ring);outline-offset:2px}.btn--icon,.icon-btn{min-width:38px;min-width:var(--control-height);padding:8px;width:38px;width:var(--control-height)}.btn--small{font-size:12px;min-height:32px;padding:5px 10px}.btn--large{font-size:14px;min-height:44px;padding:10px 18px}.badge,.pill,.role-badge,.status,.status-badge,.tab.active{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:700;gap:5px;justify-content:center;line-height:1.2;min-height:22px;padding:3px 9px;white-space:nowrap}.approved,.badge--success,.present,.status-active,.status-success{background:#e7f7ef;background:var(--color-success-light);border-color:#0f9f6e33;color:#08784f;color:var(--color-success-dark)}.badge--warning,.late,.pending,.permission,.status-warning{background:#fff4db;background:var(--color-warning-light);border-color:#d98b0b33;color:#9f6206;color:var(--color-warning-dark)}.absent,.badge--danger,.rejected,.status-danger,.status-inactive{background:#fee8e8;background:var(--color-destructive-light);border-color:#dc262626;color:#991b1b;color:var(--color-destructive-dark)}.badge--info,.badge--secondary,.status-info{background:#e8f0ff;background:var(--color-info-light);border-color:#2563eb26;color:#1e40af;color:var(--color-info-dark)}.credits-table,.data-table-wrapper,.districts-table,.employees-table,.et-table,.payroll-table,.products-table,.reports-table,.request-table,.sa-table,.sectors-table,.settings-table,.stock-table,.table-container,.table-wrapper,.um-table,.users-table{border-radius:10px;border-radius:var(--radius-lg);overflow:hidden}.data-table-container,.table-container,.table-wrapper{background-attachment:local,local,scroll,scroll;background-color:#fff;background-color:var(--color-card);background-image:linear-gradient(90deg,#fff 30%,#0000),linear-gradient(270deg,#fff 30%,#0000),linear-gradient(90deg,#0000000f,#0000 30%),linear-gradient(270deg,#0000000f,#0000 30%);background-image:linear-gradient(to right,var(--color-card) 30%,#0000),linear-gradient(to left,var(--color-card) 30%,#0000),linear-gradient(to right,#0000000f,#0000 30%),linear-gradient(to left,#0000000f,#0000 30%);background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;overflow-x:auto}.data-table,.table,table{border-collapse:initial;border-spacing:0;color:#142033;color:var(--color-foreground);font-size:13px;width:100%}.data-table td,.data-table th,.table td,.table th,table td,table th{border-bottom:1px solid #edf2f7;border-bottom:1px solid var(--color-border-soft);padding:10px 12px;vertical-align:middle}.data-table th,.table th,table th{background:#eef3f8;background:var(--color-muted);color:#66758a;color:var(--color-muted-foreground);font-size:11px;font-weight:800;height:42px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.data-table td,.table td,table td{color:#142033;color:var(--color-foreground);font-size:13px;font-weight:500;height:44px;line-height:1.35}.data-table tbody tr,.table tbody tr,table tbody tr{background:#fff;background:var(--color-card);transition:background .12s ease;transition:background var(--t-fast)}.data-table tbody tr:hover,.table tbody tr:hover,table tbody tr:hover{background:#eef3f8;background:var(--color-muted)}.data-table tbody tr:last-child td,table tbody tr:last-child td{border-bottom:none}.amount-cell,.credit-amount,.currency,.price-cell,.salary,.total-cell,td[style*=right]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.data-table-empty,.data-table-loading,.empty-state,.et-empty,.et-empty-state,.sa-empty,.sa-empty-state,.table-empty,.table-loading,.um-empty,.um-empty-state{align-items:center;color:#66758a;color:var(--color-muted-foreground);display:flex;flex-direction:column;font-size:13px;gap:8px;justify-content:center;min-height:132px;padding:28px 18px;text-align:center}.data-table-empty-icon,.empty-icon,.table-empty-icon{font-size:34px;opacity:.5}.data-table-pagination,.pagination,.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:14px 0}.pagination-info{color:#66758a;color:var(--color-muted-foreground);font-size:12.5px}.tabs{border-bottom:1px solid #dbe4ee;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:6px;padding-bottom:8px}.tab{background:#0000;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md);color:#66758a;color:var(--color-muted-foreground);cursor:pointer;font-size:13px;font-weight:600;min-height:36px;padding:8px 12px;transition:color .16s ease,background .16s ease,border-color .16s ease;transition:color var(--t-base),background var(--t-base),border-color var(--t-base)}.tab:hover{background:#eef3f8;background:var(--color-muted);color:#142033;color:var(--color-foreground)}.tab.active{background:#eaf7f0;background:var(--color-primary-pale);border-color:#0f7a4f24;border-color:var(--color-primary-light);color:#0f7a4f;color:var(--color-primary)}.alert,[role=alert]{align-items:center;border:1px solid #dbe4ee;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;box-shadow:var(--shadow-sm);display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 16px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8f;background:var(--color-overlay);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:200}.dialog-content,.modal{background:#fff;background:var(--color-card);border:1px solid #dbe4ee;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-xl);box-shadow:0 28px 70px #0f172a2e;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:calc(100vh - 32px);overflow-y:auto;width:min(760px,calc(100vw - 32px))}.modal--small{width:min(420px,calc(100vw - 32px))}.modal--large{width:min(920px,calc(100vw - 32px))}.modal-body,.modal-content{flex:1 1;padding:18px}.modal-header{align-items:center;background:linear-gradient(180deg,#eef3f8,#0000);background:linear-gradient(180deg,var(--color-muted) 0,#0000 100%);border-bottom:1px solid #dbe4ee;border-bottom:1px solid var(--color-border);display:flex;gap:12px;justify-content:space-between;min-height:56px;padding:14px 18px}.modal-header h2,.modal-header h3,.modal-title{font-size:17px;font-weight:800;line-height:1.25;margin:0}.modal-footer{align-items:center;border-top:1px solid #edf2f7;border-top:1px solid var(--color-border-soft);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:14px 18px}.avatar,.card-avatar,.employee-avatar,.et-avatar,.sa-avatar,.um-avatar,.user-avatar{align-items:center;background:#0f7a4f24;background:var(--color-primary-light);border:1px solid #dbe4ee;border:1px solid var(--color-border);border-radius:50%;color:#0f7a4f;color:var(--color-primary);display:flex;flex-shrink:0;justify-content:center;overflow:hidden}.employee-avatar,.et-avatar,.sa-avatar,.um-avatar,.user-avatar{height:42px;width:42px}.profile-avatar{height:30px;width:30px}.profile-menu-avatar{height:48px;width:48px}.avatar img,.card-avatar img,.employee-avatar img,.et-avatar img,.profile-avatar img,.sa-avatar img,.um-avatar img,.user-avatar img{display:block;height:100%;object-fit:cover;width:100%}.profile-menu{background:#fff;background:var(--color-card);border:1px solid #dbe4ee;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-xl);box-shadow:0 20px 52px #0f172a24,0 8px 20px #0f172a14;box-shadow:var(--shadow-xl);width:min(320px,calc(100vw - 24px))}.profile-menu-header{padding:16px}.profile-menu-item{border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:13px;margin:0 6px;padding:10px 12px;transition:background .16s ease;transition:background var(--t-base)}.profile-menu-item:hover{background:#eef3f8;background:var(--color-muted)}.date-display,.profile-trigger{min-height:36px}.profile-name{font-size:12.5px;font-weight:600}.profile-role{color:#66758a;color:var(--color-muted-foreground);font-size:9.5px}.data-table-loading-spinner,.loading-spinner,.spinner{animation:spin .7s linear infinite;border-color:#eef3f8;border-color:var(--color-muted);border-radius:50%;border-style:solid;border-top-color:#0f7a4f;border-top-color:var(--color-primary)}@keyframes spin{to{transform:rotate(1turn)}}.quick-action-card{grid-gap:8px;align-content:start;display:grid;gap:8px;grid-template-rows:auto auto 1fr auto;min-height:136px;padding:16px}.quick-action-title{font-size:14px;font-weight:800;margin:0}.quick-action-desc{color:#66758a;color:var(--color-muted-foreground);font-size:12.5px;line-height:1.45;margin:0}.login-card{border-radius:20px;box-shadow:0 24px 60px #0f172a24}.login-header h2{font-size:clamp(1.45rem,1.2rem + .6vw,1.9rem)}.login-button{min-height:48px;width:100%}.bulk-actions,.card-actions,.footer-actions,.form-actions,.modal-footer,.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}@media (min-width:1280px){.content-area{padding:22px 28px 28px}.main-content--with-sidebar{margin-left:240px;margin-left:var(--sidebar-width)}.topbar{left:240px;left:var(--sidebar-width)}.sidebar{width:240px;width:var(--sidebar-width)}}@media (min-width:1600px){.content-area{padding:26px 36px 36px}.cards-grid,.dashboard-grid,.et-stats,.insights-grid,.metrics-grid,.quick-actions-grid,.stats-grid,.summary-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}@media (max-width:1023px){:root{--content-gap:14px;--card-pad:14px;--stat-card-height:98px;--topbar-height:56px}.main-content--with-sidebar{margin-left:0}.topbar{left:0}.content-area{margin-top:60px;margin-top:var(--topbar-height);padding:16px}}@media (max-width:767px){:root{--control-height:40px;--topbar-height:52px;--content-gap:12px}.content-area{padding:12px}.admin-header,.dashboard-header,.district-header,.employees-header,.et-header,.form-header,.management-header,.page-header,.payroll-header,.profile-header,.report-header,.reports-header,.request-header,.sa-header,.sector-header,.settings-header,.stock-header,.um-header,.users-header{align-items:stretch;flex-direction:column}.cards-grid,.dashboard-grid,.et-stats,.insights-grid,.metrics-grid,.quick-actions-grid,.sa-stats,.stats-grid,.summary-grid,.um-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.et-stat-card,.stat-card{min-height:92px;padding:12px 14px}.action-row,.actions-toolbar,.controls-panel,.et-filters,.filter-row,.filters-panel,.filters-row,.form-row,.sa-filters,.search-filter-row,.settings-filters,.toolbar,.um-filters{align-items:stretch;flex-direction:column}.filter-group,.form-group,.search-wrapper{max-width:100%;min-width:100%;width:100%}.data-table-container,.table-container,.table-wrapper{border-radius:8px;border-radius:var(--radius);margin-inline:-12px;width:calc(100% + 24px)}.data-table,.table,table{min-width:600px}.card-header,.data-table-header,.modal-header,.table-header-section{min-height:48px;padding:12px 14px}.quick-action-card{min-height:0}.data-table-actions,.page-header-actions{flex-wrap:wrap;width:100%}.card-actions,.footer-actions,.form-actions,.modal-footer{flex-direction:column-reverse;justify-content:stretch}.dialog-content,.modal{border-radius:12px;border-radius:var(--radius-xl);margin:12px;max-height:calc(100vh - 24px);width:min(100%,calc(100vw - 24px))}.modal-body,.modal-content{padding:14px}.modal-footer,.modal-header{padding:12px 14px}.login-card{padding:24px 20px;width:calc(100% - 24px)}.topbar-title{font-size:14px;max-width:48vw}}@media (max-width:479px){:root{--card-pad:12px}.content-area{padding:10px}.cards-grid,.dashboard-grid,.et-stats,.insights-grid,.metrics-grid,.quick-actions-grid,.sa-stats,.stats-grid,.summary-grid,.um-stats{gap:8px;grid-template-columns:1fr}.et-stat-card,.stat-card{padding:12px}.et-stat-icon,.quick-action-icon,.sa-stat-icon,.stat-icon,.um-stat-icon{height:36px;min-width:36px;padding:7px;width:36px}.data-table td,.data-table th,.table td,.table th,table td,table th{padding:9px 10px}.data-table-container,.table-container,.table-wrapper{margin-inline:-10px;width:calc(100% + 20px)}.btn,.export-btn,.filter-btn,.quick-action-btn,.save-btn,.submit-btn,button[class*=btn]{width:100%}.btn--icon,.icon-btn,.modal-close,.pagination-btn,.password-toggle,.profile-trigger,.sidebar button,.slider-dot,.toast-close,.topbar button,.view-btn,button[aria-label]{width:auto}.dialog-content,.modal{border-radius:10px;border-radius:var(--radius-lg);margin:10px;max-height:calc(100vh - 20px);max-width:100%;width:100%}.card,.comment-card,.filter-card,.filter-section,.filters-card,.profile-card,.quick-action-card,.report-card,.settings-card,.stat-card,.table-container{border-radius:8px;border-radius:var(--radius-md)}.login-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (forced-colors:active){.badge,.btn,.card,input,select,textarea{border:1px solid ButtonText}}:focus-visible{border-radius:6px;border-radius:var(--radius-sm);outline:2px solid #0f7a4f;outline:2px solid var(--color-ring);outline-offset:2px}#root,body,html{min-width:0;overflow-x:hidden;width:100%}html{font-size:16px;scroll-behavior:smooth}*,:after,:before{box-sizing:border-box}.container,.content-wrapper,.dashboard-container,.main-content,.page-container{max-width:100%;min-width:0;padding-left:clamp(12px,2vw,24px);padding-right:clamp(12px,2vw,24px);width:100%}canvas,img,svg,video{height:auto;max-width:100%;object-fit:contain}.card img,.card-content img,[class*=Card] img,[class*=card] img{display:block;height:auto;margin:0 auto;max-width:100%;object-fit:cover}.dropdown-avatar img,.image-preview img,.profile-avatar img,.profile-avatar-small img,img.avatar,img.profile,img.user-image,img[class*=avatar],img[class*=profile],img[class*=user-image]{aspect-ratio:1/1;border-radius:50%;object-fit:cover}[class*=item-image],[class*=product-image],img.item-image,img.product-image{aspect-ratio:4/3;object-fit:contain;width:100%}button,input,select,textarea{max-width:100%}.actions-bar,.card,.content-area,.content-grid,.dashboard-content,.dashboard-grid,.filter-bar,.filters-grid,.form-grid,.page-content,.page-header,.responsive-table,.stats-grid,.table-container,.table-wrapper,.toolbar{min-width:0}.content-grid,.dashboard-grid,.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr}.actions-bar,.button-group,.filter-bar,.page-actions,.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.reports-table-container,.responsive-table,.table-container,.table-wrapper,.users-table-container{overflow-x:auto;width:100%}table{border-collapse:collapse;width:100%}.dialog,.modal,.modal-content,.popup-content{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px);overflow:auto}.responsive-hide-mobile{display:block}.responsive-show-mobile{display:none}.content-area :where(h1,h2,h3,h4,h5,h6,p,span,a,li,label,strong,small,button){min-width:0}.content-area :where(.table-container,.table-wrapper,.data-table-container,.data-table-wrapper,.responsive-table,.reports-table-container,.users-table-container,.attendance-table-container,.payroll-table-container,[class*=table-container],[class*=table-wrapper],[class*=TableContainer],[class*=TableWrapper]){max-width:100%;overflow-x:auto;width:100%}.content-area :where(.table-container,.table-wrapper,.data-table-container,.data-table-wrapper,.responsive-table,[class*=table-container],[class*=table-wrapper])>table{min-width:680px}@media (min-width:768px) and (max-width:1023px){body{overscroll-behavior-x:none}#root,.accountant-dashboard,.admin-dashboard,.app,.content-area,.dashboard,.dashboard-page,.main-content,.main-layout,.page,.page-container,.shopkeeper-dashboard,.storekeeper-dashboard,.superadmin-dashboard,.supervisor-dashboard,.teamleader-dashboard{max-width:100vw;min-width:0;overflow-x:clip;width:100%}.container,.dashboard-container,.dashboard-content,.form-container,.list-container,.management-container,.page-container,.page-content,.profile-container,.report-container{max-width:100%;min-width:0;width:100%}.actions-bar,.button-group,.filter-bar,.page-actions,.page-header,.toolbar{flex-wrap:wrap;max-width:100%;min-width:0}.attendance-grid,.card-grid,.cards-grid,.content-grid,.dashboard-grid,.quick-actions-grid,.stats-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.card,.content-area .filters-grid,.content-area .form-grid,.content-area .input,.content-area .select,.content-area [class*=Cards],.content-area [class*=Grid],.content-area [class*=Input],.content-area [class*=Select],.content-area [class*=Stats],.content-area [class*=cards],.content-area [class*=grid],.content-area [class*=input],.content-area [class*=select],.content-area [class*=stats],.content-area fieldset,.content-area form,.content-area input,.content-area select,.content-area textarea,.dashboard-card,.quick-action-card,.stat-card:not(.stats-grid .stat-card),[class*=Card],[class*=card]{max-width:100%;min-width:0}.content-area table td,.content-area table th{white-space:nowrap}.dialog,.modal,.modal-content,.popup-content,[class*=DialogContent],[class*=ModalContent],[class*=dialog-content],[class*=modal-content]{max-height:calc(100dvh - 32px);max-width:calc(100vw - 32px)}}@media (min-width:1024px){.attendance-grid,.card-grid,.cards-grid,.content-grid,.dashboard-grid,.quick-actions-grid,.stats-grid{min-width:0}}@media (max-width:767px){body,html{font-size:14px}body{overscroll-behavior-x:none}#root,.accountant-dashboard,.admin-dashboard,.app,.content-area,.dashboard,.dashboard-page,.main-content,.main-layout,.page,.page-container,.shopkeeper-dashboard,.storekeeper-dashboard,.superadmin-dashboard,.supervisor-dashboard,.teamleader-dashboard{max-width:100vw;min-width:0;overflow-x:clip;width:100%}.content-area{contain:inline-size;margin-top:56px;padding:clamp(10px,2.5vw,16px)}.main-content-closed,.main-content-open{margin-left:0}.page-content{padding:0}.page-header{flex-wrap:wrap;gap:12px;margin-bottom:16px}.content-area h1,.page-header h1,[class*=title]{word-wrap:break-word;font-size:clamp(18px,5vw,24px);line-height:1.2;overflow-wrap:break-word}.content-area h2{font-size:clamp(16px,4.5vw,20px)}.content-area h3{font-size:clamp(14px,4vw,18px)}.content-area label,.content-area p,.content-area span,.content-area td,.content-area th{word-wrap:break-word;overflow-wrap:break-word}.actions-bar,.button-group,.filter-bar,.form-row,.modal-footer,.page-header-actions,.page-header-right,.toolbar{align-items:stretch;flex-direction:column;gap:8px;width:100%}.actions-bar>*,.button-group>*,.filter-bar>*,.modal-footer>*,.page-header-actions>*,.toolbar>*{min-width:0;width:100%}.attendance-grid,.card-grid,.cards-grid,.content-grid,.dashboard-grid,.insights-grid,.quick-actions-grid,.stats-grid{gap:12px;grid-template-columns:1fr}.card,.dashboard-card,.data-table-wrapper,.insight-item,.quick-action-card,.stat-card:not(.stats-grid .stat-card),[class*=card]{max-width:100%;min-width:0}.card-content,[class*=card-body],[class*=cardBody]{line-height:1.5;padding:clamp(12px,2.5vw,16px)}.card,[class*=Card],[class*=card]{border-radius:12px;margin-bottom:12px}.card img,[class*=card] img{margin:0 auto 12px;max-height:180px;width:auto}.content-area article,.content-area footer,.content-area header,.content-area main,.content-area section,.content-area>*{max-width:100%;min-width:0}.container,.dashboard-container,.form-container,.list-container,.management-container,.page-container,.profile-container,.report-container{max-width:100%;min-width:0;padding-left:clamp(10px,2.5vw,16px);padding-right:clamp(10px,2.5vw,16px);width:100%}.content-area [class*=Cards],.content-area [class*=Grid],.content-area [class*=Stats],.content-area [class*=cards],.content-area [class*=grid],.content-area [class*=stats]{max-width:100%;min-width:0}.content-area [class*=Grid],.content-area [class*=grid]:not(.sidebar-nav):not(.topbar-actions){grid-template-columns:minmax(0,1fr)}.content-area [class*=Card],.content-area [class*=Item],.content-area [class*=Panel],.content-area [class*=card],.content-area [class*=item],.content-area [class*=panel]{max-width:100%;min-width:0}.content-area [class*=Card] *,.content-area [class*=Panel] *,.content-area [class*=card] *,.content-area [class*=panel] *{min-width:0}.content-area [class*=Actions],.content-area [class*=Filter],.content-area [class*=Row],.content-area [class*=Toolbar],.content-area [class*=actions],.content-area [class*=filter],.content-area [class*=row],.content-area [class*=toolbar]{flex-wrap:wrap;max-width:100%;min-width:0}.content-area .actions,.content-area .actions-bar,.content-area .filter-bar,.content-area .filter-row,.content-area .filters,.content-area .page-actions,.content-area .search-bar,.content-area .search-row,.content-area .toolbar{align-items:stretch}.content-area .filter-bar,.content-area .filter-row,.content-area .filters,.content-area .form-grid,.content-area .form-row,.content-area .search-bar,.content-area fieldset,.content-area form{align-items:stretch;display:flex;flex-direction:column;gap:12px;max-width:100%;width:100%}.content-area .input,.content-area .select,.content-area [class*=Input],.content-area [class*=Select],.content-area [class*=input],.content-area [class*=select],.content-area input,.content-area select,.content-area textarea{font-size:16px;max-width:100%;min-height:44px;min-width:0;padding:12px 14px;width:100%}.content-area .btn,.content-area [class*=Button],.content-area [class*=button],.content-area button{word-wrap:break-word;font-size:15px;max-width:100%;min-height:44px;min-width:0;overflow-wrap:break-word;padding:12px 16px;white-space:normal}.content-area .actions-bar,.content-area .button-group,.content-area .page-actions,.content-area [class*=actions],.content-area [class*=buttonGroup]{align-items:stretch;display:flex;flex-wrap:wrap;gap:10px;width:100%}.content-area .actions-bar>*,.content-area .button-group>*,.content-area .page-actions>*{flex:1 1 100%}.content-area form [class*=Group],.content-area form [class*=Row],.content-area form [class*=group],.content-area form [class*=row]{max-width:100%;min-width:0}.content-area .data-table-container,.content-area .responsive-table,.content-area .table-container,.content-area .table-wrapper,.content-area [class*=table-wrap],.content-area [class*=tableContainer]{border-radius:8px;margin:12px 0;max-width:100%;overflow-x:auto;overflow-y:hidden;width:100%}table{max-width:none;min-width:600px;width:100%}.content-area table{min-width:580px}.content-area .attendance-table,.content-area .data-table,.content-area .payroll-table,.content-area .reports-table,.content-area .table,.content-area .users-table,.content-area table{max-width:none;width:max-content}.content-area .attendance-table-container,.content-area .data-table-container,.content-area .data-table-wrapper,.content-area .payroll-table-container,.content-area .reports-table-container,.content-area .table-container,.content-area .table-wrapper,.content-area .users-table-container,.content-area [class*=TableContainer],.content-area [class*=TableWrapper],.content-area [class*=table-container],.content-area [class*=table-wrapper]{display:block;max-width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;width:100%}.content-area table td,.content-area table th{font-size:13px;padding:10px 12px;white-space:nowrap}.content-area td,.content-area th{max-width:200px}.content-area a,.content-area li,.content-area p,.content-area small,.content-area span,.content-area strong,.content-area td,.content-area th{word-wrap:break-word;overflow-wrap:break-word;word-break:normal}.text-ellipsis,.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay{padding:12px}.dialog-overlay,.modal-overlay,.overlay,.popup-overlay,[class*=ModalOverlay],[class*=Overlay],[class*=modal-overlay],[class*=overlay]{overflow-x:hidden;overflow-y:auto;padding:12px}.dialog,.modal,.modal-content,.popup-content{border-radius:16px;margin:0;width:100%}.dialog,.dialog-content,.modal,.modal-content,.popup,.popup-content,[class*=Dialog],[class*=Modal],[class*=dialog],[class*=modal]{max-width:calc(100vw - 24px);min-width:0}.dialog-content,.modal-content,.popup-content,[class*=DialogContent],[class*=ModalContent],[class*=dialog-content],[class*=modal-content]{max-height:calc(100dvh - 24px);overflow:auto;width:100%}.responsive-hide-mobile{display:none}.responsive-show-mobile{display:block}.welcome-banner{border-radius:16px;padding:clamp(16px,3vw,24px)}.welcome-banner-content{flex-direction:column;gap:20px;text-align:center}.welcome-banner-stats{flex-wrap:wrap;gap:20px;justify-content:center}.welcome-banner-stat-value{font-size:clamp(28px,6vw,36px)}.quick-action-card{padding:clamp(16px,3vw,20px)}.quick-action-icon{font-size:clamp(20px,4vw,24px);height:clamp(48px,8vw,56px);width:clamp(48px,8vw,56px)}.insight-item{gap:12px;padding:clamp(12px,2.5vw,16px)}.insight-icon{font-size:clamp(16px,3.5vw,20px);height:clamp(40px,7vw,48px);width:clamp(40px,7vw,48px)}.insight-value{font-size:clamp(18px,4vw,24px)}.accountant-dashboard,.admin-dashboard,.shopkeeper-dashboard,.storekeeper-dashboard,.superadmin-dashboard,.supervisor-dashboard,.teamleader-dashboard{gap:14px}}@media (max-width:767px){.accountant-dashboard :where(.stat-card:not(.stats-grid .stat-card),.quick-action-card,.dashboard-card),.admin-dashboard :where(.stat-card:not(.stats-grid .stat-card),.quick-action-card,.dashboard-card),.shopkeeper-dashboard :where(.stat-card:not(.stats-grid .stat-card),.quick-action-card,.dashboard-card),.storekeeper-dashboard :where(.stat-card:not(.stats-grid .stat-card),.quick-action-card,.dashboard-card),.superadmin-dashboard :where(.stat-card:not(.stats-grid .stat-card),.quick-action-card,.dashboard-card),.supervisor-dashboard :where(.stat-card:not(.stats-grid .stat-card),.quick-action-card,.dashboard-card),.teamleader-dashboard :where(.stat-card:not(.stats-grid .stat-card),.quick-action-card,.dashboard-card){padding:14px}}@media (max-width:380px){.content-area{padding-left:8px;padding-right:8px}.content-area table{min-width:520px}.content-area .btn,.content-area [class*=Button],.content-area [class*=button],.content-area button{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--app-page-pad:18px;--app-gap:14px;--app-card-pad:16px;--app-control-height:40px;--app-card-radius:10px;--app-soft-border:#dfe7f1;--app-soft-border-2:#edf2f7;--app-text:#142033;--app-muted:#64748b;--app-surface:#fff;--app-surface-muted:#f8fafc;--app-shadow:none;--app-shadow-hover:none}#root,body,html{max-width:100%;overflow-x:hidden!important}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.content-area,.main-content,.main-layout{max-width:100vw!important;min-width:0!important;overflow-x:hidden!important}.content-area{padding:18px!important;padding:var(--app-page-pad)!important;padding-bottom:calc(92px + env(safe-area-inset-bottom, 0px))!important}.content-area>*{max-width:100%;min-width:0;width:100%}.content-area :where(.admin-dashboard,.accountant-dashboard,.attendance-report-container,.comments-container,.create-request-container,.credit-report-container,.dashboard-container,.district-management,.employee-form-container,.employees-shell,.et-shell,.page-content,.profile-container,.reports-container,.request-management,.salary-calculator-container,.sector-management,.settings-container,.shop-report-container,.shopkeeper-dashboard,.stock-management,.storekeeper-dashboard,.superadmin-dashboard,.superadmin-employees,.supervisor-dashboard,.teamleader-dashboard,.users-page){display:flex;flex-direction:column;gap:14px!important;gap:var(--app-gap)!important;max-width:100%;min-width:0;width:100%}.content-area :where(.admin-header,.dashboard-header,.employees-header,.et-header,.form-header,.management-header,.page-header,.profile-header,.report-header,.settings-header,.users-header){align-items:flex-start!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important;justify-content:space-between!important;margin:0!important;min-width:0;padding:0!important}.content-area :where(h1,.page-header-title,.salary-calculator-title){color:#142033!important;color:var(--app-text)!important;font-size:24px!important;font-weight:800!important;letter-spacing:0!important;line-height:1.18!important;margin:0!important;overflow-wrap:anywhere}.content-area :where(h2){font-size:20px!important;letter-spacing:0!important;line-height:1.24!important}.content-area :where(h3,.card-title,.section-title){font-size:15px!important;letter-spacing:0!important;line-height:1.3!important}.content-area :where(p,.subtitle,.description,.page-header-subtitle){color:#64748b!important;color:var(--app-muted)!important;font-size:13px!important;line-height:1.5!important;max-width:72ch;overflow-wrap:break-word}.content-area :where(.cards-grid,.dashboard-grid,.employee-grid,.employees-grid,.et-stats,.feature-grid,.form-grid,.grid-responsive,.insights-grid,.metrics-grid,.quick-actions-grid,.stats-grid,.summary-grid){grid-gap:14px!important;grid-gap:var(--app-gap)!important;align-items:stretch!important;display:grid!important;gap:14px!important;gap:var(--app-gap)!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;min-width:0;width:100%}.content-area :where(.card,.comment-card,.contact-card,.credit-card,.dashboard-card,.district-card,.employee-card,.et-card,.et-modal-section,.et-stat-card,.filter-box,.filter-card,.filter-section,.filters-card,.insight-item,.insights-card,.loan-card,.modal-card,.product-card,.profile-card,.quick-action-card,.report-card,.request-card,.salary-calculator-details-card,.salary-calculator-employee-list,.sector-card,.sector-group,.settings-card,.stat-card:not(.stats-grid .stat-card),.stock-card,.transactions-card,.user-card,[class*=Card],[class*=card]){background:#fff!important;background:var(--app-surface)!important;border:1px solid #dfe7f1!important;border:1px solid var(--app-soft-border)!important;border-radius:10px!important;border-radius:var(--app-card-radius)!important;box-shadow:none!important;box-shadow:var(--app-shadow)!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}.content-area :where(.card,.comment-card,.credit-card,.dashboard-card,.district-card,.employee-card,.et-card,.loan-card,.product-card,.profile-card,.quick-action-card,.report-card,.request-card,.sector-card,.settings-card,.stat-card:not(.stats-grid .stat-card),.stock-card,.user-card){padding:16px!important;padding:var(--app-card-pad)!important}.content-area :where(.card:hover,.dashboard-card:hover,.employee-card:hover,.quick-action-card:hover,.stat-card:hover,.user-card:hover){border-color:#c9d6e6!important;box-shadow:none!important;box-shadow:var(--app-shadow-hover)!important}.content-area :where(.stat-card,.et-stat-card,.metric-card,.summary-card){align-items:flex-start!important;display:flex!important;flex-direction:column!important;gap:18px!important;justify-content:flex-start!important;min-height:132px!important}.content-area :where(.stat-icon,.et-stat-icon,.metric-icon,.insight-icon,.quick-action-icon){align-items:center!important;background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:inline-flex!important;height:auto!important;justify-content:center!important;min-width:0!important;padding:0!important;width:auto!important}.content-area :where(.stat-value,.stat-number,.et-stat-value,.metric-value,.insight-value){color:#142033!important;color:var(--app-text)!important;font-size:24px!important;font-weight:800!important;letter-spacing:0!important;line-height:1.05!important;overflow-wrap:anywhere}.content-area :where(.stat-label,.stat-card-title,.et-stat-label,.metric-label,.insight-label){color:#64748b!important;color:var(--app-muted)!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important;line-height:1.3!important}.content-area :where(.filter-bar,.filter-row,.filters-row,.form-row,.search-filter-row,.toolbar,.actions-bar,.page-header-actions,.data-table-actions){align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;min-width:0}.content-area :where(.filter-box,.filter-card,.filter-section,.filters-card){padding:14px!important}.content-area :where(.search-wrapper,.filter-group,.form-group){min-width:min(100%,220px)!important}.content-area :where(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea,.input,.form-input,.form-select,.search-input){background:#fff!important;border:1px solid #dfe7f1!important;border:1px solid var(--app-soft-border)!important;border-radius:8px!important;box-shadow:0 1px 1px #0f172a0a!important;color:#142033!important;color:var(--app-text)!important;font-size:14px!important;line-height:1.35!important;max-width:100%!important;min-height:40px!important;min-height:var(--app-control-height)!important;padding:9px 12px!important;width:100%!important}.content-area :where(textarea){min-height:104px!important;resize:vertical}.content-area :where(input:focus,select:focus,textarea:focus,.input:focus,.form-input:focus,.form-select:focus,.search-input:focus){border-color:#0f7a4f!important;box-shadow:0 0 0 3px #0f7a4f24!important;outline:none!important}.content-area :where(label,.form-label,.input-label){color:#142033!important;color:var(--app-text)!important;font-size:12px!important;font-weight:700!important;line-height:1.25!important;margin-bottom:6px!important}.content-area :where(button,.btn,.action-btn,.dashboard-button,.delete-btn,.edit-btn,.export-btn,.filter-btn,.pagination-btn,.quick-action-btn,.refresh-btn,.save-btn,.submit-btn,.topbar-action,.view-btn,a[class*=btn]){align-items:center!important;border-radius:8px!important;font-size:13px!important;font-weight:700!important;justify-content:center!important;letter-spacing:0!important;line-height:1.2!important;min-height:40px!important;min-height:var(--app-control-height)!important}.content-area :where(.btn--icon,.icon-btn,button[aria-label]){min-width:40px!important;min-width:var(--app-control-height)!important;padding:8px!important;width:40px!important;width:var(--app-control-height)!important}.content-area :where(.table-container,.table-wrapper,.data-table-container,.data-table-wrapper,.responsive-table,.reports-table-container,.users-table-container,.attendance-table-container,.payroll-table-container,[class*=table-container],[class*=table-wrapper],[class*=TableContainer],[class*=TableWrapper]){background:#fff!important;border:1px solid #dfe7f1!important;border:1px solid var(--app-soft-border)!important;border-radius:10px!important;border-radius:var(--app-card-radius)!important;box-shadow:none!important;box-shadow:var(--app-shadow)!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden;overscroll-behavior-x:contain;width:100%!important}.content-area :where(table,.data-table,.table){border-collapse:initial!important;border-spacing:0!important;min-width:680px;table-layout:fixed;width:100%!important}.content-area :where(th,td,.data-table-header-cell,.data-table-cell){border-bottom:1px solid #edf2f7!important;border-bottom:1px solid var(--app-soft-border-2)!important;font-size:13px!important;height:48px;line-height:1.35!important;overflow:hidden;padding:10px 12px!important;text-overflow:ellipsis;vertical-align:middle!important}.content-area :where(th,.data-table-header-cell){background:#f8fafc!important;background:var(--app-surface-muted)!important;color:#64748b!important;color:var(--app-muted)!important;font-size:11px!important;font-weight:800!important;letter-spacing:0!important;text-transform:uppercase!important;white-space:nowrap!important}.content-area :where(td,.data-table-cell){color:#334155!important}.content-area :where(tbody tr:hover){background:#f8fafc!important}.content-area :where(.badge,.pill,.role-badge,.status,.status-badge,.tab.active){align-items:center!important;border-radius:999px!important;display:inline-flex!important;font-size:12px!important;font-weight:800!important;gap:6px!important;justify-content:center!important;letter-spacing:0!important;line-height:1.15!important;max-width:100%;min-height:24px!important;padding:4px 10px!important;white-space:nowrap!important}.content-area :where(.modal-overlay,.dialog-overlay,.popup-overlay,[class*=modal-overlay],[class*=ModalOverlay],[class*=dialog-overlay],[class*=DialogOverlay]){align-items:center!important;justify-content:center!important;overflow:auto!important;padding:12px!important}.content-area :where(.modal,.modal-content,.dialog,.dialog-content,.popup,.popup-content,[class*=modal],[class*=Modal],[class*=dialog],[class*=Dialog]){border:1px solid #dfe7f1!important;border:1px solid var(--app-soft-border)!important;border-radius:12px!important;box-shadow:0 24px 60px #0f172a38!important;max-height:calc(100dvh - 24px)!important;max-width:calc(100vw - 24px)!important;overflow:auto!important;width:min(100%,720px)!important}.content-area :where(.modal-header,.card-header,.section-title-row,.table-header-section){background:linear-gradient(180deg,#f8fafc,#fff)!important;border-bottom:1px solid #dfe7f1!important;border-bottom:1px solid var(--app-soft-border)!important;min-height:48px!important;padding:14px 16px!important}.content-area :where(.modal-content,.card-content){padding:16px!important}.content-area :where(img,video,canvas){max-width:100%}.content-area :where(.employee-photo,.avatar,.profile-avatar,.profile-avatar-small,.dropdown-avatar,.user-avatar,.tableAvatar,[class*=avatar],[class*=Avatar]){border-radius:50%!important;flex:0 0 auto!important;overflow:hidden!important}.content-area :where(.employee-photo img,.avatar img,.profile-avatar img,.profile-avatar-small img,.dropdown-avatar img,.user-avatar img,[class*=avatar] img,[class*=Avatar] img){border-radius:50%!important;height:100%!important;object-fit:cover!important;object-position:center!important;width:100%!important}.topbar{max-width:100vw!important}.topbar,.topbar-actions,.topbar-left,.topbar-right{min-width:0!important}.sidebar{max-width:min(82vw,280px)!important}@media (min-width:1024px){:root{--app-page-pad:24px;--app-gap:16px;--app-card-pad:16px}.content-area :where(.stats-grid,.summary-grid,.metrics-grid,.et-stats){grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}}@media (max-width:1023px){:root{--app-page-pad:14px;--app-gap:12px;--app-card-pad:14px;--app-control-height:42px}.topbar{gap:8px!important;height:56px!important;left:0!important;padding:0 12px!important}.mobile-menu-button{display:inline-flex!important;min-width:42px!important;padding:8px 10px!important}.topbar-title{font-size:15px!important;max-width:44vw!important}.dashboard-button-text,.date-text,.topbar-clock{display:none!important}.dashboard-button,.profile-trigger{min-height:38px!important;padding:6px 9px!important}.profile-avatar{height:30px!important;width:30px!important}.sidebar{inset:0 auto 0 0!important;position:fixed!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;width:min(82vw,292px)!important;z-index:120!important}.sidebar.sidebar--mobile-open{transform:translateX(0)!important}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a85!important;inset:0!important;position:fixed!important;z-index:110!important}.sidebar-nav{padding:10px!important}.sidebar-nav-item{min-height:44px!important;padding:10px 12px!important}.main-content--full,.main-content--with-sidebar{margin-left:0!important}.content-area{margin-top:56px!important}.content-area :where(.page-header-actions,.actions-bar,.toolbar,.filter-bar,.filters-row,.search-filter-row){align-items:stretch!important}}@media (max-width:767px){:root{--app-page-pad:12px;--app-gap:11px;--app-card-pad:13px}.content-area :where(.admin-header,.dashboard-header,.employees-header,.et-header,.form-header,.management-header,.page-header,.profile-header,.report-header,.settings-header,.users-header){align-items:stretch!important;flex-direction:column!important}.content-area :where(h1,.page-header-title,.salary-calculator-title){font-size:21px!important}.content-area :where(h2){font-size:18px!important}.content-area :where(.cards-grid,.dashboard-grid,.employee-grid,.employees-grid,.grid-responsive,.insights-grid,.quick-actions-grid,.stats-grid,.summary-grid){grid-template-columns:1fr!important}.content-area :where(.stat-card,.et-stat-card,.metric-card,.summary-card){min-height:82px!important;padding:13px!important}.content-area :where(.stat-icon,.et-stat-icon,.metric-icon,.insight-icon,.quick-action-icon){height:38px!important;min-width:38px!important;width:38px!important}.content-area :where(.stat-value,.stat-number,.et-stat-value,.metric-value,.insight-value){font-size:21px!important}.content-area :where(.filter-bar,.filter-row,.filters-row,.form-row,.search-filter-row,.toolbar,.actions-bar,.page-header-actions){align-items:stretch!important;flex-direction:column!important}.content-area :where(.filter-group,.form-group,.search-wrapper,.page-header-actions>*,.actions-bar>*,.toolbar>*){min-width:0!important;width:100%!important}.content-area :where(button,.btn,.action-btn,.submit-btn,.save-btn,.filter-btn,.export-btn,.refresh-btn,a[class*=btn]){width:100%}.content-area :where(.pagination button,.pagination-btn,.icon-btn,button[aria-label],.topbar button,.sidebar button){width:auto}.content-area :where(table,.data-table,.table){min-width:620px}.content-area :where(th,td,.data-table-header-cell,.data-table-cell){font-size:12px!important;height:44px;padding:9px 10px!important}.content-area :where(.modal-overlay,.dialog-overlay,.popup-overlay,[class*=modal-overlay],[class*=ModalOverlay]){align-items:flex-start!important;padding:8px!important}.content-area :where(.modal,.modal-content,.dialog,.dialog-content,.popup,.popup-content,[class*=modal],[class*=Modal],[class*=dialog],[class*=Dialog]){border-radius:10px!important;max-height:calc(100dvh - 16px)!important;max-width:calc(100vw - 16px)!important;width:calc(100vw - 16px)!important}.content-area :where(.modal-header,.card-header,.section-title-row,.table-header-section){padding:12px 13px!important}.content-area :where(.modal-content,.card-content){padding:13px!important}}@media (max-width:420px){:root{--app-page-pad:10px}.topbar{padding:0 8px!important}.topbar-title{max-width:38vw!important}.content-area :where(table,.data-table,.table){min-width:560px}.content-area :where(.card,.dashboard-card,.employee-card,.quick-action-card,.stat-card,.filter-card,.table-wrapper,.table-container){border-radius:9px!important}}.content-area :where(.stat-card):not(.stats-grid .stat-card){background:#fff!important;border:0!important;border-radius:16px!important;box-shadow:0 1px 2px #0f172a0a,0 12px 28px #0f172a12!important;height:100%!important;min-height:132px!important;overflow:hidden!important;padding:20px!important;position:relative!important}.content-area :where(.dashboard-card,.stats-grid .stat-card,.stat-card,.et-stat-card,.sa-stat){background:#fff!important;border:0!important;border-radius:16px!important;box-shadow:0 1px 2px #0f172a0a,0 12px 28px #0f172a12!important;overflow:hidden!important}.content-area :where(.dashboard-card,.stats-grid .stat-card,.stat-card,.et-stat-card,.sa-stat):after,.content-area :where(.dashboard-card,.stats-grid .stat-card,.stat-card,.et-stat-card,.sa-stat):before{content:none!important;display:none!important}.content-area :where(.dashboard-card:hover,.stats-grid .stat-card:hover,.stat-card:hover,.et-stat-card:hover,.sa-stat:hover){border:0!important;box-shadow:0 2px 4px #0f172a0d,0 18px 38px #0f172a1a!important;transform:translateY(-2px)}.content-area :where(.stat-card,.et-stat-card,.sa-stat){align-items:flex-start!important;display:flex!important;flex-direction:column!important;gap:18px!important;justify-content:flex-start!important;min-height:132px!important;padding:18px!important}.content-area :where(.stat-icon,.et-stat-icon,.sa-stat-icon,.dashboard-card-icon,.stat-card-icon){align-items:center!important;background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:inline-flex!important;height:auto!important;justify-content:center!important;min-width:0!important;width:auto!important}.content-area :where(.stat-icon svg,.et-stat-icon svg,.sa-stat-icon svg,.dashboard-card-icon svg,.stat-card-icon svg){height:26px!important;width:26px!important}.content-area :where(.stat-content,.et-stat-meta,.sa-stat-meta,.dashboard-card-content,.stat-card-body){display:flex!important;flex-direction:column!important;gap:5px!important;justify-content:flex-start!important;min-width:0!important}.content-area :where(.stat-label,.et-stat-label,.sa-stat-label,.dashboard-card-title,.stat-card-title){color:#64748b!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important;line-height:1.25!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;text-transform:none!important;white-space:nowrap!important}.content-area :where(.stat-value,.et-stat-value,.sa-stat-value,.dashboard-card-value,.stat-card-value){color:#0f172a!important;font-size:clamp(24px,2.6vw,30px)!important;font-weight:800!important;letter-spacing:0!important;line-height:1.05!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.content-area :where(.stat-description,.dashboard-card-description,.stat-card-description,.sa-stat-description){color:#94a3b8!important;font-size:12px!important;font-weight:500!important;line-height:1.35!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.content-area :where(.stat-card-trend,.card-divider,.stat-divider,.skeleton-line,.placeholder-line){display:none!important}.content-area .admin-filter-card,.content-area .admin-filter-card.card{background:#fff!important;border:1px solid #dbe3ee!important;border-radius:14px!important;display:block!important;margin:0 0 18px!important;padding:20px 24px!important}.content-area .admin-filter-card,.content-area .admin-filter-card.card,.content-area .admin-filter-grid{box-shadow:none!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}.content-area .admin-filter-grid{grid-gap:24px!important;align-items:center!important;background:#0000!important;border:0!important;display:grid!important;gap:24px!important;margin:0!important;min-width:0!important;padding:0!important;width:100%!important}.content-area .admin-filter-grid--attendance{grid-template-columns:minmax(420px,1fr) minmax(250px,300px) minmax(220px,270px) 92px 160px!important}.content-area .admin-filter-grid--shop{grid-template-columns:minmax(420px,1fr) minmax(250px,300px) minmax(220px,270px) minmax(240px,auto)!important}.content-area .admin-filter-grid--payroll{grid-template-columns:minmax(520px,1fr) minmax(300px,340px) 92px 160px!important}.content-area .admin-filter-grid--users{grid-template-columns:minmax(420px,1fr) minmax(210px,240px) minmax(210px,240px) minmax(240px,auto)!important}.content-area .admin-filter-field{align-items:center!important;display:flex!important;flex-direction:row!important;gap:14px!important;margin:0!important;min-width:0!important;width:100%!important}.content-area .admin-filter-field label{color:#020617!important;flex:0 0 auto!important;font-size:16px!important;font-weight:800!important;letter-spacing:0!important;line-height:1!important;margin:0!important;text-transform:none!important}.content-area .admin-filter-card :where(.form-input,.form-select,.search-input){background:#fff!important;border:1px solid #cfd9e6!important;border-radius:12px!important;box-shadow:0 1px 2px #0f172a0a!important;color:#0f172a!important;font-size:18px!important;height:56px!important;line-height:56px!important;min-height:56px!important;min-width:0!important;padding-bottom:0!important;padding-top:0!important;width:100%!important}.content-area .admin-filter-card .search-wrapper{align-items:center!important;display:flex!important;height:56px!important;min-width:0!important;position:relative!important;width:100%!important}.content-area .admin-filter-card .search-icon{color:#64748b!important;left:12px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.content-area .admin-filter-card .search-input{padding-left:54px!important}.content-area .admin-filter-actions{align-items:center!important;display:flex!important;gap:16px!important;justify-content:flex-end!important;min-width:0!important}.content-area .admin-filter-actions--split{grid-column:auto!important}.content-area .admin-filter-card :where(button,.btn){border-radius:12px!important;font-size:18px!important;font-weight:800!important;height:56px!important;line-height:1!important;min-height:56px!important;min-width:126px!important;padding:0 24px!important;white-space:nowrap!important;width:auto!important}.content-area .admin-filter-card :where(button:last-child,.btn:last-child){min-width:160px!important}.content-area .admin-filter-card :where(button:first-of-type,.btn:first-of-type){background:#fff!important;border-color:#0000!important;color:#047857!important}@media (max-width:1150px){.content-area :where(.admin-filter-grid--attendance,.admin-filter-grid--shop,.admin-filter-grid--payroll,.admin-filter-grid--users){grid-template-columns:repeat(2,minmax(0,1fr))!important}.content-area .admin-filter-actions{justify-content:stretch!important}.content-area .admin-filter-actions :where(button,.btn){flex:1 1!important}}@media (max-width:767px){.content-area :where(.admin-filter-grid--attendance,.admin-filter-grid--shop,.admin-filter-grid--payroll,.admin-filter-grid--users){grid-template-columns:1fr!important}.content-area .admin-filter-actions{flex-direction:column!important}.content-area .admin-filter-card :where(button,.btn){width:100%!important}}.content-area .compact-filter-card,.content-area .compact-filter-card.card{background:#fff!important;border:1px solid #dbe3ee!important;border-radius:12px!important;box-shadow:none!important;height:auto!important;margin-bottom:16px!important;min-height:0!important;overflow:visible!important;padding:12px 14px!important}.content-area .compact-filter-card .filter-section{align-items:flex-end!important;background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;height:auto!important;margin:0!important;min-height:0!important;overflow:visible!important;padding:0!important}.content-area .compact-filter-card .form-group{flex:0 1 210px!important;gap:5px!important;margin:0!important;min-width:170px!important}.content-area .compact-filter-card .form-group:has(.search-wrapper){flex:1 1 260px!important}.content-area .compact-filter-card label{color:#475569!important;font-size:11px!important;font-weight:800!important;letter-spacing:0!important;line-height:1.2!important;margin:0!important;text-transform:uppercase!important}.content-area .compact-filter-card :where(.form-input,.form-select,.search-input){border-radius:9px!important;font-size:13px!important;height:38px!important;line-height:38px!important;min-height:38px!important;min-width:0!important;padding-bottom:0!important;padding-top:0!important;width:100%!important}.content-area .compact-filter-card .search-wrapper{height:38px!important;min-width:0!important;width:100%!important}.content-area .compact-filter-card .search-input{padding-left:36px!important}.content-area .compact-filter-card :where(button,.btn,.filter-action-btn){align-self:flex-end!important;height:38px!important;min-height:38px!important;min-width:88px!important;padding:0 14px!important;white-space:nowrap!important;width:auto!important}@media (max-width:767px){.content-area .compact-filter-card,.content-area .compact-filter-card.card{margin-bottom:12px!important;padding:10px!important}.content-area .compact-filter-card .filter-section{gap:9px!important}.content-area .compact-filter-card .form-group,.content-area .compact-filter-card .form-group:has(.search-wrapper),.content-area .compact-filter-card :where(button,.btn,.filter-action-btn){flex:1 1 100%!important;width:100%!important}}.content-area .stat-card:before{display:none!important}.content-area :where(.stat-card:hover){border:0!important;box-shadow:0 2px 6px #0f172a12,0 18px 36px #0f172a1a!important}.content-area :where(.stat-card-content){display:flex!important;flex-direction:column!important;gap:18px!important;height:100%!important;justify-content:flex-start!important;padding:0!important}.content-area :where(.stat-card-header){align-items:flex-start!important;display:flex!important;gap:0!important;justify-content:flex-start!important}.content-area :where(.stat-card-icon,.stat-icon){align-items:center!important;background:#0000!important;border-radius:0!important;color:#0f766e!important;display:inline-flex!important;height:auto!important;justify-content:center!important;min-width:0!important;padding:0!important;width:auto!important}.content-area :where(.stat-card-trend){display:none!important}.content-area :where(.stat-card-trend--down){background:#fde2e5!important;color:#b91c1c!important}.content-area :where(.stat-card-value,.stat-value,.stat-number){color:#0f172a!important;font-size:30px!important;font-weight:800!important;letter-spacing:0!important;line-height:1.05!important}.content-area :where(.stat-card-title,.stat-label){color:#64748b!important;font-size:13px!important;font-weight:650!important;line-height:1.25!important}.content-area :where(.et-stat-card,.metric-card,.summary-card){align-items:flex-start!important;background:#fff!important;border:0!important;border-radius:16px!important;box-shadow:0 1px 2px #0f172a0a,0 12px 28px #0f172a12!important;display:flex!important;flex-direction:column!important;gap:18px!important;justify-content:flex-start!important;min-height:132px!important;padding:20px!important;position:relative!important}.content-area :where(.et-stat-card:hover,.metric-card:hover,.summary-card:hover){border:0!important;box-shadow:0 2px 6px #0f172a12,0 18px 36px #0f172a1a!important}.content-area :where(.et-stat-icon,.metric-icon,.summary-icon){background:#0000!important;border-radius:0!important;color:#0f766e!important;height:auto!important;min-width:0!important;width:auto!important}.content-area :where(.et-stat-icon--success,.stat-card-success .stat-icon,.metric-icon--success){background:#0000!important;color:#15803d!important}.content-area :where(.et-stat-icon--danger,.stat-card-danger .stat-icon,.metric-icon--danger){background:#0000!important;color:#b91c1c!important}.content-area :where(.et-stat-icon--warning,.stat-card-warning .stat-icon,.metric-icon--warning){background:#0000!important;color:#b77912!important}.content-area :where(.et-stat-value,.metric-value,.summary-value){color:#0f172a!important;font-size:30px!important;font-weight:800!important;letter-spacing:0!important;line-height:1.05!important}.content-area :where(.et-stat-label,.metric-label,.summary-label){color:#6b7280!important;font-size:13px!important;font-weight:650!important;line-height:1.25!important}@media (max-width:1024px){.content-area :where(.stat-card,.et-stat-card,.metric-card,.summary-card){min-height:132px!important}.content-area :where(.stat-card-content){padding:24px!important}.content-area :where(.et-stat-card,.metric-card,.summary-card){padding:24px!important}}@media (max-width:767px){.content-area :where(.stat-card,.et-stat-card,.metric-card,.summary-card){min-height:118px!important}.content-area :where(.stat-card-content){gap:14px!important;padding:18px!important}.content-area :where(.et-stat-card,.metric-card,.summary-card){padding:18px!important}.content-area :where(.stat-card-icon,.stat-icon,.et-stat-icon,.metric-icon,.summary-icon){border-radius:0!important;height:auto!important;min-width:0!important;width:auto!important}.content-area :where(.stat-card-trend){display:none!important}.content-area :where(.stat-card-value,.stat-value,.stat-number,.et-stat-value,.metric-value,.summary-value){font-size:26px!important}.content-area :where(.stat-card-title,.stat-label,.et-stat-label,.metric-label,.summary-label){font-size:12px!important}}.content-area :where(.card,.stat-card,.et-stat-card,.metric-card,.summary-card,.dashboard-card,.employee-card,.quick-action-card,.insights-card,.transactions-card,.user-card,.request-card,.filter-card,.table-wrapper,.table-container,.data-table-wrapper,.data-table-container,[class*=Card],[class*=card]),.content-area :where(.card,.stat-card,.et-stat-card,.metric-card,.summary-card,.dashboard-card,.employee-card,.quick-action-card,.insights-card,.transactions-card,.user-card,.request-card,.filter-card,.table-wrapper,.table-container,.data-table-wrapper,.data-table-container,[class*=Card],[class*=card]):hover{box-shadow:none!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .dashboard-grid{grid-gap:16px!important;align-items:stretch!important;display:grid!important;gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;margin:0 0 24px!important;max-width:100%!important;width:100%!important}@media (min-width:1200px){.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .dashboard-grid--columns-4{grid-template-columns:repeat(5,minmax(0,1fr))!important}.content-area .admin-dashboard .dashboard-grid--columns-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .dashboard-card{background:#fff!important;border:0!important;border-radius:16px!important;box-shadow:0 1px 2px #0f172a0f,0 12px 28px #0f172a14!important;display:flex!important;flex-direction:column!important;gap:16px!important;justify-content:flex-start!important;min-height:158px!important;min-width:0!important;overflow:hidden!important;padding:20px!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .dashboard-card:hover{background:#fbfdff!important;border:0!important;box-shadow:0 2px 6px #0f172a12,0 18px 36px #0f172a1a!important;transform:translateY(-2px)!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .dashboard-card-icon{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#020617!important;height:auto!important;min-width:0!important;padding:0!important;width:auto!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .dashboard-card-icon>svg{stroke-width:2!important;height:26px!important;width:26px!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .dashboard-card-content{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .dashboard-card-title{color:#020617!important;font-size:13px!important;font-weight:700!important;letter-spacing:0!important;line-height:1.25!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .dashboard-card-value{color:#020617!important;font-size:28px!important;font-weight:800!important;letter-spacing:0!important;line-height:1.05!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .dashboard-card-description{align-items:center!important;color:#334155!important;display:inline-flex!important;font-size:12px!important;font-weight:500!important;gap:4px!important;letter-spacing:0!important;line-height:1.35!important;margin:2px 0 0!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .dashboard-card-description--up{color:#047857!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .dashboard-card-description--down{color:#b91c1c!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .quick-actions-grid{gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .quick-action-card{background:#fff!important;border:1px solid #d8dee8!important;border-radius:8px!important;box-shadow:none!important;min-height:118px!important;padding:16px!important}@media (max-width:767px){.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .dashboard-grid,.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .quick-actions-grid{gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .dashboard-card{gap:12px!important;min-height:136px!important;padding:14px!important}}@media (max-width:420px){.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .dashboard-grid,.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) .quick-actions-grid{grid-template-columns:1fr!important}}.content-area :where(.admin-dashboard,.attendance-report-container,.shop-report-container,.payroll-report-container,.user-management-container,.forwarded-comments-container,.comments-container,.et-shell){gap:18px!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;width:100%!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.user-management-container,.forwarded-comments-container) .stats-grid{grid-gap:14px!important;display:grid!important;gap:14px!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;margin:0 0 18px!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.forwarded-comments-container) .stats-grid .stat-card{align-items:center!important;background:#fff!important;border:1px solid #d8dee8!important;border-radius:8px!important;box-shadow:none!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;min-height:118px!important;overflow:hidden!important;padding:18px!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.forwarded-comments-container) .stats-grid .stat-content{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.forwarded-comments-container) .stats-grid .stat-label{color:#64748b!important;font-size:13px!important;font-weight:800!important;letter-spacing:0!important;line-height:1.2!important;text-transform:none!important;white-space:normal!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.forwarded-comments-container) .stats-grid .stat-value{color:#020617!important;font-size:30px!important;font-weight:800!important;line-height:1!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.forwarded-comments-container) .stats-grid .stat-icon{background:#0000!important;border:0!important;border-radius:0!important;height:auto!important;min-width:0!important;padding:0!important;width:auto!important}.content-area .admin-dashboard .insights-card{border:1px solid #d8dee8!important;border-radius:8px!important}.content-area .admin-dashboard .insights-grid{gap:12px!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;padding:14px!important}.content-area .admin-dashboard .insight-item{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:none!important;gap:10px!important;min-width:0!important;padding:14px!important}.content-area .admin-dashboard .insight-icon{border-radius:10px!important;height:42px!important;min-width:42px!important;width:42px!important}.content-area .admin-dashboard .insight-label{color:#64748b!important;font-size:11px!important;letter-spacing:0!important;line-height:1.2!important}.content-area .admin-dashboard .insight-value{color:#020617!important;font-size:20px!important;line-height:1.15!important;overflow-wrap:anywhere!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.user-management-container,.forwarded-comments-container,.et-shell) :where(.table-wrapper,.reports-table-container,.overflow-x-auto){-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0!important;border-radius:8px!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.user-management-container,.forwarded-comments-container,.et-shell) table{border-collapse:initial!important;border-spacing:0!important;min-width:760px!important;width:100%!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.user-management-container,.forwarded-comments-container,.et-shell) :where(th,td){border-bottom:1px solid #e5eaf1!important;color:#334155!important;font-size:13px!important;height:54px!important;line-height:1.35!important;padding:12px 14px!important;vertical-align:middle!important;white-space:nowrap!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.user-management-container,.forwarded-comments-container,.et-shell) th{background:#f8fafc!important;color:#64748b!important;font-size:11px!important;font-weight:800!important;letter-spacing:0!important;text-transform:uppercase!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.user-management-container,.forwarded-comments-container,.et-shell) :where(.font-medium,td.font-medium){color:#0f172a!important;font-weight:800!important}.content-area :where(.status-badge,.badge,[class*=badge]){align-items:center!important;display:inline-flex!important;justify-content:center!important;max-width:100%!important;min-height:26px!important;white-space:nowrap!important}.content-area .forwarded-comments-container .action-buttons,.content-area .user-management-container .action-buttons{align-items:center!important;display:inline-flex!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:center!important}.content-area .user-management-container .action-btn{border-radius:8px!important;height:34px!important;min-height:34px!important;min-width:34px!important;padding:0!important;width:34px!important}.content-area .et-shell .et-toolbar,.content-area .et-shell .et-toolbar-right,.content-area .forwarded-comments-container .filter-bar{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;min-width:0!important;width:100%!important}.content-area .et-shell .et-search,.content-area .forwarded-comments-container .search-wrapper{flex:1 1 280px!important;min-width:0!important;width:auto!important}.content-area .forwarded-comments-container .filter-buttons{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}.content-area .et-shell :where(.et-chip,.et-select,.et-sort-order,.et-view-btn,.et-export-btn),.content-area .forwarded-comments-container :where(.filter-btn,.role-filter){border-radius:8px!important;min-height:42px!important;white-space:nowrap!important}.content-area .forwarded-comments-container .comment-card{border:1px solid #d8dee8!important;border-radius:8px!important;padding:16px!important}.content-area .forwarded-comments-container .comment-header{align-items:flex-start!important;display:flex!important;gap:12px!important;justify-content:space-between!important}.content-area .forwarded-comments-container :where(.comment-text,.related-tag,.sender-name){overflow-wrap:anywhere!important;word-break:normal!important}.content-area .et-pagination,.content-area .pagination{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:center!important;width:100%!important}.content-area :where(.pagination-btn,.et-page-btn){border-radius:8px!important;min-height:42px!important;white-space:nowrap!important}@media (max-width:1024px){.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.user-management-container,.forwarded-comments-container,.comments-container,.et-shell){gap:14px!important}.content-area .admin-filter-card,.content-area .admin-filter-card.card{border-radius:10px!important;padding:16px!important}.content-area .admin-filter-grid{gap:14px!important}.content-area .admin-filter-field{align-items:stretch!important;flex-direction:column!important;gap:7px!important}.content-area .admin-filter-field label{font-size:13px!important;line-height:1.2!important}.content-area .admin-filter-card .search-wrapper,.content-area .admin-filter-card :where(.form-input,.form-select,.search-input){font-size:15px!important;height:48px!important;line-height:48px!important;min-height:48px!important}.content-area .admin-filter-card :where(button,.btn){font-size:15px!important;height:48px!important;min-height:48px!important}.content-area .admin-dashboard .insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:767px){.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.user-management-container,.forwarded-comments-container) .stats-grid{gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.forwarded-comments-container) .stats-grid .stat-card{gap:10px!important;min-height:104px!important;padding:13px!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.forwarded-comments-container) .stats-grid .stat-label{font-size:12px!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.forwarded-comments-container) .stats-grid .stat-value{font-size:24px!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.forwarded-comments-container) .stats-grid .stat-icon{height:auto!important;min-width:0!important;width:auto!important}.content-area .admin-dashboard .insights-grid{grid-template-columns:1fr!important;padding:12px!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.user-management-container,.forwarded-comments-container,.et-shell) table{min-width:680px!important}.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.user-management-container,.forwarded-comments-container,.et-shell) :where(th,td){font-size:12px!important;height:48px!important;padding:10px 12px!important}.content-area .et-shell .et-chip-group,.content-area .et-shell .et-sort,.content-area .et-shell .et-toolbar,.content-area .et-shell .et-toolbar-right,.content-area .forwarded-comments-container .filter-bar,.content-area .forwarded-comments-container .filter-buttons{align-items:stretch!important;flex-direction:column!important}.content-area .et-shell :where(.et-search,.et-select-wrap,.et-sort,.et-view-toggle,.et-export-btn,.et-toolbar-right>*),.content-area .forwarded-comments-container .role-filter,.content-area .forwarded-comments-container .search-wrapper,.content-area .forwarded-comments-container :where(.filter-btn){flex:1 1 100%!important;width:100%!important}.content-area .et-shell .et-chip-group{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.content-area .et-shell .et-view-toggle{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.content-area .forwarded-comments-container .comment-header{align-items:stretch!important;flex-direction:column!important}.content-area .forwarded-comments-container .action-buttons,.content-area .forwarded-comments-container .badge-container{flex-wrap:wrap!important;justify-content:flex-start!important}.content-area :where(.modal,.modal-content,[class*=modal],[class*=Modal]) :where(.modal-footer,.et-modal-footer){display:flex!important;flex-direction:column-reverse!important;gap:10px!important}}@media (max-width:420px){.content-area :where(.attendance-report-container,.shop-report-container,.payroll-report-container,.forwarded-comments-container) .stats-grid{grid-template-columns:1fr!important}.content-area .et-shell .et-chip-group{grid-template-columns:1fr!important}}.content-area :where(.dashboard-card,.stats-grid .stat-card,.stat-card,.et-stat-card,.metric-card,.summary-card,.insight-item,.um-stat,.sa-stat,.um-stat-card,.sa-stat-card,.settings-stat-card,.reports-stat-card,.payroll-stat-card,.stock-stat-card,.request-stat-card,.employee-stat-card,.user-stat-card,.district-stat-card,.sector-stat-card){align-items:flex-start!important;background:#fff!important;border:0!important;border-radius:16px!important;box-shadow:0 1px 2px #0f172a0f,0 12px 28px #0f172a14!important;display:flex!important;flex-direction:column!important;gap:18px!important;height:100%!important;justify-content:flex-start!important;min-height:132px!important;min-width:0!important;overflow:hidden!important;padding:20px!important;position:relative!important}.content-area :where(.dashboard-card,.stats-grid .stat-card,.stat-card,.et-stat-card,.metric-card,.summary-card,.insight-item,.um-stat,.sa-stat,.um-stat-card,.sa-stat-card,.settings-stat-card,.reports-stat-card,.payroll-stat-card,.stock-stat-card,.request-stat-card,.employee-stat-card,.user-stat-card,.district-stat-card,.sector-stat-card):after,.content-area :where(.dashboard-card,.stats-grid .stat-card,.stat-card,.et-stat-card,.metric-card,.summary-card,.insight-item,.um-stat,.sa-stat,.um-stat-card,.sa-stat-card,.settings-stat-card,.reports-stat-card,.payroll-stat-card,.stock-stat-card,.request-stat-card,.employee-stat-card,.user-stat-card,.district-stat-card,.sector-stat-card):before{content:none!important;display:none!important}.content-area :where(.dashboard-card:hover,.stats-grid .stat-card:hover,.stat-card:hover,.et-stat-card:hover,.metric-card:hover,.summary-card:hover,.insight-item:hover,.um-stat:hover,.sa-stat:hover,.um-stat-card:hover,.sa-stat-card:hover,.settings-stat-card:hover,.reports-stat-card:hover,.payroll-stat-card:hover,.stock-stat-card:hover,.request-stat-card:hover,.employee-stat-card:hover,.user-stat-card:hover,.district-stat-card:hover,.sector-stat-card:hover){background:#fff!important;border:0!important;box-shadow:0 2px 6px #0f172a12,0 18px 36px #0f172a1a!important;transform:translateY(-2px)!important}.content-area :where(.dashboard-card-icon,.stat-card-icon,.stat-icon,.et-stat-icon,.metric-icon,.summary-icon,.insight-icon,.um-stat__icon,.sa-stat__icon,.um-stat-icon,.sa-stat-icon){align-items:center!important;background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#0f766e!important;display:inline-flex!important;flex-shrink:0!important;height:auto!important;justify-content:center!important;min-width:0!important;padding:0!important;width:auto!important}.content-area :where(.dashboard-card-icon svg,.stat-card-icon svg,.stat-icon svg,.et-stat-icon svg,.metric-icon svg,.summary-icon svg,.insight-icon svg,.um-stat__icon svg,.sa-stat__icon svg,.um-stat-icon svg,.sa-stat-icon svg){stroke-width:2!important;height:26px!important;width:26px!important}.content-area :where(.dashboard-card-content,.stat-card-content,.stat-content,.stat-card-body,.et-stat-meta,.metric-content,.summary-content,.insight-content){display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:5px!important;height:auto!important;justify-content:flex-start!important;min-width:0!important;padding:0!important}.content-area :where(.um-stat,.sa-stat){flex-direction:column!important;gap:8px!important}.content-area :where(.dashboard-card-title,.stat-card-title,.stat-label,.et-stat-label,.metric-label,.summary-label,.insight-label,.um-stat__label,.sa-stat__label,.um-stat-label,.sa-stat-label){color:#64748b!important;font-size:13px!important;font-weight:650!important;letter-spacing:0!important;line-height:1.25!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.content-area :where(.dashboard-card-value,.stat-card-value,.stat-value,.stat-number,.et-stat-value,.metric-value,.summary-value,.insight-value,.um-stat__value,.sa-stat__value,.um-stat-value,.sa-stat-value){color:#0f172a!important;font-size:30px!important;font-weight:800!important;letter-spacing:0!important;line-height:1.05!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.content-area :where(.dashboard-card-description,.stat-card-description,.stat-description,.metric-description,.summary-description,.insight-description,.um-stat__sub,.sa-stat__sub,.sa-stat-description){color:#64748b!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;line-height:1.35!important;margin:1px 0 0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.content-area :where(.stat-card-header,.dashboard-card-header){display:contents!important}.content-area :where(.stat-card-trend,.trend-badge,.trend-chip,.card-divider,.stat-divider,.skeleton-line,.placeholder-line){display:none!important}@media (max-width:767px){.content-area :where(.dashboard-card,.stats-grid .stat-card,.stat-card,.et-stat-card,.metric-card,.summary-card,.insight-item,.um-stat,.sa-stat,.um-stat-card,.sa-stat-card,.settings-stat-card,.reports-stat-card,.payroll-stat-card,.stock-stat-card,.request-stat-card,.employee-stat-card,.user-stat-card,.district-stat-card,.sector-stat-card){gap:14px!important;min-height:118px!important;padding:16px!important}.content-area :where(.dashboard-card-icon,.stat-card-icon,.stat-icon,.et-stat-icon,.metric-icon,.summary-icon,.insight-icon,.um-stat__icon,.sa-stat__icon,.um-stat-icon,.sa-stat-icon){height:auto!important;min-width:0!important;width:auto!important}.content-area :where(.dashboard-card-value,.stat-card-value,.stat-value,.stat-number,.et-stat-value,.metric-value,.summary-value,.insight-value,.um-stat__value,.sa-stat__value,.um-stat-value,.sa-stat-value){font-size:26px!important}.content-area :where(.dashboard-card-title,.stat-card-title,.stat-label,.et-stat-label,.metric-label,.summary-label,.insight-label,.um-stat__label,.sa-stat__label,.um-stat-label,.sa-stat-label){font-size:12px!important}}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) :where(.dashboard-card,.stats-grid .stat-card,.stat-card,.et-stat-card,.metric-card,.summary-card,.sa-stat,.um-stat){align-items:flex-start!important;background:#fff!important;border:0!important;border-radius:16px!important;box-shadow:0 1px 2px #0f172a0d,0 12px 28px #0f172a14!important;display:flex!important;flex-direction:column!important;gap:18px!important;justify-content:flex-start!important;min-height:146px!important;outline:0!important;overflow:hidden!important;padding:20px!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) :where(.dashboard-card,.stats-grid .stat-card,.stat-card,.et-stat-card,.metric-card,.summary-card,.sa-stat,.um-stat):hover{background:#fff!important;border:0!important;box-shadow:0 2px 6px #0f172a12,0 18px 36px #0f172a1c!important;outline:0!important;transform:translateY(-2px)!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) :where(.dashboard-card-icon,.stat-card-icon,.stat-icon,.et-stat-icon,.metric-icon,.summary-icon,.sa-stat-icon,.um-stat-icon){background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;height:auto!important;margin:0!important;min-width:0!important;outline:0!important;padding:0!important;width:auto!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) :where(.dashboard-card-title,.dashboard-card-value,.dashboard-card-description,.dashboard-card-description span,.stat-card-title,.stat-card-value,.stat-card-description,.stat-card-description span,.stat-label,.stat-value,.stat-number,.stat-description,.et-stat-label,.et-stat-value,.metric-label,.metric-value,.metric-description,.summary-label,.summary-value,.summary-description,.sa-stat-label,.sa-stat-value,.sa-stat-description,.um-stat-label,.um-stat-value){background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;min-height:0!important;outline:0!important;padding:0!important;width:auto!important}.content-area :where(.supervisor-dashboard,.teamleader-dashboard,.superadmin-dashboard,.admin-dashboard,.storekeeper-dashboard,.shopkeeper-dashboard,.accountant-dashboard) :where(.dashboard-card-content,.stat-card-content,.stat-card-body,.stat-content,.et-stat-meta,.metric-content,.summary-content){background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;outline:0!important;padding:0!important;width:100%!important}
/*# sourceMappingURL=main.be6184a9.css.map*/