@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&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)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}--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{::-webkit-file-upload-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}*,::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%}::-webkit-file-upload-button{font-feature-settings:inherit;background-color:initial;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::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{-webkit-padding-start:20px;padding-inline-start:20px}::-webkit-file-upload-button{-webkit-margin-end:4px;margin-inline-end:4px}::file-selector-button{-webkit-margin-end:4px;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}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities}@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-primary-light:var(--primary-light);--color-primary-dark:var(--primary-dark);--color-primary-pale:var(--primary-pale);--color-success-light:var(--success-light);--color-success-dark:var(--success-dark);--color-warning-light:var(--warning-light);--color-warning-dark:var(--warning-dark);--color-destructive-light:var(--destructive-light);--color-destructive-dark:var(--destructive-dark);--color-info-light:var(--info-light);--color-info-dark:var(--info-dark);--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-bg);--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);--color-surface:var(--surface);--color-border-soft:var(--border-soft);--color-overlay:var(--overlay)}:root{--radius:8px;--background:#f8fafc;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--popover:#fff;--popover-foreground:#0f172a;--primary:#0f5132;--primary-foreground:#fff;--secondary:#2563eb;--secondary-foreground:#fff;--muted:#f1f5f9;--muted-foreground:#475569;--accent:#2563eb;--accent-foreground:#fff;--destructive:#dc2626;--destructive-foreground:#fff;--success:#0f5132;--success-foreground:#fff;--warning:#d97706;--warning-foreground:#fff;--info:#2563eb;--info-foreground:#fff;--border:#e2e8f0;--input:#e2e8f0;--ring:#0f5132;--surface:#fff;--border-soft:#0f172a0f;--overlay:#0f172a80;--primary-light:#dcfce7;--primary-dark:#0f5132;--primary-pale:#dcfce7;--success-light:#dcfce7;--success-dark:#0f5132;--warning-light:#fffbeb;--warning-dark:#b45309;--destructive-light:#fef2f2;--destructive-dark:#b91c1c;--info-light:#dbeafe;--info-dark:#1d4ed8;--chart-1:#0f5132;--chart-2:#2563eb;--chart-3:#16a34a;--chart-4:#1d4ed8;--chart-5:#dcfce7;--sidebar-bg:#0f5132;--sidebar-foreground:#e2e8f0;--sidebar-primary:#0f5132;--sidebar-primary-foreground:#fff;--sidebar-accent:#dcfce7;--sidebar-accent-foreground:#0f5132;--sidebar-border:#ffffff0f;--sidebar-ring:#0f5132;--gradient-primary:linear-gradient(135deg,#16a34a,#15803d);--gradient-secondary:linear-gradient(135deg,#2563eb,#1d4ed8);--gradient-accent:linear-gradient(135deg,#2563eb,#1d4ed8);--shadow-xs:0 1px 1px #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;--shadow-glow:0 0 20px #0f51322e;--font-display:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--tl-primary:#0f5132;--tl-primary-light:#16a34a;--tl-primary-dark:#0b3d26;--tl-primary-50:#f0fdf4;--tl-primary-100:#dcfce7;--tl-primary-200:#bbf7d0;--tl-primary-300:#86efac;--tl-primary-400:#4ade80;--tl-primary-500:#22c55e;--tl-secondary:#0f7a4f;--tl-secondary-light:#10b981;--tl-secondary-dark:#0a5c3a;--tl-secondary-50:#ecfdf5;--tl-secondary-100:#d1fae5;--tl-secondary-200:#a7f3d0;--tl-secondary-300:#6ee7b7;--tl-secondary-400:#34d399;--tl-success:#0f5132;--tl-success-light:#dcfce7;--tl-success-dark:#0b3d26;--tl-warning:#d97706;--tl-warning-light:#fffbeb;--tl-warning-dark:#b45309;--tl-danger:#dc2626;--tl-danger-light:#fef2f2;--tl-danger-dark:#b91c1c;--tl-info:#2563eb;--tl-info-light:#eff6ff;--tl-info-dark:#1d4ed8;--tl-bg:#f8fafc;--tl-surface:#fff;--tl-border:#e2e8f0;--tl-border-soft:#f1f5f9;--tl-text:#0f172a;--tl-text-secondary:#475569;--tl-text-muted:#94a3b8;--tl-shadow-sm:0 1px 3px #0f172a0f;--tl-shadow-md:0 4px 12px #0f172a0f;--tl-shadow-lg:0 10px 25px -5px #0f172a14;--tl-shadow-xl:0 20px 50px -12px #0f172a1f;--tl-radius-sm:8px;--tl-radius-md:12px;--tl-radius-lg:16px;--tl-radius-xl:20px;--tl-radius-2xl:24px;--tl-transition:0.25s cubic-bezier(0.16,1,0.3,1);--tl-transition-bounce:0.4s cubic-bezier(0.34,1.56,0.64,1);--tl-gradient-primary:linear-gradient(135deg,#16a34a,#0f5132);--tl-gradient-secondary:linear-gradient(135deg,#22c55e,#15803d);--tl-gradient-blue-green:linear-gradient(135deg,#0f5132,#2563eb)}.dark{--tl-bg:#0f172a;--tl-surface:#1e293b;--tl-border:#334155;--tl-border-soft:#334155;--tl-text:#f1f5f9;--tl-text-secondary:#94a3b8;--tl-text-muted:#64748b;--tl-shadow-sm:0 1px 3px #0000004d;--tl-shadow-md:0 4px 12px #00000057;--tl-shadow-lg:0 10px 25px #0000006b;--tl-shadow-xl:0 20px 50px #0000007a;--background:#0f172a;--foreground:#f1f5f9;--card:#1e293b;--card-foreground:#f1f5f9;--popover:#1e293b;--popover-foreground:#f1f5f9;--primary:#0f5132;--primary-foreground:#fff;--secondary:#2563eb;--secondary-foreground:#fff;--muted:#1e293b;--muted-foreground:#94a3b8;--accent:#2563eb;--accent-foreground:#fff;--destructive:#f87171;--destructive-foreground:#0f172a;--success:#0f5132;--success-foreground:#fff;--warning:#fbbf24;--warning-foreground:#0f172a;--info:#2563eb;--info-foreground:#fff;--border:#334155;--input:#334155;--ring:#0f5132;--surface:#1e293b;--border-soft:#ffffff0f;--overlay:#0009;--primary-light:#dcfce7;--primary-dark:#0f5132;--primary-pale:#dcfce7;--success-light:#dcfce7;--success-dark:#0f5132;--warning-light:#fffbeb;--warning-dark:#b45309;--destructive-light:#fef2f2;--destructive-dark:#b91c1c;--info-light:#dbeafe;--info-dark:#1d4ed8;--chart-1:#0f5132;--chart-2:#2563eb;--chart-3:#16a34a;--chart-4:#1d4ed8;--chart-5:#dcfce7;--sidebar-bg:#0f5132;--sidebar-foreground:#e2e8f0;--sidebar-primary:#0f5132;--sidebar-primary-foreground:#fff;--sidebar-accent:#dcfce7;--sidebar-accent-foreground:#0f5132;--sidebar-border:#ffffff0a;--sidebar-ring:#0f5132;--gradient-primary:linear-gradient(135deg,#0f5132,#16a34a);--gradient-secondary:linear-gradient(135deg,#2563eb,#1d4ed8);--gradient-accent:linear-gradient(135deg,#2563eb,#1d4ed8);--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;--shadow-2xl:0 24px 64px #0000008f;--shadow-glow:0 0 30px #0f513259}*{border-color:var(--color-border)}body{font-feature-settings:"rlig" 1,"calt" 1}:root{--mfs-radius-sm:8px;--mfs-radius-md:12px;--mfs-radius-lg:16px;--mfs-radius-xl:20px;--mfs-radius-2xl:24px;--mfs-space-xs:4px;--mfs-space-sm:8px;--mfs-space-md:12px;--mfs-space-lg:16px;--mfs-space-xl:24px;--mfs-space-2xl:32px;--mfs-font-xs:11px;--mfs-font-sm:13px;--mfs-font-base:14px;--mfs-font-lg:16px;--mfs-font-xl:18px;--mfs-font-2xl:22px;--mfs-font-3xl:28px;--mfs-shadow-card:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--mfs-shadow-elevated:0 4px 16px #0f172a14,0 2px 6px #0f172a0d;--mfs-shadow-modal:0 20px 52px #0f172a24,0 8px 20px #0f172a14;--mfs-touch-target:44px}body{-webkit-font-smoothing:antialiased}.mfs-layout{background:var(--background);background:var(--background,var(--background));min-height:100vh;min-height:100dvh;overflow-x:hidden}.mfs-content,.mfs-layout{display:flex;max-width:100vw;width:100%}.mfs-content{flex:1 1;flex-direction:column;margin-left:0;min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.mfs-main{flex:1 1;margin-top:52px;overflow-x:hidden;overflow-y:auto;padding:12px 12px calc(100px + env(safe-area-inset-bottom, 0px))}.mfs-main>*{max-width:100%}.mfs-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0f172a0a;gap:8px;height:52px;justify-content:space-between;left:0;padding:0 12px;position:fixed;right:0;top:0}.mfs-topbar,.mfs-topbar-left{align-items:center;display:flex}.mfs-topbar-left{flex:1 1;gap:10px}.mfs-topbar-title{font-size:15px;letter-spacing:-.02em;margin:0;max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfs-topbar-right{gap:6px}.mfs-topbar-right .prd{max-width:44px;overflow:visible}.mfs-topbar-right .prd-trigger{padding:2px}.mfs-topbar-right .prd-chevron{display:none}.mfs-menu-btn{align-items:center;background:var(--muted);border:none;border-radius:12px;color:var(--muted-foreground);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .15s ease;width:44px}.mfs-menu-btn:active{background:var(--border);transform:scale(.95)}.mfs-sidebar{-webkit-overflow-scrolling:touch;background:var(--primary);bottom:0;box-shadow:4px 0 24px #0f513259;color:var(--sidebar-foreground);display:flex;flex-direction:column;left:0;max-width:calc(100vw - 40px);overflow-y:auto;overscroll-behavior:contain;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);width:300px;z-index:100}.mfs-sidebar--open{transform:translateX(0)}.mfs-sidebar-overlay{animation:mfsFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;inset:0;position:fixed;z-index:95}.mfs-sidebar-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:12px}.mfs-sidebar-logo{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;margin:0}.mfs-sidebar-logo-img{height:32px;object-fit:cover;width:32px}.mfs-sidebar-logo-green{color:var(--tl-secondary-200);font-weight:750}.mfs-sidebar-logo-white{color:#60a5fa;font-weight:600}.mfs-sidebar-close{align-items:center;background:#ffffff14;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:auto;min-height:44px;min-width:44px;width:36px}.mfs-sidebar-close:active{background:#ef444426;color:#fca5a5}.mfs-sidebar-role{align-self:flex-start;background:#ffffff0f;color:#ffffff80;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.08em;margin:0 16px 6px;padding:3px 10px;text-transform:uppercase}.mfs-sidebar-nav{flex:1 1;overflow-y:auto;padding:8px 10px}.mfs-sidebar-item{align-items:center;border-radius:12px;color:#fff9;display:flex;margin-bottom:2px;min-height:44px;padding:11px 12px;text-decoration:none;transition:all .15s ease}.mfs-sidebar-item:active{background:#ffffff14;color:#fff}.mfs-sidebar-item--active:before{background:linear-gradient(180deg,var(--tl-primary-300),var(--tl-secondary-400));height:60%}.mfs-sidebar-item-icon{align-items:center;display:flex;flex-shrink:0;opacity:.7}.mfs-sidebar-item--active .mfs-sidebar-item-icon{color:var(--tl-secondary-200)}.mfs-sidebar-item-badge{background:linear-gradient(135deg,#4ade80,var(--tl-primary-light));border-radius:12px;color:#fff;font-size:10px;font-weight:700;margin-left:auto;min-width:18px;padding:2px 7px;text-align:center}.mfs-sidebar-footer{border-top:1px solid #ffffff0f;padding:12px 16px}.mfs-sidebar-user{align-items:center;background:#ffffff08;display:flex;gap:10px;padding:10px 12px}.mfs-sidebar-user-label{color:#ffffff59;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.mfs-sidebar-user-name{color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfs-cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;max-width:100%;width:100%}.mfs-card{background:#fff;border:1px solid var(--border);box-shadow:0 1px 3px #0f172a0d;max-width:100%;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100%}.mfs-card:active{transform:scale(.99)}.mfs-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:16px 20px 0}.mfs-card-title{align-items:center;color:var(--foreground);display:flex;font-size:16px;font-weight:700;gap:8px;letter-spacing:-.01em;margin:0}.mfs-card-body{padding:16px 20px}.mfs-card-footer{align-items:center;background:var(--muted);border-top:1px solid var(--muted);display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.mfs-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:100%;width:100%}.mfs-stat{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 3px #0f172a0a;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.mfs-stat:before{border-radius:14px 14px 0 0;content:"";left:0;position:absolute;right:0;top:0}.mfs-stat--primary:before{background:linear-gradient(90deg,var(--primary),var(--tl-primary-light))}.mfs-stat--success:before{background:linear-gradient(90deg,#059669,var(--tl-secondary-400))}.mfs-stat--warning:before{background:linear-gradient(90deg,var(--warning),#fbbf24)}.mfs-stat--danger:before{background:linear-gradient(90deg,var(--destructive),#f87171)}.mfs-stat--info:before{background:linear-gradient(90deg,var(--info),#60a5fa)}.mfs-stat--neutral:before{background:#cbd5e1}.mfs-stat:hover{box-shadow:0 8px 28px #0f172a12,0 2px 8px #0f172a08}.mfs-stat-row{gap:12px}.mfs-stat-icon,.mfs-stat-row{align-items:center;display:flex}.mfs-stat-icon{justify-content:center}.mfs-stat-icon--primary{background:var(--primary-light);color:var(--primary)}.mfs-stat-icon--success{background:var(--tl-secondary-50);color:#059669}.mfs-stat-icon--warning{background:var(--warning-light);color:var(--warning)}.mfs-stat-icon--danger{background:var(--destructive-light);color:var(--destructive)}.mfs-stat-icon--info{background:var(--info-light);color:var(--info)}.mfs-stat-icon--neutral{background:var(--muted);color:var(--muted-foreground)}.mfs-stat-info{flex:1 1;min-width:0}.mfs-stat-value{color:var(--foreground);font-size:22px}.mfs-stat-label{color:var(--muted-foreground);margin-top:2px;text-transform:uppercase}@media (max-width:767px){.mfs-table-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 3px #0f172a0a;margin-bottom:12px;padding:16px}.mfs-table-card-row{align-items:center;border-bottom:1px solid var(--muted);display:flex;gap:12px;justify-content:space-between;min-height:44px;padding:8px 0}.mfs-table-card-row:last-child{border-bottom:none}.mfs-table-card-label{color:var(--muted-foreground);flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.mfs-table-card-value{color:var(--foreground);font-size:14px;font-weight:600;overflow:hidden;text-align:right;text-overflow:ellipsis}}.mfs-table-responsive{-webkit-overflow-scrolling:touch;border-radius:16px;overflow-x:auto;width:100%}.mfs-form-group{margin-bottom:18px;max-width:100%;width:100%}.mfs-form-label{color:var(--foreground);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.mfs-form-input,.mfs-form-select,.mfs-form-textarea{-webkit-appearance:none;appearance:none;background:#fff;border:1.5px solid var(--border);border-radius:12px;color:var(--foreground);font-family:inherit;font-size:16px;min-height:48px;padding:12px 16px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.mfs-form-input:focus,.mfs-form-select:focus,.mfs-form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f51321a;outline:none}.mfs-form-input::placeholder{color:var(--tl-text-muted)}.mfs-form-textarea{min-height:100px;resize:vertical}.mfs-form-error{align-items:center;color:var(--destructive);display:flex;font-size:12px;gap:4px;margin-top:4px}.mfs-form-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px;width:100%}.mfs-btn{align-items:center;border:1.5px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;gap:8px;justify-content:center;line-height:1;min-height:48px;padding:0 20px;text-decoration:none;transition:all .15s ease;white-space:nowrap}.mfs-btn:active{transform:scale(.97)}.mfs-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.mfs-btn--primary{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px #0f513240;color:#fff}.mfs-btn--primary:active{background:var(--tl-primary-dark)}.mfs-btn--secondary{background:#fff;border-color:var(--border);color:var(--foreground)}.mfs-btn--secondary:active{background:var(--background)}.mfs-btn--danger{background:var(--destructive);border-color:var(--destructive);color:#fff}.mfs-btn--danger:active{background:var(--destructive-dark)}.mfs-btn--ghost{background:#0000;border-color:#0000;color:var(--muted-foreground)}.mfs-btn--ghost:active{background:var(--muted)}.mfs-btn--sm{border-radius:12px;min-height:36px;padding:0 12px}.mfs-btn--xs{border-radius:8px;min-height:32px}.mfs-btn--full{width:100%}.mfs-btn--icon{border-radius:12px;height:48px;padding:0;width:48px}.mfs-badge{border-radius:8px;font-weight:700;gap:4px;letter-spacing:.03em;line-height:1;padding:4px 10px;text-transform:uppercase}.mfs-badge--success{background:var(--primary-light);color:var(--primary)}.mfs-badge--warning{background:var(--warning-light);color:var(--warning-dark)}.mfs-badge--danger{background:var(--destructive-light);color:var(--destructive)}.mfs-badge--info{background:var(--info-light);color:var(--info-dark)}.mfs-badge--neutral{background:var(--muted);color:var(--muted-foreground)}.mfs-badge--pill{border-radius:999px;padding:3px 12px}.mfs-empty{align-items:center;color:var(--tl-text-muted);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.mfs-empty-icon{margin-bottom:12px;opacity:.5}.mfs-empty-title{color:var(--foreground);font-size:16px;font-weight:700;margin:0 0 4px}.mfs-empty-text{color:var(--muted-foreground);font-size:13px;margin:0}.mfs-skeleton{animation:mfsShimmer 1.5s infinite;background:linear-gradient(90deg,var(--muted) 25%,#e8ecf0 50%,var(--muted) 75%);background-size:200% 100%;border-radius:8px}@keyframes mfsShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes mfsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mfsSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mfs-animate-in{animation:mfsSlideUp .3s cubic-bezier(.16,1,.3,1) forwards}.mfs-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;max-width:100%;width:100%}.mfs-search{background:#fff;border:1.5px solid var(--border);border-radius:12px;color:var(--foreground);font-family:inherit;font-size:16px;min-height:48px;padding:0 16px 0 56px;transition:border-color .15s ease;width:100%}.mfs-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f51321a;outline:none}.mfs-search-wrap{position:relative;width:100%}.mfs-search-icon{color:#2563eb;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.mfs-filter-row{display:flex;flex-wrap:wrap;gap:8px;width:100%}.mfs-filter-row>*{flex:1 1;min-width:0}.mfs-modal-overlay{align-items:flex-end;animation:mfsFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}@media (min-width:768px){.mfs-modal-overlay{align-items:center}}.mfs-modal{animation:mfsSlideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:24px 24px 0 0;max-height:92vh;max-height:92dvh;max-width:100vw;overflow-y:auto;padding:24px 20px calc(20px + env(safe-area-inset-bottom, 0px));width:100%}@media (min-width:768px){.mfs-modal{border-radius:24px;max-height:85vh;max-height:85dvh;max-width:520px}}.mfs-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.mfs-modal-title{color:var(--foreground);margin:0}.mfs-modal-close{background:var(--muted);border-radius:12px;color:var(--muted-foreground);height:44px;width:44px}.mfs-modal-close:active,.mfs-modal-handle{background:var(--border)}.mfs-modal-handle{border-radius:2px;display:block;height:4px;margin:-8px auto 16px;width:36px}@media (min-width:768px){.mfs-modal-handle{display:none}}.mfs-emp-header{align-items:center;background:linear-gradient(135deg,var(--tl-primary-50),var(--background));border-bottom:1px solid var(--border);display:flex;gap:12px;padding:16px 20px}.mfs-emp-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--tl-primary-light));border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;min-width:48px;width:48px}.mfs-emp-info{flex:1 1;min-width:0}.mfs-emp-name{color:var(--foreground);font-size:16px;font-weight:700;text-transform:capitalize}.mfs-emp-sub{color:var(--muted-foreground);font-size:12px;margin-top:1px}.mfs-emp-badge{margin-left:auto}.mfs-emp-details{display:flex;flex-direction:column;gap:10px;padding:14px 20px}.mfs-emp-row{align-items:center;border-bottom:1px solid var(--muted);display:flex;justify-content:space-between;padding:6px 0}.mfs-emp-row:last-child{border-bottom:none}.mfs-emp-label{color:var(--muted-foreground);font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.mfs-emp-value{color:var(--foreground);font-size:14px;font-weight:600;text-align:right}.mfs-emp-actions{grid-gap:8px;border-top:1px solid var(--muted);display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:14px 20px}.mfs-status-dot{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:6px}.mfs-status-dot:before{border-radius:50%;content:"";height:8px;width:8px}.mfs-status-dot--present:before{background:var(--tl-primary-light)}.mfs-status-dot--absent:before{background:var(--destructive)}.mfs-status-dot--late:before{background:var(--warning)}.mfs-status-dot--halfday:before{background:var(--info)}.mfs-status-dot--pending:before{background:var(--tl-text-muted)}.mfs-status-dot--approved:before{background:var(--tl-primary-light)}.mfs-status-dot--rejected:before{background:var(--destructive)}.mfs-page-header{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;max-width:100%;width:100%}.mfs-page-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.mfs-page-title{align-items:center;color:var(--foreground);display:flex;font-size:22px;gap:10px;margin:0}.mfs-page-subtitle{color:var(--muted-foreground);font-size:13px;line-height:1.5;margin:0}.mfs-tabs{-webkit-overflow-scrolling:touch;background:var(--muted);border-radius:12px;display:flex;gap:4px;overflow-x:auto;padding:4px;width:100%}.mfs-tab{background:#0000;border:none;border-radius:8px;color:var(--muted-foreground);cursor:pointer;flex:1 1;font-family:inherit;font-weight:600;min-width:0;padding:10px 16px;text-align:center;transition:all .15s ease;white-space:nowrap}.mfs-tab--active{background:#fff;box-shadow:0 1px 3px #0f172a14;color:var(--foreground)}.mfs-divider{background:var(--border);height:1px;margin:16px 0;width:100%}.mfs-actions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;max-width:100%;width:100%}.mfs-action-card{align-items:center;background:#fff;border:1px solid var(--border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:80px;padding:20px 12px;text-decoration:none;transition:all .15s ease}.mfs-action-card:active{background:var(--background);box-shadow:0 1px 3px #0f172a0f;transform:scale(.97)}.mfs-action-icon{align-items:center;background:var(--tl-primary-50);border-radius:12px;color:var(--primary);display:flex;height:44px;justify-content:center;width:44px}.mfs-action-label{color:var(--foreground);font-size:12px;font-weight:600;line-height:1.2;text-align:center}.mfs-alert{align-items:flex-start;display:flex;line-height:1.5;margin-bottom:12px}.mfs-alert--success{background:var(--primary-light);border:1px solid #bbf7d0;color:var(--primary)}.mfs-alert--warning{background:var(--warning-light);border:1px solid #fde68a;color:var(--warning-dark)}.mfs-alert--danger{background:var(--destructive-light);border:1px solid #fecaca;color:var(--destructive)}.mfs-alert--info{background:var(--info-light);border:1px solid #bfdbfe;color:var(--info-dark)}@media (min-width:768px){.mfs-topbar{height:56px;padding:0 20px}.mfs-topbar-title{font-size:16px}.mfs-topbar-right{max-width:none}.topbar-clock{display:flex}.mfs-main{margin-top:56px;padding:20px}.mfs-cards-grid{grid-template-columns:repeat(2,1fr)}.mfs-stats{gap:12px;grid-template-columns:repeat(3,1fr)}.mfs-filters{align-items:flex-end;flex-direction:row;gap:12px}.mfs-search-wrap{flex:1 1}.mfs-filter-row{width:auto}.mfs-filter-row>*{flex:initial;min-width:180px}.mfs-form-actions{flex-direction:row;justify-content:flex-end}.mfs-form-actions .mfs-btn{min-width:120px;width:auto}.mfs-actions-grid,.mfs-emp-actions{grid-template-columns:repeat(3,1fr)}.mfs-page-title{font-size:24px}}@media (min-width:1024px){.mfs-layout{display:flex}.mfs-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(0);width:260px;z-index:90}.mfs-sidebar-overlay{display:none}.mfs-content{margin-left:260px;max-width:calc(100vw - 260px)}.mfs-topbar{height:60px;left:260px;padding:0 24px}.mfs-main{margin-top:60px;padding:24px 32px}.mfs-menu-btn{display:none}.mfs-cards-grid{grid-template-columns:repeat(3,1fr)}.mfs-stats{gap:16px;grid-template-columns:repeat(4,1fr)}.mfs-stat{padding:20px}.mfs-stat-value{font-size:28px}.mfs-stat-icon{height:48px;min-width:48px;width:48px}.mfs-actions-grid,.mfs-emp-actions{grid-template-columns:repeat(4,1fr)}.mfs-page-title{font-size:28px}}@media (min-width:1280px){.mfs-sidebar{width:280px}.mfs-content{margin-left:280px;max-width:calc(100vw - 280px)}.mfs-topbar{left:280px}.mfs-main{max-width:1200px;padding:24px 40px}.mfs-cards-grid{grid-template-columns:repeat(3,1fr)}.mfs-stats{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dark .mfs-action-card,.dark .mfs-card,.dark .mfs-form-input,.dark .mfs-form-select,.dark .mfs-form-textarea,.dark .mfs-modal,.dark .mfs-search,.dark .mfs-stat,.dark .mfs-table-card{background:var(--tl-surface);border-color:#334155}.dark .mfs-card-title,.dark .mfs-emp-name,.dark .mfs-emp-value,.dark .mfs-page-title,.dark .mfs-stat-value,.dark .mfs-table-card-value,.dark .mfs-topbar-title{color:var(--foreground)}.dark .mfs-topbar{background:#1e293bfa;border-color:#334155}.dark .mfs-emp-label,.dark .mfs-stat-label,.dark .mfs-table-card-label{color:var(--tl-text-muted)}.dark .mfs-emp-header{background:linear-gradient(135deg,#1a2e1e,var(--tl-surface));border-color:#334155}.dark .mfs-emp-row{border-color:#334155}.dark .mfs-action-label,.dark .mfs-form-label{color:#cbd5e1}.dark .mfs-action-icon{background:#0f51324d}.dark .mfs-empty-title{color:var(--tl-text-muted)}.mfs-page{min-height:100%}.mfs-page,.mfs-page-content{display:flex;flex-direction:column;max-width:100%;width:100%}.mfs-page-content{padding:16px}.mfs-stat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;width:100%}.mfs-card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;width:100%}.mfs-card-grid.mfs-cols-2{grid-template-columns:1fr 1fr}.mfs-card-grid.mfs-cols-3{grid-template-columns:repeat(3,1fr)}.mfs-card-grid.mfs-cols-5{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.mfs-filter-bar{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 3px #0f172a0a;gap:12px;padding:12px 16px;width:100%}.mfs-filter-bar,.mfs-page-actions{align-items:center;display:flex;flex-wrap:wrap}.mfs-page-actions{gap:8px}.mfs-pagination{gap:8px;justify-content:center;padding:16px 0}.dark .mfs-filter-bar{background:var(--tl-surface);border-color:#334155}@media (max-width:479px){.mfs-card-grid.mfs-cols-2,.mfs-card-grid.mfs-cols-3,.mfs-card-grid.mfs-cols-5,.mfs-stat-grid{grid-template-columns:1fr}}@media (min-width:768px){.mfs-page-content{padding:20px 24px}.mfs-filter-bar,.mfs-page-actions{flex-wrap:nowrap}}.dark .mfs-sidebar{background:#0a3a22}@media (min-width:1024px){:root{--desk-content-max:1280px;--desk-content-pad:32px;--desk-gap:24px;--desk-card-pad:24px}.mfs-main{align-items:stretch;display:flex;flex-direction:column;padding:28px 32px 32px;padding:28px var(--desk-content-pad,32px) 32px;width:100%}.mfs-main>*{margin-left:auto;margin-right:auto;max-width:1280px;max-width:var(--desk-content-max,1280px);width:100%}.mfs-main>.dash-chart-card,.mfs-main>.dash-charts-grid,.mfs-main>.data-table-wrapper,.mfs-main>.ds-dashboard-kpi,.mfs-main>.premium-table-container,.mfs-main>.table-wrapper,.mfs-main>[class*=chart]{max-width:100%}.mfs-content,.mfs-layout{background:#f6f8fc}}@media (min-width:1280px){.mfs-main{padding:32px 40px 40px}}@media (min-width:1024px){.mfs-topbar{background:#fffffff5;border-bottom:1px solid var(--border);box-shadow:0 1px 4px #0f172a0a;gap:16px;height:64px;padding:0 32px}.mfs-topbar-left{gap:16px}.mfs-topbar-title{color:var(--foreground);font-size:18px;font-weight:700;letter-spacing:-.02em;max-width:none}.mfs-topbar-right{gap:12px}.mfs-topbar-breadcrumb{align-items:center;color:var(--tl-text-muted);display:flex;font-size:13px;font-weight:500;gap:8px}.mfs-topbar-breadcrumb svg{color:var(--tl-text-muted);flex-shrink:0}.mfs-topbar-breadcrumb a{color:var(--muted-foreground);text-decoration:none;transition:color .15s ease}.mfs-topbar-breadcrumb a:hover{color:var(--primary)}.mfs-topbar-search{position:relative;transition:width .2s ease;width:240px}.mfs-topbar-search:focus-within{width:300px}.mfs-topbar-search input{background:var(--background);border:1px solid var(--border);border-radius:10px;color:var(--foreground);font-family:inherit;font-size:13px;height:36px;outline:none;padding:0 12px 0 44px;transition:all .2s ease;width:100%}.mfs-topbar-search input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #0f513214}.mfs-topbar-search input::placeholder{color:var(--tl-text-muted)}.mfs-topbar-topbar-clock{display:flex}.mfs-btn--xs{border-radius:8px;font-size:12px;min-height:32px;padding:0 10px}}@media (min-width:1280px){.mfs-topbar{height:68px;padding:0 40px}.mfs-topbar-title{font-size:20px}}@media (min-width:1024px){.mfs-sidebar{box-shadow:4px 0 32px #0f513233;transform:translateX(0);width:260px;z-index:90}.mfs-sidebar-header{padding:24px 20px 18px}.mfs-sidebar-logo{font-size:20px;gap:12px}.mfs-sidebar-logo-img{border-radius:10px;height:36px;width:36px}.mfs-sidebar-role{font-size:10px;margin:0 16px 10px;padding:4px 12px}.mfs-sidebar-close{display:none}.mfs-sidebar-nav{padding:12px}.mfs-sidebar-item{border-radius:10px;font-size:13px;font-weight:500;gap:12px;min-height:40px;padding:10px 14px;position:relative;transition:all .15s ease}.mfs-sidebar-item:hover{background:#ffffff14;color:#fff;transform:translateX(2px)}.mfs-sidebar-item--active{background:#ffffff1f;color:#fff;font-weight:600}.mfs-sidebar-item--active:before{background:linear-gradient(180deg,var(--tl-primary-300),var(--tl-secondary-400));border-radius:0 3px 3px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.mfs-sidebar-item-icon{align-items:center;display:flex;flex-shrink:0;opacity:.6;transition:opacity .15s ease}.mfs-sidebar-item:hover .mfs-sidebar-item-icon{opacity:1}.mfs-sidebar-item--active .mfs-sidebar-item-icon{color:var(--tl-secondary-200);opacity:1}.mfs-sidebar-item svg{height:18px;width:18px}.mfs-sidebar-footer{padding:14px 16px}.mfs-sidebar-user{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:10px 12px}.mfs-sidebar-user-name{font-size:12px;font-weight:600}}@media (min-width:1280px){.mfs-sidebar{width:280px}}@media (min-width:1024px) and (max-width:1279px){.mfs-stats,.stats-grid:not(.premium-stats-grid){gap:18px;grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.mfs-stats,.stats-grid:not(.premium-stats-grid){gap:22px;grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.cards-grid,.dashboard-grid,.et-stats,.metrics-grid,.mfs-stats,.sa-stats,.stats-grid,.summary-grid,.um-stats{align-items:stretch}.mfs-stat{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 3px #0f172a0a;display:flex;flex-direction:column;min-height:110px;padding:18px 20px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.mfs-stat:hover{border-color:color-mix(in srgb,var(--kpi-color,var(--primary)) 50%,var(--border));box-shadow:0 8px 28px #0f172a12,0 2px 8px #0f172a08;transform:translateY(-2px)}.mfs-stat-row{flex:1 1;gap:14px}.mfs-stat-icon,.mfs-stat-row{align-items:center;display:flex}.mfs-stat-icon{border-radius:10px;height:36px;justify-content:center;min-width:36px;transition:transform .3s cubic-bezier(.16,1,.3,1);width:36px}.mfs-stat:hover .mfs-stat-icon{transform:scale(1.06)}.mfs-stat-value{color:var(--foreground);font-size:1.35rem;font-weight:800;letter-spacing:-.03em;line-height:1.15}.mfs-stat-label{color:var(--muted-foreground);font-size:11px;font-weight:700;letter-spacing:.04em;margin-top:4px;text-transform:uppercase}.mfs-stat-info{flex:1 1;min-width:0}.mfs-stat:before{border-radius:14px 14px 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.mfs-stat:hover:before{opacity:1}.mfs-stat--primary:before{background:linear-gradient(90deg,var(--primary),var(--tl-primary-light))}.mfs-stat--success:before{background:linear-gradient(90deg,#059669,var(--tl-secondary-400))}.mfs-stat--warning:before{background:linear-gradient(90deg,var(--warning),#fbbf24)}.mfs-stat--danger:before{background:linear-gradient(90deg,var(--destructive),#f87171)}.mfs-stat--info:before{background:linear-gradient(90deg,var(--info),#60a5fa)}.mfs-stat--neutral:before{background:#cbd5e1}.stat-card{align-items:center;border-radius:14px;display:flex;gap:16px;min-height:110px;overflow:hidden;padding:18px 20px;position:relative}.stat-card:hover{box-shadow:0 8px 25px #0f172a14;transform:translateY(-3px)}.stat-value{font-size:28px}.stat-label{font-size:12px}.stat-icon{border-radius:14px;height:52px;min-width:52px;width:52px}.stat-icon svg{height:24px;width:24px}}@media (min-width:1280px){.mfs-stats,.stats-grid{gap:24px}.mfs-stat{min-height:140px;padding:24px}.mfs-stat-value{font-size:30px}}@media (min-width:1024px){.mfs-actions-grid,.premium-stats-grid,.quick-actions-grid{gap:18px;grid-template-columns:repeat(4,1fr)}.mfs-action-card{background:#fff;border:1px solid var(--border);border-radius:16px;min-height:140px;padding:24px 16px;transition:all .25s cubic-bezier(.16,1,.3,1)}.mfs-action-card:hover{border-color:#d1d5db;box-shadow:0 10px 25px #0f172a14;transform:translateY(-4px)}.mfs-action-icon{border-radius:14px;height:48px;transition:transform .25s ease;width:48px}.mfs-action-card:hover .mfs-action-icon{transform:scale(1.1)}.mfs-action-label{font-size:13px;font-weight:600}.mfs-cards-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.mfs-card{border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 3px #0f172a0a;transition:all .25s cubic-bezier(.16,1,.3,1)}.mfs-card:hover{box-shadow:0 8px 25px #0f172a14}.mfs-card-header{padding:20px 22px 0}.mfs-card-title{font-size:16px}.mfs-card-body{padding:18px 22px}.mfs-card-footer{padding:14px 22px}}@media (min-width:1280px){.mfs-cards-grid{gap:24px}}@media (min-width:1024px){.mfs-page-header{margin-bottom:24px}.mfs-page-title{font-size:26px;font-weight:800;gap:12px;letter-spacing:-.03em}.mfs-page-subtitle{color:var(--muted-foreground);font-size:14px;margin-top:4px}.dashboard-header,.page-header,.section-header{margin-bottom:24px}.page-header-title{font-size:26px}h3.mfs-page-title{font-size:18px;font-weight:700;margin-bottom:20px}.ad-sec-header,.section-title-row{font-size:15px;font-weight:700;margin-bottom:20px}.data-table-wrapper,.premium-table-container,.table-wrapper{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 3px #0f172a0a;overflow:hidden}.data-table,.premium-table,.table{border-collapse:initial;border-spacing:0;font-size:13px;min-width:auto;width:100%}.data-table th,.premium-table th,.table th{background:var(--background);border-bottom:2px solid var(--border);color:var(--muted-foreground);font-size:11px;font-weight:700;letter-spacing:.06em;padding:14px 20px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.data-table td,.premium-table td,.table td{border-bottom:1px solid var(--muted);color:var(--foreground);font-size:13px;font-weight:500;padding:14px 20px;vertical-align:middle}.data-table tbody tr,.premium-table tbody tr,.table tbody tr{transition:background .15s ease}.data-table tbody tr:hover,.premium-table tbody tr:hover,.table tbody tr:hover{background:#0f513208}.data-table tbody tr:last-child td,.premium-table tbody tr:last-child td,.table tbody tr:last-child td{border-bottom:none}.data-table-header{border-bottom:1px solid var(--border);padding:18px 22px}.data-table-search{max-width:300px}.data-table-pagination{border-top:1px solid var(--border);justify-content:space-between;padding:16px 22px}.data-table-pagination-info{color:var(--muted-foreground);font-size:13px}.data-table-pagination-btn{background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--muted-foreground);cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .15s ease}.data-table-pagination-btn:hover:not(:disabled){background:#0f51320a;border-color:var(--primary);color:var(--primary)}.data-table-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.data-table-pagination-btn--active{background:var(--primary);border-color:var(--primary);color:#fff}.data-table-pagination-btn--active:hover{background:var(--tl-primary-dark);color:#fff}.filter-box,.filter-card,.filters-card,.filters-panel{border-radius:16px;padding:24px}.filter-group,.form-group{min-width:200px}.form-input,.form-select,input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{border-radius:10px;font-size:13px;min-height:42px;padding:10px 16px}.form-label,label{font-size:12px;font-weight:700;margin-bottom:6px}.search-wrapper{flex:1 1 280px;max-width:360px}.credits-grid,.districts-grid,.employee-grid,.loans-grid,.premium-content-grid,.products-grid,.reports-grid,.requests-grid,.sectors-grid,.settings-grid,.stock-grid,.users-grid{gap:22px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}.desk-two-col{display:flex;flex-direction:column;gap:20px}@media (min-width:1024px){.desk-two-col{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.ad-cards-grid,.mfs-cards-grid.ad-insights-grid{grid-template-columns:repeat(3,1fr)}.ad-charts-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr 1fr}.ad-chart-body{height:280px}}@media (min-width:1280px){.ad-chart-body{height:320px}}@media (min-width:1024px){.ad-legends{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:8px 0 4px}.ad-leg-item{align-items:center;color:var(--muted-foreground);display:flex;font-size:12px;font-weight:600;gap:6px}.ad-leg-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.ad-leg-value{color:var(--foreground);font-weight:700}.badge,.mfs-badge,.role-badge,.status-badge{border-radius:999px;font-size:11px;padding:4px 12px}.mfs-empty{min-height:300px;padding:60px 24px}.mfs-empty-title{font-size:18px}.mfs-empty-text{font-size:14px}.excel-download-btn{font-size:13px;min-height:36px;padding:0 16px}.ad-sec{margin-bottom:28px}.ad-sec-header{align-items:center;color:var(--foreground);display:flex;font-size:15px;font-weight:700;gap:10px;margin-bottom:18px}.ad-sec-header svg{color:var(--primary);flex-shrink:0}.ad-sec-badge{background:var(--muted);color:var(--muted-foreground);letter-spacing:.04em;margin-left:auto;padding:3px 12px;text-transform:uppercase}.ad-sec-badge,.ad-stat-trend{border-radius:999px;font-size:11px;font-weight:700}.ad-stat-trend{align-items:center;display:inline-flex;gap:4px;padding:3px 10px;white-space:nowrap}.ad-trend-up{background:#05966914;color:#059669}.ad-trend-down{background:#dc262614;color:var(--destructive)}.mfs-filter-group--columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.ad-loading{align-items:center;color:var(--muted-foreground);display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:16px;justify-content:center;min-height:400px}.ad-loading-spinner{animation:deskSpin .6s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:32px;width:32px}}@media (min-width:1024px){@keyframes deskSpin{to{transform:rotate(1turn)}}}@media (min-width:1024px){.dark .mfs-action-card:hover,.dark .mfs-card:hover,.dark .mfs-stat:hover{border-color:var(--muted-foreground)}.dark .data-table-wrapper,.dark .table-wrapper{background:var(--tl-surface);border-color:#334155}.dark .data-table th,.dark .table th{background:var(--tl-surface);border-bottom-color:#334155;color:var(--tl-text-muted)}.dark .data-table td,.dark .table td{border-bottom-color:#334155;color:var(--tl-text)}.dark .data-table tbody tr:hover,.dark .table tbody tr:hover{background:#ffffff0a}.dark .data-table-header{border-bottom-color:#334155}.dark .data-table-pagination{border-top-color:#334155}}@media (min-width:1024px){@media (prefers-reduced-motion:reduce){.mfs-action-card,.mfs-card,.mfs-stat,.stat-card{transition:none}.mfs-action-card:hover,.mfs-card:hover,.mfs-stat:hover,.stat-card:hover{transform:none}}}@media (min-width:1024px){.mfs-page-content{margin:0 auto;max-width:1280px;max-width:var(--desk-content-max,1280px);padding:24px 32px}.mfs-stat-grid{gap:20px;grid-template-columns:repeat(4,1fr)}.mfs-card-grid{gap:24px}.mfs-filter-bar{border-radius:16px;padding:16px 24px}}.accountant-dashboard,.admin-dashboard,.create-request-container,.district-management,.employee-form-container,.page-content,.request-management,.salary-calculator-container,.sector-management,.shopkeeper-dashboard,.stock-management,.storekeeper-dashboard,.superadmin-dashboard,.superadmin-employees,.supervisor-dashboard,.teamleader-dashboard,.users-page{display:flex;flex-direction:column;gap:24px;max-width:100%;width:100%}.admin-header,.dashboard-header,.form-header,.management-header,.page-header,.profile-header,.report-header,.section-header,.settings-header,.users-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 0 4px;padding:0}.page-header-title{color:var(--color-foreground);font-size:clamp(1.5rem,1.2rem + .8vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0}.card-description,.description,.page-header-subtitle,.subtitle{color:var(--color-muted-foreground);font-size:14px;line-height:1.6;margin:4px 0 0;max-width:72ch}.card,.comment-card,.credit-card,.deduction-card,.district-card,.employee-card,.et-card,.et-stat-card,.filter-box,.filter-card,.filter-section,.filters-card,.insights-card,.loan-card,.metric-card,.notification-card,.notification-item,.payroll-card,.position-card,.product-card,.profile-card,.quick-action-card,.report-card,.request-card,.sa-card,.sector-card,.sector-group,.settings-card,.stat-card,.stock-card,.summary-card,.tool-card,.transactions-card,.um-card,.user-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-2xl,16px);box-shadow:var(--shadow-sm);color:var(--color-card-foreground);transition:box-shadow .25s ease,transform .25s ease}.card,.comment-card,.credit-card,.district-card,.employee-card,.et-card,.et-stat-card,.insights-card,.loan-card,.notification-item,.product-card,.profile-card,.quick-action-card,.report-card,.request-card,.sector-card,.sector-group,.settings-card,.stat-card,.stock-card,.summary-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,.notification-item:hover,.product-card:hover,.quick-action-card:hover,.request-card:hover,.sector-card:hover,.stat-card:hover,.stock-card:hover,.summary-card:hover,.user-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.card-content,.comment-card,.credit-card,.district-card,.employee-card,.et-card,.loan-card,.notification-item,.payroll-card,.product-card,.profile-card,.report-card,.request-card,.sa-card,.sector-card,.sector-group,.settings-card,.stock-card,.summary-card,.um-card,.user-card{padding:20px}.card-header,.data-table-header,.et-card-header,.modal-header,.section-title-row,.table-header-section{align-items:center;background:#0000;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;min-height:56px;padding:18px 24px}.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:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,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,.stock-stat-card,.um-stat-card,.user-stat-card{align-items:flex-start;display:flex;gap:16px;height:100%;min-height:120px;padding:20px}.et-stat-meta,.insight-content,.stat-card-body,.stat-card-content,.stat-content{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-width:0}.et-stat-value,.insight-value,.metric-value,.sa-stat-value,.stat-card-value,.stat-value,.um-stat-value{color:var(--color-foreground);font-size:clamp(1.5rem,1.1rem + 1vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;overflow-wrap:anywhere}.et-stat-label,.insight-label,.metric-label,.sa-stat-label,.stat-card-title,.stat-label,.um-stat-label{color:var(--color-muted-foreground);font-size:13px;font-weight:600;letter-spacing:.04em;line-height:1.3;margin:0;text-transform:uppercase}.et-stat-icon,.insight-icon,.quick-action-icon,.sa-stat-icon,.stat-icon,.um-stat-icon{align-items:center;background:var(--color-primary-light);border-radius:14px;color:var(--color-primary);display:inline-flex;flex-shrink:0;height:48px;justify-content:center;min-width:48px;padding:10px;width:48px}.et-stat-icon svg,.insight-icon svg,.quick-action-icon svg,.sa-stat-icon svg,.stat-icon svg,.um-stat-icon svg{height:22px;width:22px}.et-stat-icon--primary,.stat-card-success .stat-icon{background:var(--color-success-light);color:var(--color-success)}.stat-card-warning .stat-icon{background:var(--color-warning-light);color:var(--color-warning)}.stat-card-danger .stat-icon{background:var(--color-destructive-light);color:var(--color-destructive)}.stat-card-info .stat-icon{background:var(--color-info-light);color:var(--color-info)}.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,.sectors-grid,.settings-grid,.stock-grid,.um-grid,.users-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,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,.sector-filters,.settings-filters,.stock-filters,.toolbar,.um-filters,.user-filters{align-items:flex-end;background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-2xl,16px);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:12px;padding:20px}.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:12px}.filter-group,.form-group{display:flex;flex-direction:column;gap:6px;max-width:100%;min-width:220px}.search-wrapper{flex:1 1 280px;max-width:420px;position:relative}.search-icon{color:#2563eb}.form-input,.form-select,input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background:var(--color-card);border:1px solid var(--color-input);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 1px 3px #0f172a0f;color:var(--color-foreground);font-size:14px;line-height:1.5;min-height:44px;outline:none;padding:12px 16px;width:100%}.search-bar .search-input,.search-input[class*=search],.search-wrap .search-input,.search-wrapper .search-input{padding-left:44px}textarea{min-height:96px;resize:vertical}.form-input:focus,.form-select:focus,.search-input:focus,input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #0f51321a,0 4px 12px #0f513226}.form-label,label{color:var(--color-foreground);font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.3;margin-bottom:6px;text-transform:uppercase}.badge,.pill,.role-badge,.status,.status-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;justify-content:center;line-height:1.2;min-height:24px;padding:4px 10px;white-space:nowrap}.approved,.badge--success,.present,.status-active,.status-success{background:var(--color-success-light);border-color:#05966933;color:var(--color-success-dark)}.badge--warning,.late,.pending,.permission,.status-warning{background:var(--color-warning-light);border-color:#d9770633;color:var(--color-warning-dark)}.absent,.badge--danger,.rejected,.status-danger,.status-inactive{background:var(--color-destructive-light);border-color:#dc262626;color:var(--color-destructive-dark)}.badge--info,.badge--secondary,.status-info{background:var(--color-info-light);border-color:#2563eb26;color:var(--color-info-dark)}.badge--primary{background:var(--color-primary-light);border-color:#0f513226;color:var(--color-primary)}.data-table-wrapper,.table-container,.table-wrapper{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-2xl,16px);box-shadow:var(--shadow-sm);overflow-x:auto}.data-table,.table,table{background:linear-gradient(145deg,var(--color-card) 0,#fffffffa 100%);border-collapse:initial;border-spacing:0;color:var(--color-foreground);font-size:14px;width:100%}.data-table td,.data-table th,.table td,.table th,table td,table th{padding:14px 18px;vertical-align:middle}.data-table th,.table th,table th{background:linear-gradient(180deg,#f1f5f9cc,#fffffff2);border-bottom:2px solid var(--color-primary);color:var(--color-foreground);font-size:12px;font-weight:800;height:52px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.data-table td,.table td,table td{color:var(--color-foreground);font-size:14px;font-weight:500;height:48px;line-height:1.4}.data-table tbody tr,.table tbody tr,table tbody tr{background:var(--color-card);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.data-table tbody tr:hover,.table tbody tr:hover,table tbody tr:hover{background:var(--color-primary-light)}.dark .data-table tbody tr:hover,.dark .table tbody tr:hover,.dark table tbody tr:hover{background:#ffffff0a}.data-table tbody tr:last-child td,.table tbody tr:last-child td,table tbody tr:last-child td{border-bottom:none}.data-table-container{background:linear-gradient(to right,var(--color-card) 30%,#0000),linear-gradient(to left,var(--color-card) 30%,#0000);background-color:var(--color-card);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%;overflow-x:auto}.data-table-empty,.data-table-loading,.empty-state,.table-empty,.table-loading{align-items:center;color:var(--color-muted-foreground);display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;min-height:160px;padding:40px 24px;text-align:center}.data-table-empty-icon,.empty-icon,.table-empty-icon{font-size:40px;opacity:.4}.data-table-pagination,.pagination,.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:16px 0}.pagination-info{color:var(--color-muted-foreground);font-size:13px}.tabs{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:12px}.tab{background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-muted-foreground);cursor:pointer;font-size:14px;font-weight:600;min-height:38px;padding:8px 16px;transition:color .16s ease,background .16s ease,border-color .16s ease}.tab:hover{background:var(--color-muted);color:var(--color-foreground)}.tab--active,.tab.active{background:var(--color-primary-pale);border-color:var(--color-primary-light);color:var(--color-primary)}.alert,[role=alert]{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;font-size:14px;font-weight:500;gap:10px;padding:14px 18px}.avatar,.card-avatar,.employee-avatar,.et-avatar,.sa-avatar,.um-avatar,.user-avatar{align-items:center;background:var(--color-primary-light);border:1px solid var(--color-border);border-radius:50%;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}.avatar img,.card-avatar img,.employee-avatar img,.et-avatar img,.sa-avatar img,.um-avatar img,.user-avatar img{display:block;height:100%;object-fit:cover;width:100%}.data-table-loading-spinner,.loading-spinner,.spinner{animation:spin .7s linear infinite;border-color:var(--color-muted);border-radius:50%;border-style:solid;border-top-color:var(--color-primary)}.quick-action-card{grid-gap:10px;align-content:start;display:grid;gap:10px;grid-template-rows:auto auto 1fr auto;min-height:140px;padding:20px}.quick-action-title{font-size:15px;font-weight:700;margin:0}.quick-action-desc{color:var(--color-muted-foreground);font-size:13px;line-height:1.5;margin:0}.bulk-actions,.card-actions,.footer-actions,.form-actions,.modal-footer,.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}@media (min-width:1280px){.main-content--with-sidebar{margin-left:260px}.topbar{left:260px}}@media (max-width:1023px){.main-content--with-sidebar{margin-left:0}.topbar{left:0}}@media (max-width:767px){.admin-header,.dashboard-header,.form-header,.management-header,.page-header,.profile-header,.report-header,.settings-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:12px;grid-template-columns:repeat(2,1fr)}.et-stat-card,.stat-card{min-height:100px;padding:16px}.action-row,.filter-row,.filters-row,.form-row,.search-filter-row{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:var(--radius);margin:12px 0;max-width:100%;overflow-x:auto;width:100%}.data-table,.table,table{min-width:600px;width:100%}.card-header,.data-table-header,.modal-header,.table-header-section{min-height:48px;padding:14px 16px}.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}}@media (max-width:479px){.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:1fr}.et-stat-card,.stat-card{padding:14px}.et-stat-icon,.quick-action-icon,.sa-stat-icon,.stat-icon,.um-stat-icon{height:40px;min-width:40px;padding:8px;width:40px}.data-table td,.data-table th,.table td,.table th,table td,table th{padding:10px 12px}}.stat-card--borderless{border:none;box-shadow:none}.stat-description{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:12px;font-weight:500;gap:4px;margin:2px 0 0}.stat-description--up{color:var(--color-success)}.stat-description--down{color:var(--color-destructive)}@media (hover:hover){.stat-card--borderless:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}@media (forced-colors:active){.badge,.btn,.card,input,select,textarea{border:1px solid ButtonText}}:root{--ds-page-title:32px;--ds-section-title:22px;--ds-card-title:18px;--ds-body:15px;--ds-body-sm:14px;--ds-secondary:13px;--ds-1:4px;--ds-2:8px;--ds-3:12px;--ds-4:16px;--ds-5:20px;--ds-6:24px;--ds-8:32px;--ds-10:40px;--ds-12:48px;--ds-card-radius:16px;--ds-card-border:1px solid #e5e7eb;--ds-card-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;--ds-card-shadow-hover:0 4px 12px #0000000f,0 2px 6px #0000000a;--ds-card-padding:24px;--ds-header-height:60px;--ds-sidebar-width:260px;--ds-transition:0.2s cubic-bezier(0.16,1,0.3,1);--ds-transition-slow:0.35s cubic-bezier(0.16,1,0.3,1);--ds-bg:#f8fafc;--ds-surface:#fff;--ds-border-subtle:#e5e7eb;--ds-text:#0f172a;--ds-text-secondary:#475569;--ds-text-muted:#94a3b8}.mfs-main{max-width:100%;width:100%}.mfs-sidebar{background:linear-gradient(180deg,#0b3d26,#071f13);width:260px;width:var(--ds-sidebar-width)}@media (min-width:1024px){.mfs-sidebar{width:260px;width:var(--ds-sidebar-width)}.mfs-content{margin-left:260px;margin-left:var(--ds-sidebar-width);max-width:calc(100vw - 260px);max-width:calc(100vw - var(--ds-sidebar-width))}.mfs-topbar{left:260px;left:var(--ds-sidebar-width)}}.mfs-sidebar-header{padding:20px 16px 16px}.mfs-sidebar-logo{gap:10px}.mfs-sidebar-logo-img{border-radius:8px;height:30px;width:30px}.mfs-sidebar-nav{padding:4px 10px}.mfs-sidebar-item{border-radius:8px;color:#ffffff8c;font-size:14px;font-weight:500;gap:12px;margin-bottom:1px;min-height:40px;padding:10px 12px;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--ds-transition)}.mfs-sidebar-item:hover{background:#ffffff14;color:#ffffffe6}.mfs-sidebar-item--active{background:#ffffff1f;color:#fff;font-weight:600}.mfs-sidebar-item--active:before{background:linear-gradient(180deg,#4ade80,#22c55e);border-radius:0 3px 3px 0;box-shadow:0 0 8px #4ade8066;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.mfs-sidebar-item-icon{opacity:.6;transition:opacity .2s cubic-bezier(.16,1,.3,1);transition:opacity var(--ds-transition)}.mfs-sidebar-item:hover .mfs-sidebar-item-icon{opacity:.9}.mfs-sidebar-item--active .mfs-sidebar-item-icon{color:#4ade80;opacity:1}.mfs-sidebar-footer{padding:8px 12px}.mfs-sidebar-user{background:#ffffff0a;border-radius:8px;padding:8px 10px}.mfs-sidebar-user-name{font-size:12px;font-weight:500}.mfs-sidebar-role{border-radius:4px;font-size:9px;letter-spacing:.1em;margin:0 16px 4px;padding:2px 8px}.mfs-topbar{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005;gap:0;height:60px;height:var(--ds-header-height);max-width:100vw;overflow:visible;padding:0 28px;z-index:90}.mfs-topbar-left{flex:0 0 auto;min-width:0}.mfs-topbar-title{color:var(--foreground);font-size:16px;font-weight:700;letter-spacing:-.015em;max-width:300px}.mfs-topbar-search{flex:1 1;margin:0 auto;max-width:400px;position:relative}.mfs-topbar-search input{background:#f8fafc;background:var(--ds-bg);border:1px solid #e5e7eb;border:1px solid var(--ds-border-subtle);border-radius:10px;color:var(--foreground);font-size:13px;height:36px;outline:none;padding:0 14px 0 44px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--ds-transition);width:100%}.mfs-topbar-search input:focus{background:#fff;border-color:#0f5132;box-shadow:0 0 0 3px #0f51321a}.mfs-topbar-right{align-items:center;display:flex;flex-shrink:0;gap:8px;max-width:50%;overflow:visible}.topbar-clock{align-items:center;background:#f8fafc;background:var(--ds-bg);border-radius:8px;color:#475569;color:var(--ds-text-secondary);display:flex;font-size:12px;gap:4px;padding:4px 10px;white-space:nowrap}.topbar-clock-item{align-items:center;display:inline-flex;gap:4px}.topbar-clock-divider{background:#e5e7eb;background:var(--ds-border-subtle);height:12px;margin:0 2px;width:1px}.ds-card{background:#fff;background:var(--ds-surface);border:1px solid #e5e7eb;border:var(--ds-card-border);border-radius:16px;border-radius:var(--ds-card-radius);box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;box-shadow:var(--ds-card-shadow);max-width:100%;padding:24px;padding:var(--ds-card-padding);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);transition:transform var(--ds-transition),box-shadow var(--ds-transition);width:100%}.ds-card:hover{box-shadow:0 4px 12px #0000000f,0 2px 6px #0000000a;box-shadow:var(--ds-card-shadow-hover);transform:translateY(-2px)}.ds-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.ds-card-title{color:#0f172a;color:var(--ds-text);font-size:18px;font-size:var(--ds-card-title);font-weight:700;letter-spacing:-.01em;margin:0}.ds-card-subtitle{color:#475569;color:var(--ds-text-secondary);font-size:13px;font-size:var(--ds-secondary);margin:2px 0 0}.ds-card-body{width:100%}.ds-card-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--ds-border-subtle);display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px}.mfs-card{border:1px solid #e5e7eb;border:var(--ds-card-border);border-radius:16px;border-radius:var(--ds-card-radius);box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;box-shadow:var(--ds-card-shadow);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);transition:transform var(--ds-transition),box-shadow var(--ds-transition)}.mfs-card:hover{box-shadow:0 4px 12px #0000000f,0 2px 6px #0000000a;box-shadow:var(--ds-card-shadow-hover);transform:translateY(-2px)}.mfs-card-header{padding:24px 24px 0}.mfs-card-body{padding:24px}.mfs-card-footer{padding:16px 24px}.mfs-card-title{font-size:18px;font-size:var(--ds-card-title)}.mfs-stat{border:1px solid #e5e7eb;border:var(--ds-card-border);border-radius:16px;border-radius:var(--ds-card-radius);box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;box-shadow:var(--ds-card-shadow);padding:16px 18px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);transition:transform var(--ds-transition),box-shadow var(--ds-transition)}.mfs-stat:hover{box-shadow:0 4px 12px #0000000f,0 2px 6px #0000000a;box-shadow:var(--ds-card-shadow-hover);transform:translateY(-2px)}.mfs-stat:before{border-radius:16px 16px 0 0;border-radius:var(--ds-card-radius) var(--ds-card-radius) 0 0;height:3px;opacity:0;transition:opacity .3s ease}.mfs-stat:hover:before{opacity:1}.mfs-stat-value{font-size:1.35rem;font-weight:800;letter-spacing:-.03em;line-height:1.15}.mfs-stat-label{font-size:11px;font-weight:700;letter-spacing:.04em}.mfs-stat-icon{border-radius:10px;height:36px;min-width:36px;transition:transform .3s cubic-bezier(.16,1,.3,1);width:36px}.mfs-stat:hover .mfs-stat-icon{transform:scale(1.06)}.mfs-stats{gap:16px}@media (min-width:1024px){.mfs-stats{grid-template-columns:repeat(4,1fr)}}@media (max-width:1023px) and (min-width:768px){.mfs-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.mfs-stats{grid-template-columns:repeat(2,1fr)}}.mfs-page-header{margin-bottom:24px}.mfs-page-title{color:#0f172a;color:var(--ds-text);font-size:32px;font-size:var(--ds-page-title);font-weight:800;letter-spacing:-.025em}.mfs-page-subtitle{color:#475569;color:var(--ds-text-secondary);font-size:14px;font-size:var(--ds-body-sm);margin-top:4px}.ds-section{margin-bottom:24px}.ds-section-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.ds-section-title{color:#0f172a;color:var(--ds-text);font-size:22px;font-size:var(--ds-section-title);font-weight:700;letter-spacing:-.015em;margin:0}.ds-section-actions{align-items:center;display:flex;gap:8px}.ds-grid{grid-gap:20px;display:grid;gap:20px;max-width:100%;width:100%}.ds-grid-2{grid-template-columns:repeat(2,1fr)}.ds-grid-3{grid-template-columns:repeat(3,1fr)}.ds-grid-4{grid-template-columns:repeat(4,1fr)}.ds-grid-6{grid-template-columns:repeat(6,1fr)}@media (max-width:1023px){.ds-grid-3,.ds-grid-4,.ds-grid-6{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.ds-grid-3,.ds-grid-4,.ds-grid-6{grid-template-columns:1fr}}.ds-split{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.5fr 1fr;max-width:100%;width:100%}@media (max-width:1023px){.ds-split{grid-template-columns:1fr}}.ds-profile-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;max-width:100%;width:100%}@media (max-width:1023px){.ds-profile-grid{grid-template-columns:1fr}}.ds-profile-grid .ds-card{display:flex;flex-direction:column;height:100%}.ds-profile-grid .ds-card-body{flex:1 1}.ds-h1{color:#0f172a;color:var(--ds-text);font-size:32px;font-size:var(--ds-page-title);font-weight:800;letter-spacing:-.025em;margin:0}.ds-h2{font-size:22px;font-size:var(--ds-section-title);letter-spacing:-.015em}.ds-h2,.ds-h3{color:#0f172a;color:var(--ds-text);font-weight:700;margin:0}.ds-h3{font-size:18px;font-size:var(--ds-card-title);letter-spacing:-.01em}.ds-body{color:#0f172a;color:var(--ds-text);font-size:15px;font-size:var(--ds-body);line-height:1.6}.ds-body-sm{font-size:14px;font-size:var(--ds-body-sm);line-height:1.5}.ds-body-sm,.ds-secondary{color:#475569;color:var(--ds-text-secondary)}.ds-muted,.ds-secondary{font-size:13px;font-size:var(--ds-secondary)}.ds-muted{color:#94a3b8;color:var(--ds-text-muted)}.mfs-table-card{background:#fff;background:var(--ds-surface);border:1px solid #e5e7eb;border:var(--ds-card-border);border-radius:16px;border-radius:var(--ds-card-radius);box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;box-shadow:var(--ds-card-shadow);overflow:hidden}.mfs-table{border-collapse:collapse;font-size:14px;width:100%}.mfs-table th{background:#f8fafc;background:var(--ds-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--ds-border-subtle);color:#94a3b8;color:var(--ds-text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.mfs-table td{border-bottom:1px solid #f1f5f9;padding:12px 16px;vertical-align:middle}.mfs-table tbody tr:last-child td{border-bottom:none}.mfs-table tbody tr:hover{background:#f8fafc}.mfs-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2}.mfs-table tbody tr:nth-child(2n){background:#fcfdfe}.mfs-table tbody tr:nth-child(2n):hover{background:#f1f5f9}.mfs-td-center,.mfs-th-center{text-align:center!important}.mfs-td-center{vertical-align:middle}.mfs-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;gap:5px;line-height:1.4;padding:4px 12px;white-space:nowrap}.mfs-badge svg{flex-shrink:0}.mfs-badge--success{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.mfs-badge--info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.mfs-badge--warning{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.mfs-badge--danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.mfs-badge--neutral{background:#f1f5f9;border-color:#e2e8f0;color:#475569}.mfs-input-group{align-items:center;display:flex;max-width:420px;position:relative;width:100%}.mfs-input-icon{align-items:center;color:#94a3b8;color:var(--ds-text-muted);display:flex;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.mfs-input{background:#fff;background:var(--ds-surface);border:1px solid #e5e7eb;border:1px solid var(--ds-border-subtle);border-radius:12px;color:#0f172a;color:var(--ds-text);font-family:inherit;font-size:14px;height:44px;min-height:44px;outline:none;padding:0 40px 0 42px;transition:border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);transition:border-color var(--ds-transition),box-shadow var(--ds-transition);width:100%}.mfs-input::placeholder{color:#94a3b8;color:var(--ds-text-muted)}.mfs-input:hover{border-color:#cbd5e1}.mfs-input:focus{background:#fff;border-color:#0f5132;box-shadow:0 0 0 3px #0f51321a}.mfs-input-clear{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--ds-transition);width:24px}.mfs-input-clear:hover{background:#e2e8f0;color:#334155}.mfs-segmented{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;gap:2px;padding:3px}.mfs-segmented,.mfs-segmented-btn{align-items:center;display:inline-flex}.mfs-segmented-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-family:inherit;height:32px;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--ds-transition);width:34px}.mfs-segmented-btn:hover{background:#fff9;color:#334155}.mfs-segmented-btn--active{background:#fff;box-shadow:0 1px 3px #0f172a1a;color:#0f5132}.mfs-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:20px}.mfs-pagination-btn{align-items:center;background:#fff;background:var(--ds-surface);border:1px solid #e5e7eb;border:1px solid var(--ds-border-subtle);border-radius:10px;color:#0f172a;color:var(--ds-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;min-height:38px;padding:0 14px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--ds-transition)}.mfs-pagination-btn:hover:not(:disabled){background:#f0fdf4;border-color:#0f5132;color:#0f5132}.mfs-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.mfs-pagination-pages{align-items:center;display:flex;gap:4px}.mfs-page-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:9px;color:#475569;color:var(--ds-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:0 8px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--ds-transition)}.mfs-page-btn:hover{background:#f1f5f9;color:#0f172a;color:var(--ds-text)}.mfs-page-btn--active{background:#0f5132;border-color:#0f5132;box-shadow:0 1px 3px #0f513240;color:#fff}.mfs-info-row{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:10px 0}.mfs-info-row:last-child{border-bottom:none}.mfs-info-icon{align-items:center;background:#f1f5f9;border-radius:9px;color:#64748b;display:flex;flex-shrink:0;height:34px;justify-content:center;min-width:34px;width:34px}.mfs-info-label{color:#94a3b8;color:var(--ds-text-muted);font-size:12px;font-weight:600;letter-spacing:.03em;margin-bottom:2px;text-transform:uppercase}.mfs-info-value{color:#0f172a;color:var(--ds-text);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.mfs-filter{background:#fff;background:var(--ds-surface);border:1px solid #e5e7eb;border:var(--ds-card-border);border-radius:16px;border-radius:var(--ds-card-radius);box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;box-shadow:var(--ds-card-shadow);margin-bottom:20px;max-width:100%;padding:16px 20px;width:100%}.mfs-filter,.mfs-filter-group{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.mfs-filter-group{flex:1 1;min-width:0}.mfs-filter-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.mfs-form-group{margin-bottom:0}.mfs-form-input,.mfs-form-select{font-size:13px;height:36px;min-height:36px;padding:0 12px}.mfs-search-input{border:1px solid #e5e7eb;border:1px solid var(--ds-border-subtle);border-radius:8px;font-size:13px;height:36px;min-height:36px;padding:0 12px 0 52px}.mfs-btn{transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--ds-transition)}.mfs-btn--primary{background:#0f5132;box-shadow:0 1px 3px #0f513233}.mfs-btn--primary:hover{background:#0b3d26;box-shadow:0 2px 8px #0f51324d}.mfs-btn--sm{border-radius:8px;font-size:13px;min-height:34px;padding:0 14px}.mfs-btn--xs{border-radius:6px;font-size:12px;min-height:30px;padding:0 10px}.mfs-badge{border-radius:6px;font-size:11px;font-weight:600;padding:3px 10px}.mfs-modal{border:1px solid #e5e7eb;border:1px solid var(--ds-border-subtle);border-radius:20px;box-shadow:0 20px 60px #00000026}@media (min-width:768px){.mfs-modal{max-width:520px}}.mfs-modal-header{margin-bottom:16px;padding:24px 24px 0}.mfs-modal-title{font-size:18px;font-weight:700}.mfs-modal-body{padding:0 24px}.mfs-modal-actions{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--ds-border-subtle);display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding:16px 24px}.mfs-modal-close{align-items:center;background:#f8fafc;background:var(--ds-bg);border:none;border-radius:8px;color:#475569;color:var(--ds-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s cubic-bezier(.16,1,.3,1);transition:background var(--ds-transition);width:32px}.mfs-modal-close:hover{background:#e5e7eb;background:var(--ds-border-subtle)}.ds-chart-card{background:#fff;background:var(--ds-surface);border:1px solid #e5e7eb;border:var(--ds-card-border);border-radius:16px;border-radius:var(--ds-card-radius);box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;box-shadow:var(--ds-card-shadow);max-width:100%;padding:24px;padding:var(--ds-card-padding);width:100%}.ds-chart-card:hover{box-shadow:0 4px 12px #0000000f,0 2px 6px #0000000a;box-shadow:var(--ds-card-shadow-hover)}.ds-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ds-chart-title{color:#0f172a;color:var(--ds-text);font-size:16px;font-weight:600;margin:0}.mfs-tabs{border-radius:10px;gap:2px;padding:3px}.mfs-tab{border-radius:7px;font-size:13px;padding:8px 14px}.ds-pagination{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--ds-border-subtle);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.ds-pagination-info{color:#475569;color:var(--ds-text-secondary);font-size:13px}.ds-pagination-controls{align-items:center;display:flex;gap:4px}.ds-pagination-btn{align-items:center;background:#fff;background:var(--ds-surface);border:1px solid #e5e7eb;border:1px solid var(--ds-border-subtle);border-radius:6px;color:#0f172a;color:var(--ds-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--ds-transition)}.ds-pagination-btn:hover{background:#f8fafc;background:var(--ds-bg);border-color:#cbd5e1}.ds-pagination-btn--active{background:#0f5132;border-color:#0f5132;color:#fff}.ds-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.mfs-alert,.mfs-skeleton{border-radius:12px}.mfs-alert{font-size:13px;gap:10px;margin-bottom:16px;padding:14px 16px}.ds-dashboard{grid-gap:20px;display:grid;gap:20px;max-width:100%;width:100%}.ds-dashboard-kpi{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.ds-dashboard-charts{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.ds-dashboard-bottom{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.5fr 1fr}@media (max-width:1279px){.ds-dashboard-kpi{grid-template-columns:repeat(3,1fr)}.ds-dashboard-bottom,.ds-dashboard-charts{grid-template-columns:1fr}}@media (max-width:767px){.ds-dashboard-kpi{grid-template-columns:repeat(2,1fr)}}.ds-activity{display:flex;flex-direction:column;gap:0}.ds-activity-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:12px 0}.ds-activity-item:last-child{border-bottom:none}.ds-activity-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.ds-activity-dot--success{background:#10b981}.ds-activity-dot--warning{background:#f59e0b}.ds-activity-dot--danger{background:#ef4444}.ds-activity-dot--info{background:#3b82f6}.ds-activity-dot--neutral{background:#cbd5e1}.ds-activity-content{flex:1 1;min-width:0}.ds-activity-title{color:#0f172a;color:var(--ds-text);font-size:14px;font-weight:500;margin:0}.ds-activity-desc{font-size:12px;margin:2px 0 0}.ds-activity-desc,.ds-activity-time{color:#94a3b8;color:var(--ds-text-muted)}.ds-activity-time{flex-shrink:0;font-size:11px;white-space:nowrap}.ds-equal-height{display:flex;flex-direction:column}.ds-equal-height .ds-card-body,.ds-equal-height .mfs-card-body{flex:1 1}.ds-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px}.ds-status:before{border-radius:50%;content:"";height:6px;width:6px}.ds-status--paid{background:#d1fae5;color:#065f46}.ds-status--paid:before{background:#10b981}.ds-status--processed{background:#dbeafe;color:#1e40af}.ds-status--processed:before{background:#3b82f6}.ds-status--pending{background:#fef3c7;color:#92400e}.ds-status--pending:before{background:#f59e0b}.ds-status--rejected{background:#fee2e2;color:#991b1b}.ds-status--rejected:before{background:#ef4444}.ds-status--partial{background:#fff7ed;color:#9a3412}.ds-status--partial:before{background:#f97316}.ds-avatar{border-radius:10px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.ds-avatar--sm{border-radius:8px;height:28px;width:28px}.ds-avatar--lg{border-radius:12px;height:48px;width:48px}.ds-avatar-fallback{align-items:center;background:linear-gradient(135deg,#0f5132,#22c55e);color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center}@media (max-width:767px){.mfs-topbar{padding:0 12px}.mfs-topbar-title{font-size:14px;max-width:40vw}.mfs-topbar-search{max-width:200px}.mfs-main{padding:12px}.mfs-page-title{font-size:22px}.mfs-stat-value{font-size:20px}.topbar-clock{font-size:11px;padding:3px 6px}.mfs-filter{flex-direction:column;padding:12px}.mfs-filter-group{flex-direction:column;width:100%}.mfs-filter-actions{justify-content:stretch;width:100%}.mfs-filter-actions .mfs-btn{flex:1 1}.mfs-page-header-row{align-items:flex-start;flex-direction:column}}@media (min-width:768px) and (max-width:1023px){.mfs-topbar{padding:0 16px}.mfs-main{padding:20px}.mfs-page-title{font-size:26px}.topbar-clock{display:none}}@media (min-width:1280px){.mfs-main{padding:24px 40px}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mfs-sidebar-nav::-webkit-scrollbar{width:3px}.mfs-sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.ds-employee-cell{align-items:center;display:flex;gap:12px}.ds-employee-cell-info{min-width:0}.ds-employee-cell-name{color:#0f172a;color:var(--ds-text);font-size:14px;font-weight:600}.ds-employee-cell-name,.ds-employee-cell-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-employee-cell-sub{color:#94a3b8;color:var(--ds-text-muted);font-size:12px}@media (max-width:767px){.mfs-btn--sm{min-height:44px!important;padding:8px 14px}.mfs-btn--xs{min-height:44px!important;min-width:44px!important;padding:8px 10px}}@media print{.mfs-btn,.mfs-filter,.mfs-sidebar,.mfs-topbar{display:none}.mfs-content{margin-left:0;max-width:100%}.mfs-main{margin-top:0;padding:0}}:root{--sa-green-50:#ecfdf5;--sa-green-100:#d1fae5;--sa-green-200:#a7f3d0;--sa-green-500:#16a34a;--sa-green-600:#0f5132;--sa-green-700:#0b3d26;--sa-blue-500:#3b82f6;--sa-blue-600:#2563eb;--sa-text:#0f172a;--sa-text-secondary:#475569;--sa-text-muted:#94a3b8;--sa-bg:#f8fafc;--sa-border:#e2e8f0;--sa-border-soft:#f1f5f9;--sa-card:#fff;--sa-primary:#059669;--sa-primary-light:#ecfdf5;--sa-primary-100:#d1fae5;--sa-success:#059669;--sa-warning:#d97706;--sa-danger:#dc2626;--sa-info:#2563eb;--sa-radius:12px;--sa-radius-lg:16px;--sa-shadow-sm:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;--sa-shadow-md:0 4px 12px #0f172a1a;--sa-space-1:4px;--sa-space-2:8px;--sa-space-3:12px;--sa-space-4:16px;--sa-space-5:20px;--sa-space-6:24px;--sa-space-8:32px}.sa-page{box-sizing:border-box;color:#0f172a;color:var(--sa-text);display:flex;flex-direction:column;gap:24px;gap:var(--sa-space-6);max-width:100%;min-height:100%;padding:16px;padding:var(--sa-space-4);width:100%}.sa-page-enter{animation:saFadeIn .35s ease both}@keyframes saFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sa-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;gap:var(--sa-space-4);justify-content:space-between}.sa-page-header-left{flex:1 1 auto;min-width:0}.sa-page-header-right{flex-shrink:0;flex-wrap:wrap}.sa-page-header-right,.sa-page-title{align-items:center;display:flex;gap:8px;gap:var(--sa-space-2)}.sa-page-title{color:#0f172a;color:var(--sa-text);font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0;overflow-wrap:anywhere}.sa-page-subtitle{color:#475569;color:var(--sa-text-secondary);font-size:14px;line-height:1.5;margin:4px 0 0;margin:var(--sa-space-1) 0 0;max-width:72ch}.sa-card{background:#fff;background:var(--sa-card);border:1px solid #e2e8f0;border:1px solid var(--sa-border);border-radius:16px;border-radius:var(--sa-radius-lg);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--sa-shadow-sm);min-width:0;overflow:hidden}.sa-card-body{padding:20px;padding:var(--sa-space-5)}.sa-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--sa-border);display:flex;flex-wrap:wrap;gap:12px;gap:var(--sa-space-3);justify-content:space-between;min-height:56px;padding:16px 20px;padding:var(--sa-space-4) var(--sa-space-5)}.sa-card-title{color:#0f172a;color:var(--sa-text);font-size:15px;font-weight:700}.sa-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--sa-space-3);justify-content:space-between}.sa-table-card{background:#fff;background:var(--sa-card);border:1px solid #e2e8f0;border:1px solid var(--sa-border);border-radius:16px;border-radius:var(--sa-radius-lg);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--sa-shadow-sm);min-width:0;overflow-x:auto}.sa-table-card>div[style*=overflow]{-webkit-overflow-scrolling:touch}.sa-table{border-collapse:initial;border-spacing:0;color:#0f172a;color:var(--sa-text);font-size:14px;min-width:640px;width:100%}.sa-table th{background:#f1f5f9;background:var(--sa-border-soft);border-bottom:2px solid #0f5132;border-bottom:2px solid var(--sa-green-600);color:#475569;color:var(--sa-text-secondary);font-size:12px;font-weight:700;letter-spacing:.05em;padding:14px 18px;text-align:left;text-transform:uppercase;white-space:nowrap}.sa-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--sa-border);font-weight:500;padding:14px 18px;vertical-align:middle}.sa-table tbody tr{transition:background .15s ease}.sa-table tbody tr:hover{background:#ecfdf5;background:var(--sa-green-50)}.sa-table tbody tr:last-child td{border-bottom:none}.sa-alert{align-items:center;border:1px solid #0000;border-radius:12px;border-radius:var(--sa-radius);display:flex;font-size:14px;font-weight:500;gap:8px;gap:var(--sa-space-2);padding:12px 16px;padding:var(--sa-space-3) var(--sa-space-4)}.sa-alert--danger{background:#dc262614;border-color:#dc26262e;color:#dc2626;color:var(--sa-danger)}.sa-alert--success{background:#05966914;border-color:#0596692e;color:#059669;color:var(--sa-success)}.sa-alert>span{flex:1 1;min-width:0}.sa-alert-close{align-items:center;background:#0000;border:none;border-radius:6px;color:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;margin-left:auto;min-height:32px;min-width:32px;padding:2px}.sa-alert-close:hover{opacity:.7}.sa-btn{align-items:center;border:1px solid #0000;border-radius:12px;border-radius:var(--sa-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;gap:var(--sa-space-2);justify-content:center;line-height:1;min-height:40px;padding:10px 16px;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;white-space:nowrap}.sa-btn:disabled{cursor:not-allowed;opacity:.55}.sa-btn--primary{background:#0f5132;background:var(--sa-green-600);box-shadow:0 2px 8px #05966940;color:#fff}.sa-btn--primary:hover:not(:disabled){background:#0b3d26;background:var(--sa-green-700);transform:translateY(-1px)}.sa-btn--ghost{background:#0000;border-color:#e2e8f0;border-color:var(--sa-border);color:#475569;color:var(--sa-text-secondary)}.sa-btn--ghost:hover:not(:disabled){background:#f1f5f9;background:var(--sa-border-soft);color:#0f172a;color:var(--sa-text)}.sa-btn--sm{font-size:13px;min-height:34px;padding:7px 12px}.sa-btn--xs{min-height:32px;min-width:32px;padding:6px}.sa-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;line-height:1.2;min-height:24px;padding:4px 10px;white-space:nowrap}.sa-badge--info{background:#dbeafe;color:#1e40af}.sa-badge--success{background:#d1fae5;background:var(--sa-green-100);color:#0b3d26;color:var(--sa-green-700)}.sa-badge--warning{background:#fef3c7;color:#92400e}.sa-badge--danger{background:#fee2e2;color:#991b1b}.sa-badge--pill{border-radius:999px}.sa-grid{grid-gap:16px;grid-gap:var(--sa-space-4)}.sa-grid,.sa-grid-cols-2{display:grid;gap:16px;gap:var(--sa-space-4)}.sa-grid-cols-2{grid-gap:16px;grid-gap:var(--sa-space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.sa-grid-cols-3{grid-gap:16px;grid-gap:var(--sa-space-4);display:grid;gap:16px;gap:var(--sa-space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.sa-filter-bar{align-items:flex-end;background:#fff;background:var(--sa-card);border:1px solid #e2e8f0;border:1px solid var(--sa-border);border-radius:16px;border-radius:var(--sa-radius-lg);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--sa-shadow-sm);display:flex;flex-wrap:wrap;gap:12px;gap:var(--sa-space-3);padding:16px;padding:var(--sa-space-4)}.sa-filter-group{display:flex;flex:1 1 220px;flex-direction:column;gap:6px;max-width:100%;min-width:220px}.sa-filter-label{color:#475569;color:var(--sa-text-secondary);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sa-health-summary{grid-gap:16px;grid-gap:var(--sa-space-4);display:grid;gap:16px;gap:var(--sa-space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sa-health-summary-item{align-items:center;background:#fff;background:var(--sa-card);border:1px solid #e2e8f0;border:1px solid var(--sa-border);border-radius:12px;border-radius:var(--sa-radius);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--sa-shadow-sm);display:flex;gap:12px;gap:var(--sa-space-3);min-width:0;padding:16px;padding:var(--sa-space-4)}.sa-health-summary-icon{align-items:center;background:#d1fae5;background:var(--sa-green-100);border-radius:12px;color:#0b3d26;color:var(--sa-green-700);display:inline-flex;flex-shrink:0;height:44px;justify-content:center;min-width:44px;width:44px}.sa-health-summary-icon--info{background:#dbeafe;color:#1e40af}.sa-health-summary-icon--success{background:#d1fae5;background:var(--sa-green-100);color:#0b3d26;color:var(--sa-green-700)}.sa-health-summary-icon--warning{background:#fef3c7;color:#92400e}.sa-health-summary-icon--danger{background:#fee2e2;color:#991b1b}.sa-health-summary-info{flex:1 1;min-width:0}.sa-health-summary-value{color:#0f172a;color:var(--sa-text);font-size:clamp(1.25rem,1rem + .8vw,1.625rem);font-weight:800;line-height:1.1;overflow-wrap:anywhere}.sa-health-summary-label{color:#475569;color:var(--sa-text-secondary);font-size:13px;font-weight:600;margin-top:2px}.sa-health-progress{background:#f1f5f9;background:var(--sa-border-soft);border-radius:999px;overflow:hidden;width:100%}.sa-health-progress-bar{border-radius:999px;height:100%;transition:width .4s ease}.sa-health-progress-bar,.sa-health-progress-bar--success{background:#0f5132;background:var(--sa-green-600)}.sa-health-progress-bar--info{background:#2563eb;background:var(--sa-blue-600)}.sa-toggle-track{background:#e2e8f0;background:var(--sa-border);border-radius:999px;flex-shrink:0;height:24px;position:relative;transition:background .2s ease;width:44px}.sa-toggle-track--active{background:#0f5132;background:var(--sa-green-600)}.sa-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--sa-shadow-sm);height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.sa-toggle-track--active .sa-toggle-thumb{transform:translateX(20px)}.sa-pagination{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--sa-border);display:flex;flex-wrap:wrap;gap:12px;gap:var(--sa-space-3);justify-content:space-between;padding:16px;padding:var(--sa-space-4)}.sa-pagination-info{color:#475569;color:var(--sa-text-secondary);font-size:13px}.sa-pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.sa-pagination-btn{align-items:center;background:#fff;background:var(--sa-card);border:1px solid #e2e8f0;border:1px solid var(--sa-border);border-radius:8px;color:#475569;color:var(--sa-text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;height:34px;justify-content:center;min-width:34px;padding:0 8px}.sa-pagination-btn:hover:not(:disabled){background:#f1f5f9;background:var(--sa-border-soft);color:#0f172a;color:var(--sa-text)}.sa-pagination-btn--active{background:#0f5132;background:var(--sa-green-600);border-color:#0f5132;border-color:var(--sa-green-600);color:#fff}.sa-skeleton{animation:saShimmer 1.4s ease infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e9eef5 37%,#f1f5f9 63%);background:linear-gradient(90deg,var(--sa-border-soft) 25%,#e9eef5 37%,var(--sa-border-soft) 63%);background-size:400% 100%;border-radius:8px}@keyframes saShimmer{0%{background-position:100% 0}to{background-position:0 0}}.sa-skeleton-avatar{border-radius:12px;height:48px;width:48px}.sa-skeleton-title{height:16px;width:200px}.sa-skeleton-text{height:12px;width:140px}.sa-empty{align-items:center;color:#475569;color:var(--sa-text-secondary);display:flex;flex-direction:column;gap:8px;gap:var(--sa-space-2);justify-content:center;min-height:160px;padding:32px 16px;padding:var(--sa-space-8) var(--sa-space-4);text-align:center}.sa-empty-icon{margin-bottom:4px;margin-bottom:var(--sa-space-1);opacity:.4}.sa-empty-title{color:#0f172a;color:var(--sa-text);font-size:15px;font-weight:700}.sa-empty-text{font-size:13px}.sa-form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.sa-label{color:#0f172a;color:var(--color-foreground,var(--sa-text));display:block;font-size:13px;font-weight:600;margin-bottom:6px}.sa-override-meta-label{color:#475569;color:var(--sa-text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}.sa-override-meta-value{color:#0f172a;color:var(--sa-text);font-size:14px;font-weight:600;overflow-wrap:anywhere}.sa-kpi-grid{grid-gap:16px;grid-gap:var(--sa-space-4);display:grid;gap:16px;gap:var(--sa-space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sa-kpi-card{background:#fff;background:var(--sa-card);border:1px solid #e2e8f0;border:1px solid var(--sa-border);border-radius:16px;border-radius:var(--sa-radius-lg);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--sa-shadow-sm);min-width:0;padding:20px;padding:var(--sa-space-5)}.sa-kpi-top{margin-bottom:12px;margin-bottom:var(--sa-space-3)}.sa-kpi-icon{align-items:center;border-radius:12px;display:inline-flex;flex-shrink:0;height:44px;justify-content:center;min-width:44px;width:44px}.sa-kpi-icon,.sa-kpi-icon--primary,.sa-kpi-icon--success{background:#d1fae5;background:var(--sa-green-100);color:#0b3d26;color:var(--sa-green-700)}.sa-kpi-icon--info{background:#dbeafe;color:#1e40af}.sa-kpi-icon--warning{background:#fef3c7;color:#92400e}.sa-kpi-icon--danger{background:#fee2e2;color:#991b1b}.sa-kpi-value{color:#0f172a;color:var(--sa-text);font-size:clamp(1.5rem,1.1rem + 1vw,2rem);font-weight:800;line-height:1.05;overflow-wrap:anywhere}.sa-kpi-label{color:#475569;color:var(--sa-text-secondary);font-size:13px;font-weight:600;margin:4px 0 0}.sa-stagger>*{animation:saFadeIn .4s ease both}.sa-stagger>:nth-child(2){animation-delay:.05s}.sa-stagger>:nth-child(3){animation-delay:.1s}.text-truncate{max-width:100%}.sa-minical{background:#f1f5f9;background:var(--sa-border-soft);border-radius:12px;padding:12px}.sa-minical-header{align-items:center;color:#0f172a;color:var(--sa-text);display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin-bottom:10px}.sa-minical-nav{display:flex;gap:4px}.sa-minical-nav-btn{background:#fff;background:var(--sa-card);border:1px solid #e2e8f0;border:1px solid var(--sa-border);border-radius:8px;color:#475569;color:var(--sa-text-secondary);cursor:pointer;display:grid;height:32px;place-items:center;transition:all .2s;width:32px}.sa-minical-nav-btn:hover{background:#d1fae5;background:var(--sa-green-100);color:#0f5132;color:var(--sa-green-600)}.sa-minical-weekdays{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.sa-minical-weekday{color:#94a3b8;color:var(--sa-text-muted);font-size:11px;font-weight:700;padding:4px 0;text-align:center}.sa-minical-days{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.sa-minical-day{aspect-ratio:1;border-radius:8px;color:#0f172a;color:var(--sa-text);cursor:default;display:grid;font-size:12px;font-weight:600;place-items:center;transition:all .2s}.sa-minical-day--muted{color:#94a3b8;color:var(--sa-text-muted);opacity:.45}.sa-minical-day--today{background:#0f5132;background:var(--sa-green-600);box-shadow:0 4px 12px -4px #0f5132;box-shadow:0 4px 12px -4px var(--sa-green-600);color:#fff}.sa-input{background:#fff;background:var(--sa-card);border:1px solid #e2e8f0;border:1px solid var(--sa-border);border-radius:10px;box-sizing:border-box;color:#0f172a;color:var(--sa-text);font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.sa-input:focus{border-color:#0f5132;border-color:var(--sa-green-600);box-shadow:0 0 0 3px #d1fae5;box-shadow:0 0 0 3px var(--sa-green-100)}@media (max-width:1023px){.sa-page{padding:12px;padding:var(--sa-space-3)}}@media (max-width:767px){.sa-page{gap:20px;gap:var(--sa-space-5)}.sa-page-header{align-items:stretch;flex-direction:column}.sa-page-header-right{width:100%}.sa-page-header-right .sa-btn{flex:1 1 auto}.sa-grid-cols-2,.sa-grid-cols-3{grid-template-columns:minmax(0,1fr)}.sa-card-body{padding:16px;padding:var(--sa-space-4)}.sa-card-header{padding:12px 16px;padding:var(--sa-space-3) var(--sa-space-4)}.sa-table td,.sa-table th{padding:12px 14px}.sa-pagination{align-items:stretch;flex-direction:column}.sa-pagination-controls{justify-content:center}.sa-health-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-btn--sm{padding:8px 14px}.sa-btn--sm,.sa-btn--xs{min-height:44px!important}.sa-btn--xs{min-width:44px!important;padding:8px 10px}.sa-pagination{flex-wrap:wrap;gap:8px}.sa-pagination-btn{min-height:44px;min-width:44px}}@media (max-width:479px){.sa-page{padding:12px 8px;padding:var(--sa-space-3) var(--sa-space-2)}.sa-card-body{padding:12px;padding:var(--sa-space-3)}.sa-health-summary{grid-template-columns:minmax(0,1fr)}.sa-table td,.sa-table th{padding:10px 12px}.sa-btn{width:100%}.sa-page-header-right{flex-direction:column}.sa-page-header-right .sa-btn{width:100%}.sa-kpi-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.sa-btn,.sa-health-progress-bar,.sa-minical-day,.sa-page-enter,.sa-skeleton,.sa-stagger>*,.sa-toggle-thumb{animation:none!important;transition:none!important}}.dash-dash{animation:dashFadeIn .45s ease-out;background:radial-gradient(1200px 520px at 12% -8%,#16a34a14,#0000 60%),radial-gradient(1100px 480px at 100% 0,#2563eb12,#0000 55%);margin:0 auto;max-width:1440px;min-height:100vh;padding:24px}@keyframes dashFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dash-dash .mb-4{margin-bottom:16px}.dash-dash .badge__dot{background:currentColor;border-radius:50%;height:6px;width:6px}.dash-spin{animation:dashSpin .8s linear infinite}@keyframes dashSpin{to{transform:rotate(1turn)}}.dash-hero{align-items:center;background:linear-gradient(120deg,#0f5132,#15803d 48%,#2563eb 130%);border-radius:20px;box-shadow:0 18px 50px -22px #0f5132a6;display:flex;gap:22px;isolation:isolate;margin-bottom:28px;overflow:hidden;padding:26px 28px;position:relative}.dash-hero__bg{background-image:radial-gradient(circle at 82% 18%,#ffffff2e,#0000 42%),radial-gradient(circle at 10% 120%,#ffffff1f,#0000 45%);inset:0;position:absolute;z-index:-1}.dash-hero__bg:after{background:#ffffff14;border-radius:50%;box-shadow:0 0 0 40px #ffffff0a;content:"";height:240px;position:absolute;right:-40px;top:-40px;width:240px}.dash-hero__icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff47;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff4d;color:#fff;display:grid;flex:0 0 auto;height:76px;place-items:center;width:76px}.dash-hero__content{color:#fff;flex:1 1 auto;min-width:0}.dash-hero__eyebrow{align-items:center;background:#ffffff1f;border-radius:999px;color:#ffffffd1;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.06em;margin-bottom:10px;padding:4px 10px;text-transform:uppercase}.dash-hero__title{color:#fff;font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.02em;margin:0;text-shadow:0 1px 2px #0000001f}.dash-hero__date{align-items:center;color:#ffffffe6;display:inline-flex;font-size:14px;font-weight:500;gap:7px;margin:8px 0 0}.dash-hero__side{align-items:flex-end;display:flex;flex:0 0 auto;flex-direction:column;gap:10px}.dash-status{align-items:center;background:#ffffff29;border:1px solid #ffffff40;border-radius:999px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:7px 14px}.dash-status__dot{animation:dashPulseDot 2s infinite;background:#fff;border-radius:50%;box-shadow:0 0 0 0 #fff9;height:8px;width:8px}.dash-status.is-open .dash-status__dot{background:#4ade80}.dash-status.is-closed .dash-status__dot{background:#fbbf24}@keyframes dashPulseDot{0%{box-shadow:0 0 0 0 #4ade8099}70%{box-shadow:0 0 0 8px #4ade8000}to{box-shadow:0 0 0 0 #4ade8000}}.dash-overview-badge{align-items:center;background:#0f172a38;border:1px solid #ffffff29;border-radius:12px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:7px 14px}.dash-overview-badge strong{font-weight:700}.dash-refresh{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 6px 16px -8px #0006;color:#0f5132;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:8px 16px;transition:transform .2s,box-shadow .2s}.dash-refresh:hover{box-shadow:0 10px 22px -10px #00000080;transform:translateY(-2px)}.dash-refresh:disabled{cursor:default;opacity:.7}.dash-section{margin-bottom:30px}.dash-section__head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.dash-section__title{align-items:center;color:var(--color-foreground);display:inline-flex;font-size:17px;font-weight:700;gap:9px;letter-spacing:-.01em;margin:0}.dash-section__title svg{color:var(--tl-primary)}.dash-section__hint{color:var(--tl-text-muted);font-size:12.5px;font-weight:500}.dash-kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);min-width:0}.dash-kpi-grid--cols-2{grid-template-columns:repeat(2,1fr)}.dash-kpi-grid--cols-3{grid-template-columns:repeat(3,1fr)}.dash-kpi-grid--cols-4{grid-template-columns:repeat(4,1fr)}.dash-kpi-grid--cols-6{grid-template-columns:repeat(6,1fr)}.dash-kpi{--grad-a:#16a34a;--grad-b:#0f5132;--accent:#16a34a;background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--tl-shadow-sm);min-width:0;overflow:hidden;padding:22px 22px 16px;position:relative;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}.dash-kpi:before{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;padding:1.6px;pointer-events:none;position:absolute;transition:opacity .35s}.dash-kpi:hover{box-shadow:0 26px 48px -22px var(--accent);transform:translateY(-7px)}.dash-kpi:hover:before{opacity:1}.dash-kpi__shine{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s}.dash-kpi:hover .dash-kpi__shine{opacity:.05}.dash-kpi__top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.dash-kpi__icon{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));border-radius:14px;box-shadow:0 8px 18px -8px var(--accent);color:#fff;display:grid;height:50px;place-items:center;transition:transform .35s;width:50px}.dash-kpi:hover .dash-kpi__icon{transform:scale(1.08) rotate(-4deg)}.dash-kpi__trend{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:3px;padding:4px 9px}.dash-kpi__trend.up{background:#dcfce7;color:#15803d}.dash-kpi__trend.down{background:#fee2e2;color:#b91c1c}.dash-kpi__value{color:var(--color-foreground);font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.dash-kpi__label{color:var(--tl-text-secondary);font-size:13.5px;font-weight:600;margin-top:6px}.dash-kpi__sub{color:var(--tl-text-muted);font-size:11.5px;margin-top:2px}.dash-kpi__spark{height:44px;margin-top:10px}.dash-stat-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);min-width:0}.dash-stat-grid--cols-2{grid-template-columns:repeat(2,1fr)}.dash-stat-grid--cols-3{grid-template-columns:repeat(3,1fr)}.dash-stat-grid--cols-4{grid-template-columns:repeat(4,1fr)}.dash-stat-grid--cols-5{grid-template-columns:repeat(5,1fr)}.dash-stat-grid--cols-6{grid-template-columns:repeat(6,1fr)}.dash-stat{--accent:#2563eb;--accent-light:#eff6ff;--spark-color:#2563eb;background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 1px 3px #10182814,0 4px 16px #1018280a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:240px;overflow:hidden;padding:28px 24px 20px;position:relative;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.dash-stat:before{background:var(--accent);border-radius:24px 24px 0 0;content:"";height:3px;left:0;opacity:.9;position:absolute;right:0;top:0}.dash-stat:hover{box-shadow:0 20px 56px -16px #1018282e,0 8px 24px -8px #1018281a;transform:translateY(-6px)}.dash-health .dash-stat{height:100%;min-height:0;padding:18px 14px 14px}.dash-health .dash-stat__head{align-items:flex-start;margin-bottom:12px}.dash-health .dash-stat__icon{border-radius:10px;height:36px;width:36px}.dash-health .dash-stat__icon svg{height:18px;width:18px}.dash-health .dash-stat__value{font-size:clamp(15px,2.6vw,22px);font-weight:800;letter-spacing:-.02em;line-height:1.1;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.dash-health .dash-stat__label{font-size:13px;line-height:1.35;margin-top:6px;overflow-wrap:anywhere}.dash-health .dash-stat__note{font-size:11.5px;margin-top:6px}.dash-health .dash-progress{border-radius:999px;height:5px;margin-top:auto;padding-top:12px}.dash-health .dash-progress__bar{border-radius:999px;height:5px;transition:width .4s ease}.dash-health__detail .dash-stat__value{font-size:clamp(15px,2vw,18px)}.dash-health__detail .dash-stat__label{color:#94a3b8;font-size:11.5px}.dark .dash-health__detail .dash-stat__label{color:#64748b}.dash-alert-badge{align-items:center;background:#f0fdf4;border-radius:999px;color:#15803d;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.03em;padding:4px 9px;text-transform:uppercase;white-space:nowrap}.dash-alert-badge.warn{background:#fffbeb;color:#b45309}.dash-alert-badge.crit{background:#fef2f2;color:#b91c1c}.dark .dash-alert-badge{background:#14532d;color:#86efac}.dark .dash-alert-badge.warn{background:#78350f;color:#fcd34d}.dark .dash-alert-badge.crit{background:#7f1d1d;color:#fca5a5}.dash-stat__head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:24px}.dash-stat__icon{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 75%,#000));border-radius:20px;box-shadow:0 6px 20px -6px color-mix(in srgb,var(--accent) 45%,#000);color:#fff;display:grid;flex-shrink:0;height:64px;place-items:center;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;width:64px}.dash-stat:hover .dash-stat__icon{box-shadow:0 10px 28px -8px color-mix(in srgb,var(--accent) 55%,#000);transform:scale(1.06)}.dash-stat__icon svg{stroke-width:2;height:28px;width:28px}.dash-stat__badge{align-items:center;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;gap:3px;letter-spacing:-.01em;padding:3px 10px;white-space:nowrap}.dash-stat__badge--up{background:#f0fdf4;color:#15803d}.dash-stat__badge--down{background:#fef2f2;color:#b91c1c}.dash-stat__badge svg{height:12px;width:12px}.dash-stat__value{color:#0f172a;font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-stat__label{color:#475569;font-size:18px;font-weight:600;line-height:1.3;margin-top:12px}.dash-stat__note{color:#94a3b8;font-size:12.5px;font-weight:500;line-height:1.4;margin-top:8px}.dash-stat__spark{margin-top:auto;padding-top:20px}.dash-spark{display:block;height:44px;overflow:visible;width:100%}.dash-spark polygon{transition:opacity .6s ease}.dash-spark polyline{stroke-linecap:round;stroke-linejoin:round}@media (max-width:1023px){.dash-stat-grid,.dash-stat-grid--cols-3,.dash-stat-grid--cols-4,.dash-stat-grid--cols-5,.dash-stat-grid--cols-6{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.dash-stat-grid,.dash-stat-grid--cols-2,.dash-stat-grid--cols-3,.dash-stat-grid--cols-4,.dash-stat-grid--cols-5,.dash-stat-grid--cols-6{grid-template-columns:1fr}.dash-stat{min-height:200px;padding:24px 20px 16px}.dash-stat__value{font-size:36px}.dash-stat__icon{border-radius:16px;height:52px;width:52px}.dash-stat__icon svg{height:24px;width:24px}}.dark .dash-stat{background:#1e1e2e;border-color:#313244;box-shadow:0 1px 3px #0003,0 4px 16px #00000026}.dark .dash-stat__value{color:#e2e8f0}.dark .dash-stat__label{color:#94a3b8}.dark .dash-stat__note{color:#64748b}.dark .dash-stat:before{opacity:.8}.dash-stat[data-accent="#16a34a"]{--accent:#16a34a;--accent-light:#f0fdf4;--spark-color:#16a34a}.dash-stat[data-accent="#2563eb"]{--accent:#2563eb;--accent-light:#eff6ff;--spark-color:#2563eb}.dash-stat[data-accent="#ea580c"]{--accent:#ea580c;--accent-light:#fff7ed;--spark-color:#ea580c}.dash-stat[data-accent="#7c3aed"]{--accent:#7c3aed;--accent-light:#f5f3ff;--spark-color:#7c3aed}.dash-stat[data-accent="#dc2626"]{--accent:#dc2626;--accent-light:#fef2f2;--spark-color:#dc2626}.dash-actions-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);min-width:0}.dash-actions-grid--cols-2{grid-template-columns:repeat(2,1fr)}.dash-actions-grid--cols-3{grid-template-columns:repeat(3,1fr)}.dash-actions-grid--cols-4{grid-template-columns:repeat(4,1fr)}.dash-actions-grid--cols-6{grid-template-columns:repeat(6,1fr)}.dash-action{--accent:#16a34a;align-items:flex-start;background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--tl-shadow-sm);display:flex;flex-direction:column;gap:4px;overflow:hidden;padding:20px;position:relative;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.dash-action:before{background:var(--accent);content:"";height:3px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.dash-action:hover{border-color:#2563eb66;box-shadow:0 24px 44px -22px var(--accent);transform:translateY(-6px)}.dash-action:hover:before{opacity:1}.dash-action__icon{background:linear-gradient(135deg,var(--accent),var(--accent));background:linear-gradient(135deg,#2563ebe0,var(--accent));border-radius:14px;box-shadow:0 10px 22px -10px var(--accent);color:#fff;display:grid;height:52px;margin-bottom:12px;place-items:center;transition:transform .35s;width:52px}.dash-action:hover .dash-action__icon{transform:scale(1.1) rotate(-4deg)}.dash-action__title{color:var(--color-foreground);font-size:15px;font-weight:700}.dash-action__desc,.dash-action__title{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-action__desc{color:var(--tl-text-muted);font-size:12px;font-weight:500}.dash-action__arrow{color:var(--accent);opacity:0;position:absolute;right:18px;top:18px;transform:translate(-4px,4px);transition:opacity .3s,transform .3s}.dash-action:hover .dash-action__arrow{opacity:1;transform:translate(0)}.dash-charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.dash-chart-card{border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--tl-shadow-sm);transition:box-shadow .3s,transform .3s}.dash-chart-card:hover{box-shadow:var(--tl-shadow-lg);transform:translateY(-3px)}.dash-chart-card.span-2{grid-column:span 2}.dash-chart-card .card-title{font-size:15px;font-weight:700}.dash-chart-card__ico{color:var(--tl-primary)}.card-header--compact{align-items:center;background:var(--tl-border-soft);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 20px}.dash-legend{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:1fr 1fr;margin-top:12px}.dash-legend__item{align-items:center;display:flex;font-size:12.5px;gap:8px}.dash-legend__dot{border-radius:3px;flex:0 0 auto;height:10px;width:10px}.dash-legend__name{color:var(--tl-text-secondary);font-weight:500}.dash-legend__val{font-weight:700;margin-left:auto}.dash-legend__val,.dash-tt{color:var(--color-foreground)}.dash-tt{background:var(--color-card);border:1px solid var(--tl-border);border-radius:12px;box-shadow:var(--tl-shadow-lg);font-size:12px;min-width:150px;padding:8px 12px}.dash-tt__label{font-weight:700;margin-bottom:6px}.dash-tt__row{align-items:center;display:flex;gap:8px;padding:2px 0}.dash-tt__dot{border-radius:3px;flex:0 0 auto;height:9px;width:9px}.dash-tt__name{color:var(--tl-text-secondary);font-weight:500}.dash-tt__value{color:var(--color-foreground);font-weight:700;margin-left:auto}.dash-panels-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.dash-panel{border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--tl-shadow-sm);transition:box-shadow .3s,transform .3s}.dash-panel:hover{box-shadow:var(--tl-shadow-lg);transform:translateY(-3px)}.dash-panel .card-title{font-size:15px;font-weight:700}.dash-panel .card-title svg{color:var(--tl-primary)}.dash-health-widget{background:linear-gradient(135deg,#0f5132,#15803d 60%,#1d4ed8 140%);border:none;box-shadow:0 18px 46px -22px #0f513299;color:#fff}.dash-health-widget .card-title,.dash-health-widget .card-title svg{color:#fff}.dash-health-widget__body{align-items:center;display:flex;flex-direction:column;gap:16px}.dash-health-widget__stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);width:100%}.dash-health-stat{align-items:center;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:12px;display:flex;flex-direction:column;padding:12px 8px}.dash-health-stat__v{color:#fff;font-size:22px;font-weight:800}.dash-health-stat__l{color:#ffffffd1;font-size:11.5px;font-weight:500;margin-top:2px}.dash-health-widget__note{background:#00000024;border-radius:12px;color:#ffffffeb;font-size:12.5px;line-height:1.5;margin:0;padding:10px 12px;text-align:center}.dash-ring{display:grid;place-items:center;position:relative}.dash-ring__center{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.dash-ring__value{color:#fff;font-size:34px;font-weight:800;line-height:1}.dash-ring__label{color:#fffc;font-size:11px;letter-spacing:.08em;margin-top:3px;text-transform:uppercase}.dash-rank{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0}.dash-rank__item{align-items:center;display:flex;gap:12px}.dash-rank__pos{background:var(--tl-primary-50);border-radius:8px;color:var(--tl-primary);display:grid;flex:0 0 auto;font-size:12.5px;font-weight:800;height:26px;place-items:center;width:26px}.dash-rank__main{flex:1 1 auto;min-width:0}.dash-rank__row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.dash-rank__name{color:var(--color-foreground);font-size:13.5px;font-weight:600}.dash-rank__val{color:var(--tl-primary);font-size:13px;font-weight:700}.dash-rank__sub{color:var(--tl-text-muted);font-size:11px}.dash-alerts{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.dash-alerts__item{align-items:center;background:var(--tl-border-soft);border-radius:12px;display:flex;gap:12px;padding:10px 12px;transition:transform .2s,background .2s}.dash-alerts__item:hover{background:var(--tl-border);transform:translateX(3px)}.dash-alerts__badge{border-radius:9px;display:grid;flex:0 0 auto;height:32px;place-items:center;width:32px}.dash-alerts__badge.warn{background:#fef3c7;color:#b45309}.dash-alerts__badge.crit{background:#fee2e2;color:#b91c1c}.dash-alerts__main{flex:1 1 auto;min-width:0}.dash-alerts__name{color:var(--color-foreground);display:block;font-size:13.5px;font-weight:600}.dash-alerts__sub{color:var(--tl-text-muted);font-size:11.5px}.dash-insights{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.dash-insight{align-items:center;background:var(--tl-border-soft);border-radius:12px;display:flex;gap:12px;padding:12px}.dash-insight__ico{border-radius:11px;display:grid;flex:0 0 auto;height:40px;place-items:center;width:40px}.dash-insight__v{color:var(--color-foreground);font-size:16px;font-weight:800;line-height:1.2}.dash-insight__l{color:var(--tl-text-muted);font-size:11.5px}.dash-empty{align-items:center;color:var(--tl-text-muted);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:28px 16px;text-align:center}.dash-empty p{font-size:13px;font-weight:500;margin:0}.dash-timeline-card{border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--tl-shadow-sm)}.dash-timeline__avatar{border-radius:11px;box-shadow:0 6px 14px -8px #0006;font-size:13px;height:38px;width:38px}.dash-timeline__line{background:var(--color-border);margin:4px 0}.dash-timeline__content{padding-bottom:18px}.dash-timeline__row{gap:10px}.dash-timeline__title{color:var(--color-foreground);font-size:14px}.dash-timeline__time{color:var(--tl-text-muted);font-size:11.5px}.dash-timeline__meta{gap:8px;margin-top:5px}.dash-timeline__chip{padding:3px 9px}.dash-timeline__desc{color:var(--tl-text-secondary);font-size:12px;font-weight:600}.dash-activity-panel{--af-green:#0f7a4f;--af-green-soft:#0f7a4f1a;--af-border:#e5e7eb;--af-ease:cubic-bezier(0.4,0,0.2,1);background:#fff;border:1px solid var(--af-border);border-radius:16px;box-shadow:0 1px 3px #1018280f,0 8px 24px #1018280a;overflow:hidden}.dash-activity-panel .card-header{background:#fff;border-bottom:1px solid var(--af-border);height:56px;min-height:56px;padding:0 20px}.dash-activity-panel .card-title{color:#0f172a;font-size:16px;font-weight:700;gap:9px;letter-spacing:-.01em}.dash-activity-panel .card-title svg{color:var(--af-green);height:18px;width:18px}.dash-activity-panel .badge--success{background:var(--af-green-soft);border-color:#0f7a4f2e;color:var(--af-green);font-size:12px;font-weight:600;gap:6px;min-height:24px;padding:4px 11px}.dash-activity-panel .badge__dot--success{animation:af-pulse 2s var(--af-ease) infinite;background:var(--af-green);box-shadow:0 0 0 3px #0f7a4f29;height:7px;width:7px}@keyframes af-pulse{0%,to{opacity:1}50%{opacity:.45}}.dash-activity-panel .card-body{padding:8px 20px 12px}.dash-timeline{list-style:none;margin:0;padding:0}.dash-timeline__item{border-bottom:1px solid #f1f3f5;border-radius:12px;display:flex;gap:14px;min-height:64px;padding:12px 8px;transition:background .2s var(--af-ease),transform .2s var(--af-ease)}.dash-timeline__item:last-child{border-bottom:none}.dash-timeline__item:hover{background:#f8fafc;transform:translateY(-2px)}.dash-timeline__rail{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;position:relative}.dash-timeline__avatar{border-radius:12px;box-shadow:0 4px 10px -4px #00000059;color:#fff;display:grid;flex:0 0 auto;font-size:14px;font-weight:800;height:40px;place-items:center;width:40px}.dash-timeline__line{background:#eef0f3;flex:1 1 auto;margin:6px 0 0;width:2px}.dash-timeline__item:last-child .dash-timeline__line{display:none}.dash-timeline__content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-width:0}.dash-timeline__row{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.dash-timeline__title{color:#0f172a;font-size:16px;font-weight:600;line-height:1.3}.dash-timeline__time{align-self:center;color:#94a3b8;flex:0 0 auto;font-size:13px;white-space:nowrap}.dash-timeline__meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.dash-timeline__chip{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.02em;padding:3px 10px;text-transform:capitalize}.dash-timeline__chip svg{height:12px;width:12px}.dash-timeline__desc{color:#64748b;font-size:14px;font-weight:500;line-height:1.4}.dash-activity-panel .dash-empty{padding:32px 16px}@media (max-width:767px){.dash-activity-panel .card-header{padding:0 16px}.dash-activity-panel .card-body{padding:6px 14px 10px}.dash-timeline__item{min-height:60px;padding:10px 4px}.dash-timeline__avatar{border-radius:10px;height:36px;width:36px}.dash-timeline__title{font-size:15px}.dash-timeline__desc{font-size:13px}}.dash-hero--skeleton{background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--tl-shadow-sm)}.dash-hero--skeleton .dash-hero__skel-text{display:flex;flex:1 1;flex-direction:column;gap:10px}.dash-grid-4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);min-width:0}.skeleton--card{border-radius:16px;min-height:120px;padding:20px}.dash-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 340px}.dash-layout__main{gap:30px}.dash-layout__main,.dash-layout__side{display:flex;flex-direction:column;min-width:0}.dash-layout__side{gap:20px}.dash-side-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--tl-shadow-sm);transition:box-shadow .3s,transform .3s}.dash-side-card:hover{box-shadow:var(--tl-shadow-lg);transform:translateY(-3px)}.dash-side-card__head{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:10px;justify-content:space-between;padding:16px 20px}.dash-side-card__title{align-items:center;color:var(--color-foreground);display:inline-flex;font-size:15px;font-weight:700;gap:8px;margin:0}.dash-side-card__title svg{color:var(--tl-primary)}.dash-side-card__body{padding:16px 20px}.dash-side-actions{display:flex;flex-direction:column;gap:8px}.dash-side-action-btn{align-items:center;background:var(--tl-border-soft);border-radius:12px;color:var(--color-foreground);display:flex;font-size:13.5px;font-weight:600;gap:10px;padding:11px 14px;text-decoration:none;transition:background .2s,transform .2s,color .2s}.dash-side-action-btn svg{color:var(--tl-primary)}.dash-side-action-btn:hover{background:var(--tl-primary-50);color:var(--tl-primary);transform:translateX(2px)}.dash-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.dash-filter-bar>*{flex:0 0 auto}.dash-filter-bar .grow{flex:1 1 200px;min-width:180px}.dash-breadcrumbs{align-items:center;color:var(--tl-text-muted);display:flex;flex-wrap:wrap;font-size:13px;gap:6px;margin-bottom:16px}.dash-breadcrumbs a{color:var(--tl-text-muted);font-weight:500}.dash-breadcrumbs a:hover{color:var(--tl-primary);opacity:1}.dash-breadcrumbs__sep{opacity:.5}.dash-breadcrumbs__current{color:var(--color-foreground);font-weight:600}.dash-card-list{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.dash-card-tile{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--tl-shadow-sm);padding:20px;position:relative;transition:transform .3s,box-shadow .3s}.dash-card-tile:hover{box-shadow:var(--tl-shadow-lg);transform:translateY(-4px)}.orr-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 1px 3px #0f172a0f,0 8px 24px -18px #0f172a40;overflow:hidden;padding:0;transition:box-shadow .3s,transform .3s,border-color .3s}.orr-card:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #0f172a14,0 16px 40px -20px #0f172a59;transform:translateY(-2px)}.orr-card__head{background:linear-gradient(180deg,#10b9810d,#0000);border-bottom:1px solid var(--color-border);gap:12px;padding:16px 18px}.orr-avatar,.orr-card__head{align-items:center;display:flex}.orr-avatar{background:linear-gradient(135deg,#0f5132,#10b981);border-radius:12px;box-shadow:0 4px 10px -4px #10b98199;color:#fff;flex-shrink:0;font-size:15px;font-weight:800;height:42px;justify-content:center;letter-spacing:.02em;width:42px}.orr-identity{flex:1 1;min-width:0}.orr-name{color:var(--color-foreground);font-size:14px;font-weight:700;letter-spacing:-.01em}.orr-contact{color:var(--tl-text-secondary);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orr-badge{align-items:center;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;gap:6px;letter-spacing:.03em;padding:5px 10px;text-transform:uppercase}.orr-badge__dot{border-radius:50%;height:6px;width:6px}.orr-badge--pending{background:#f59e0b1f;color:#b45309}.orr-badge--pending .orr-badge__dot{animation:orr-pulse 1.6s ease-in-out infinite;background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.dark .orr-badge--pending{color:#fbbf24}@keyframes orr-pulse{0%,to{opacity:1}50%{opacity:.45}}.orr-card__body{display:flex;flex-direction:column;gap:14px;padding:16px 18px}.orr-chips{display:flex;flex-wrap:wrap;gap:8px}.orr-chip{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px}.orr-chip--district{background:#3b82f61a;color:#1d4ed8}.dark .orr-chip--district{color:#93c5fd}.orr-chip--sector{background:#10b9811a;color:#047857}.dark .orr-chip--sector{color:#6ee7b7}.orr-field__label{color:var(--tl-text-secondary);font-size:10.5px;font-weight:700;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.orr-field__value{background:#94a3b814;background:var(--tl-bg-muted,#94a3b814);border:1px solid var(--color-border);border-radius:10px;color:var(--color-foreground);font-size:13.5px;line-height:1.5;padding:10px 12px}.orr-timeline{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.orr-timeline__item{align-items:flex-start;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:9px;padding:10px 12px}.orr-timeline__icon{align-items:center;background:#10b9811a;border-radius:8px;color:var(--tl-primary);display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.orr-timeline__label{color:var(--tl-text-secondary);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.orr-timeline__value{color:var(--color-foreground);font-size:13px;font-weight:600;margin-top:2px}.orr-time{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.orr-time__field{display:flex;flex-direction:column;gap:5px}.orr-time__label{color:var(--tl-text-secondary);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.orr-time__input{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;color:var(--color-foreground);font-family:inherit;font-size:13px;font-weight:600;padding:9px 12px;transition:border-color .2s,box-shadow .2s}.orr-time__input:focus{border-color:var(--tl-primary);box-shadow:0 0 0 3px #10b98126;outline:none}.orr-card__foot{grid-gap:10px;background:#94a3b80a;border-top:1px solid var(--color-border);display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:14px 18px}.orr-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:7px;justify-content:center;padding:10px 14px;transition:all .2s}.orr-btn--approve{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 12px -4px #10b98180;color:#fff}.orr-btn--approve:hover{filter:brightness(1.06);transform:translateY(-1px)}.orr-btn--reject{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 12px -4px #ef444480;color:#fff}.orr-btn--reject:hover{filter:brightness(1.06);transform:translateY(-1px)}@media (max-width:480px){.orr-card__foot,.orr-time,.orr-timeline{grid-template-columns:1fr}}@media (max-width:1279px){.dash-layout{grid-template-columns:1fr}.dash-layout__side{flex-direction:row;flex-wrap:wrap}.dash-layout__side>*{flex:1 1 280px}.dash-actions-grid,.dash-actions-grid--cols-4,.dash-actions-grid--cols-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:1023px){.dash-actions-grid,.dash-actions-grid--cols-2,.dash-actions-grid--cols-3,.dash-actions-grid--cols-4,.dash-actions-grid--cols-6,.dash-grid-4,.dash-kpi-grid,.dash-kpi-grid--cols-2,.dash-kpi-grid--cols-3,.dash-kpi-grid--cols-4,.dash-kpi-grid--cols-6,.dash-stat-grid,.dash-stat-grid--cols-2,.dash-stat-grid--cols-3,.dash-stat-grid--cols-4,.dash-stat-grid--cols-6{grid-template-columns:repeat(2,1fr)}.dash-charts-grid,.dash-panels-grid{grid-template-columns:1fr}.dash-chart-card.span-2{grid-column:span 1}}@media (max-width:767px){.dash-dash{padding:16px}.dash-hero{align-items:flex-start;flex-direction:column;gap:16px}.dash-hero__side{align-items:flex-start;width:100%}.dash-actions-grid,.dash-actions-grid--cols-2,.dash-actions-grid--cols-3,.dash-actions-grid--cols-4,.dash-actions-grid--cols-6,.dash-grid-4,.dash-insights,.dash-kpi-grid,.dash-kpi-grid--cols-2,.dash-kpi-grid--cols-3,.dash-kpi-grid--cols-4,.dash-kpi-grid--cols-6,.dash-legend,.dash-stat-grid,.dash-stat-grid--cols-2,.dash-stat-grid--cols-3,.dash-stat-grid--cols-4,.dash-stat-grid--cols-6{grid-template-columns:1fr}.dash-layout__side{flex-direction:column}.dash-form-grid{grid-template-columns:1fr}.dash-form-grid .col-span-2{grid-column:span 1}.dash-detail-grid{grid-template-columns:1fr}.dash-kpi__value{font-size:clamp(22px,5vw,28px)}.dash-stat__value{font-size:clamp(20px,5vw,26px)}}.dark .dash-dash{background:radial-gradient(1200px 520px at 12% -8%,#16a34a1f,#0000 60%),radial-gradient(1100px 480px at 100% 0,#2563eb1f,#0000 55%)}.dark .dash-action,.dark .dash-kpi,.dark .dash-stat{background:var(--color-card);border-color:var(--color-border)}.dark .dash-action__title,.dark .dash-kpi__value,.dark .dash-stat__value{color:var(--color-foreground)}.dark .dash-overview-badge,.dark .dash-status{background:#ffffff24}.dash-table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.dash-table-responsive .dash-table{min-width:640px}.dash-table{border-collapse:collapse;width:100%}.dash-table thead{background:var(--tl-border-soft)}.dash-table th{color:var(--tl-text-muted);font-size:11px;font-weight:700;letter-spacing:.03em;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.dash-table td{border-top:1px solid var(--color-border);color:var(--color-foreground);font-size:13px;padding:12px 14px;vertical-align:middle}.dash-table tbody tr{transition:background .18s ease}.dash-table tbody tr:hover{background:var(--tl-border-soft)}.dash-table tbody tr:nth-child(2n){background:#f1f5f973}.dark .dash-table tbody tr:nth-child(2n){background:#ffffff08}.dash-table-user{align-items:center;display:flex;gap:10px;min-width:0}.dash-table-avatar{border-radius:11px;box-shadow:0 6px 14px -8px #0006;color:#fff;display:grid;flex:0 0 auto;font-size:13px;font-weight:800;height:38px;place-items:center;width:38px}.dash-table-name{color:var(--color-foreground);font-size:13.5px;font-weight:600}.dash-table-sub{color:var(--tl-text-muted);font-size:11.5px}.dash-table-id{color:var(--tl-text-secondary);font-family:var(--font-family)}.dash-table-empty{color:var(--tl-text-muted);padding:32px;text-align:center}.dash-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;gap:5px;padding:3px 9px;white-space:nowrap}.dash-badge--ok{background:var(--color-success-light);color:var(--color-success-dark)}.dash-badge--pd{background:var(--color-warning-light);color:var(--color-warning-dark)}.dash-badge--danger{background:var(--color-destructive-light);color:var(--color-destructive-dark)}.dash-badge--info{background:var(--color-info-light);color:var(--color-info-dark)}.dash-view-btn{align-items:center;background:var(--color-success-light);border:none;border-radius:8px;color:var(--color-success-dark);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:4px 10px;transition:background .15s ease,color .15s ease,transform .15s ease}.dash-view-btn:hover{background:var(--color-success);color:#fff;transform:translateY(-1px)}.dash-pagination{align-items:center;background:var(--tl-border-soft);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding:10px 14px}.dash-pagination-info{color:var(--tl-text-muted);font-size:11px;font-weight:500}.dash-pagination-controls{display:flex;gap:4px}.dash-pagination-btn{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-foreground);cursor:pointer;font-size:14px;font-weight:600;line-height:1;padding:5px 12px;transition:background .15s ease,color .15s ease,border-color .15s ease}.dash-pagination-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff}.dash-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.dash-page-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.dash-page-head__title{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0}.dash-page-head__sub{color:var(--tl-text-muted);font-size:13.5px;margin:4px 0 0}.dash-page-head__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.dash-form-grid{grid-gap:16px 18px;display:grid;gap:16px 18px;grid-template-columns:repeat(2,1fr)}.dash-form-grid .col-span-2{grid-column:span 2}.dash-form-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:8px}.dash-detail-grid{grid-gap:14px 22px;display:grid;gap:14px 22px;grid-template-columns:repeat(2,1fr)}.dash-detail-item{display:flex;flex-direction:column;gap:3px}.dash-detail-label{color:var(--tl-text-muted);font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.dash-detail-value{color:var(--color-foreground);font-size:14px;font-weight:600}.pe-page{animation:peFadeIn .4s cubic-bezier(.16,1,.3,1);margin:0 auto;max-width:1400px;padding:0 0 48px}@keyframes peFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes peSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes peSlideRight{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes peScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes peCountUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes peShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pePulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes peSpin{to{transform:rotate(1turn)}}@keyframes peGlow{0%,to{box-shadow:0 0 0 0 #0f513233}50%{box-shadow:0 0 0 6px #0f513200}}.pe-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px;padding-bottom:24px}.pe-header__left{display:flex;flex-direction:column;gap:6px;min-width:0}.pe-header__breadcrumb{align-items:center;color:var(--muted-foreground);display:flex;font-size:12px;font-weight:500;gap:6px;letter-spacing:.02em;text-transform:uppercase}.pe-header__breadcrumb span{color:var(--primary)}.pe-header__title{align-items:center;color:var(--foreground);display:flex;font-size:clamp(1.5rem,1.25rem + .8vw,1.875rem);font-weight:700;gap:14px;letter-spacing:-.03em;line-height:1.2}.pe-header__title-icon{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:12px;box-shadow:0 4px 12px #0f513240;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.pe-header__subtitle{color:var(--muted-foreground);font-size:14px;line-height:1.5;margin:0}.pe-header__right{align-items:center;display:flex;flex-shrink:0;gap:10px}.pe-kpi-grid{grid-gap:12px;animation:peSlideUp .5s cubic-bezier(.16,1,.3,1);display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.pe-kpi-card{background:var(--card);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:18px 20px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.pe-kpi-card:before{background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#0000));background:linear-gradient(90deg,var(--kpi-color,var(--primary)),color-mix(in srgb,var(--kpi-color,var(--primary)) 60%,#0000));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.pe-kpi-card:hover{border-color:color-mix(in srgb,var(--kpi-color,var(--primary)) 50%,var(--border));box-shadow:0 8px 28px #00000012,0 2px 8px #00000008;transform:translateY(-2px)}.pe-kpi-card:hover:before{opacity:1}.pe-kpi-top{justify-content:space-between}.pe-kpi-icon,.pe-kpi-top{align-items:center;display:flex}.pe-kpi-icon{background:var(--primary-light);background:var(--kpi-bg,var(--primary-light));border-radius:10px;color:var(--primary);color:var(--kpi-color,var(--primary));flex-shrink:0;height:36px;justify-content:center;transition:transform .3s cubic-bezier(.16,1,.3,1);width:36px}.pe-kpi-card:hover .pe-kpi-icon{transform:scale(1.06)}.pe-kpi-trend{align-items:center;background:var(--primary-light);background:var(--kpi-bg,var(--primary-light));border-radius:999px;color:var(--primary);color:var(--kpi-color,var(--primary));display:inline-flex;font-size:12px;font-weight:600;gap:3px;padding:3px 8px}.pe-kpi-trend--up{background:#16a34a1a;color:#16a34a}.pe-kpi-trend--down{background:#dc26261a;color:#dc2626}.pe-kpi-value{font-feature-settings:"tnum";animation:peCountUp .6s cubic-bezier(.16,1,.3,1);color:var(--foreground);font-size:clamp(1.35rem,1.1rem + .6vw,1.6rem);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.03em;line-height:1.15}.pe-kpi-label{color:var(--muted-foreground);font-size:12px;font-weight:600;letter-spacing:.01em;margin:0}.pe-kpi-grid--4{grid-template-columns:repeat(4,1fr)}.pe-kpi-grid--4 .pe-kpi-card{transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease}.pe-kpi-grid--4 .pe-kpi-icon{transition:transform .3s cubic-bezier(.16,1,.3,1)}.pe-kpi-grid--4 .pe-kpi-card:hover{box-shadow:0 10px 40px #0000001a,0 4px 12px #0000000d;transform:translateY(-3px)}.pe-kpi-grid--4 .pe-kpi-card:hover .pe-kpi-icon{transform:scale(1.08)}@media (max-width:1024px){.pe-kpi-grid.pe-kpi-grid--4{grid-template-columns:1fr 1fr}}@media (max-width:767px){.pe-kpi-grid.pe-kpi-grid--4{gap:12px;grid-template-columns:1fr}}.pe-toolbar{align-items:center;animation:peSlideUp .5s cubic-bezier(.16,1,.3,1) .1s both;background:var(--card);border:1px solid var(--border);border-radius:14px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:14px 18px}.pe-toolbar__search{flex:1 1;min-width:220px;position:relative}.pe-toolbar__search-icon{color:#2563eb;left:16px;opacity:.7;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.pe-toolbar__search input{background:var(--background);border:1px solid var(--border);border-radius:10px;color:var(--foreground);font-size:13.5px;letter-spacing:.01em;outline:none;padding:10px 16px 10px 56px;transition:all .2s ease;width:100%}.pe-toolbar__search input::placeholder{color:var(--muted-foreground);letter-spacing:.02em;opacity:.7}.pe-toolbar__search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f51321a}.pe-toolbar__filter{align-items:center;display:flex;gap:8px}.pe-toolbar__filter select,.pe-toolbar__filter-label{color:var(--muted-foreground);font-size:13px;font-weight:500}.pe-toolbar__filter select{background:var(--background);border:1px solid var(--border);border-radius:10px;color:var(--foreground);font-size:13px;min-width:140px;outline:none;padding:8px 32px 8px 12px;transition:all .2s ease}.pe-toolbar__filter select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f51321a}.pe-btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:7px;justify-content:center;line-height:1.4;outline:none;padding:9px 18px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.pe-btn:active{transform:scale(.97)}.pe-btn--primary{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px #0f513233;color:#fff}.pe-btn--primary:hover{background:#0b3d26;background:var(--primary-dark,#0b3d26);box-shadow:0 4px 16px #0f51324d;transform:translateY(-1px)}.pe-btn--secondary{background:var(--background);border-color:var(--border);color:var(--foreground)}.pe-btn--secondary:hover{background:var(--muted);border-color:var(--muted-foreground)}.pe-btn--ghost{background:#0000;border-color:#0000;color:var(--muted-foreground)}.pe-btn--ghost:hover{background:var(--muted);color:var(--foreground)}.pe-btn--danger{background:#0000;border-color:#0000;color:var(--destructive)}.pe-btn--danger:hover{background:var(--destructive-light)}.pe-btn--sm{border-radius:8px;font-size:12.5px;padding:6px 12px}.pe-btn--xs{border-radius:6px;font-size:12px;min-height:32px;min-width:32px;padding:4px 8px}.pe-btn--icon{height:36px;padding:8px;width:36px}.pe-btn--icon.pe-btn--sm{height:32px;padding:6px;width:32px}.pe-btn[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.pe-export-group{background:var(--background);border:1px solid var(--border);border-radius:10px;display:inline-flex;overflow:hidden}.pe-export-group .pe-btn--export{align-items:center;background:var(--background);border:none;border-radius:0;border-right:1px solid var(--border);color:var(--foreground);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12.5px;font-weight:600;gap:5px;padding:7px 13px;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.pe-export-group .pe-btn--export:last-child{border-right:none}.pe-export-group .pe-btn--export:hover:not([disabled]){background:var(--primary);color:#fff}.pe-export-group .pe-btn--export[disabled]{cursor:not-allowed;opacity:.4}.pe-export-group .pe-btn--export[disabled]:hover{background:var(--background);color:var(--foreground)}@media (max-width:639px){.pe-export-group .pe-btn--export span:not(svg){display:none}.pe-export-group .pe-btn--export{padding:7px 10px}}.pe-btn--spin svg{animation:peSpin .8s linear infinite}.pe-table-card{-webkit-overflow-scrolling:touch;animation:peSlideUp .5s cubic-bezier(.16,1,.3,1) .15s both;background:var(--card);border:1px solid var(--border);border-radius:16px;max-width:100%}.pe-table-card,.pe-table-scroll{overflow-x:auto}.pe-table{border-collapse:collapse;width:100%}.pe-table thead{background:var(--muted);border-bottom:1px solid var(--border)}.pe-table th{color:var(--muted-foreground);font-size:11.5px;font-weight:700;letter-spacing:.06em;padding:12px 18px;text-align:left;text-transform:uppercase;white-space:nowrap}.pe-table td{border-bottom:1px solid var(--border);color:var(--foreground);font-size:13.5px;padding:14px 18px}.pe-table tbody tr,.pe-table td{transition:background .15s ease}.pe-table tbody tr:last-child td{border-bottom:none}.pe-table tbody tr:hover{background:#0f513205}.pe-table--users-avatar tbody tr{cursor:pointer;transition:background .3s ease}.pe-table--users-avatar tbody tr:hover{background:#f8fafc}.pe-table--users-avatar .user-avatar-img{transition:transform .3s ease}.pe-table--users-avatar tbody tr:hover .user-avatar-img{transform:scale(1.06)}.pe-table__cell-name{align-items:center;display:flex;gap:14px}.pe-table__cell-name-icon{align-items:center;background:var(--primary-light);border-radius:10px;color:var(--primary);display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.pe-table__cell-name-text{display:flex;flex-direction:column}.pe-table__cell-name-text strong{color:var(--foreground);font-size:13.5px;font-weight:600}.pe-table__cell-name-text small{color:var(--muted-foreground);font-size:12px;font-weight:400}.pe-table__cell-secondary{color:var(--muted-foreground);font-size:12.5px}.pe-table__cell-actions{align-items:center;display:flex;gap:4px;justify-content:center}.pe-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;letter-spacing:.01em;padding:3px 10px;white-space:nowrap}.pe-badge--success{background:#16a34a1a;color:#16a34a}.pe-badge--danger{background:#dc26261a;color:#dc2626}.pe-badge--warning{background:#d977061a;color:#d97706}.pe-badge--info{background:#2563eb1a;color:#2563eb}.pe-badge--neutral{background:var(--muted);color:var(--muted-foreground)}.pe-badge--primary{background:#0f51321a;color:var(--primary)}.pe-badge--dot:before{background:currentColor;border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.pe-pagination{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 18px}.pe-pagination__info{color:var(--muted-foreground);font-size:13px;font-weight:500}.pe-pagination__controls{align-items:center;display:flex;gap:4px}.pe-pagination__btn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--muted-foreground);cursor:pointer;display:flex;font-size:13px;font-weight:500;height:34px;justify-content:center;transition:all .15s ease;width:34px}.pe-pagination__btn:hover:not([disabled]){background:var(--muted);border-color:var(--primary);color:var(--foreground)}.pe-pagination__btn--active{background:var(--primary);border-color:var(--primary);color:#fff}.pe-pagination__btn[disabled]{cursor:not-allowed;opacity:.35}.pe-empty{flex-direction:column;max-width:100%;overflow:hidden;padding:56px 24px;text-align:center}.pe-empty,.pe-empty__icon{align-items:center;display:flex;justify-content:center}.pe-empty__icon{background:var(--muted);border-radius:16px;color:var(--muted-foreground);height:64px;margin-bottom:16px;opacity:.5;width:64px}.pe-empty__title{color:var(--foreground);font-size:15px;font-weight:600;margin-bottom:6px}.pe-empty__text,.pe-empty__title{max-width:100%;overflow:hidden;text-overflow:ellipsis}.pe-empty__text{color:var(--muted-foreground);font-size:13px;margin:0}.pe-skeleton{animation:peShimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,var(--muted) 25%,var(--border) 50%,var(--muted) 75%);background-size:200% 100%;border-radius:10px}.pe-skeleton-page{flex-direction:column;gap:16px;justify-content:center;min-height:50vh}.pe-alert,.pe-skeleton-page{align-items:center;display:flex}.pe-alert{animation:peSlideUp .3s cubic-bezier(.16,1,.3,1);border-radius:12px;font-size:13.5px;font-weight:500;gap:12px;margin-bottom:20px;padding:13px 18px}.pe-alert--success{background:#16a34a14;border:1px solid #16a34a33;color:#16a34a}.pe-alert--danger{background:#dc262614;border:1px solid #dc262633;color:#dc2626}.pe-alert--warning{background:#d9770614;border:1px solid #d9770633;color:#d97706}.pe-alert span{flex:1 1}.pe-alert__close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;opacity:.6;padding:4px;transition:opacity .15s}.pe-alert__close:hover{opacity:1}.pe-tabs{-webkit-overflow-scrolling:touch;animation:peSlideUp .5s cubic-bezier(.16,1,.3,1) .05s both;background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;gap:2px;margin-bottom:24px;overflow-x:auto;padding:4px;scrollbar-width:none}.pe-tabs::-webkit-scrollbar{display:none}.pe-tab{align-items:center;background:#0000;border:none;border-radius:9px;color:var(--muted-foreground);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:7px;min-width:-webkit-max-content;min-width:max-content;outline:none;padding:9px 16px;transition:all .2s ease;white-space:nowrap}.pe-tab:hover{background:var(--muted);color:var(--foreground)}.pe-tab--active{background:var(--primary);box-shadow:0 2px 8px #0f513233;color:#fff}.pe-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.pe-card:hover{box-shadow:0 4px 20px #0000000f}.pe-card__header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:20px 24px}.pe-card__title{align-items:center;color:var(--foreground);display:flex;font-size:15px;font-weight:700;gap:10px;margin:0}.pe-card__body{padding:24px}.pe-form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.pe-form-group:last-child{margin-bottom:0}.pe-form-label{color:var(--foreground);font-size:13px;font-weight:600}.pe-form-label small{color:var(--muted-foreground);font-size:12px;font-weight:400}.pe-form-input{background:var(--background);border:1px solid var(--border);border-radius:10px;color:var(--foreground);font-size:13.5px;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.pe-form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f51321a}.pe-form-input::placeholder{color:var(--muted-foreground);opacity:.5}.pe-form-select{background:var(--background);border:1px solid var(--border);border-radius:10px;color:var(--foreground);font-size:13.5px;outline:none;padding:10px 36px 10px 14px;transition:all .2s ease;width:100%}.pe-form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f51321a}.pe-form-hint{color:var(--muted-foreground);display:block;font-size:12px;line-height:1.5;margin-top:6px}.pe-form-group+.pe-form-hint{margin-bottom:16px;margin-top:-8px}.pe-form-textarea{background:var(--background);border:1px solid var(--border);border-radius:10px;color:var(--foreground);font-size:13.5px;min-height:80px;outline:none;padding:10px 14px;resize:vertical;transition:all .2s ease;width:100%}.pe-form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f51321a}.pe-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.pe-form-actions{border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:20px}.pe-toggle{align-items:center;cursor:pointer;display:inline-flex;gap:10px;-webkit-user-select:none;user-select:none}.pe-toggle__track{background:var(--border);border-radius:11px;height:22px;position:relative;transition:background .2s ease;width:40px}.pe-toggle--active .pe-toggle__track{background:var(--primary)}.pe-toggle__thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;height:18px;left:2px;position:absolute;top:2px;transition:transform .2s cubic-bezier(.16,1,.3,1);width:18px}.pe-toggle--active .pe-toggle__thumb{transform:translateX(18px)}.pe-toggle__label{color:var(--foreground);font-size:13px;font-weight:500}.pe-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),#16a34a);background:linear-gradient(135deg,var(--primary),var(--primary-light,#16a34a));border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center}.pe-avatar--sm{font-size:12px;height:32px;width:32px}.pe-avatar--md{font-size:14px;height:40px;width:40px}.pe-avatar--lg{font-size:18px;height:56px;width:56px}.pe-avatar--xl{border-radius:16px;font-size:22px;height:72px;width:72px}.pe-stat-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 0}.pe-stat-row:last-child{border-bottom:none}.pe-stat-row__label{color:var(--muted-foreground);font-size:13px;font-weight:500}.pe-stat-row__value{color:var(--foreground);font-size:14px;font-weight:600}.pe-progress{background:var(--muted);border-radius:4px;height:8px;overflow:hidden}.pe-progress__bar{background:var(--primary);border-radius:4px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.pe-progress--success .pe-progress__bar{background:#16a34a}.pe-progress--warning .pe-progress__bar{background:#d97706}.pe-progress--danger .pe-progress__bar{background:#dc2626}.pe-progress--info .pe-progress__bar{background:#2563eb}.pe-section{margin-bottom:28px}.pe-section__header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.pe-section__title{align-items:center;color:var(--foreground);display:flex;font-size:14px;font-weight:700;gap:10px;margin:0}.pe-section__subtitle{color:var(--muted-foreground);font-size:12px;margin:2px 0 0}.pe-grid{grid-gap:16px;display:grid;gap:16px}.pe-grid--2{grid-template-columns:repeat(2,1fr)}.pe-grid--3{grid-template-columns:repeat(3,1fr)}.pe-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.pe-grid--3,.pe-grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pe-form-row,.pe-grid--2,.pe-grid--3,.pe-grid--4{grid-template-columns:1fr}.pe-header{flex-direction:column}.pe-header__right{width:100%}.pe-toolbar{align-items:stretch;flex-direction:column}.pe-toolbar__search{min-width:auto;width:100%}.pe-toolbar__filter,.pe-toolbar__filter select{width:100%}.pe-toolbar__clear{justify-content:center;width:100%}}.pe-status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.pe-status-dot--active{background:#16a34a;box-shadow:0 0 6px #16a34a66}.pe-status-dot--inactive{background:#dc2626}.pe-status-dot--pending{background:#d97706}.pe-info-tip{align-items:flex-start;background:var(--primary-light);border:1px solid #0f513226;border-left:3px solid var(--primary);border-radius:10px;color:var(--foreground);display:flex;font-size:13px;gap:12px;line-height:1.5;padding:14px 16px}.pe-info-tip svg{flex-shrink:0;margin-top:2px}.pe-divider{background:var(--border);height:1px;margin:20px 0}.pe-sticky-header{background:var(--background);padding:16px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.pe-dropdown{position:relative}.pe-dropdown__menu{animation:peScaleIn .15s ease;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #0000001f;min-width:180px;padding:6px;position:absolute;right:0;top:100%;z-index:50}.pe-dropdown__item{align-items:center;background:none;border:none;border-radius:8px;color:var(--foreground);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:9px 12px;text-align:left;transition:background .15s ease;width:100%}.pe-dropdown__item:hover{background:var(--muted)}.pe-dropdown__item--danger{color:var(--destructive)}.pe-dropdown__item--danger:hover{background:var(--destructive-light)}.pe-detail-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:13px 0}.pe-detail-row:last-child{border-bottom:none}.pe-detail-row__label{color:var(--muted-foreground);font-size:13px;font-weight:500}.pe-detail-row__value{color:var(--foreground);font-size:14px;font-weight:600;text-align:right}.pe-form-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}@media (max-width:640px){.pe-form-grid{grid-template-columns:1fr}}.pe-chart-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}.pe-chart-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.pe-chart-card__title{color:var(--foreground);font-size:15px;font-weight:700}.pe-settings-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s ease}.pe-settings-card:hover{box-shadow:0 4px 20px #0000000a}.pe-settings-card__header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:14px;padding:22px 24px}.pe-settings-card__icon{align-items:center;background:var(--primary-light);border-radius:12px;color:var(--primary);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.pe-settings-card__title{color:var(--foreground);font-size:16px;font-weight:700;margin:0 0 2px}.pe-settings-card__subtitle{color:var(--muted-foreground);font-size:13px;margin:0}.pe-settings-card__body{padding:24px}.pe-card-gradient{overflow:hidden;position:relative}.pe-card-gradient:before{background:linear-gradient(90deg,var(--primary),#2563eb);background:linear-gradient(90deg,var(--primary),var(--secondary,#2563eb));content:"";height:3px;left:0;opacity:.4;position:absolute;right:0;top:0}.pe-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:200}@media (max-width:767px){.pe-modal-overlay{align-items:flex-end;padding:0}.pe-modal-overlay>.pe-card{border-radius:20px 20px 0 0;margin:0;max-height:92dvh;max-width:100%!important;width:100%!important}.pe-page{padding:0 0 32px}.pe-header{margin-bottom:20px;padding-bottom:16px}.pe-kpi-grid{gap:10px;grid-template-columns:1fr 1fr}.pe-kpi-card{padding:16px}.pe-toolbar{padding:12px}.pe-table td,.pe-table th{padding:10px 14px}.pe-tabs{gap:0;padding:3px}.pe-tab{font-size:12px;padding:7px 12px}.pe-btn--sm{min-height:44px!important;padding:8px 14px}.pe-btn--xs{padding:8px 10px}.pe-btn--icon,.pe-btn--xs{min-height:44px!important;min-width:44px!important}.pe-btn--icon,.pe-btn--icon.pe-btn--sm{height:44px!important;width:44px!important}.pe-pagination{flex-wrap:wrap;gap:8px}.pe-pagination__btn{min-height:44px;min-width:44px}}.pe-card-grid{grid-gap:16px;animation:peSlideUp .5s cubic-bezier(.16,1,.3,1) .2s both;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.pe-deduction-card{background:var(--card);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.pe-deduction-card:hover{border-color:#10b98133;box-shadow:0 8px 30px #0000000f;transform:translateY(-2px)}.pe-deduction-card__header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:18px 20px}.pe-deduction-card__title-group{align-items:center;display:flex;gap:12px;min-width:0}.pe-deduction-card__icon{align-items:center;background:linear-gradient(135deg,#10b9811a,#0596690d);border-radius:10px;color:#10b981;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.pe-deduction-card__name{color:var(--foreground);font-size:14px;font-weight:700;line-height:1.3}.pe-deduction-card__code{color:var(--muted-foreground);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pe-deduction-card__body{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:16px 20px}.pe-deduction-card__row{align-items:center;display:flex;gap:12px;justify-content:space-between}.pe-deduction-card__label{color:var(--muted-foreground);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pe-deduction-card__value{color:var(--foreground);font-size:13px;font-weight:700}.pe-deduction-card__desc{color:var(--muted-foreground);font-size:12.5px;max-width:60%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.pe-deduction-card__footer{align-items:center;background:var(--muted);border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.pe-action-btn{align-items:center;border:1px solid #0000;border-radius:9px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:7px;overflow:hidden;padding:8px 14px;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap}.pe-action-btn:before{border-radius:9px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.pe-action-btn:hover:before{opacity:1}.pe-action-btn:active{transform:translateY(0) scale(.97)}.pe-action-btn svg{flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.pe-action-btn:hover svg{transform:scale(1.1)}.pe-action-btn--edit{background:#2563eb0f;border-color:#2563eb2e;color:#2563eb}.pe-action-btn--edit:before{background:linear-gradient(135deg,#2563eb1f,#2563eb0a)}.pe-action-btn--edit:hover{background:#2563eb1a;border-color:#2563eb59;box-shadow:0 4px 12px #2563eb26,0 1px 3px #2563eb1a;transform:translateY(-2px)}.pe-action-btn--toggle{background:#64748b0f;border-color:#64748b2e;color:#475569}.pe-action-btn--toggle:before{background:linear-gradient(135deg,#64748b1f,#64748b0a)}.pe-action-btn--toggle:hover{background:#64748b1a;border-color:#64748b59;box-shadow:0 4px 12px #64748b1f,0 1px 3px #64748b14;transform:translateY(-2px)}.pe-action-btn--delete{background:#dc26260d;border-color:#dc26261f;color:#dc2626}.pe-action-btn--delete:before{background:linear-gradient(135deg,#dc26261a,#dc262608)}.pe-action-btn--delete:hover{background:#dc26261a;border-color:#dc26264d;box-shadow:0 4px 12px #dc26261f,0 1px 3px #dc262614;transform:translateY(-2px)}.pe-action-btn--password{background:#d977060f;border-color:#d977062e;color:#d97706}.pe-action-btn--password:before{background:linear-gradient(135deg,#d977061f,#d977060a)}.pe-action-btn--password:hover{background:#d977061a;border-color:#d9770659;box-shadow:0 4px 12px #d9770626,0 1px 3px #d977061a;transform:translateY(-2px)}.pe-action-btn--deactivate{background:#dc26260d;border-color:#dc262626;color:#dc2626}.pe-action-btn--deactivate:before{background:linear-gradient(135deg,#dc26261a,#dc262608)}.pe-action-btn--deactivate:hover{background:#dc26261a;border-color:#dc262659;box-shadow:0 4px 12px #dc262626,0 1px 3px #dc26261a;transform:translateY(-2px)}.pe-action-btn--view{background:#64748b0d;border-color:#64748b26;color:#475569}.pe-action-btn--view:before{background:linear-gradient(135deg,#64748b1a,#64748b08)}.pe-action-btn--view:hover{background:#64748b1a;border-color:#64748b59;box-shadow:0 4px 12px #64748b1f,0 1px 3px #64748b14;transform:translateY(-2px)}.pe-action-btn--restore{background:#10a37f0f;border-color:#10a37f2e;color:#0f766e}.pe-action-btn--restore:before{background:linear-gradient(135deg,#10a37f1f,#10a37f0a)}.pe-action-btn--restore:hover{background:#10a37f1a;border-color:#10a37f59;box-shadow:0 4px 12px #10a37f26,0 1px 3px #10a37f1a;transform:translateY(-2px)}.pe-action-btn--analytics{background:#2563eb0f;border-color:#2563eb2e;color:#2563eb}.pe-action-btn--analytics:before{background:linear-gradient(135deg,#2563eb1f,#2563eb0a)}.pe-action-btn--analytics:hover{background:#2563eb1a;border-color:#2563eb59;box-shadow:0 4px 12px #2563eb26,0 1px 3px #2563eb1a;transform:translateY(-2px)}@media (max-width:768px){.pe-card-grid{grid-template-columns:1fr}}.pe-district-card{background:var(--card);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.pe-district-card:hover{border-color:#10b98133;box-shadow:0 8px 30px #0000000f;transform:translateY(-2px)}.pe-district-card__header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:18px 20px}.pe-district-card__title-group{align-items:center;display:flex;gap:12px;min-width:0}.pe-district-card__icon{align-items:center;background:linear-gradient(135deg,#10b9811a,#0596690d);border-radius:10px;color:#10b981;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.pe-district-card__name{color:var(--foreground);font-size:14px;font-weight:700;line-height:1.3}.pe-district-card__code{color:var(--muted-foreground);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pe-district-card__body{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:16px 20px}.pe-district-card__row{align-items:center;display:flex;gap:12px;justify-content:space-between}.pe-district-card__label{color:var(--muted-foreground);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pe-district-card__value{color:var(--foreground);font-size:13px;font-weight:700}.pe-district-card__footer{align-items:center;background:var(--muted);border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.att-toolbar-search,.cm-search,.fc-search,.inv-search-wrapper,.md-search,.mfs-search-wrap,.mfs-topbar-search,.modern-table-search,.pe-toolbar__search,.rar-search,.sk-search-wrapper,.tl-search,[class*=search-bar],[class*=search-wrap],[class*=search-wrapper]{position:relative}.att-toolbar-search-input,.cm-search-input,.fc-search input,.inv-search-input,.md-search-input,.mfs-search,.mfs-search-input,.mfs-search-wrap input,.mfs-topbar-search input,.modern-table-search input,.pe-toolbar__search input,.rar-search input,.search-input,.sk-search-input,.tl-search input,[class*=search-bar] input,[class*=search-wrap] input,[class*=search-wrapper] input,input[class*=search]{padding-left:48px!important}.att-toolbar-search-icon,.cm-search-icon,.fc-search-header-icon,.fc-search-main-icon,.inv-search-icon,.md-search-icon,.mfs-search-icon,.mfs-topbar-search-icon,.modern-table-search__icon,.pe-toolbar__search-icon,.rar-search-icon,.sk-search-icon,.tl-search-icon,[class*=search-icon]{color:#2563eb!important;left:14px!important;opacity:.7!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:1!important}.att-toolbar-search-clear,.cm-search-clear,.er-search-clear,.fc-search-clear,.inv-search-clear,.mfs-btn.mfs-btn--ghost[style*="position: absolute"],[class*=search-clear]{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important}@media (max-width:768px){.att-toolbar-search-input,.cm-search-input,.fc-search input,.inv-search-input,.md-search-input,.mfs-search,.mfs-search-wrap input,.mfs-topbar-search input,.modern-table-search input,.pe-toolbar__search input,.rar-search input,.search-input,.sk-search-input,.tl-search input,[class*=search-bar] input,[class*=search-wrap] input,[class*=search-wrapper] input,input[class*=search]{font-size:16px!important;padding-left:42px!important}.att-toolbar-search-icon,.cm-search-icon,.fc-search-header-icon,.fc-search-main-icon,.inv-search-icon,.md-search-icon,.mfs-search-icon,.mfs-topbar-search-icon,.modern-table-search__icon,.pe-toolbar__search-icon,.rar-search-icon,.sk-search-icon,.tl-search-icon,[class*=search-icon]{left:12px!important}}@media (max-width:480px){.att-toolbar-search-input,.cm-search-input,.fc-search input,.inv-search-input,.md-search-input,.mfs-search,.mfs-search-wrap input,.mfs-topbar-search input,.modern-table-search input,.pe-toolbar__search input,.rar-search input,.search-input,.sk-search-input,.tl-search input,[class*=search-bar] input,[class*=search-wrap] input,[class*=search-wrapper] input,input[class*=search]{padding-left:40px!important}.att-toolbar-search-icon,.cm-search-icon,.fc-search-header-icon,.fc-search-main-icon,.inv-search-icon,.md-search-icon,.mfs-search-icon,.mfs-topbar-search-icon,.modern-table-search__icon,.pe-toolbar__search-icon,.rar-search-icon,.sk-search-icon,.tl-search-icon,[class*=search-icon]{left:10px!important}}:root{--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px);--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--shadow-md:0 4px 6px #0f172a0d,0 2px 4px #0f172a0a;--shadow-lg:0 8px 25px #0f172a14;--shadow-xl:0 12px 35px #0f172a1f;--shadow-brand:0 4px 12px #0f513240;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--mfs-primary:var(--color-primary,#16a34a);--mfs-surface:var(--color-card,#fff);--mfs-bg:var(--color-background,#f8fafc);--mfs-border:var(--color-border,#e2e8f0);--mfs-text:var(--color-foreground,#0f172a);--mfs-muted:var(--color-muted-foreground,#64748b);--ds-primary:var(--color-primary,#16a34a);--ds-text:var(--color-foreground,#0f172a);--ds-surface:var(--color-card,#fff);--ds-border:var(--color-border,#e2e8f0);--sa-bg:var(--color-background,#f8fafc);--sa-border:var(--color-border,#e2e8f0);--sa-surface:var(--color-card,#fff);--desk-bg:var(--color-background,#f8fafc);--desk-surface:var(--color-card,#fff);--desk-border:var(--color-border,#e2e8f0);--pe-bg:var(--color-background,#f8fafc);--pe-surface:var(--color-card,#fff);--pe-border:var(--color-border,#e2e8f0)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:15px;line-height:1.6;margin:0;overscroll-behavior-x:none;padding:0}#root,body{max-width:100vw;min-width:0;overflow-x:hidden;width:100%}#root{min-height:100vh;min-height:100dvh}*,:after,:before{box-sizing:border-box}.content-area,.data-table-wrapper,.dialog,.mfs-main,.modal,.table-wrapper,body,html{scrollbar-color:var(--color-muted-foreground) var(--color-muted);scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-muted-foreground);background-clip:padding-box;border:2px solid #0000;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-foreground);background-clip:padding-box}:focus-visible{border-radius:6px;border-radius:var(--radius-sm,4px);outline:2px solid var(--color-ring);outline-offset:2px}[role=button]:focus-visible,[role=tab]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-radius:6px;border-radius:var(--radius-sm,4px);outline:2px solid var(--color-ring);outline-offset:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}::selection{background-color:var(--color-primary);color:#fff}h1,h2,h3,h4,h5,h6{word-wrap:break-word;color:var(--color-foreground);font-weight:600;letter-spacing:-.025em;line-height:1.25;margin:0;overflow-wrap:break-word}h1{font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem);font-weight:700;letter-spacing:-.03em}h2{font-size:clamp(1.5rem,1.25rem + .8vw,1.875rem);letter-spacing:-.025em}h2,h3{font-weight:600}h3{font-size:clamp(1.25rem,1rem + .6vw,1.5rem);letter-spacing:-.02em}h4{font-size:clamp(1.1rem,.9rem + .5vw,1.25rem);font-weight:600;letter-spacing:-.015em}h5{font-size:clamp(1rem,.9rem + .3vw,1.125rem);letter-spacing:-.01em}h5,h6{font-weight:500}h6{font-size:clamp(.95rem,.85rem + .2vw,1rem);letter-spacing:0}label{color:var(--color-foreground);display:block;font-size:.875rem;font-weight:500;letter-spacing:.01em;margin-bottom:.375rem}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.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:0 8px 25px #0f172a14;box-shadow:var(--shadow-lg);transform:translateY(-4px)}a{text-decoration:none;transition:color .2s ease}a,a:hover{color:var(--color-primary)}a:hover{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:8px;border-radius:var(--radius-md)}.text-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.container{margin:0 auto;max-width:1280px;padding:0 16px;width:100%}.text-truncate{white-space:nowrap}.text-truncate,.text-truncate-2{overflow:hidden;text-overflow:ellipsis}.text-truncate-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}canvas,img,svg,video{-ms-interpolation-mode:bicubic;height:auto;max-width:100%}[class*=Flex],[class*=Grid],[class*=flex],[class*=grid],[style*="display: flex"],[style*="display: grid"],[style*="display:flex"],[style*="display:grid"]{min-height:0;min-width:0}.dialog,.modal,[role=dialog],[role=modal]{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px);overflow:auto}input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week],select{-webkit-appearance:none;appearance:none}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.login-success-overlay,.mfs-sidebar-overlay,.mfs-topbar,.modal-overlay,.privacy-overlay{background:#fffffffa!important}}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}@media (max-width:767px){button,input,select,textarea{font-size:16px!important}:root{--mob-bg:#f2f2f7;--mob-surface:#fff;--mob-surface-secondary:#f2f2f7;--mob-text:#1c1c1e;--mob-text-secondary:#8e8e93;--mob-text-tertiary:#aeaeb2;--mob-separator:#3c3c4314;--mob-accent:#0f5132;--mob-accent-light:#0f513214;--mob-danger:#ff3b30;--mob-warning:#ff9500;--mob-success:#34c759;--mob-radius:16px;--mob-radius-sm:12px;--mob-radius-xs:8px;--mob-radius-full:100px;--mob-shadow:0 1px 3px #0000000f;--mob-shadow-md:0 4px 16px #00000014;--mob-shadow-lg:0 8px 32px #0000001f;--mob-safe-top:env(safe-area-inset-top,0px);--mob-safe-bottom:env(safe-area-inset-bottom,0px);--mob-header-h:56px;--mob-tabbar-h:64px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;color:var(--mob-text)!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,system-ui,sans-serif!important;font-size:16px!important;line-height:1.47!important;overscroll-behavior-y:none}#root,body,html{max-width:100vw!important;min-width:0!important;overflow-x:hidden!important;width:100%!important}html{scroll-behavior:smooth}.mfs-tab,.pe-tab,.tl-segmented button,[role=button],a,button{-webkit-user-select:none;user-select:none}.mfs-sidebar,.mfs-sidebar-overlay{display:none!important}body.mfs-sidebar-open,body.mobile-drawer-open{overflow:auto!important}.mfs-content{margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}.mfs-topbar{backdrop-filter:saturate(180%) blur(20px)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;background:#ffffffe0!important;border-bottom:.5px solid var(--mob-separator)!important;box-shadow:none!important;height:calc(var(--mob-header-h) + var(--mob-safe-top))!important;justify-content:space-between!important;left:0!important;padding-left:16px!important;padding-right:16px!important;padding-top:var(--mob-safe-top)!important;position:fixed!important;right:0!important;top:0!important;z-index:100!important}.mfs-topbar,.mfs-topbar-left{align-items:center!important;display:flex!important}.mfs-topbar-left{flex:1 1!important;gap:10px!important;min-width:0!important}.mfs-menu-btn{align-items:center!important;background:#0000000a!important;border:none!important;border-radius:10px!important;color:var(--mob-text)!important;display:inline-flex!important;flex-shrink:0!important;height:36px!important;justify-content:center!important;transition:background .15s;width:36px!important}.mfs-menu-btn:active{background:#0000001a!important;transform:scale(.92)}.mfs-topbar-title{color:var(--mob-text)!important;font-size:17px!important;font-weight:600!important;letter-spacing:-.01em!important;max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.mfs-topbar-search{display:none!important}.mfs-topbar-right{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:4px!important;overflow:visible!important}.topbar-clock{display:none!important}.mfs-btn--ghost,.mfs-btn--xs{align-items:center!important;border-radius:10px!important;display:inline-flex!important;height:36px!important;justify-content:center!important;min-height:36px!important;min-width:36px!important;padding:0!important;width:36px!important}.mfs-main{background:var(--mob-bg)!important;margin:0!important;min-height:100dvh!important;padding:0!important;padding-bottom:calc(var(--mob-tabbar-h) + var(--mob-safe-bottom) + 16px)!important;padding-top:calc(var(--mob-header-h) + var(--mob-safe-top))!important}.mfs-main>:first-child,.mfs-main>div:first-child{padding-left:16px!important;padding-right:16px!important}.footer{display:none!important}.dash-dash{background:#0000!important;display:flex!important;flex-direction:column!important;gap:16px!important;padding:16px!important}.dash-breadcrumbs{display:none!important}.dash-hero{background:linear-gradient(145deg,#1a7a5c,#0f5132)!important;border-radius:var(--mob-radius)!important;box-shadow:0 4px 20px #0f51324d!important;display:flex!important;flex-direction:column!important;gap:14px!important;margin:0!important;min-height:auto!important;overflow:hidden!important;padding:20px!important;position:relative!important}.dash-hero:before{background:#ffffff12!important;height:160px!important;right:-15%!important;top:-30%!important;width:160px!important}.dash-hero:after,.dash-hero:before{border-radius:50%!important;content:""!important;pointer-events:none!important;position:absolute!important}.dash-hero:after{background:#ffffff0d!important;bottom:-25%!important;height:120px!important;left:-10%!important;width:120px!important}.dash-hero__bg{display:none!important}.dash-hero__icon{align-items:center!important;background:#ffffff26!important;border-radius:12px!important;color:#fff!important;display:flex!important;font-size:20px!important;height:44px!important;justify-content:center!important;width:44px!important}.dash-hero__content{display:flex!important;flex-direction:column!important;gap:2px!important;position:relative!important;z-index:1!important}.dash-hero__eyebrow{color:#fff9!important;font-size:12px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important}.dash-hero__title{color:#fff!important;font-size:20px!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.2!important}.dash-hero__date{color:#ffffff80!important;font-size:13px!important;margin-top:2px!important}.dash-hero__side{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:4px!important;position:relative!important;z-index:1!important}.dash-status{align-items:center!important;background:#ffffff26!important;border-radius:var(--mob-radius-full)!important;color:#fff!important;display:inline-flex!important;font-size:12px!important;font-weight:600!important;gap:6px!important;padding:5px 12px!important}.dash-status__dot{border-radius:50%!important;height:6px!important;width:6px!important}.dash-status.is-open .dash-status__dot{background:var(--mob-success)!important}.dash-status.is-closed .dash-status__dot{background:var(--mob-danger)!important}.dash-overview-badge,.dash-refresh{align-items:center!important;background:#ffffff26!important;border-radius:var(--mob-radius-full)!important;color:#fff!important;display:inline-flex!important;font-size:12px!important;font-weight:600!important;gap:6px!important;padding:5px 12px!important}.dash-refresh{border:none!important;cursor:pointer!important}.dash-refresh:active{background:#ffffff40!important;transform:scale(.96)}.dash-section{display:flex!important;flex-direction:column!important;gap:12px!important;margin:0!important}.dash-section__head{justify-content:space-between!important;margin-bottom:0!important;padding:0!important}.dash-section__head,.dash-section__title{align-items:center!important;display:flex!important}.dash-section__title{color:var(--mob-text)!important;font-size:17px!important;font-weight:700!important;gap:8px!important}.dash-section__title svg{color:var(--mob-accent)!important}.dash-section__hint{color:var(--mob-text-secondary)!important;font-size:13px!important}.dash-kpi-grid,.dash-kpi-grid--cols-3,.dash-kpi-grid--cols-4,.dash-kpi-grid--cols-6{-webkit-overflow-scrolling:touch!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;margin-left:-16px!important;margin-right:-16px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:8px!important;padding-left:16px!important;padding-right:16px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}}@media (max-width:767px){.dash-kpi-grid--cols-3::-webkit-scrollbar,.dash-kpi-grid--cols-4::-webkit-scrollbar,.dash-kpi-grid::-webkit-scrollbar{display:none!important}.dash-kpi{background:var(--mob-surface)!important;border:none!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important;flex:0 0 auto!important;max-width:180px!important;min-height:auto!important;min-width:160px!important;overflow:hidden!important;padding:16px!important;position:relative!important;scroll-snap-align:start!important;width:160px!important}.dash-kpi:before{background:var(--mob-accent)!important;background:var(--accent,var(--mob-accent))!important;border-radius:var(--mob-radius) var(--mob-radius) 0 0!important;content:""!important;height:3px!important;left:0!important;position:absolute!important;right:0!important;top:0!important}.dash-kpi__top{justify-content:space-between!important;margin-bottom:12px!important}.dash-kpi__icon,.dash-kpi__top{align-items:center!important;display:flex!important}.dash-kpi__icon{border-radius:10px!important;font-size:16px!important;height:36px!important;justify-content:center!important;width:36px!important}.dash-kpi__trend{align-items:center!important;border-radius:var(--mob-radius-full)!important;display:inline-flex!important;font-size:12px!important;font-weight:600!important;gap:2px!important;padding:2px 8px!important}.dash-kpi__trend.up{background:#34c7591a!important;color:var(--mob-success)!important}.dash-kpi__trend.down{background:#ff3b301a!important;color:var(--mob-danger)!important}.dash-kpi__value{color:var(--mob-text)!important;font-size:28px!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1!important;margin-bottom:4px!important}.dash-kpi__label{color:var(--mob-text-secondary)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important}.dash-kpi__sub{color:var(--mob-text-tertiary)!important;font-size:11px!important;margin-top:4px!important}.dash-kpi__shine,.dash-kpi__spark{display:none!important}.dash-kpi:active{transform:scale(.97);transition:transform .1s}.dash-stat-grid,.dash-stat-grid--cols-3,.dash-stat-grid--cols-4,.dash-stat-grid--cols-6{-webkit-overflow-scrolling:touch!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;margin-left:-16px!important;margin-right:-16px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:8px!important;padding-left:16px!important;padding-right:16px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}}@media (max-width:767px){.dash-stat-grid::-webkit-scrollbar{display:none!important}.dash-stat{background:var(--mob-surface)!important;border:none!important;border-radius:var(--mob-radius)!important;border-top:3px solid var(--accent,var(--mob-accent))!important;box-shadow:var(--mob-shadow)!important;flex:0 0 auto!important;max-width:180px!important;min-width:160px!important;padding:16px!important;position:relative!important;scroll-snap-align:start!important;width:160px!important}.dash-stat__head{justify-content:space-between!important;margin-bottom:12px!important}.dash-stat__head,.dash-stat__icon{align-items:center!important;display:flex!important}.dash-stat__icon{border-radius:10px!important;font-size:16px!important;height:36px!important;justify-content:center!important;width:36px!important}.dash-stat__value{color:var(--mob-text)!important;font-size:26px!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1!important;margin-bottom:4px!important}.dash-stat__label{color:var(--mob-text-secondary)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important}.dash-stat__note{color:var(--mob-text-tertiary)!important;font-size:11px!important;margin-top:4px!important}.dash-progress{background:var(--mob-surface-secondary)!important;border-radius:2px!important;height:4px!important;margin-top:12px!important;overflow:hidden!important}.dash-progress__bar{border-radius:2px!important;transition:width .5s ease!important}.dash-alert-badge{border-radius:var(--mob-radius-full)!important;font-size:10px!important;padding:2px 6px!important}.dash-stat:active{transform:scale(.97);transition:transform .1s}.dash-actions-grid,.dash-actions-grid--cols-3,.dash-actions-grid--cols-4,.dash-actions-grid--cols-6{display:flex!important;flex-direction:column!important;gap:8px!important}.dash-action{align-items:center!important;background:var(--mob-surface)!important;border:none!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important;display:flex!important;flex-direction:row!important;gap:14px!important;min-height:auto!important;padding:14px 16px!important;text-decoration:none!important;transition:transform .1s,background .15s!important}.dash-action:active{background:var(--mob-surface-secondary)!important;transform:scale(.98)!important}.dash-action__icon{align-items:center!important;border-radius:12px!important;display:flex!important;flex-shrink:0!important;font-size:20px!important;height:44px!important;justify-content:center!important;width:44px!important}.dash-action__title{color:var(--mob-text)!important;flex:1 1!important;font-size:15px!important;font-weight:600!important}.dash-action__desc{color:var(--mob-text-secondary)!important;font-size:13px!important;margin-top:1px!important;opacity:1!important}.dash-action__arrow{display:none!important}.dash-action:after{color:var(--mob-text-tertiary)!important;content:"›"!important;flex-shrink:0!important;font-size:22px!important;font-weight:300!important;margin-left:auto!important}.dash-layout,.dash-layout__main{display:flex!important;flex-direction:column!important;gap:16px!important}.dash-layout__main{order:1!important}.dash-layout__side{display:flex!important;flex-direction:column!important;gap:12px!important;order:2!important}.dash-side-card{background:var(--mob-surface)!important;border:none!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important;overflow:hidden!important}.dash-side-card__head{border-bottom:.5px solid var(--mob-separator)!important;justify-content:space-between!important;padding:14px 16px!important}.dash-side-card__head,.dash-side-card__title{align-items:center!important;display:flex!important}.dash-side-card__title{font-size:15px!important;font-weight:600!important;gap:8px!important}.dash-side-card__body{padding:12px 16px!important}.dash-side-action-btn{align-items:center!important;border-radius:var(--mob-radius-sm)!important;display:flex!important;font-size:15px!important;font-weight:500!important;gap:12px!important;min-height:48px!important;padding:12px 14px!important;text-decoration:none!important;transition:background .15s!important}.dash-side-action-btn:active{background:var(--mob-surface-secondary)!important}.dash-charts-grid,.dash-panels-grid{display:flex!important;flex-direction:column!important;gap:12px!important}.dash-chart-card,.dash-panel{background:var(--mob-surface)!important;border:none!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important;overflow:hidden!important}.dash-chart-card.span-2{grid-column:span 1!important}.dash-chart-card .card-header,.dash-chart-card>div:first-child,.dash-panel .card-header,.dash-panel>div:first-child{padding:14px 16px 8px!important}.dash-chart-card .card-content,.dash-chart-card>div:last-child,.dash-panel .card-content,.dash-panel>div:last-child{padding:4px 12px 12px!important}.recharts-responsive-container,.recharts-wrapper{min-height:200px!important;width:100%!important}.recharts-cartesian-axis-tick-value{font-size:11px!important}.dash-legend{display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:8px 16px 14px!important}.dash-legend__item{align-items:center!important;display:flex!important;font-size:12px!important;gap:5px!important}.dash-table-responsive,.data-table-wrapper,.modern-table-wrapper,.pe-table-scroll,.pe-table-wrapper,.rar-table-wrap,.sa-table-card,.table-wrapper{-webkit-overflow-scrolling:unset!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}.dash-table thead,.data-table thead,.modern-table thead,.pe-table thead,.rar-table thead,.sa-table thead,table thead{display:none!important}.dash-table tbody,.data-table tbody,.modern-table tbody,.pe-table tbody,.rar-table tbody,.sa-table tbody,table tbody{display:flex!important;flex-direction:column!important;gap:10px!important;padding:0!important}.dash-table tbody tr,.data-table tbody tr,.modern-table tbody tr,.pe-table tbody tr,.rar-table tbody tr,.sa-table tbody tr,table tbody tr{background:var(--mob-surface)!important;border:none!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important;display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0!important;padding:16px!important;transition:transform .1s!important;width:100%!important}table tbody tr:active{transform:scale(.98)}.dash-table tbody tr td,.data-table tbody tr td,.modern-table tbody tr td,.pe-table tbody tr td,.rar-table tbody tr td,.sa-table tbody tr td,table tbody tr td{align-items:center!important;border:none!important;display:flex!important;font-size:14px!important;gap:12px!important;justify-content:space-between!important;line-height:1.4!important;min-width:0!important;padding:0!important;width:100%!important}.dash-table tbody tr td:first-child,table tbody tr td:first-child{border-bottom:.5px solid var(--mob-separator)!important;color:var(--mob-text)!important;font-size:15px!important;font-weight:600!important;padding-bottom:6px!important}.dash-table tbody tr td:not(:first-child):before,.pe-table tbody tr td:not(:first-child):before,.rar-table tbody tr td:not(:first-child):before,.sa-table tbody tr td:not(:first-child):before,table tbody tr td:not(:first-child):before{color:var(--mob-text-tertiary)!important;content:attr(data-label)!important;flex-shrink:0!important;font-size:12px!important;font-weight:500!important;letter-spacing:.04em!important;text-transform:uppercase!important}table tbody tr td:last-child{border-top:.5px solid var(--mob-separator)!important;gap:8px!important;justify-content:flex-end!important;padding-top:10px!important}.data-table-checkbox,.data-table-checkbox input[type=checkbox],.modern-table-checkbox-col,.modern-table-checkbox-col input[type=checkbox],table tfoot,table.sa-table{display:none!important}.data-table-header,.modern-table-toolbar{display:flex!important;flex-direction:column!important;gap:10px!important;margin-bottom:12px!important}.data-table-search,.modern-table-search{width:100%!important}.data-table-search input,.modern-table-search input{background:var(--mob-surface)!important;border:.5px solid var(--mob-separator)!important;border-radius:var(--mob-radius-sm)!important;font-size:16px!important;height:44px!important;padding:0 14px 0 40px!important;width:100%!important}.data-table-actions,.modern-table-action-buttons{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.data-table-actions button,.modern-table-action-btn{align-items:center!important;border-radius:10px!important;display:inline-flex!important;justify-content:center!important;min-height:40px!important;min-width:40px!important}.dash-pagination,.data-table-pagination,.modern-table-pagination,.pe-pagination{align-items:center!important;background:var(--mob-surface)!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important;display:flex!important;gap:8px!important;justify-content:center!important;margin-top:10px!important;padding:12px 16px!important}.dash-pagination-btn,.data-table-pagination button,.modern-table-page-btn,.pe-pagination__btn{border-radius:10px!important;font-size:14px!important;font-weight:500!important;min-height:40px!important;min-width:40px!important;padding:0 14px!important}.dash-filter-bar,.page-header,.pe-toolbar{background:var(--mob-surface)!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important;display:flex!important;flex-direction:column!important;gap:10px!important;margin:0!important;padding:12px 16px!important}.dash-filter-bar>*,.page-header-search,.pe-toolbar>*,.pe-toolbar__search{width:100%!important}.dash-filter-bar select,.page-header-search input,.pe-toolbar__filter select,.pe-toolbar__search input{background:var(--mob-surface-secondary)!important;border:.5px solid var(--mob-separator)!important;border-radius:var(--mob-radius-sm)!important;font-size:16px!important;height:44px!important;width:100%!important}.page-header-search input,.pe-toolbar__search input{padding:0 14px 0 44px!important}.pe-toolbar__filter select{-webkit-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%238E8E93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;padding-right:40px!important}.page-header-left{width:100%!important}.page-header-title{font-size:22px!important;font-weight:700!important;letter-spacing:-.02em!important}.page-header-right{display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important;width:100%!important}}@media (max-width:767px){.page-header-right::-webkit-scrollbar{display:none}.page-header-actions{display:flex!important;flex-wrap:nowrap!important;gap:8px!important}.store-time-range{background:var(--mob-surface)!important;border-radius:var(--mob-radius-sm)!important;box-shadow:var(--mob-shadow)!important;display:flex!important;gap:0!important;padding:4px!important}.store-time-btn{border-radius:10px!important;flex:1 1!important;font-size:13px!important;font-weight:600!important;min-height:38px!important;padding:0!important;text-align:center!important;transition:all .2s!important}.store-time-btn--active{background:var(--mob-accent)!important;box-shadow:0 2px 8px #0f513240!important;color:#fff!important}.mfs-tabs,.pe-tabs,.tl-segmented{background:var(--mob-surface-secondary)!important;border:none!important;border-radius:var(--mob-radius-sm)!important;box-shadow:0 1px 3px #0000000a!important;display:flex!important;gap:0!important;margin:0!important;padding:3px!important;position:-webkit-sticky!important;position:sticky!important;top:calc(var(--mob-header-h) + var(--mob-safe-top))!important;z-index:90!important}.mfs-tab,.pe-tab,.tl-segmented .tl-seg-btn,.tl-segmented button{border-radius:10px!important;flex:1 1!important;flex-shrink:0!important;font-size:13px!important;font-weight:600!important;min-height:36px!important;padding:0!important;text-align:center!important;transition:all .2s!important;white-space:nowrap!important}.mfs-tab--active,.pe-tab--active,.tl-segmented .tl-seg-btn--active{background:var(--mob-surface)!important;box-shadow:0 1px 4px #00000014!important;color:var(--mob-text)!important}.dash-pagination,.pe-pagination{align-items:center!important;background:var(--mob-surface)!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important;display:flex!important;gap:6px!important;justify-content:center!important;padding:10px 16px!important}.dash-pagination-info,.pe-pagination__info{color:var(--mob-text-secondary)!important;font-size:13px!important}.dash-pagination-controls,.pe-pagination__controls{display:flex!important;gap:4px!important}.dash-pagination-btn,.pe-pagination__btn{border-radius:10px!important;font-size:14px!important;font-weight:500!important;min-height:38px!important;min-width:38px!important}.dash-pagination-btn--active,.pe-pagination__btn--active{background:var(--mob-accent)!important;color:#fff!important}.btn,.dash-btn,.pe-btn,.sa-btn{border-radius:var(--mob-radius-sm)!important;font-size:17px!important;font-weight:600!important;letter-spacing:-.01em!important;min-height:50px!important;padding:14px 24px!important;transition:transform .1s,opacity .15s!important}.btn:active,.dash-btn:active,.pe-btn:active,.sa-btn:active{opacity:.85!important;transform:scale(.97)!important}.btn--sm,.pe-btn--sm,.sa-btn--sm{border-radius:10px!important;font-size:15px!important;min-height:40px!important;padding:10px 16px!important}.pe-btn--xs,.sa-btn--xs{border-radius:8px!important;font-size:13px!important;min-height:36px!important;padding:8px 12px!important}.btn--primary,.pe-btn--primary,.sa-btn--primary{box-shadow:0 2px 12px #0f51324d!important}.btn--ghost,.pe-btn--ghost,.sa-btn--ghost{background:var(--mob-surface-secondary)!important;border:.5px solid var(--mob-separator)!important;color:var(--mob-text)!important}.btn--full,.mfs-btn--full,.pe-btn--full,.sa-btn--full{width:100%!important}.btn--danger,.pe-btn--danger{background:var(--mob-danger)!important;color:#fff!important}.ad-alert-close,.pe-alert__close,.sa-alert-close{align-items:center!important;border-radius:10px!important;display:inline-flex!important;justify-content:center!important;min-height:36px!important;min-width:36px!important}.input-wrapper,.mfs-form-group,.pe-form-group{margin-bottom:20px!important}.input-label,.mfs-form-label,.pe-form-label{color:var(--mob-text-secondary)!important;display:block!important;font-size:13px!important;font-weight:600!important;letter-spacing:.04em!important;margin-bottom:6px!important;text-transform:uppercase!important}.input-field,.mfs-form-input,.mfs-form-select,.pe-form-input,.pe-form-select,input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{-webkit-appearance:none!important;appearance:none!important;background:var(--mob-surface)!important;border:.5px solid var(--mob-separator)!important;border-radius:var(--mob-radius-sm)!important;color:var(--mob-text)!important;font-size:17px!important;min-height:48px!important;padding:0 16px!important;transition:border-color .2s,box-shadow .2s!important;width:100%!important}.input-field:focus,.mfs-form-input:focus,.mfs-form-select:focus,.pe-form-input:focus,.pe-form-select:focus,input:focus,select:focus,textarea:focus{background:var(--mob-surface)!important;border-color:var(--mob-accent)!important;box-shadow:0 0 0 3px #0f51321f!important;outline:none!important}textarea{min-height:120px!important;padding:14px 16px!important}.dash-form-grid,.pe-form-grid,.pe-form-row{display:flex!important;flex-direction:column!important;gap:0!important}.pe-toggle{min-height:48px!important}.pe-toggle__track{border-radius:16px!important;height:31px!important;width:51px!important}.pe-toggle__thumb{border-radius:14px!important;height:27px!important;width:27px!important}.pe-form-actions{display:flex!important;flex-direction:column!important;gap:10px!important;padding-top:12px!important}.pe-form-actions .pe-btn{width:100%!important}.modal-overlay{align-items:flex-end!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;background:#0006!important;display:flex!important}.modal,.modal--lg,.modal--md,.modal--sm,.pe-modal{animation:mobSlideUp .35s cubic-bezier(.32,.72,0,1)!important;border-radius:20px 20px 0 0!important;box-shadow:0 -4px 24px #0000001f!important;margin:0!important;max-height:92dvh!important;max-width:100%!important;width:100%!important}}@media (max-width:767px){@keyframes mobSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal:before,.pe-modal:before{background:var(--mob-text-tertiary)!important;border-radius:3px!important;content:""!important;display:block!important;height:5px!important;margin:8px auto 0!important;opacity:.4!important;width:36px!important}.modal-header,.pe-modal__header{border-bottom:.5px solid var(--mob-separator)!important;padding:12px 20px 14px!important}.modal-header .modal-title,.pe-modal__header .modal-title{font-size:17px!important;font-weight:600!important}.modal-body,.pe-modal__body{-webkit-overflow-scrolling:touch!important;overflow-y:auto!important;padding:16px 20px!important}.modal-footer,.pe-modal__footer{border-top:.5px solid var(--mob-separator)!important;display:flex!important;gap:10px!important;padding:12px 20px!important;padding-bottom:calc(12px + var(--mob-safe-bottom))!important}.modal-footer .btn,.modal-footer .pe-btn,.pe-modal__footer .pe-btn{flex:1 1!important}.prd-trigger{border-radius:10px!important;min-height:36px!important;overflow:hidden!important;padding:0!important}.prd-avatar,.prd-avatar-fallback,.prd-avatar-img,.prd-trigger{height:36px!important;min-width:36px!important;width:36px!important}.prd-avatar,.prd-avatar-fallback,.prd-avatar-img{max-width:36px!important}.prd-chevron{display:none!important}.prd-backdrop{background:#0006!important;inset:0!important;position:fixed!important;z-index:999!important}.prd-dropdown{animation:mobSlideUp .35s cubic-bezier(.32,.72,0,1)!important;border-radius:20px 20px 0 0!important;bottom:0!important;box-shadow:0 -4px 24px #00000026!important;left:0!important;max-height:70dvh!important;max-width:100%!important;overflow-y:auto!important;padding-bottom:calc(16px + var(--mob-safe-bottom))!important;position:fixed!important;right:0!important;top:auto!important;width:100%!important;z-index:1000!important}.prd-dropdown:before{background:var(--mob-text-tertiary)!important;border-radius:3px!important;content:""!important;display:block!important;height:5px!important;margin:8px auto 12px!important;opacity:.4!important;width:36px!important}.prd-header{padding:0 20px 16px!important}.prd-header-avatar,.prd-header-avatar-fallback,.prd-header-avatar-img{height:56px!important;width:56px!important}.prd-header-name{font-size:18px!important;font-weight:700!important}.prd-header-email{font-size:14px!important}.prd-items{padding:0 12px!important}.prd-item{border-radius:var(--mob-radius-sm)!important;min-height:50px!important;padding:12px!important;transition:background .15s!important}.prd-item:active{background:var(--mob-surface-secondary)!important}.prd-item-icon{border-radius:10px!important;height:36px!important;width:36px!important}.prd-divider{margin:8px 12px!important}.card,.pe-card,.pe-settings-card,.pe-table-card{background:var(--mob-surface)!important;border:none!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important;overflow:hidden!important}.card-header,.pe-card__header,.pe-settings-card__header{border-bottom:.5px solid var(--mob-separator)!important;padding:14px 16px!important}.card-header h3,.card-title{font-size:15px!important;font-weight:600!important}.alert,.card-body,.pe-alert,.pe-card__body,.pe-settings-card__body,.sa-alert{padding:14px 16px!important}.alert,.pe-alert,.sa-alert{border-radius:var(--mob-radius-sm)!important;font-size:14px!important;gap:10px!important}.badge,.pe-badge,.sa-badge{border-radius:var(--mob-radius-full)!important;font-size:12px!important;font-weight:600!important;padding:3px 10px!important}.badge--success{background:#34c7591f!important;color:var(--mob-success)!important}.badge--warning{background:#ff95001f!important;color:var(--mob-warning)!important}.badge--danger{background:#ff3b301f!important;color:var(--mob-danger)!important}.badge--info{background:#007aff1f!important;color:#007aff!important}.dash-insights{display:flex!important;flex-direction:column!important;gap:8px!important}.dash-insight{background:var(--mob-surface)!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important;gap:14px!important;padding:14px 16px!important}.dash-insight,.dash-insight__ico{align-items:center!important;display:flex!important}.dash-insight__ico{border-radius:12px!important;flex-shrink:0!important;height:44px!important;justify-content:center!important;width:44px!important}.dash-insight__v{font-size:17px!important;font-weight:700!important}.dash-insight__l{color:var(--mob-text-secondary)!important;font-size:13px!important}.dash-rank{display:flex!important;flex-direction:column!important;gap:8px!important}.dash-rank__item{align-items:center!important;border-bottom:.5px solid var(--mob-separator)!important;display:flex!important;gap:12px!important;padding:12px 0!important}.dash-rank__item:last-child{border-bottom:none!important}.dash-rank__pos{align-items:center!important;background:var(--mob-surface-secondary)!important;border-radius:8px!important;color:var(--mob-text-secondary)!important;display:flex!important;flex-shrink:0!important;font-size:13px!important;font-weight:700!important;height:28px!important;justify-content:center!important;width:28px!important}.dash-rank__main{flex:1 1!important}.dash-rank__row{display:flex!important;justify-content:space-between!important;margin-bottom:6px!important}.dash-rank__name{font-size:14px!important;font-weight:500!important}.dash-rank__val{color:var(--mob-accent)!important;font-size:14px!important;font-weight:700!important}.dash-alerts{display:flex!important;flex-direction:column!important;gap:8px!important}.dash-alerts__item{align-items:center!important;border-bottom:.5px solid var(--mob-separator)!important;display:flex!important;gap:12px!important;padding:12px 0!important}.dash-alerts__item:last-child{border-bottom:none!important}.dash-alerts__badge{align-items:center!important;border-radius:10px!important;display:flex!important;flex-shrink:0!important;height:32px!important;justify-content:center!important;width:32px!important}.dash-alerts__badge.crit{background:#ff3b301a!important;color:var(--mob-danger)!important}.dash-alerts__badge.warn{background:#ff95001a!important;color:var(--mob-warning)!important}.dash-alerts__name{font-size:14px!important;font-weight:500!important}.dash-alerts__sub{color:var(--mob-text-secondary)!important;font-size:12px!important}.dash-timeline{gap:0!important}.dash-timeline__item{display:flex!important;gap:12px!important;padding:12px 0!important;position:relative!important}.dash-timeline__rail{align-items:center!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;width:20px!important}.dash-timeline__avatar{border-radius:50%!important;flex-shrink:0!important;height:10px!important;width:10px!important}.dash-timeline__line{background:var(--mob-separator)!important;flex:1 1!important;margin-top:4px!important;width:1px!important}.dash-timeline__content{flex:1 1!important;min-width:0!important}.dash-timeline__row{align-items:baseline!important;display:flex!important;gap:8px!important;justify-content:space-between!important}.dash-timeline__title{color:var(--mob-text)!important;font-size:14px!important;font-weight:500!important}.dash-timeline__time{color:var(--mob-text-tertiary)!important;flex-shrink:0!important;font-size:12px!important}.dash-timeline__desc{color:var(--mob-text-secondary)!important;font-size:13px!important;margin-top:2px!important}.dash-timeline__chip{align-items:center!important;border-radius:var(--mob-radius-full)!important;display:inline-flex!important;font-size:11px!important;font-weight:600!important;gap:4px!important;padding:2px 8px!important}.dash-empty,.pe-empty{padding:48px 24px!important;text-align:center!important}.dash-empty svg,.pe-empty svg{color:var(--mob-text-tertiary)!important;height:56px!important;margin-bottom:16px!important;opacity:.3!important;width:56px!important}.dash-empty h3,.pe-empty h3{font-size:17px!important;font-weight:600!important;margin-bottom:6px!important}.dash-empty p,.pe-empty p{color:var(--mob-text-secondary)!important;font-size:14px!important}.sa-minical{border-radius:var(--mob-radius)!important;padding:14px!important}.sa-minical-header{font-size:15px!important;font-weight:600!important;margin-bottom:10px!important}.sa-minical-nav-btn{border-radius:10px!important;height:36px!important;width:36px!important}.sa-minical-weekday{color:var(--mob-text-tertiary)!important;font-size:11px!important;font-weight:600!important;padding:6px 0!important}.sa-minical-day{align-items:center!important;aspect-ratio:1!important;border-radius:10px!important;display:flex!important;font-size:13px!important;font-weight:500!important;justify-content:center!important;min-height:36px!important;width:100%!important}.sa-minical-day--today{background:var(--mob-accent)!important;color:#fff!important;font-weight:700!important}.sk-dash{background:#0000!important;display:flex!important;flex-direction:column!important;gap:16px!important;padding:16px!important}.sk-hero{background:linear-gradient(145deg,#1a7a5c,#0f5132)!important;border-radius:var(--mob-radius)!important;box-shadow:0 4px 20px #0f51324d!important;overflow:hidden!important;padding:20px!important;position:relative!important}.sk-hero:before{background:#ffffff12!important;border-radius:50%!important;content:""!important;height:140px!important;position:absolute!important;right:-15%!important;top:-30%!important;width:140px!important}.sk-hero__icon{background:#ffffff26!important;border-radius:12px!important;height:44px!important;width:44px!important}.sk-hero__icon,.sk-hero__title{color:#fff!important;font-size:20px!important}.sk-hero__title{font-weight:700!important}.sk-hero__eyebrow{color:#fff9!important;font-size:12px!important;letter-spacing:.06em!important;text-transform:uppercase!important}.sk-hero__date{color:#ffffff80!important;font-size:13px!important}.sk-section{display:flex!important;flex-direction:column!important;gap:12px!important}.sk-section__title{font-size:17px!important;font-weight:700!important}.sk-kpi-grid{-webkit-overflow-scrolling:touch!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;margin-left:-16px!important;margin-right:-16px!important;overflow-x:auto!important;padding-bottom:8px!important;padding-left:16px!important;padding-right:16px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}}@media (max-width:767px){.sk-kpi-grid::-webkit-scrollbar{display:none!important}.sk-kpi{background:var(--mob-surface)!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important;flex:0 0 auto!important;min-width:160px!important;padding:16px!important;scroll-snap-align:start!important;width:160px!important}.sk-kpi__icon{border-radius:10px!important;height:36px!important;width:36px!important}.sk-kpi__value{font-size:28px!important;font-weight:800!important;letter-spacing:-.03em!important}.sk-kpi__label{color:var(--mob-text-secondary)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important}.sk-kpi__spark{display:none!important}.sk-inv-grid{-webkit-overflow-scrolling:touch!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;margin-left:-16px!important;margin-right:-16px!important;overflow-x:auto!important;padding-bottom:8px!important;padding-left:16px!important;padding-right:16px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}.sk-inv-grid::-webkit-scrollbar{display:none!important}.sk-inv-card{background:var(--mob-surface)!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important;flex:0 0 auto!important;padding:16px!important;scroll-snap-align:start!important;width:200px!important}.sk-actions-grid{display:flex!important;flex-direction:column!important;gap:8px!important}.sk-action{align-items:center!important;background:var(--mob-surface)!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important;display:flex!important;gap:14px!important;min-height:auto!important;padding:14px 16px!important}.sk-action__icon{border-radius:12px!important;flex-shrink:0!important;height:44px!important;width:44px!important}.sk-action__title{font-size:15px!important;font-weight:600!important}.sk-action__desc{color:var(--mob-text-secondary)!important;font-size:13px!important}.sk-action__arrow{display:none!important}.sk-action:after{color:var(--mob-text-tertiary)!important;content:"›"!important;font-size:22px!important;font-weight:300!important;margin-left:auto!important}.sk-charts-grid{display:flex!important;flex-direction:column!important;gap:12px!important}.sk-chart-card{background:var(--mob-surface)!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important;overflow:hidden!important}.sk-chart-card.span-2{grid-column:span 1!important}.sk-stock-grid{display:flex!important;flex-direction:column!important;gap:12px!important}.sk-health-widget,.sk-panel{overflow:hidden!important}.pe-settings-card,.sk-health-widget,.sk-panel,.sk-timeline-card{background:var(--mob-surface)!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important}.pe-settings-card{border:none!important;margin-bottom:12px!important}.pe-settings-card__header{padding:16px 16px 12px!important}.pe-settings-card__title{font-size:17px!important;font-weight:600!important}.pe-settings-card__subtitle{color:var(--mob-text-secondary)!important;font-size:13px!important}.pe-settings-card__body{padding:0 16px 16px!important}.pe-grid,.pe-grid--3,.pe-grid--4,.pe-header{display:flex!important;flex-direction:column!important;gap:12px!important}.pe-header{margin:0!important}.pe-header__title{font-size:22px!important;font-weight:700!important;letter-spacing:-.02em!important}.pe-header__subtitle{color:var(--mob-text-secondary)!important;font-size:14px!important}.pe-header__right{display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:4px!important;scrollbar-width:none!important}}@media (max-width:767px){.pe-header__right::-webkit-scrollbar{display:none}.pe-detail-row{align-items:center!important;border-bottom:.5px solid var(--mob-separator)!important;display:flex!important;gap:12px!important;justify-content:space-between!important;padding:14px 0!important}.pe-detail-row__label{color:var(--mob-text-secondary)!important;font-size:14px!important;font-weight:400!important}.pe-detail-row__value{color:var(--mob-text)!important;font-size:15px!important;font-weight:500!important;text-align:right!important}.pe-stat-row{border-bottom:.5px solid var(--mob-separator)!important;padding:14px 0!important}.pe-info-tip{border-radius:var(--mob-radius-sm)!important;font-size:14px!important;gap:10px!important;padding:12px 14px!important}.pe-divider{border-color:var(--mob-separator)!important;margin:16px 0!important}.card-header{padding:14px 16px 8px!important}.card-header .card-title,.card-header h3{font-size:15px!important;font-weight:600!important}.card-content{padding:4px 16px 16px!important}.recharts-wrapper{width:100%!important}.recharts-responsive-container{min-height:200px!important;width:100%!important}.skeleton--card{background:var(--mob-surface)!important;border-radius:var(--mob-radius)!important;min-height:80px!important}.sa-stat-grid{-webkit-overflow-scrolling:touch!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;margin-left:-16px!important;margin-right:-16px!important;overflow-x:auto!important;padding-bottom:8px!important;padding-left:16px!important;padding-right:16px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}}@media (max-width:767px){.sa-stat-grid::-webkit-scrollbar{display:none!important}}@media (max-width:767px){.sv-perf-stats{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;margin-left:-16px!important;margin-right:-16px!important;overflow-x:auto!important;padding-bottom:8px!important;padding-left:16px!important;padding-right:16px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}.sv-perf-stats::-webkit-scrollbar{display:none!important}.sv-perf-stat{background:var(--mob-surface)!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important;flex:0 0 140px!important;padding:14px!important;scroll-snap-align:start!important}.sv-notif-item{align-items:center!important;border-bottom:.5px solid var(--mob-separator)!important;display:flex!important;gap:12px!important;padding:12px 0!important}.sv-notif-item:last-child{border-bottom:none!important}.sv-notif-icon{border-radius:10px!important;flex-shrink:0!important;height:36px!important;width:36px!important}.sv-conv-item{align-items:center!important;border-bottom:.5px solid var(--mob-separator)!important;display:flex!important;gap:12px!important;padding:12px 0!important}.sv-conv-item:last-child{border-bottom:none!important}.sv-conv-avatar{border-radius:10px!important;flex-shrink:0!important;height:40px!important;width:40px!important}.sv-comm-grid{display:flex!important;flex-direction:column!important;gap:10px!important}.ad-chart-wrapper{min-height:200px!important}.ad-alert-close{align-items:center!important;border-radius:10px!important;display:inline-flex!important;justify-content:center!important;min-height:36px!important;min-width:36px!important}.pe-avatar--lg{height:72px!important;width:72px!important}.pe-avatar--md{height:40px!important;width:40px!important}.dash-card-tile{background:var(--mob-surface)!important;border-radius:var(--mob-radius)!important;box-shadow:var(--mob-shadow)!important}}@media (max-width:767px) and (prefers-color-scheme:dark){:root{--mob-bg:#000;--mob-surface:#1c1c1e;--mob-surface-secondary:#2c2c2e;--mob-text:#fff;--mob-text-secondary:#98989d;--mob-text-tertiary:#636366;--mob-separator:#5454585c}.mfs-topbar{background:#1c1c1ee0!important;border-bottom-color:var(--mob-separator)!important}.mfs-menu-btn,.mfs-topbar-title{color:#fff!important}.mfs-menu-btn{background:#ffffff14!important}.card,.dash-action,.dash-chart-card,.dash-kpi,.dash-panel,.dash-side-card,.dash-stat,.pe-card,.pe-kpi-card,.pe-settings-card,.pe-table-card,.rar-table-wrap,.sa-table-card,.sk-action,.sk-chart-card,.sk-health-widget,.sk-inv-card,.sk-kpi,.sk-panel,.sk-timeline-card,.sv-perf-stat{background:var(--mob-surface)!important;box-shadow:0 1px 3px #0000004d!important}.dash-table-responsive table tbody tr,.pe-table-scroll table tbody tr,.rar-table-wrap table tbody tr,.sa-table-card table tbody tr,table tbody tr{background:var(--mob-surface)!important}.card-header h3,.card-title,.dash-page-head__title,.dash-section__title,.pe-header__title,.sk-section__title{color:#fff!important}.dash-hero,.sk-hero{background:linear-gradient(145deg,#1a4a3c,#0c3d28)!important}.input-field,input,select,textarea{background:var(--mob-surface-secondary)!important;border-color:var(--mob-separator)!important;color:#fff!important}.mfs-tab,.pe-tab,.tl-segmented button{color:var(--mob-text-secondary)!important}.mfs-tab--active,.pe-tab--active,.tl-segmented .tl-seg-btn--active{background:var(--mob-surface)!important;color:#fff!important}.dash-filter-bar,.page-header,.pe-toolbar,.store-time-range{background:var(--mob-surface)!important}.store-time-btn{color:var(--mob-text-secondary)!important}.store-time-btn--active{background:var(--mob-accent)!important;color:#fff!important}.modal,.pe-modal,.prd-dropdown{background:var(--mob-surface)!important}.badge--success{background:#34c75926!important}.badge--warning{background:#ff950026!important}.badge--danger{background:#ff3b3026!important}.badge--info{background:#007aff26!important}}.brand-logo-fallback{align-items:center;background:linear-gradient(135deg,#14532d,#22c55e);color:#fff;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:800;justify-content:center;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.login-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;width:100%}.hero-section{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);flex:1.2 1;overflow:hidden;position:relative}.hero-slide{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;opacity:0;position:absolute;transform:scale(1.05);transition:opacity 1.4s cubic-bezier(.4,0,.2,1),transform 6s cubic-bezier(.4,0,.2,1)}.hero-slide.active{opacity:1;transform:scale(1)}.hero-overlay{background:linear-gradient(160deg,#0a082094,#14123080 40%,#0f193c8c);inset:0;position:absolute;z-index:1}.hero-content{color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;max-width:580px;padding:72px 64px;position:relative;z-index:2}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:100px;color:#ffffffeb;display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.02em;margin-bottom:36px;padding:7px 18px;width:-webkit-fit-content;width:fit-content}.hero-badge__bizhub{color:#2563eb;font-weight:700}.badge-dot{animation:pulseDot 2s ease-in-out infinite;background:#4ade80;border-radius:50%;box-shadow:0 0 8px #4ade8080;display:inline-block;height:7px;width:7px}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero-title{font-size:56px;font-weight:800;letter-spacing:-.035em;line-height:1.12;margin-bottom:24px}.powering-text{background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;color:#0000}.cooperative-gradient{background:linear-gradient(135deg,#4ade80,#3b82f6 55%,#06b6d4);-webkit-background-clip:text;background-clip:text;color:#0000}.hero-description{color:#ffffffd9;font-size:16px;font-weight:400;line-height:1.7;margin-bottom:48px;max-width:440px;opacity:.85}.hero-stats{display:flex;gap:48px;margin-top:8px}.stat{display:flex;flex-direction:column;gap:4px}.stat-number{background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.stat-label{font-size:13px;font-weight:500;letter-spacing:.02em;opacity:.65;text-transform:uppercase}.slider-controls{bottom:44px;display:flex;gap:10px;left:64px;position:absolute;z-index:2}.slider-dot{background:#ffffff59;border:none;border-radius:100px;cursor:pointer;height:8px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:8px}.slider-dot.active{background:#fffffff2;box-shadow:0 0 12px #ffffff40;width:36px}.slider-dot:hover{background:#ffffffb3}.login-section{align-items:center;background:linear-gradient(165deg,#f8fafc,#eef2f7 40%,#f0fdf4);display:flex;flex:1 1;justify-content:center;padding:24px}.login-card{animation:cardEnter .7s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #2563eb14;border-radius:28px;box-shadow:0 20px 60px #0f172a1f;max-width:500px;padding:40px 40px 36px;transition:all .3s ease;width:100%}.login-card:hover{border-color:#2563eb2e;box-shadow:0 30px 70px #0f172a2e,0 0 0 1px #2563eb26;transform:translateY(-8px) scale(1.01)}@keyframes cardEnter{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{margin-bottom:32px;text-align:center}.logo-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:24px}.logo-image{display:block;height:auto;max-width:300px;object-fit:contain;width:100%}.login-access-title{color:#0f172a;font-size:clamp(22px,3vw,26px);font-weight:700;letter-spacing:-.015em;line-height:1.2;margin:0 0 10px}.login-access-subtitle{color:#64748b;font-size:14.5px;font-weight:500;letter-spacing:.01em;line-height:1.5;margin:0}.login-error{align-items:flex-start;animation:shakeIn .4s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#b91c1c;display:flex;font-size:13.5px;gap:10px;line-height:1.45;margin-bottom:24px;padding:14px 16px}.login-error svg{flex-shrink:0;margin-top:1px}@keyframes shakeIn{0%{opacity:0;transform:translateX(-6px)}25%{transform:translateX(4px)}50%{transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}.login-form .form-group{margin-bottom:18px}.login-form .form-label{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.02em;margin-bottom:8px}.login-form .form-label .label-icon{align-items:center;color:#2563eb;display:inline-flex;flex-shrink:0;justify-content:center}.input-wrapper{align-items:center;display:flex;height:56px;position:relative}.login-form .form-input{-webkit-appearance:none;appearance:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;color:#0f172a;font-family:inherit;font-size:15px;height:56px;line-height:1;outline:none;padding:0 16px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.login-form .form-input::placeholder{color:#a1a1aa;font-weight:400}.login-form .form-input:hover{background:#fff;border-color:#cbd5e1}.login-form .form-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.login-form .form-input.input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.login-form .form-input.has-icon-right{padding-right:52px}.password-toggle{align-items:center;background:none;border:none;border-radius:8px;bottom:0;color:#a1a1aa;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:16px;top:0;transition:all .2s ease;width:40px;z-index:1}.password-toggle:hover{background:#f1f5f9;color:#475569}.capslock-warning{align-items:center;animation:fadeIn .2s ease;color:#d97706;display:flex;font-size:12.5px;font-weight:500;gap:6px;margin-top:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.forgot-row{display:flex;justify-content:flex-end;margin-bottom:24px;margin-top:-12px}.forgot-link{color:#3b82f6;font-size:13px;font-weight:500;padding:4px 0;text-decoration:none;transition:all .2s ease}.forgot-link:hover{color:#1d4ed8;text-decoration:underline}.remember-row{align-items:center;cursor:pointer;display:flex;gap:12px;margin-bottom:24px;padding:4px 0;-webkit-user-select:none;user-select:none}.remember-row input[type=checkbox]{display:none}.custom-checkbox{align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:6px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:20px}.remember-row input[type=checkbox]:checked+.custom-checkbox{background:#16a34a;border-color:#16a34a;box-shadow:0 2px 6px #16a34a40}.custom-checkbox svg{opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.4,0,.2,1)}.remember-row input[type=checkbox]:checked+.custom-checkbox svg{opacity:1;transform:scale(1)}.remember-row:hover .custom-checkbox{border-color:#16a34a}.remember-label{color:#475569;font-size:14px;font-weight:500;text-transform:lowercase}.login-submit{align-items:center;background:linear-gradient(135deg,#22c55e,#2563eb);border:none;border-radius:14px;box-shadow:0 1px 3px #16a34a33,0 4px 12px #2563eb1f,0 8px 24px #16a34a14;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:10px;height:54px;justify-content:center;letter-spacing:.01em;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-submit:before{background:linear-gradient(135deg,#ffffff1a,#fff0);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.login-submit:hover:not(:disabled){box-shadow:0 6px 16px #16a34a52,0 14px 32px #2563eb38,0 24px 52px #16a34a1f;transform:translateY(-2px)}.login-submit:hover:not(:disabled):before{opacity:1}.login-submit:active:not(:disabled){box-shadow:0 1px 4px #16a34a33,0 4px 12px #2563eb1a;transform:translateY(0)}.login-submit:disabled{cursor:not-allowed;opacity:.65}.login-submit .btn-arrow{transition:transform .25s cubic-bezier(.4,0,.2,1)}.login-submit:hover:not(:disabled) .btn-arrow{transform:translateX(5px)}.login-submit .btn-spinner{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-footer{border-top:1px solid #f1f5f9;display:flex;gap:12px;margin-top:28px;padding-top:22px}.footer-btn,.login-footer{align-items:center;justify-content:center}.footer-btn{border:none;border-radius:14px;cursor:pointer;display:inline-flex;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;gap:7px;padding:12px 18px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-btn--about{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.footer-btn--about:hover{background:#dcfce7;border-color:#86efac;box-shadow:0 6px 18px #16a34a29;transform:translateY(-2px)}.footer-btn--support{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.footer-btn--support:hover{background:#dbeafe;border-color:#93c5fd;box-shadow:0 6px 18px #2563eb29;transform:translateY(-2px)}.footer-sep{color:#d1d5db;flex-shrink:0;font-size:10px;-webkit-user-select:none;user-select:none}.login-success-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.login-success-card{animation:popIn .5s cubic-bezier(.34,1.56,.64,1);text-align:center}.success-checkmark{align-items:center;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:50%;box-shadow:0 8px 30px #16a34a4d;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.success-checkmark svg{stroke-dasharray:50;stroke-dashoffset:50;animation:drawCheck .6s ease .2s forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.login-success-text{color:#0f172a;font-size:20px;font-weight:700;margin-bottom:6px}.login-success-sub{color:#64748b;font-size:14px}.mfs-modal-body>*{max-width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.about-section{margin-bottom:28px}.section-header{gap:12px;margin-bottom:14px}.section-header,.section-icon{align-items:center;display:flex}.section-icon{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;color:#475569;height:40px;justify-content:center;width:40px}.section-icon svg{height:20px;width:20px}.about-section h3{color:#1e293b;font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:16px}.about-section p{color:#334155;font-size:15px;font-weight:500;line-height:1.8}.goal-section{align-items:flex-start;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:16px;box-shadow:0 10px 28px #10b9811f;display:flex;gap:16px;margin-bottom:32px;overflow:hidden;padding:22px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.goal-section.action-card:hover{border-color:#6ee7b7;box-shadow:0 18px 34px #10b98129;transform:translateY(-3px)}.goal-section:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.goal-icon-wrapper{align-items:center;background:linear-gradient(135deg,#22c55e,#10b981);border-radius:12px;box-shadow:0 4px 12px #22c55e4d;color:#fff;display:flex;flex:0 0 48px;height:48px;justify-content:center;position:relative;width:48px;z-index:1}.goal-icon-wrapper svg{height:24px;width:24px}.goal-content{min-width:0;position:relative;z-index:1}.goal-kicker{align-items:center;color:#047857;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:0;margin-bottom:6px;text-transform:uppercase}.goal-section h3{color:#065f46;font-size:18px;font-weight:700;letter-spacing:0;margin-bottom:8px}.goal-section p{color:#064e3b;font-size:15px;font-weight:500;line-height:1.65;margin:0}.mission-vision-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.mission-box,.vision-box{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 12px #0000000f;padding:32px;transition:all .3s ease}.mission-box:hover,.vision-box:hover{border-color:#cbd5e0;box-shadow:0 16px 40px -8px #00000026;transform:translateY(-6px)}.mv-icon{align-items:center;border-radius:12px;display:flex;height:44px;justify-content:center;margin-bottom:16px;width:44px}.mv-icon svg{height:22px;width:22px}.mission-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.vision-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.mission-box h4,.vision-box h4{color:#1e293b;font-size:18px;font-weight:700;letter-spacing:-.2px;margin-bottom:12px}.mission-box p,.vision-box p{color:#475569;font-size:15px;font-weight:500;line-height:1.7}.team-cards{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 1fr}.team-card-item{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 16px #0000000f;cursor:pointer;padding:36px 32px;text-align:center;transition:all .3s ease}.team-card-item:hover{border-color:#cbd5e0;box-shadow:0 24px 48px -12px #0000002e;transform:translateY(-8px)}.card-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 16px #667eea4d;display:flex;height:96px;justify-content:center;margin:0 auto 20px;overflow:hidden;transition:transform .3s ease;width:96px}.team-card-item:hover .card-avatar{transform:scale(1.08)}.card-avatar img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.card-info h4{color:#1e293b;font-size:18px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px}.card-title{color:#667eea;display:block;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:14px;text-transform:uppercase}.card-contact{align-items:center;border-top:1px solid #e2e8f0;color:#475569;display:flex;font-size:15px;font-weight:500;gap:10px;justify-content:center;margin-top:14px;padding-top:14px}.card-contact svg{color:#3b82f6;height:18px;width:18px}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.feature-card-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:16px;padding:18px 20px;transition:all .3s ease}.feature-card-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e0;box-shadow:0 6px 16px #00000014;transform:translateX(8px)}.feature-check{align-items:center;background:linear-gradient(135deg,#22c55e,#10b981);border-radius:50%;box-shadow:0 2px 8px #22c55e4d;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.feature-check svg{stroke-width:2.5;height:18px;width:18px}.feature-card-item span{color:#1e293b;flex:1 1;font-size:14px;font-weight:600;line-height:1.5}.legal-info{grid-gap:24px;border-top:2px solid #e2e8f0;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:28px;padding-top:28px}.legal-card-item{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #cbd5e1;border-radius:20px;box-shadow:0 4px 12px #0000000f;padding:24px;transition:all .3s ease}.legal-card-item:hover{background:#fff;border-color:#94a3b8;box-shadow:0 12px 24px -8px #0000001f;transform:translateY(-4px)}.legal-icon{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border-radius:14px;box-shadow:0 4px 12px #1e293b40;color:#fff;display:flex;height:44px;justify-content:center;margin-bottom:16px;width:44px}.legal-icon svg{height:22px;width:22px}.legal-card-item h4{color:#0f172a;font-size:18px;font-weight:800;letter-spacing:-.3px;margin-bottom:12px}.legal-card-item p{color:#1e293b;font-size:14px;font-weight:500;line-height:1.7}.contact-cards{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.contact-card{align-items:center;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 16px #0000000a;display:flex;gap:24px;padding:24px 28px;transition:all .3s ease}.contact-card:hover{border-color:#cbd5e0;box-shadow:0 12px 32px -8px #0000001f;transform:translateX(10px)}.contact-icon-wrapper{align-items:center;border-radius:18px;box-shadow:0 4px 16px #0000001a;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.contact-icon-wrapper svg{height:28px;width:28px}.phone-icon{background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 4px 16px #22c55e4d;color:#fff}.email-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px #3b82f64d;color:#fff}.location-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b4d;color:#fff}.contact-details{flex:1 1}.contact-details strong{color:#0f172a;display:block;font-size:18px;font-weight:700;letter-spacing:-.2px;margin-bottom:6px}.contact-details p{color:#2563eb;font-size:16px;font-weight:600;letter-spacing:.2px;margin-bottom:6px}.contact-note{color:#475569;font-size:13px;font-weight:500}.support-note{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1px solid #fcd34d;border-left:4px solid #f59e0b;border-radius:18px;box-shadow:0 2px 12px #f59e0b1a;display:flex;gap:16px;padding:20px 24px}.note-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.note-icon svg{height:18px;width:18px}.support-note p{color:#92400e;font-size:15px;font-weight:600;line-height:1.7;margin:0}.dark .login-section{background:linear-gradient(160deg,#0f172a,#111827 50%,#0d1f17)}.dark .login-card{background:#1e293b;border-color:#ffffff0f;box-shadow:0 0 0 1px #ffffff08,0 1px 3px #0000004d,0 8px 24px #0000004d,0 24px 48px #0003}.dark .login-access-title{color:#f1f5f9}.dark .login-access-subtitle{color:#94a3b8}.dark .login-error{background:#dc26261a;border-color:#dc262640;color:#fca5a5}.dark .login-form .form-label{color:#cbd5e1}.dark .login-form .form-input{background:#0f172a;border-color:#374151;color:#f1f5f9}.dark .login-form .form-input::placeholder{color:#6b7280}.dark .login-form .form-input:hover{border-color:#4b5563}.dark .login-form .form-input:focus{background:#0f172a;border-color:#3b82f6;box-shadow:0 0 0 4px #2563eb26}.dark .password-toggle{color:#6b7280}.dark .password-toggle:hover{background:#374151;color:#9ca3af}.dark .capslock-warning{color:#fbbf24}.dark .custom-checkbox{background:#0f172a;border-color:#4b5563}.dark .remember-row input[type=checkbox]:checked+.custom-checkbox{background:#16a34a;border-color:#16a34a}.dark .remember-label{color:#9ca3af}.dark .forgot-link{color:#60a5fa}.dark .forgot-link:hover{color:#93c5fd}.dark .login-footer{border-top-color:#1e293b}.dark .footer-btn--about{background:#16a34a1f;border-color:#16a34a26;color:#4ade80}.dark .footer-btn--about:hover{background:#16a34a33}.dark .footer-btn--support{background:#3b82f61f;border-color:#3b82f626;color:#60a5fa}.dark .footer-btn--support:hover{background:#3b82f633}.dark .footer-sep{color:#4b5563}.dark .login-success-overlay{background:#0f172aeb}.dark .login-success-text{color:#f1f5f9}.dark .login-success-sub{color:#9ca3af}@media (prefers-reduced-motion:reduce){.hero-slide{transition:opacity .3s ease}.hero-slide,.hero-slide.active{transform:none}.login-card{animation:none}.login-submit{transition:none}.login-submit:hover:not(:disabled){transform:none}.badge-dot,.login-success-card{animation:none}.success-checkmark svg{stroke-dashoffset:0;animation:none}.goal-section:before{animation:none}.contact-card:hover,.feature-card-item:hover,.legal-card-item:hover,.mission-box:hover,.team-card-item:hover,.vision-box:hover{transform:none}}@media (min-width:1920px){.hero-title{font-size:64px}.hero-description{font-size:17px;max-width:500px}.stat-number{font-size:40px}.stat-label{font-size:14px}.hero-content{max-width:680px;padding:88px 80px}.login-card{max-width:540px;padding:56px}.logo-image{max-width:340px}.login-access-title{font-size:28px}.login-form .form-input{font-size:16px;height:56px;padding:0 18px}.password-toggle{right:18px}.login-submit{font-size:16px;height:56px}}@media (min-width:1200px) and (max-width:1919px){.hero-title{font-size:56px}.hero-content{max-width:620px;padding:72px 64px}.stat-number{font-size:36px}.login-card{max-width:520px;padding:52px 48px}.logo-image{max-width:320px}.login-access-title{font-size:26px}}@media (min-width:992px) and (max-width:1199px){.hero-title{font-size:46px}.hero-content{max-width:540px;padding:56px 48px}.hero-description{font-size:15px;max-width:420px}.stat-number{font-size:30px}.stat-label{font-size:12px}.hero-stats{gap:36px}.login-card{max-width:480px;padding:44px 40px}.logo-image{max-width:280px}.login-access-title{font-size:24px}}@media (min-width:768px) and (max-width:991px){.login-container{flex-direction:row}.hero-section{flex:1 1}.hero-content{max-width:100%;padding:48px 40px}.hero-title{font-size:38px;line-height:1.15}.hero-description{font-size:14px;max-width:380px}.hero-stats{gap:28px}.stat-number{font-size:26px}.hero-badge,.stat-label{font-size:11px}.hero-badge{margin-bottom:24px;padding:5px 14px}.slider-controls{bottom:32px;left:40px}.login-section{flex:1 1;padding:24px}.login-card{border-radius:22px;max-width:100%;padding:40px 36px}.logo-wrapper{margin-bottom:28px}.logo-image{max-width:250px}.login-access-title{font-size:22px}.login-form .form-input{font-size:15px;height:52px;padding:0 16px}.password-toggle{right:14px}.login-form .form-input.has-icon-right{padding-right:48px}.login-submit{border-radius:12px;height:52px}.login-footer{margin-top:32px;padding-top:24px}.legal-info,.mission-vision-grid,.team-cards{gap:20px;grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}}@media (max-width:767px){.login-container{flex-direction:column;overflow-x:hidden}.hero-section{flex:0 0 38vh;flex:0 0 38dvh;min-height:280px}.hero-content{max-width:100%;padding:28px 24px;text-align:center}.hero-badge{font-size:11px;margin:0 auto 20px;padding:5px 14px}.hero-title{font-size:28px;line-height:1.2;margin-bottom:14px}.hero-description{font-size:13px;line-height:1.65;margin-bottom:28px;max-width:100%;padding:0 8px}.hero-stats{gap:24px;justify-content:center}.stat-number{font-size:22px}.stat-label{font-size:10px}.slider-controls{bottom:20px;gap:12px;left:50%;right:auto;transform:translateX(-50%)}.slider-dot{border-radius:50%}.slider-dot,.slider-dot.active{height:10px;padding:17px;width:10px}.login-section{flex:1 1;min-height:calc(62vh - 280px);min-height:calc(62dvh - 280px);padding:16px}.login-card{border-radius:20px;margin:0 auto;max-width:100%;padding:36px 28px;width:100%}.logo-wrapper{margin-bottom:26px}.logo-image{max-width:220px}.login-header{margin-bottom:30px}.login-access-title{font-size:21px;margin-bottom:8px}.login-access-subtitle{font-size:13.5px}.login-form .form-group{margin-bottom:20px}.login-form .form-input{border-radius:12px;font-size:14px;height:48px;padding:0 16px}.input-wrapper{height:48px}.password-toggle{right:12px;width:36px}.login-submit{border-radius:12px;font-size:14.5px;height:48px}.login-footer{flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:20px}.footer-btn{font-size:12px;padding:8px 14px}.about-section{margin-bottom:24px}.section-header{gap:10px;margin-bottom:12px}.section-icon{height:36px;width:36px}.section-icon svg{height:18px;width:18px}.about-section h3{font-size:18px;margin-bottom:12px}.about-section p{font-size:14px;line-height:1.7}.goal-section{gap:14px;margin-bottom:24px;padding:20px}.goal-icon-wrapper{flex-basis:42px;height:42px;width:42px}.goal-icon-wrapper svg{height:20px;width:20px}.goal-section h3{font-size:18px;margin-bottom:8px}.goal-section p{font-size:14px}.mission-vision-grid{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.mission-box,.vision-box{padding:24px 20px}.mv-icon{height:40px;margin-bottom:12px;width:40px}.mv-icon svg{height:20px;width:20px}.mission-box h4,.vision-box h4{font-size:16px;margin-bottom:10px}.mission-box p,.vision-box p{font-size:14px}.team-cards{gap:20px;grid-template-columns:1fr}.team-card-item{padding:28px 24px}.card-avatar{height:80px;margin-bottom:16px;width:80px}.card-info h4{font-size:16px;margin-bottom:6px}.card-title{font-size:12px;margin-bottom:12px}.card-contact{font-size:14px;gap:8px;padding-top:12px}.card-contact svg{height:16px;width:16px}.features-grid{gap:12px;grid-template-columns:1fr}.feature-card-item{gap:12px;padding:14px 16px}.feature-check{height:28px;width:28px}.feature-check svg{height:16px;width:16px}.feature-card-item span{font-size:13px}.legal-info{gap:16px;grid-template-columns:1fr;margin-top:24px;padding-top:24px}.legal-card-item{padding:20px}.legal-icon{height:40px;margin-bottom:12px;width:40px}.legal-icon svg{height:20px;width:20px}.legal-card-item h4{font-size:16px;margin-bottom:10px}.legal-card-item p{font-size:13px}.contact-cards{gap:16px;margin-bottom:24px}.contact-card{gap:16px;padding:18px 20px}.contact-icon-wrapper{height:52px;width:52px}.contact-icon-wrapper svg{height:24px;width:24px}.contact-details strong{font-size:16px;margin-bottom:4px}.contact-details p{font-size:15px;margin-bottom:4px}.contact-note{font-size:12px}.support-note{gap:12px;padding:16px 20px}.note-icon{height:32px;width:32px}.note-icon svg{height:16px;width:16px}.support-note p{font-size:14px}}@media (max-width:479px){.hero-section{flex:0 0 35vh;flex:0 0 35dvh;min-height:250px}.hero-content{padding:20px}.hero-title{font-size:24px}.hero-description{font-size:12px;padding:0 5px}.hero-stats{gap:16px}.stat-number{font-size:20px}.hero-badge,.stat-label{font-size:10px}.hero-badge{padding:4px 10px}.slider-controls{bottom:16px}.login-section{padding:12px}.login-card{border-radius:18px;padding:28px 22px}.logo-wrapper{margin-bottom:22px}.logo-image{max-width:190px}.login-access-title{font-size:19px}.login-access-subtitle{font-size:13px}.login-form .form-group{margin-bottom:18px}.form-label{font-size:11px;margin-bottom:6px}.login-form .form-input{font-size:13.5px;height:46px;padding:0 14px}.input-wrapper{height:46px}.password-toggle{right:10px;width:32px}.login-submit{font-size:14px;height:46px}.login-footer{gap:6px}.footer-btn{font-size:11px;padding:6px 10px}}.prd{flex:0 0 auto;overflow:visible;position:relative;z-index:100}.prd-trigger{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:6px;padding:3px;position:relative}.prd-trigger,.prd-trigger:after{border-radius:999px;transition:all .2s cubic-bezier(.16,1,.3,1)}.prd-trigger:after{border:2px solid #0000;content:"";inset:-2px;position:absolute}.prd-trigger:hover:after{border-color:#e2e8f0;border-color:var(--color-border,#e2e8f0)}.prd-trigger--open:after{border-color:#0f5132;border-color:var(--color-primary,#0f5132);box-shadow:0 0 0 4px #0f51321f}.prd-avatar{background:#f1f5f9;background:var(--color-muted,#f1f5f9);border-radius:999px;flex-shrink:0;height:32px;overflow:hidden;position:relative;width:32px}.prd-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.prd-avatar-fallback{align-items:center;background:linear-gradient(135deg,#d1fae5,#ecfdf5);background:linear-gradient(135deg,var(--color-primary-light,#d1fae5),var(--color-primary-pale,#ecfdf5));color:#0f172a;color:var(--color-foreground,#0f172a);display:flex;font-size:13px;font-weight:700;height:100%;justify-content:center;width:100%}.prd-chevron{color:#94a3b8;color:var(--color-muted-foreground,#94a3b8);flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.prd-trigger--open .prd-chevron{color:#0f5132;color:var(--color-primary,#0f5132);transform:rotate(180deg)}.prd-backdrop{background:#0000;inset:0;position:fixed;z-index:9998}.prd-dropdown{animation:prdSlide .2s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--color-popover,#fff);border:1px solid #eef2f6;border:1px solid var(--color-border,#eef2f6);border-radius:16px;box-shadow:0 20px 60px #0f172a1a,0 8px 24px #0f172a0f,0 1px 3px #0f172a0a;max-width:calc(100vw - 32px);overflow:hidden;position:fixed;transform-origin:top right;width:320px;z-index:9999}@media (max-width:480px){.prd-dropdown{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:70vh;max-width:100%;overflow-y:auto;right:0;top:auto!important;width:100%}}@keyframes prdSlide{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.prd-header{align-items:flex-start;display:flex;gap:14px;padding:20px 20px 16px}.prd-header-avatar{background:#f1f5f9;background:var(--color-muted,#f1f5f9);border-radius:14px;box-shadow:0 2px 8px #0f172a14;flex-shrink:0;height:48px;overflow:hidden;position:relative;width:48px}.prd-header-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.prd-header-avatar-fallback{align-items:center;background:linear-gradient(135deg,#d1fae5,#ecfdf5);background:linear-gradient(135deg,var(--color-primary-light,#d1fae5),var(--color-primary-pale,#ecfdf5));color:#0f172a;color:var(--color-foreground,#0f172a);display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.prd-header-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0;padding-top:2px}.prd-header-name{color:#0f172a;color:var(--color-foreground,#0f172a);font-size:15px;font-weight:700;line-height:1.3}.prd-header-email,.prd-header-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prd-header-email{color:#64748b;color:var(--color-muted-foreground,#64748b);font-size:12px;font-weight:500}.prd-header-role{align-items:center;background:#64748b1a;border-radius:6px;color:#64748b;color:var(--prd-role-color,#64748b);display:inline-flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.04em;margin-top:2px;padding:3px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.prd-header-role svg{flex-shrink:0}.prd-meta{align-items:center;color:#64748b;color:var(--color-muted-foreground,#64748b);display:flex;font-size:12px;font-weight:500;gap:8px;padding:10px 20px 14px}.prd-meta svg{color:#94a3b8;color:var(--color-muted-foreground,#94a3b8);flex-shrink:0}.prd-meta strong{color:#0f172a;color:var(--color-foreground,#0f172a);font-weight:600}.prd-divider{background:linear-gradient(90deg,#0000,#eef2f6 20%,#eef2f6 80%,#0000);background:linear-gradient(90deg,#0000,var(--color-border,#eef2f6) 20%,var(--color-border,#eef2f6) 80%,#0000);height:1px;margin:0}.prd-items{padding:6px 8px}.prd-item{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;gap:12px;margin:1px 0;padding:10px 12px;text-align:left;transition:all .15s cubic-bezier(.16,1,.3,1);width:100%}.prd-item:hover{background:#f1f5f9;background:var(--color-muted,#f1f5f9)}.prd-item:active{transform:scale(.98)}.prd-item-icon{align-items:center;background:#f1f5f9;background:var(--color-muted,#f1f5f9);border-radius:10px;color:#64748b;color:var(--color-muted-foreground,#64748b);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .15s cubic-bezier(.16,1,.3,1);width:36px}.prd-item:hover .prd-item-icon{background:#fff;background:var(--color-background,#fff);box-shadow:0 1px 3px #0f172a0f;color:#0f172a;color:var(--color-foreground,#0f172a)}.prd-item-content{flex:1 1;min-width:0}.prd-item-title{color:#0f172a;color:var(--color-foreground,#0f172a);display:block;font-size:14px;font-weight:600;line-height:1.3}.prd-item-desc{color:#94a3b8;color:var(--color-muted-foreground,#94a3b8);display:block;font-size:11px;font-weight:500;margin-top:1px}.prd-item--danger .prd-item-icon,.prd-item--danger .prd-item-title{color:#dc2626;color:var(--color-destructive,#dc2626)}.prd-item--danger .prd-item-icon{background:#dc262614}.prd-item--danger:hover{background:#dc26260a}.prd-item--danger:hover .prd-item-icon{background:#dc26261f;box-shadow:0 1px 3px #dc26261a}.prd-full{animation:prdFadeIn .3s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--color-card,#fff);border:1px solid #eef2f6;border:1px solid var(--color-border,#eef2f6);border-radius:16px;box-shadow:0 1px 3px #0f172a0f;margin:0 auto;max-width:820px;overflow:hidden;position:relative;width:100%}@keyframes prdFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.prd-full-cover{background:linear-gradient(135deg,#0f5132,#1e40af);height:100px;margin-bottom:50px;position:relative}.prd-full-avatar-wrap{bottom:-40px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.prd-full-avatar{background:#f1f5f9;background:var(--color-muted,#f1f5f9);border:4px solid #fff;border:4px solid var(--color-card,#fff);border-radius:999px;box-shadow:0 4px 16px #0f172a1f;height:80px;overflow:hidden;position:relative;transition:transform .2s ease;width:80px}.prd-full-avatar:hover{transform:scale(1.02)}.prd-full-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.prd-full-avatar-fallback{background:linear-gradient(135deg,#d1fae5,#ecfdf5);background:linear-gradient(135deg,var(--color-primary-light,#d1fae5),var(--color-primary-pale,#ecfdf5));color:#0f172a;color:var(--color-foreground,#0f172a);font-size:28px;font-weight:700;height:100%;width:100%}.prd-full-avatar-fallback,.prd-full-camera{align-items:center;display:flex;justify-content:center}.prd-full-camera{background:#0f172a;background:var(--color-foreground,#0f172a);border:3px solid #fff;border:3px solid var(--color-card,#fff);border-radius:999px;bottom:2px;box-shadow:0 2px 8px #0f172a1a;color:#fff;color:var(--color-card,#fff);cursor:pointer;height:36px;position:absolute;right:2px;transition:all .2s ease;width:36px}.prd-full-camera:hover{box-shadow:0 4px 12px #0f172a26;transform:scale(1.08)}.prd-full-body{padding:0 40px 32px;text-align:center}.prd-full-name{color:#0f172a;color:var(--color-foreground,#0f172a);font-size:clamp(24px,2.5vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 6px}.prd-full-role{align-items:center;background:#64748b1a;border-radius:999px;color:#64748b;color:var(--prd-role-color,#64748b);display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.05em;margin:0 auto 24px;padding:6px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.prd-full-contact{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:0 auto 28px;max-width:650px}.prd-full-contact-item{align-items:center;background:#f1f5f9;background:var(--color-muted,#f1f5f9);border:1px solid #eef2f6;border:1px solid var(--color-border,#eef2f6);border-radius:12px;color:#0f172a;color:var(--color-foreground,#0f172a);display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;overflow-wrap:break-word;padding:12px 16px}.prd-full-contact-item svg{color:#0f5132;color:var(--color-primary,#0f5132);flex-shrink:0}.prd-full-details{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:28px;padding:0}.prd-full-detail{align-items:center;background:#fff;background:var(--color-card,#fff);border:1px solid #eef2f6;border:1px solid var(--color-border,#eef2f6);border-radius:14px;box-shadow:0 1px 3px #0f172a0f;display:flex;gap:14px;padding:18px 20px}.prd-full-detail-icon{align-items:center;background:#d1fae5;background:var(--color-primary-light,#d1fae5);border-radius:12px;color:#0f5132;color:var(--color-primary,#0f5132);display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.prd-full-detail-text{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left}.prd-full-detail-label{color:#64748b;color:var(--color-muted-foreground,#64748b);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.prd-full-detail-value{color:#0f172a;color:var(--color-foreground,#0f172a);font-size:16px;font-weight:700;overflow-wrap:break-word}.prd-full-actions{display:flex;gap:12px;justify-content:flex-end}.prd-full-btn{align-items:center;background:#0f5132;background:var(--color-primary,#0f5132);border:none;border-radius:12px;box-shadow:0 2px 8px #0f513233;color:#fff;color:var(--color-primary-foreground,#fff);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;padding:12px 20px;transition:all .15s ease}.prd-full-btn:hover{background:#0d3d26;background:var(--color-primary-dark,#0d3d26);box-shadow:0 4px 12px #0f51324d;transform:translateY(-1px)}.prd-full-btn:active{transform:translateY(0)}@media (max-width:767px){.prd-dropdown{max-width:calc(100vw - 24px);right:0;width:300px}.prd-full{border-radius:12px;margin:0;max-width:100%}.prd-full-cover{height:120px;margin-bottom:50px}.prd-full-avatar-wrap{bottom:-45px}.prd-full-avatar{border-width:4px;height:90px;width:90px}.prd-full-body{padding:55px 20px 24px}.prd-full-name{font-size:26px}.prd-full-role{margin:8px auto 24px}.prd-full-contact,.prd-full-details{gap:10px;grid-template-columns:1fr}.prd-full-detail{padding:16px 18px}.prd-full-actions,.prd-full-btn{justify-content:center}.prd-full-btn{width:100%}}@media (max-width:480px){.prd-dropdown{max-width:calc(100vw - 16px);width:280px}.prd-header{padding:16px 16px 12px}.prd-header-avatar{border-radius:12px;height:42px;width:42px}.prd-header-avatar-fallback{font-size:16px}.prd-header-name{font-size:14px}.prd-meta{font-size:11px;padding:8px 16px 12px}.prd-items{padding:4px 6px}.prd-item{padding:8px 10px}.prd-item-icon{height:32px;width:32px}.prd-item-title{font-size:13px}.prd-full-cover{height:100px;margin-bottom:45px}.prd-full-avatar-wrap{bottom:-40px}.prd-full-avatar{border-width:3px;height:80px;width:80px}.prd-full-body{padding:50px 16px 20px}.prd-full-name{font-size:24px}.prd-full-role{font-size:10px;margin:6px auto 20px;padding:5px 10px}.prd-full-details{gap:8px}.prd-full-detail{padding:14px 16px}.prd-full-detail-value{font-size:15px}.prd-full-actions{padding:0}.prd-full-btn{font-size:14px;justify-content:center;padding:14px 20px;width:100%}.prd-full-contact-item{font-size:13px;padding:10px 14px}}.topbar .prd-dropdown{left:auto;position:absolute;right:0;top:calc(100% + 10px)}@media (prefers-color-scheme:dark){.prd-trigger:hover:after{border-color:#fff3}.prd-trigger--open:after{border-color:#22c55e;border-color:var(--color-primary,#22c55e);box-shadow:0 0 0 4px #22c55e26}.prd-avatar{background:#ffffff1a}.prd-dropdown{background:#1e293b;border-color:#334155;box-shadow:0 20px 60px #0006}.prd-header-name{color:#f1f5f9}.prd-header-email{color:#94a3b8}.prd-header-role{background:#ffffff1a}.prd-meta{color:#94a3b8}.prd-meta strong{color:#f1f5f9}.prd-divider{background:linear-gradient(90deg,#0000,#334155 20%,#334155 80%,#0000)}.prd-item:hover{background:#ffffff0d}.prd-item-icon{background:#ffffff1a;color:#94a3b8}.prd-item-title{color:#f1f5f9}.prd-item-desc{color:#64748b}.prd-item--danger .prd-item-title{color:#f87171}.prd-item--danger .prd-item-icon{background:#f8717126}.prd-item--danger:hover{background:#f8717114}.prd-full{background:#1e293b;border-color:#334155}.prd-full-cover{background:linear-gradient(135deg,#064e3b,#1e3a5f)}.prd-full-avatar,.prd-full-camera{border-color:#1e293b}.prd-full-camera{background:#f1f5f9;color:#1e293b}.prd-full-name{color:#f1f5f9}.prd-full-role{background:#ffffff1a}.prd-full-contact-item{background:#ffffff0d;border-color:#334155;color:#e2e8f0}.prd-full-detail{background:#1e293b;border-color:#334155}.prd-full-detail-label{color:#94a3b8}.prd-full-detail-value{color:#f1f5f9}.prd-full-detail-icon{background:#22c55e33;color:#4ade80}.prd-full-btn{background:#22c55e;box-shadow:0 2px 8px #22c55e4d;color:#fff}.prd-full-btn:hover{background:#16a34a;box-shadow:0 4px 12px #22c55e66}}@media (prefers-reduced-motion:reduce){.prd-chevron,.prd-dropdown,.prd-full-avatar,.prd-full-btn,.prd-full-camera,.prd-full-contact-item,.prd-full-detail,.prd-item,.prd-item-icon,.prd-trigger,.prd-trigger:after{transition:none!important}.prd-card:hover,.prd-card:hover:before,.prd-item:active,.prd-trigger--open .prd-chevron{transform:none}}.footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #e2e8f0;bottom:0;left:0;padding:8px 24px;position:fixed;right:0;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:50}.footer--full{left:0}.footer--collapsed{left:72px}@media (min-width:1024px){.footer:not(.footer--full):not(.footer--collapsed){left:260px}}@media (min-width:1280px){.footer:not(.footer--full):not(.footer--collapsed){left:280px}}.footer-content{align-items:center;display:flex;gap:12px;justify-content:space-between;max-width:100%;min-width:0}.footer-left,.footer-right{align-items:center;display:flex;flex-shrink:0}.footer-brand{align-items:center;display:flex;gap:8px}.footer-logo{border-radius:6px;flex:0 0 auto;height:20px;object-fit:cover;width:20px}.footer-text{color:#64748b;font-size:12px;font-weight:600}.footer-bizhub{color:#3b82f6;font-weight:700}.footer-center{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0}.footer-tagline{color:#16a34a;font-size:11px;font-weight:500;opacity:.5;text-align:center}.footer-links{align-items:center;display:flex;gap:6px}.footer-link{background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:4px 10px;text-decoration:none;transition:all .2s ease}.footer-link:hover{background:#f0fdf4;color:#16a34a}.footer-separator{color:#e2e8f0;font-size:8px}.privacy-overlay{align-items:center;animation:privacyFadeIn .15s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}@keyframes privacyFadeIn{0%{opacity:0}to{opacity:1}}.privacy-modal{animation:privacyScaleIn .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 24px 64px #0003;max-width:440px;padding:40px 32px 32px;position:relative;text-align:center;width:100%}@keyframes privacyScaleIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.privacy-close{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:14px;top:14px;transition:all .2s ease;width:32px}.privacy-close:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444;transform:rotate(90deg)}.privacy-icon-wrap{align-items:center;background:#f0fdf4;border-radius:16px;color:#16a34a;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.privacy-title{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px}.privacy-text{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 24px}.privacy-ok-btn{align-items:center;background:linear-gradient(135deg,#16a34a,#0f5132);border:none;border-radius:12px;box-shadow:0 2px 8px #0f513240;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;justify-content:center;padding:10px 32px;transition:all .2s ease}.privacy-ok-btn:hover{box-shadow:0 4px 16px #0f513259;transform:translateY(-1px)}.privacy-sub{color:#64748b;font-size:13px;margin:-4px 0 20px}.support-cards{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;text-align:left}.support-card{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:14px;transition:all .2s ease}.support-card:hover{background:#f0fdf4;border-color:#bbf7d0}.support-card-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.support-card strong{color:#0f172a;display:block;font-size:13px;margin-bottom:2px}.support-card p{color:#0f172a;font-size:14px;font-weight:600;margin:0 0 2px}.support-note{color:#94a3b8;font-size:11px}.support-footer{color:#64748b;font-size:12px;margin:0 0 20px;text-align:center}.footer-decoration{display:none}.dark .footer{background:#0f172af5;border-top-color:#334155}.dark .footer-text{color:#94a3b8}.dark .footer-bizhub{color:#60a5fa}.dark .footer-tagline{color:#4ade80}.dark .footer-link{color:#64748b}.dark .footer-link:hover{background:#4ade8014;color:#4ade80}.dark .footer-separator{color:#334155}.dark .privacy-modal{background:#1e293b;border-color:#334155}.dark .privacy-close{background:#0f172a;border-color:#334155;color:#94a3b8}.dark .privacy-title{color:#f1f5f9}.dark .privacy-text{color:#94a3b8}.dark .support-card{background:#0f172a;border-color:#334155}.dark .support-card-icon,.dark .support-card:hover{background:#1e293b;border-color:#334155}.dark .support-card p,.dark .support-card strong{color:#f1f5f9}@media (max-width:1023px){.footer{left:0}}@media (max-width:767px){.footer{padding:6px 14px}.footer-content{flex-wrap:wrap;justify-content:center}.footer-text{font-size:10px}.footer-center{order:3;width:100%}.footer-link,.footer-tagline{font-size:10px}.footer-link{padding:3px 8px}.privacy-modal{margin:10px;padding:28px 20px 24px}}@media (max-width:480px){.footer{padding:5px 10px}.footer-text{font-size:9px}.footer-logo{height:16px;width:16px}.footer-link{font-size:9px;padding:2px 6px}.footer-separator{font-size:6px}}@media print{.footer{display:none!important}}.error-boundary{align-items:center;display:flex;justify-content:center;min-height:400px;padding:32px}.error-boundary-content{max-width:480px;text-align:center}.error-boundary-icon{align-items:center;background-color:#fef2f2;background-color:var(--color-destructive-light,#fef2f2);border-radius:50%;color:#dc2626;color:var(--color-destructive,#dc2626);display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.error-boundary-title{color:#0f172a;color:var(--color-foreground,#0f172a);font-size:20px;font-weight:700;margin:0 0 8px}.error-boundary-message{color:#64748b;color:var(--color-muted-foreground,#64748b);font-size:14px;line-height:1.5;margin:0 0 24px}.error-boundary-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.error-boundary-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.error-boundary-btn--primary{background-color:#0f5132;background-color:var(--color-primary,#0f5132);color:#fff;color:var(--color-primary-foreground,#fff)}.error-boundary-btn--primary:hover{opacity:.9}.error-boundary-btn--secondary{background-color:#dbeafe;background-color:var(--color-secondary-light,#dbeafe);color:#2563eb;color:var(--color-secondary,#2563eb)}.error-boundary-btn--secondary:hover{opacity:.9}.error-boundary-btn--ghost{background:none;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);color:#64748b;color:var(--color-muted-foreground,#64748b)}.error-boundary-btn--ghost:hover{background-color:#f1f5f9;background-color:var(--color-muted,#f1f5f9)}@media (prefers-color-scheme:dark){.error-boundary{background:#0f172a}.error-boundary-title{color:#f1f5f9}.error-boundary-message{color:#94a3b8}.error-boundary-icon{background-color:#dc262633;color:#f87171}.error-boundary-btn--ghost{border-color:#334155;color:#94a3b8}.error-boundary-btn--ghost:hover{background-color:#ffffff14}}@media (prefers-reduced-motion:reduce){.error-boundary-btn{transition:none}}.sto-overlay{animation:stoFadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a85;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:9999}.sto-dialog{align-items:center;animation:stoSlideUp .24s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:16px;box-shadow:0 24px 80px #0f172a47,0 0 0 1px #0f172a0a;color:#0f172a;color:var(--color-foreground,#0f172a);display:flex;flex-direction:column;gap:18px;max-width:100%;padding:32px;text-align:center;width:460px}.sto-icon-wrap{background:#eff6ff;background:var(--color-info-light,#eff6ff);border:1px solid #2563eb1f;border-radius:14px;color:#2563eb;color:var(--color-info,#2563eb);display:grid;height:56px;place-items:center;width:56px}.sto-header{align-items:center;display:flex;flex-direction:column;gap:6px}.sto-title{font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.3}.sto-description,.sto-title{color:#0f172a;color:var(--color-foreground,#0f172a);margin:0}.sto-description{font-size:14px;font-weight:500;line-height:1.5}.sto-subtext{color:#64748b;color:var(--color-muted-foreground,#64748b);font-size:13px;line-height:1.45;margin:0}.sto-countdown{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:14px;box-shadow:inset 0 1px 2px #0f172a0a;display:inline-flex;gap:10px;justify-content:center;margin-top:2px;padding:14px 28px}.sto-countdown-icon{color:#64748b;color:var(--color-muted-foreground,#64748b)}.sto-countdown-text{font-feature-settings:"tnum";color:#0f172a;color:var(--color-foreground,#0f172a);font-size:32px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.02em;line-height:1}.sto-progress{background:#f1f5f9;background:var(--color-muted,#f1f5f9);border:1px solid #0f172a0a;border-radius:999px;height:8px;overflow:hidden;width:100%}.sto-progress-fill{background:linear-gradient(90deg,#d97706,#dc2626);background:linear-gradient(90deg,var(--color-warning,#d97706),var(--color-destructive,#dc2626));border-radius:inherit;box-shadow:0 0 8px #d9770640;display:block;height:100%;transition:width .25s linear}.sto-actions{display:flex;gap:10px;margin-top:4px;width:100%}.sto-btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;line-height:1.25;min-height:44px;outline:none;padding:0 18px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.sto-btn:focus-visible{box-shadow:0 0 0 3px #2563eb59}.sto-btn:active{transform:translateY(1px)}.sto-btn--primary{background:#0f5132;background:var(--color-primary,#0f5132);border-color:#0f5132;border-color:var(--color-primary,#0f5132);box-shadow:0 8px 22px #0f513247;color:#fff;color:var(--color-primary-foreground,#fff)}.sto-btn--primary:hover:not(:disabled){background:#0b3d26;border-color:#0b3d26;box-shadow:0 10px 26px #0f513252}.sto-btn--secondary{background:#fff;border-color:#cbd5e1;border-color:var(--color-border,#cbd5e1);color:#475569;color:var(--color-muted-foreground,#475569)}.sto-btn--secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#0f172a;color:var(--color-foreground,#0f172a)}@media (prefers-color-scheme:dark){.sto-dialog{background:#1e293b;border-color:#94a3b82e;box-shadow:0 24px 80px #00000073,0 0 0 1px #94a3b814;color:#f1f5f9}.sto-icon-wrap{background:#2563eb1f;border-color:#2563eb38;color:#60a5fa;color:var(--color-info,#60a5fa)}.sto-title{color:#f1f5f9}.sto-description{color:#e2e8f0}.sto-countdown{background:#0f172a;border-color:#94a3b82e}.sto-countdown-icon{color:#94a3b8}.sto-countdown-text{color:#f1f5f9}.sto-progress{background:#94a3b82e;border-color:#94a3b814}.sto-btn--primary{background:#16a34a;background:var(--color-primary,#16a34a);border-color:#16a34a;border-color:var(--color-primary,#16a34a);box-shadow:0 8px 22px #0f513259}.sto-btn--primary:hover:not(:disabled){background:#15803c;border-color:#15803c}.sto-btn--secondary{background:#1e293b;border-color:#475569;color:#cbd5e1}.sto-btn--secondary:hover:not(:disabled){background:#334155;border-color:#64748b;color:#f1f5f9}}@media (max-width:480px){.sto-dialog{border-radius:14px;gap:16px;padding:24px}.sto-countdown-text{font-size:28px}.sto-actions{flex-direction:column-reverse}.sto-btn{width:100%}}@media (prefers-reduced-motion:reduce){.sto-dialog,.sto-overlay{animation:none}.sto-btn,.sto-progress-fill{transition:none}}@keyframes stoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes stoSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.splash{align-items:center;background:linear-gradient(165deg,#f5faf7,#fff 46%,#f1f6fd);display:flex;inset:0;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;position:fixed;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);z-index:99999}.splash--leaving{opacity:0;pointer-events:none;transform:scale(1.012)}.splash-bg{inset:0;overflow:hidden;pointer-events:none;position:absolute}.splash-blob{border-radius:50%;filter:blur(90px);position:absolute}.splash-blob--green{background:radial-gradient(circle at 30% 30%,#16a34a29,#16a34a00 70%);height:440px;left:-130px;top:-150px;width:440px}.splash-blob--blue{background:radial-gradient(circle at 60% 40%,#2563eb24,#2563eb00 70%);bottom:-170px;height:480px;right:-140px;width:480px}.splash-content{flex-direction:column;gap:clamp(20px,3.4vh,32px);max-width:92vw;padding:max(24px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));text-align:center}.splash-content,.splash-logo-wrap{align-items:center;display:flex;position:relative}.splash-logo-wrap{animation:splashLogo .9s cubic-bezier(.22,1,.36,1) .05s both;justify-content:center}.splash-logo-wrap:before{animation:splashHalo 1.6s cubic-bezier(.22,1,.36,1) .2s both;background:radial-gradient(circle,#4ade8024 0,#2563eb17 45%,#0000 72%);border-radius:50%;content:"";inset:-38px;position:absolute}.splash-logo{background:#fff;border-radius:22px;box-shadow:0 1px 2px #0f172a0d,0 18px 44px #023e8a1a;height:clamp(96px,19vw,152px);object-fit:contain;width:clamp(96px,19vw,152px)}.splash-title{animation:splashTitle .75s cubic-bezier(.22,1,.36,1) .6s both;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(28px,5.6vw,52px)!important;font-weight:800;letter-spacing:-.035em;line-height:1.1;margin:0;white-space:nowrap}.splash-title-green{color:#16a34a}.splash-title-blue{color:#2563eb}.splash-slogan-row{align-items:center;display:flex;flex-direction:column;gap:14px;padding-bottom:6px;position:relative}.splash-slogan{color:#023e8a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(14px,2.7vw,19px);font-style:italic;font-weight:500;letter-spacing:.06em;line-height:1.5;margin:0;white-space:nowrap}.splash-slogan span[aria-hidden=true]{opacity:0;transition:opacity .22s ease}.splash-slogan span.is-in{opacity:1}.splash-caret{background:#023e8a;border-radius:2px;display:inline-block;height:1em;margin:0 3px;opacity:0;transition:opacity .2s ease;vertical-align:-.12em;width:2px}.splash-caret.is-active{animation:splashBlink 1.05s step-end infinite;opacity:1}@keyframes splashBlink{0%,to{opacity:1}50%{opacity:0}}.splash-underline{background:linear-gradient(90deg,#16a34a,#2563eb 55%,#023e8a);border-radius:3px;box-shadow:0 2px 12px #023e8a40;display:block;height:3px;opacity:0;transform:scaleX(0);transform-origin:center;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .5s ease .2s;width:min(340px,78vw)}.splash-underline.is-swept{opacity:1;transform:scaleX(1)}@keyframes splashLogo{0%{opacity:0;transform:translateY(8px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes splashHalo{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes splashTitle{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-height:520px){.splash-logo{height:72px;width:72px}.splash-title{font-size:26px!important}.splash-content{gap:14px}}@media (max-width:480px){.splash-blob--green{height:300px;left:-110px;top:-120px;width:300px}.splash-blob--blue{bottom:-140px;height:320px;right:-120px;width:320px}}@media (prefers-reduced-motion:reduce){.splash{transition:opacity .3s ease}.splash-logo-wrap{transform:none}.splash-logo-wrap,.splash-logo-wrap:before,.splash-title{animation:none;opacity:1}.splash-title{transform:none}.splash-slogan span[aria-hidden=true]{opacity:1;transition:none}.splash-caret{display:none}.splash-underline{opacity:1;transform:scaleX(1);transition:none}}:root{--bp-xs:320px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1440px;--space-xs:clamp(4px,0.5vw,4px);--space-sm:clamp(8px,1vw,8px);--space-md:clamp(12px,1.5vw,16px);--space-lg:clamp(16px,2vw,24px);--space-xl:clamp(24px,3vw,32px);--space-2xl:clamp(32px,4vw,48px);--text-xs:clamp(0.625rem,0.55rem + 0.2vw,0.75rem);--text-sm:clamp(0.75rem,0.7rem + 0.15vw,0.8125rem);--text-base:clamp(0.8125rem,0.78rem + 0.1vw,0.9375rem);--text-lg:clamp(0.9375rem,0.875rem + 0.2vw,1rem);--text-xl:clamp(1rem,0.9rem + 0.4vw,1.125rem);--text-2xl:clamp(1.25rem,1rem + 1vw,1.5rem);--text-3xl:clamp(1.5rem,1.2rem + 1.2vw,1.875rem);--text-4xl:clamp(1.75rem,1.4rem + 1.5vw,2.25rem);--radius-sm:clamp(6px,0.5vw,8px);--radius-md:clamp(8px,0.7vw,12px);--radius-lg:clamp(12px,1vw,16px);--radius-xl:clamp(16px,1.5vw,24px);--touch-target:44px;--touch-target-lg:48px}#root,body,html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:0;overflow-x:hidden;width:100%}canvas,iframe,img,svg,video{display:block;height:auto;max-width:100%}.profile-avatar img,img.avatar,img.profile,img.user-image,img[class*=avatar],img[class*=profile]{aspect-ratio:1/1;border-radius:50%;object-fit:cover}button,input,select,textarea{font-family:inherit;max-width:100%}table{border-collapse:collapse;max-width:100%;width:100%}[class*=Flex],[class*=Grid],[class*=flex],[class*=grid],[style*="display: flex"],[style*="display: grid"],[style*="display:flex"],[style*="display:grid"]{min-height:0;min-width:0}.responsive-hide-mobile{display:block}.responsive-show-mobile{display:none}@media (min-width:768px){.responsive-hide-mobile{display:block}.responsive-hide-tablet,.responsive-show-mobile{display:none}.responsive-show-tablet{display:block}}@media (min-width:1024px){.responsive-hide-desktop{display:none}.responsive-show-desktop{display:block}}.text-center-mobile{text-align:left}@media (min-width:768px){.text-center-mobile{text-align:left}}.responsive-col{display:flex;flex-direction:column}@media (min-width:768px){.responsive-col{flex-direction:row}}.responsive-col-mobile{display:flex;flex-direction:column;gap:8px}@media (min-width:768px){.responsive-col-mobile{align-items:center;flex-direction:row;gap:12px}}.grid-responsive-1,.grid-responsive-2{grid-gap:clamp(12px,1.5vw,16px);grid-gap:var(--space-md);display:grid;gap:clamp(12px,1.5vw,16px);gap:var(--space-md);grid-template-columns:1fr;width:100%}@media (min-width:600px){.grid-responsive-2{grid-template-columns:repeat(2,1fr)}}.grid-responsive-3{grid-gap:clamp(12px,1.5vw,16px);grid-gap:var(--space-md);display:grid;gap:clamp(12px,1.5vw,16px);gap:var(--space-md);grid-template-columns:1fr;width:100%}@media (min-width:600px){.grid-responsive-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-responsive-3{grid-template-columns:repeat(3,1fr)}}.grid-responsive-4{grid-gap:clamp(12px,1.5vw,16px);grid-gap:var(--space-md);display:grid;gap:clamp(12px,1.5vw,16px);gap:var(--space-md);grid-template-columns:1fr;width:100%}@media (min-width:480px){.grid-responsive-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-responsive-4{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.grid-responsive-4{grid-template-columns:repeat(4,1fr)}}.p-responsive{padding:clamp(12px,1.5vw,16px);padding:var(--space-md)}@media (min-width:768px){.p-responsive{padding:clamp(16px,2vw,24px);padding:var(--space-lg)}}@media (min-width:1024px){.p-responsive{padding:clamp(24px,3vw,32px);padding:var(--space-xl)}}.gap-responsive{gap:clamp(8px,1vw,8px);gap:var(--space-sm)}@media (min-width:768px){.gap-responsive{gap:clamp(12px,1.5vw,16px);gap:var(--space-md)}}@media (min-width:1024px){.gap-responsive{gap:clamp(16px,2vw,24px);gap:var(--space-lg)}}.container-responsive{max-width:100%;min-width:0;padding-left:clamp(12px,1.5vw,16px);padding-left:var(--space-md);padding-right:clamp(12px,1.5vw,16px);padding-right:var(--space-md);width:100%}@media (min-width:768px){.container-responsive{padding-left:clamp(16px,2vw,24px);padding-left:var(--space-lg);padding-right:clamp(16px,2vw,24px);padding-right:var(--space-lg)}}@media (min-width:1024px){.container-responsive{margin-left:auto;margin-right:auto;max-width:1280px;padding-left:clamp(24px,3vw,32px);padding-left:var(--space-xl);padding-right:clamp(24px,3vw,32px);padding-right:var(--space-xl)}}@media (min-width:1280px){.container-responsive{padding-left:clamp(32px,4vw,48px);padding-left:var(--space-2xl);padding-right:clamp(32px,4vw,48px);padding-right:var(--space-2xl)}}.responsive-page-header{display:flex;flex-direction:column;gap:clamp(8px,1vw,8px);gap:var(--space-sm);margin-bottom:clamp(16px,2vw,24px);margin-bottom:var(--space-lg);max-width:100%;width:100%}.responsive-page-header__row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px);gap:var(--space-md);justify-content:space-between;width:100%}.responsive-page-header__title{align-items:center;color:var(--foreground);display:flex;font-size:clamp(1.25rem,1rem + 1vw,1.5rem);font-size:var(--text-2xl);font-weight:800;gap:clamp(8px,1vw,8px);gap:var(--space-sm);letter-spacing:-.025em;margin:0}.responsive-page-header__subtitle{color:var(--muted-foreground);font-size:clamp(.75rem,.7rem + .15vw,.8125rem);font-size:var(--text-sm);line-height:1.5;margin:0}.responsive-page-header__actions{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(8px,1vw,8px);gap:var(--space-sm)}@media (min-width:768px){.responsive-page-header__actions{flex-wrap:nowrap}}.responsive-stats-grid{grid-gap:clamp(12px,1.5vw,16px);grid-gap:var(--space-md);display:grid;gap:clamp(12px,1.5vw,16px);gap:var(--space-md);grid-template-columns:1fr;max-width:100%;width:100%}@media (min-width:390px){.responsive-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.responsive-stats-grid{gap:clamp(16px,2vw,24px);gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.responsive-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.responsive-stats-grid{gap:clamp(24px,3vw,32px);gap:var(--space-xl);grid-template-columns:repeat(4,1fr)}}.responsive-cards-grid{grid-gap:clamp(12px,1.5vw,16px);grid-gap:var(--space-md);display:grid;gap:clamp(12px,1.5vw,16px);gap:var(--space-md);grid-template-columns:1fr;max-width:100%;width:100%}@media (min-width:600px){.responsive-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.responsive-cards-grid{gap:clamp(16px,2vw,24px);gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.responsive-cards-grid{gap:clamp(24px,3vw,32px);gap:var(--space-xl)}}.responsive-table-card-view{display:flex;flex-direction:column;gap:clamp(12px,1.5vw,16px);gap:var(--space-md);width:100%}.responsive-table-card{background:#fff;background:var(--color-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:clamp(12px,1vw,16px);border-radius:var(--radius-lg,12px);box-shadow:0 1px 3px #0f172a0d;padding:clamp(12px,1.5vw,16px);padding:var(--space-md);width:100%}.responsive-table-card__row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--muted,#f1f5f9);display:flex;gap:clamp(8px,1vw,8px);gap:var(--space-sm);justify-content:space-between;min-height:44px;min-height:var(--touch-target);padding:clamp(8px,1vw,8px) 0;padding:var(--space-sm) 0}.responsive-table-card__row:last-child{border-bottom:none}.responsive-table-card__label{color:#64748b;color:var(--muted-foreground,#64748b);flex-shrink:0;font-size:clamp(.625rem,.55rem + .2vw,.75rem);font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase}.responsive-table-card__value{color:#0f172a;color:var(--foreground,#0f172a);font-size:clamp(.75rem,.7rem + .15vw,.8125rem);font-size:var(--text-sm);font-weight:600;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis}.responsive-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:clamp(12px,1vw,16px);border-radius:var(--radius-lg,12px);max-width:100%;overflow-x:auto;width:100%}.responsive-table-wrapper table{max-width:100%;min-width:0;width:100%}@media (max-width:767px){.responsive-table-wrapper table{min-width:600px}}.responsive-form-grid{grid-gap:clamp(12px,1.5vw,16px);grid-gap:var(--space-md);display:grid;gap:clamp(12px,1.5vw,16px);gap:var(--space-md);grid-template-columns:1fr;width:100%}@media (min-width:600px){.responsive-form-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.responsive-form-grid{grid-template-columns:repeat(3,1fr)}}.responsive-form-actions{display:flex;flex-direction:column;gap:clamp(8px,1vw,8px);gap:var(--space-sm);margin-top:clamp(16px,2vw,24px);margin-top:var(--space-lg);width:100%}@media (min-width:768px){.responsive-form-actions{flex-direction:row;justify-content:flex-end}}.btn-full-mobile{width:100%}@media (min-width:768px){.btn-full-mobile{width:auto}}.responsive-filter-bar{display:flex;flex-direction:column;gap:clamp(8px,1vw,8px);gap:var(--space-sm);margin-bottom:clamp(16px,2vw,24px);margin-bottom:var(--space-lg);max-width:100%;width:100%}@media (min-width:600px){.responsive-filter-bar{align-items:flex-end;flex-direction:row;flex-wrap:wrap}}.responsive-search-wrap{min-width:0;position:relative;width:100%}@media (min-width:600px){.responsive-search-wrap{flex:1 1 200px;max-width:400px}}.responsive-tabs{-webkit-overflow-scrolling:touch;background:#f1f5f9;background:var(--muted,#f1f5f9);border-radius:clamp(8px,.7vw,12px);border-radius:var(--radius-md,12px);display:flex;gap:4px;overflow-x:auto;padding:4px;scrollbar-width:none;width:100%}.responsive-tabs::-webkit-scrollbar{display:none}.responsive-tab{background:#0000;border:none;border-radius:clamp(6px,.5vw,8px);border-radius:var(--radius-sm,8px);color:#64748b;color:var(--muted-foreground,#64748b);cursor:pointer;flex:1 1;font-family:inherit;font-size:clamp(.75rem,.7rem + .15vw,.8125rem);font-size:var(--text-sm);font-weight:600;min-height:44px;min-height:var(--touch-target);min-width:0;padding:10px clamp(12px,1.5vw,16px);padding:10px var(--space-md);text-align:center;transition:all .15s ease;white-space:nowrap}.responsive-tab--active{background:#fff;box-shadow:0 1px 3px #0f172a14;color:#0f172a;color:var(--foreground,#0f172a)}.responsive-modal-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}@media (min-width:768px){.responsive-modal-overlay{align-items:center}}.responsive-modal{-webkit-overflow-scrolling:touch;background:#fff;border-radius:clamp(16px,1.5vw,24px) clamp(16px,1.5vw,24px) 0 0;border-radius:var(--radius-xl,20px) var(--radius-xl,20px) 0 0;max-height:92dvh;max-width:100vw;overflow-y:auto;padding:clamp(16px,2vw,24px) clamp(12px,1.5vw,16px) calc(clamp(16px, 2vw, 24px) + env(safe-area-inset-bottom, 0px));padding:var(--space-lg) var(--space-md) calc(var(--space-lg) + env(safe-area-inset-bottom, 0px));width:100%}@media (min-width:768px){.responsive-modal{border-radius:clamp(16px,1.5vw,24px);border-radius:var(--radius-xl,20px);max-height:85dvh;max-width:min(560px,calc(100vw - 48px));padding:clamp(24px,3vw,32px);padding:var(--space-xl)}}.responsive-modal-handle{background:#e2e8f0;background:var(--color-border,#e2e8f0);border-radius:2px;display:block;height:4px;margin:-8px auto clamp(12px,1.5vw,16px);margin:-8px auto var(--space-md);width:36px}@media (min-width:768px){.responsive-modal-handle{display:none}}.responsive-empty{align-items:center;color:#64748b;color:var(--muted-foreground,#64748b);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:clamp(32px,4vw,48px) clamp(12px,1.5vw,16px);padding:var(--space-2xl) var(--space-md);text-align:center}@media (min-width:768px){.responsive-empty{min-height:300px;padding:60px 24px}}.responsive-empty__title{color:#0f172a;color:var(--foreground,#0f172a);font-size:clamp(.9375rem,.875rem + .2vw,1rem);font-size:var(--text-lg);font-weight:700;margin:0 0 clamp(4px,.5vw,4px);margin:0 0 var(--space-xs)}.responsive-empty__text{color:#64748b;color:var(--muted-foreground,#64748b);font-size:clamp(.75rem,.7rem + .15vw,.8125rem);font-size:var(--text-sm);margin:0}.responsive-pagination{align-items:center;display:flex;flex-direction:column;gap:clamp(8px,1vw,8px);gap:var(--space-sm);padding:clamp(12px,1.5vw,16px) 0;padding:var(--space-md) 0;width:100%}@media (min-width:600px){.responsive-pagination{flex-direction:row;justify-content:space-between}}.responsive-pagination__info{color:#64748b;color:var(--muted-foreground,#64748b);font-size:clamp(.625rem,.55rem + .2vw,.75rem);font-size:var(--text-xs);font-weight:500}.responsive-pagination__controls{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.responsive-pagination__btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:clamp(6px,.5vw,8px);border-radius:var(--radius-sm,8px);color:#0f172a;color:var(--foreground,#0f172a);cursor:pointer;display:inline-flex;font-size:clamp(.75rem,.7rem + .15vw,.8125rem);font-size:var(--text-sm);font-weight:600;justify-content:center;min-height:44px;min-height:var(--touch-target);min-width:44px;min-width:var(--touch-target);padding:0 clamp(8px,1vw,8px);padding:0 var(--space-sm);transition:all .15s ease}.responsive-pagination__btn:hover:not(:disabled){background:#0f51320a;border-color:#16a34a;border-color:var(--color-primary,#16a34a);color:#16a34a;color:var(--color-primary,#16a34a)}.responsive-pagination__btn:disabled{cursor:not-allowed;opacity:.4}.responsive-pagination__btn--active{background:#16a34a;background:var(--color-primary,#16a34a);border-color:#16a34a;border-color:var(--color-primary,#16a34a);color:#fff}.responsive-two-col{grid-gap:clamp(16px,2vw,24px);grid-gap:var(--space-lg);align-items:start;display:grid;gap:clamp(16px,2vw,24px);gap:var(--space-lg);grid-template-columns:1fr;width:100%}@media (min-width:1024px){.responsive-two-col{grid-template-columns:1fr 340px}}.responsive-charts-grid{grid-gap:clamp(12px,1.5vw,16px);grid-gap:var(--space-md);display:grid;gap:clamp(12px,1.5vw,16px);gap:var(--space-md);grid-template-columns:1fr;width:100%}@media (min-width:768px){.responsive-charts-grid{grid-template-columns:repeat(2,1fr)}}.responsive-chart-wrapper{min-height:200px;width:100%}@media (min-width:768px){.responsive-chart-wrapper{min-height:260px}}@media (min-width:1280px){.responsive-chart-wrapper{min-height:320px}}.responsive-toolbar{display:flex;flex-direction:column;gap:clamp(8px,1vw,8px);gap:var(--space-sm);margin-bottom:clamp(12px,1.5vw,16px);margin-bottom:var(--space-md);max-width:100%;width:100%}@media (min-width:600px){.responsive-toolbar{align-items:center;flex-direction:row;flex-wrap:wrap}}.responsive-toolbar__search{flex:1 1 200px;min-width:0;position:relative}.responsive-toolbar__actions{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(4px,.5vw,4px);gap:var(--space-xs)}.responsive-dash-section{margin-bottom:clamp(24px,3vw,32px);margin-bottom:var(--space-xl)}.responsive-dash-section__head{flex-wrap:wrap;justify-content:space-between;margin-bottom:clamp(12px,1.5vw,16px);margin-bottom:var(--space-md)}.responsive-dash-section__head,.responsive-dash-section__title{align-items:center;display:flex;gap:clamp(8px,1vw,8px);gap:var(--space-sm)}.responsive-dash-section__title{color:#0f172a;color:var(--foreground,#0f172a);font-size:clamp(.9375rem,.875rem + .2vw,1rem);font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em;margin:0}.responsive-actions-grid{grid-gap:clamp(8px,1vw,8px);grid-gap:var(--space-sm);display:grid;gap:clamp(8px,1vw,8px);gap:var(--space-sm);grid-template-columns:1fr 1fr;max-width:100%;width:100%}@media (min-width:600px){.responsive-actions-grid{gap:clamp(12px,1.5vw,16px);gap:var(--space-md);grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.responsive-actions-grid{grid-template-columns:repeat(4,1fr)}}.responsive-insights-grid{grid-gap:clamp(8px,1vw,8px);grid-gap:var(--space-sm);display:grid;gap:clamp(8px,1vw,8px);gap:var(--space-sm);grid-template-columns:1fr;width:100%}@media (min-width:600px){.responsive-insights-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.responsive-insights-grid{grid-template-columns:repeat(3,1fr)}}.responsive-kpi-grid{grid-gap:clamp(12px,1.5vw,16px);grid-gap:var(--space-md);display:grid;gap:clamp(12px,1.5vw,16px);gap:var(--space-md);grid-template-columns:1fr;min-width:0;width:100%}@media (min-width:390px){.responsive-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.responsive-kpi-grid{gap:clamp(16px,2vw,24px);gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.responsive-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.responsive-kpi-grid{grid-template-columns:repeat(4,1fr)}}.responsive-grid-4{grid-gap:clamp(12px,1.5vw,16px);grid-gap:var(--space-md);display:grid;gap:clamp(12px,1.5vw,16px);gap:var(--space-md);grid-template-columns:1fr;min-width:0}@media (min-width:480px){.responsive-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.responsive-grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.responsive-grid-4{grid-template-columns:repeat(4,1fr)}}@media (max-width:767px){input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{font-size:16px!important;min-height:48px}.btn,.ig-btn,.mfs-btn,.pe-btn,.sa-btn,.tl-btn,[role=button],a,button,input[type=checkbox],input[type=radio]{min-height:44px;min-height:var(--touch-target)}.ig-btn--sm,.mfs-btn--sm,.pe-btn--sm,.sa-btn--sm,.tl-btn-sm{min-height:44px!important;min-height:var(--touch-target)!important;padding:8px 14px}.ig-btn--xs,.mfs-btn--xs,.pe-btn--xs,.sa-btn--xs,.tl-btn-xs{padding:8px 10px}.ig-btn--xs,.mfs-btn--icon,.mfs-btn--xs,.pe-btn--icon,.pe-btn--icon.pe-btn--sm,.pe-btn--xs,.sa-btn--icon,.sa-btn--xs,.tl-btn-xs{min-height:44px!important;min-height:var(--touch-target)!important;min-width:44px!important;min-width:var(--touch-target)!important}.mfs-btn--icon,.pe-btn--icon,.pe-btn--icon.pe-btn--sm,.sa-btn--icon{padding:8px}.ig-action-btn,.mfs-btn--icon,.pe-btn--icon,.pe-btn--icon.pe-btn--sm,.sa-btn--icon{height:44px!important;height:var(--touch-target)!important;width:44px!important;width:var(--touch-target)!important}.ig-action-btn{min-height:44px!important;min-height:var(--touch-target)!important;min-width:44px!important;min-width:var(--touch-target)!important}body{font-size:14px;overflow-x:hidden;overscroll-behavior-x:none}#root,.accountant-dashboard,.admin-dashboard,.app,.content-area,.dashboard,.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:hidden;width:100%}.mfs-topbar{max-width:100vw;overflow:visible}.mfs-topbar-right{max-width:calc(100vw - 160px);overflow:visible}.topbar-clock{display:none}.prd{max-width:44px;overflow:hidden}.prd-avatar,.prd-avatar-fallback{height:32px;max-width:32px;min-width:32px;width:32px}.actions-bar,.button-group,.filter-bar,.page-actions,.page-header,.toolbar{flex-wrap:wrap;max-width:100%;min-width:0}.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%}.card,.dashboard-card,.data-table-wrapper,.quick-action-card,.stat-card,[class*=card]{max-width:100%;min-width:0}.card-content,[class*=card-body],[class*=cardBody]{padding:clamp(12px,2.5vw,16px)}.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%}.input,.select,[class*=Input],[class*=Select],[class*=input],[class*=select],input,select,textarea{max-width:100%;min-height:48px;min-width:0;width:100%}.btn,[class*=Button],[class*=button],button{max-width:100%;min-height:44px;min-width:0;white-space:normal}.data-table-container,.responsive-table,.table-container,.table-wrapper,[class*=table-wrap],[class*=tableContainer]{border-radius:clamp(8px,.7vw,12px);border-radius:var(--radius-md,8px);margin:12px 0;max-width:100%;overflow-x:auto;overflow-y:hidden;width:100%}.dash-table-responsive,.pe-table-card,.sa-table-card{overflow-y:hidden}.dash-table-responsive,.pe-table-card,.pe-table-scroll,.sa-table-card,.sa-table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.content-area table,table{max-width:100%;min-width:0;width:100%}.pe-table,.sa-table{min-width:0;width:100%}table td,table th{font-size:13px;padding:10px 12px;white-space:nowrap}.pe-table__cell-actions{flex-wrap:nowrap;gap:2px}a,li,p,small,span,strong,td,th{word-wrap:break-word;overflow-wrap:break-word;word-break:normal}.mfs-topbar-title,h1{font-size:clamp(16px,4vw,20px)!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-settings-tabs,[class*=settings-tab],[class*=tab-list],[role=tablist]{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none;white-space:nowrap}}@media (max-width:767px){.sa-settings-tabs::-webkit-scrollbar,[role=tablist]::-webkit-scrollbar{display:none}.sa-settings-tabs button,[role=tab],[role=tablist] button{flex-shrink:0;min-width:-webkit-max-content;min-width:max-content;white-space:nowrap}.mfs-tabs,.pe-tabs,.tl-segmented{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.mfs-tabs::-webkit-scrollbar,.pe-tabs::-webkit-scrollbar,.tl-segmented::-webkit-scrollbar{display:none}.mfs-tabs button,.pe-tabs button,.tl-segmented button{flex-shrink:0;min-width:-webkit-max-content;min-width:max-content;white-space:nowrap}.pe-header__right{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:6px;max-width:100%;overflow-x:auto;scrollbar-width:none}.pe-header__right::-webkit-scrollbar{display:none}.pe-header__right .pe-btn{flex-shrink:0;white-space:nowrap}.pe-btn--sm{font-size:12px;padding:6px 10px}.responsive-hide-mobile{display:none!important}.responsive-show-mobile{display:block!important}}@media (max-width:390px){td,th{font-size:12px;max-width:140px;padding:8px 10px}.dash-kpi__value,.dash-stat__value{font-size:22px}.mfs-topbar-title{font-size:14px!important}}@media (max-width:479px){td,th{max-width:160px}}@media (min-width:480px) and (max-width:767px){.topbar-clock{display:none}}@media (max-width:1023px){.dash-table-responsive,.pe-table-card,.sa-table-card{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.pe-table__cell-actions{background:inherit;flex-wrap:nowrap;position:-webkit-sticky;position:sticky;right:0}.sa-settings-tabs,[class*=settings-tab-container],[role=tablist]{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.sa-settings-tabs::-webkit-scrollbar,[role=tablist]::-webkit-scrollbar{display:none}.sa-settings-tabs button,[role=tab],[role=tablist] button{flex-shrink:0;font-size:13px;min-width:-webkit-max-content;min-width:max-content;padding:8px 12px;white-space:nowrap}}@media (min-width:768px) and (max-width:1023px){.dash-charts-grid,.dash-panels-grid{grid-template-columns:1fr}.dash-chart-card.span-2{grid-column:span 1}}@media (min-width:768px) and (max-width:1180px){.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 (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,button,input,select,textarea{border:1px solid ButtonText}}@supports (padding-bottom:env(safe-area-inset-bottom)){.dash-dash,.mfs-main{padding-bottom:calc(clamp(16px, 2vw, 24px) + env(safe-area-inset-bottom));padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom))}}