@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=DM+Serif+Display&display=swap);@layer theme, base, components, utilities;@layer theme{@theme default{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% 0.013 17.38);--color-red-100:oklch(93.6% 0.032 17.717);--color-red-200:oklch(88.5% 0.062 18.334);--color-red-300:oklch(80.8% 0.114 19.571);--color-red-400:oklch(70.4% 0.191 22.216);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-700:oklch(50.5% 0.213 27.518);--color-red-800:oklch(44.4% 0.177 26.899);--color-red-900:oklch(39.6% 0.141 25.723);--color-red-950:oklch(25.8% 0.092 26.042);--color-orange-50:oklch(98% 0.016 73.684);--color-orange-100:oklch(95.4% 0.038 75.164);--color-orange-200:oklch(90.1% 0.076 70.697);--color-orange-300:oklch(83.7% 0.128 66.29);--color-orange-400:oklch(75% 0.183 55.934);--color-orange-500:oklch(70.5% 0.213 47.604);--color-orange-600:oklch(64.6% 0.222 41.116);--color-orange-700:oklch(55.3% 0.195 38.402);--color-orange-800:oklch(47% 0.157 37.304);--color-orange-900:oklch(40.8% 0.123 38.172);--color-orange-950:oklch(26.6% 0.079 36.259);--color-amber-50:oklch(98.7% 0.022 95.277);--color-amber-100:oklch(96.2% 0.059 95.617);--color-amber-200:oklch(92.4% 0.12 95.746);--color-amber-300:oklch(87.9% 0.169 91.605);--color-amber-400:oklch(82.8% 0.189 84.429);--color-amber-500:oklch(76.9% 0.188 70.08);--color-amber-600:oklch(66.6% 0.179 58.318);--color-amber-700:oklch(55.5% 0.163 48.998);--color-amber-800:oklch(47.3% 0.137 46.201);--color-amber-900:oklch(41.4% 0.112 45.904);--color-amber-950:oklch(27.9% 0.077 45.635);--color-yellow-50:oklch(98.7% 0.026 102.212);--color-yellow-100:oklch(97.3% 0.071 103.193);--color-yellow-200:oklch(94.5% 0.129 101.54);--color-yellow-300:oklch(90.5% 0.182 98.111);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-yellow-500:oklch(79.5% 0.184 86.047);--color-yellow-600:oklch(68.1% 0.162 75.834);--color-yellow-700:oklch(55.4% 0.135 66.442);--color-yellow-800:oklch(47.6% 0.114 61.907);--color-yellow-900:oklch(42.1% 0.095 57.708);--color-yellow-950:oklch(28.6% 0.066 53.813);--color-lime-50:oklch(98.6% 0.031 120.757);--color-lime-100:oklch(96.7% 0.067 122.328);--color-lime-200:oklch(93.8% 0.127 124.321);--color-lime-300:oklch(89.7% 0.196 126.665);--color-lime-400:oklch(84.1% 0.238 128.85);--color-lime-500:oklch(76.8% 0.233 130.85);--color-lime-600:oklch(64.8% 0.2 131.684);--color-lime-700:oklch(53.2% 0.157 131.589);--color-lime-800:oklch(45.3% 0.124 130.933);--color-lime-900:oklch(40.5% 0.101 131.063);--color-lime-950:oklch(27.4% 0.072 132.109);--color-green-50:oklch(98.2% 0.018 155.826);--color-green-100:oklch(96.2% 0.044 156.743);--color-green-200:oklch(92.5% 0.084 155.995);--color-green-300:oklch(87.1% 0.15 154.449);--color-green-400:oklch(79.2% 0.209 151.711);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-green-700:oklch(52.7% 0.154 150.069);--color-green-800:oklch(44.8% 0.119 151.328);--color-green-900:oklch(39.3% 0.095 152.535);--color-green-950:oklch(26.6% 0.065 152.934);--color-emerald-50:oklch(97.9% 0.021 166.113);--color-emerald-100:oklch(95% 0.052 163.051);--color-emerald-200:oklch(90.5% 0.093 164.15);--color-emerald-300:oklch(84.5% 0.143 164.978);--color-emerald-400:oklch(76.5% 0.177 163.223);--color-emerald-500:oklch(69.6% 0.17 162.48);--color-emerald-600:oklch(59.6% 0.145 163.225);--color-emerald-700:oklch(50.8% 0.118 165.612);--color-emerald-800:oklch(43.2% 0.095 166.913);--color-emerald-900:oklch(37.8% 0.077 168.94);--color-emerald-950:oklch(26.2% 0.051 172.552);--color-teal-50:oklch(98.4% 0.014 180.72);--color-teal-100:oklch(95.3% 0.051 180.801);--color-teal-200:oklch(91% 0.096 180.426);--color-teal-300:oklch(85.5% 0.138 181.071);--color-teal-400:oklch(77.7% 0.152 181.912);--color-teal-500:oklch(70.4% 0.14 182.503);--color-teal-600:oklch(60% 0.118 184.704);--color-teal-700:oklch(51.1% 0.096 186.391);--color-teal-800:oklch(43.7% 0.078 188.216);--color-teal-900:oklch(38.6% 0.063 188.416);--color-teal-950:oklch(27.7% 0.046 192.524);--color-cyan-50:oklch(98.4% 0.019 200.873);--color-cyan-100:oklch(95.6% 0.045 203.388);--color-cyan-200:oklch(91.7% 0.08 205.041);--color-cyan-300:oklch(86.5% 0.127 207.078);--color-cyan-400:oklch(78.9% 0.154 211.53);--color-cyan-500:oklch(71.5% 0.143 215.221);--color-cyan-600:oklch(60.9% 0.126 221.723);--color-cyan-700:oklch(52% 0.105 223.128);--color-cyan-800:oklch(45% 0.085 224.283);--color-cyan-900:oklch(39.8% 0.07 227.392);--color-cyan-950:oklch(30.2% 0.056 229.695);--color-sky-50:oklch(97.7% 0.013 236.62);--color-sky-100:oklch(95.1% 0.026 236.824);--color-sky-200:oklch(90.1% 0.058 230.902);--color-sky-300:oklch(82.8% 0.111 230.318);--color-sky-400:oklch(74.6% 0.16 232.661);--color-sky-500:oklch(68.5% 0.169 237.323);--color-sky-600:oklch(58.8% 0.158 241.966);--color-sky-700:oklch(50% 0.134 242.749);--color-sky-800:oklch(44.3% 0.11 240.79);--color-sky-900:oklch(39.1% 0.09 240.876);--color-sky-950:oklch(29.3% 0.066 243.157);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-200:oklch(88.2% 0.059 254.128);--color-blue-300:oklch(80.9% 0.105 251.813);--color-blue-400:oklch(70.7% 0.165 254.624);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-800:oklch(42.4% 0.199 265.638);--color-blue-900:oklch(37.9% 0.146 265.522);--color-blue-950:oklch(28.2% 0.091 267.935);--color-indigo-50:oklch(96.2% 0.018 272.314);--color-indigo-100:oklch(93% 0.034 272.788);--color-indigo-200:oklch(87% 0.065 274.039);--color-indigo-300:oklch(78.5% 0.115 274.713);--color-indigo-400:oklch(67.3% 0.182 276.935);--color-indigo-500:oklch(58.5% 0.233 277.117);--color-indigo-600:oklch(51.1% 0.262 276.966);--color-indigo-700:oklch(45.7% 0.24 277.023);--color-indigo-800:oklch(39.8% 0.195 277.366);--color-indigo-900:oklch(35.9% 0.144 278.697);--color-indigo-950:oklch(25.7% 0.09 281.288);--color-violet-50:oklch(96.9% 0.016 293.756);--color-violet-100:oklch(94.3% 0.029 294.588);--color-violet-200:oklch(89.4% 0.057 293.283);--color-violet-300:oklch(81.1% 0.111 293.571);--color-violet-400:oklch(70.2% 0.183 293.541);--color-violet-500:oklch(60.6% 0.25 292.717);--color-violet-600:oklch(54.1% 0.281 293.009);--color-violet-700:oklch(49.1% 0.27 292.581);--color-violet-800:oklch(43.2% 0.232 292.759);--color-violet-900:oklch(38% 0.189 293.745);--color-violet-950:oklch(28.3% 0.141 291.089);--color-purple-50:oklch(97.7% 0.014 308.299);--color-purple-100:oklch(94.6% 0.033 307.174);--color-purple-200:oklch(90.2% 0.063 306.703);--color-purple-300:oklch(82.7% 0.119 306.383);--color-purple-400:oklch(71.4% 0.203 305.504);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-purple-700:oklch(49.6% 0.265 301.924);--color-purple-800:oklch(43.8% 0.218 303.724);--color-purple-900:oklch(38.1% 0.176 304.987);--color-purple-950:oklch(29.1% 0.149 302.717);--color-fuchsia-50:oklch(97.7% 0.017 320.058);--color-fuchsia-100:oklch(95.2% 0.037 318.852);--color-fuchsia-200:oklch(90.3% 0.076 319.62);--color-fuchsia-300:oklch(83.3% 0.145 321.434);--color-fuchsia-400:oklch(74% 0.238 322.16);--color-fuchsia-500:oklch(66.7% 0.295 322.15);--color-fuchsia-600:oklch(59.1% 0.293 322.896);--color-fuchsia-700:oklch(51.8% 0.253 323.949);--color-fuchsia-800:oklch(45.2% 0.211 324.591);--color-fuchsia-900:oklch(40.1% 0.17 325.612);--color-fuchsia-950:oklch(29.3% 0.136 325.661);--color-pink-50:oklch(97.1% 0.014 343.198);--color-pink-100:oklch(94.8% 0.028 342.258);--color-pink-200:oklch(89.9% 0.061 343.231);--color-pink-300:oklch(82.3% 0.12 346.018);--color-pink-400:oklch(71.8% 0.202 349.761);--color-pink-500:oklch(65.6% 0.241 354.308);--color-pink-600:oklch(59.2% 0.249 0.584);--color-pink-700:oklch(52.5% 0.223 3.958);--color-pink-800:oklch(45.9% 0.187 3.815);--color-pink-900:oklch(40.8% 0.153 2.432);--color-pink-950:oklch(28.4% 0.109 3.907);--color-rose-50:oklch(96.9% 0.015 12.422);--color-rose-100:oklch(94.1% 0.03 12.58);--color-rose-200:oklch(89.2% 0.058 10.001);--color-rose-300:oklch(81% 0.117 11.638);--color-rose-400:oklch(71.2% 0.194 13.428);--color-rose-500:oklch(64.5% 0.246 16.439);--color-rose-600:oklch(58.6% 0.253 17.585);--color-rose-700:oklch(51.4% 0.222 16.935);--color-rose-800:oklch(45.5% 0.188 13.697);--color-rose-900:oklch(41% 0.159 10.272);--color-rose-950:oklch(27.1% 0.105 12.094);--color-slate-50:oklch(98.4% 0.003 247.858);--color-slate-100:oklch(96.8% 0.007 247.896);--color-slate-200:oklch(92.9% 0.013 255.508);--color-slate-300:oklch(86.9% 0.022 252.894);--color-slate-400:oklch(70.4% 0.04 256.788);--color-slate-500:oklch(55.4% 0.046 257.417);--color-slate-600:oklch(44.6% 0.043 257.281);--color-slate-700:oklch(37.2% 0.044 257.287);--color-slate-800:oklch(27.9% 0.041 260.031);--color-slate-900:oklch(20.8% 0.042 265.755);--color-slate-950:oklch(12.9% 0.042 264.695);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-800:oklch(27.8% 0.033 256.848);--color-gray-900:oklch(21% 0.034 264.665);--color-gray-950:oklch(13% 0.028 261.692);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% 0.001 286.375);--color-zinc-200:oklch(92% 0.004 286.32);--color-zinc-300:oklch(87.1% 0.006 286.286);--color-zinc-400:oklch(70.5% 0.015 286.067);--color-zinc-500:oklch(55.2% 0.016 285.938);--color-zinc-600:oklch(44.2% 0.017 285.786);--color-zinc-700:oklch(37% 0.013 285.805);--color-zinc-800:oklch(27.4% 0.006 286.033);--color-zinc-900:oklch(21% 0.006 285.885);--color-zinc-950:oklch(14.1% 0.005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-50:oklch(98.5% 0.001 106.423);--color-stone-100:oklch(97% 0.001 106.424);--color-stone-200:oklch(92.3% 0.003 48.717);--color-stone-300:oklch(86.9% 0.005 56.366);--color-stone-400:oklch(70.9% 0.01 56.259);--color-stone-500:oklch(55.3% 0.013 58.071);--color-stone-600:oklch(44.4% 0.011 73.639);--color-stone-700:oklch(37.4% 0.01 67.558);--color-stone-800:oklch(26.8% 0.007 34.298);--color-stone-900:oklch(21.6% 0.006 56.043);--color-stone-950:oklch(14.7% 0.004 49.25);--color-mauve-50:oklch(98.5% 0 0);--color-mauve-100:oklch(96% 0.003 325.6);--color-mauve-200:oklch(92.2% 0.005 325.62);--color-mauve-300:oklch(86.5% 0.012 325.68);--color-mauve-400:oklch(71.1% 0.019 323.02);--color-mauve-500:oklch(54.2% 0.034 322.5);--color-mauve-600:oklch(43.5% 0.029 321.78);--color-mauve-700:oklch(36.4% 0.029 323.89);--color-mauve-800:oklch(26.3% 0.024 320.12);--color-mauve-900:oklch(21.2% 0.019 322.12);--color-mauve-950:oklch(14.5% 0.008 326);--color-olive-50:oklch(98.8% 0.003 106.5);--color-olive-100:oklch(96.6% 0.005 106.5);--color-olive-200:oklch(93% 0.007 106.5);--color-olive-300:oklch(88% 0.011 106.6);--color-olive-400:oklch(73.7% 0.021 106.9);--color-olive-500:oklch(58% 0.031 107.3);--color-olive-600:oklch(46.6% 0.025 107.3);--color-olive-700:oklch(39.4% 0.023 107.4);--color-olive-800:oklch(28.6% 0.016 107.4);--color-olive-900:oklch(22.8% 0.013 107.4);--color-olive-950:oklch(15.3% 0.006 107.1);--color-mist-50:oklch(98.7% 0.002 197.1);--color-mist-100:oklch(96.3% 0.002 197.1);--color-mist-200:oklch(92.5% 0.005 214.3);--color-mist-300:oklch(87.2% 0.007 219.6);--color-mist-400:oklch(72.3% 0.014 214.4);--color-mist-500:oklch(56% 0.021 213.5);--color-mist-600:oklch(45% 0.017 213.2);--color-mist-700:oklch(37.8% 0.015 216);--color-mist-800:oklch(27.5% 0.011 216.9);--color-mist-900:oklch(21.8% 0.008 223.9);--color-mist-950:oklch(14.8% 0.004 228.8);--color-taupe-50:oklch(98.6% 0.002 67.8);--color-taupe-100:oklch(96% 0.002 17.2);--color-taupe-200:oklch(92.2% 0.005 34.3);--color-taupe-300:oklch(86.8% 0.007 39.5);--color-taupe-400:oklch(71.4% 0.014 41.2);--color-taupe-500:oklch(54.7% 0.021 43.1);--color-taupe-600:oklch(43.8% 0.017 39.3);--color-taupe-700:oklch(36.7% 0.016 35.7);--color-taupe-800:oklch(26.8% 0.011 36.5);--color-taupe-900:oklch(21.4% 0.009 43.1);--color-taupe-950:oklch(14.7% 0.004 49.3);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--text-shadow-2xs:0px 1px 0px #00000026;--text-shadow-xs:0px 1px 1px #0003;--text-shadow-sm:0px 1px 0px rgba(0,0,0,.075),0px 1px 1px rgba(0,0,0,.075),0px 2px 2px rgba(0,0,0,.075);--text-shadow-md:0px 1px 1px #0000001a,0px 1px 2px #0000001a,0px 2px 4px #0000001a;--text-shadow-lg:0px 1px 2px #0000001a,0px 3px 2px #0000001a,0px 4px 8px #0000001a;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,0.2,1) infinite;--animate-pulse:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--animate-bounce:bounce 1s infinite;@keyframes ping{75%,to{opacity:0;transform:scale(2)}}--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--aspect-video:16/9;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:--theme(--font-sans,initial);--default-font-feature-settings:--theme(--font-sans--font-feature-settings,initial);--default-font-variation-settings:--theme(--font-sans--font-variation-settings,initial);--default-mono-font-family:--theme(--font-mono,initial);--default-mono-font-feature-settings:--theme(--font-mono--font-feature-settings,initial);--default-mono-font-variation-settings:--theme(--font-mono--font-variation-settings,initial)}@theme default inline reference{--blur:8px;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-inner:inset 0 2px 4px 0 #0000000d;--drop-shadow:0 1px 2px #0000001a,0 1px 1px #0000000f;--radius:0.25rem;--max-width-prose:65ch}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:--theme(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:--theme(--default-font-variation-settings,normal);line-height:1.5;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:--theme(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:initial}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:initial;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,#0000)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0:0s;--animation-delay-75:75ms;--animation-delay-100:.1s;--animation-delay-150:.15s;--animation-delay-200:.2s;--animation-delay-300:.3s;--animation-delay-500:.5s;--animation-delay-700:.7s;--animation-delay-1000:1s;--animation-repeat-0:0;--animation-repeat-1:1;--animation-repeat-infinite:infinite;--animation-direction-normal:normal;--animation-direction-reverse:reverse;--animation-direction-alternate:alternate;--animation-direction-alternate-reverse:alternate-reverse;--animation-fill-mode-none:none;--animation-fill-mode-forwards:forwards;--animation-fill-mode-backwards:backwards;--animation-fill-mode-both:both;--percentage-0:0;--percentage-5:.05;--percentage-10:.1;--percentage-15:.15;--percentage-20:.2;--percentage-25:.25;--percentage-30:.3;--percentage-35:.35;--percentage-40:.4;--percentage-45:.45;--percentage-50:.5;--percentage-55:.55;--percentage-60:.6;--percentage-65:.65;--percentage-70:.7;--percentage-75:.75;--percentage-80:.8;--percentage-85:.85;--percentage-90:.9;--percentage-95:.95;--percentage-100:1;--percentage-translate-full:1;--animate-in:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);--animate-out:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);@keyframes enter{0%{filter:blur(0);filter:blur(var(--tw-enter-blur,0));opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0)scaleX(1)rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{filter:blur(0);filter:blur(var(--tw-exit-blur,0));opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0)scaleX(1)rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}--animate-accordion-down:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);--animate-accordion-up:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);--animate-collapsible-down:collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);--animate-collapsible-up:collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);@keyframes accordion-down{0%{height:0}to{height:auto;height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:auto;height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:auto;height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))}}@keyframes collapsible-up{0%{height:auto;height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))}to{height:0}}--animate-caret-blink:caret-blink 1.25s ease-out infinite;@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}}@utility animation-duration-*{--tw-animation-duration:calc(--value(number)*1ms);--tw-animation-duration:--value(--animation-duration-*,[duration],"initial",[*]);animation-duration:calc(--value(number)*1ms);animation-duration:--value(--animation-duration-*,[duration],"initial",[*])}@utility delay-*{--tw-animation-delay:calc(--value(number)*1ms);--tw-animation-delay:--value(--animation-delay-*,[duration],"initial",[*]);animation-delay:calc(--value(number)*1ms);animation-delay:--value(--animation-delay-*,[duration],"initial",[*])}@utility repeat-*{--tw-animation-iteration-count:--value(--animation-repeat-*,number,"initial",[*]);animation-iteration-count:--value(--animation-repeat-*,number,"1",[*]);animation-iteration-count:--value(--animation-repeat-*,number,"initial",[*])}@utility direction-*{--tw-animation-direction:--value(--animation-direction-*,"initial",[*]);animation-direction:--value(--animation-direction-*,"normal",[*]);animation-direction:--value(--animation-direction-*,"initial",[*])}@utility fill-mode-*{--tw-animation-fill-mode:--value(--animation-fill-mode-*,"initial",[*]);animation-fill-mode:--value(--animation-fill-mode-*,"none",[*]);animation-fill-mode:--value(--animation-fill-mode-*,"initial",[*])}@utility running{animation-play-state:running}@utility paused{animation-play-state:paused}@utility play-state-*{animation-play-state:--value("running",[*]);animation-play-state:--value("initial",[*])}@utility blur-in{--tw-enter-blur:20px}@utility blur-in-*{--tw-enter-blur:calc(--value(number)*1px);--tw-enter-blur:--value(--blur-*,[*])}@utility blur-out{--tw-exit-blur:20px}@utility blur-out-*{--tw-exit-blur:calc(--value(number)*1px);--tw-exit-blur:--value(--blur-*,[*])}@utility fade-in{--tw-enter-opacity:0}@utility fade-in-*{--tw-enter-opacity:calc(--value(number)/100);--tw-enter-opacity:--value(--percentage-*,[*])}@utility fade-out{--tw-exit-opacity:0}@utility fade-out-*{--tw-exit-opacity:calc(--value(number)/100);--tw-exit-opacity:--value(--percentage-*,[*])}@utility zoom-in{--tw-enter-scale:0}@utility zoom-in-*{--tw-enter-scale:calc(--value(number)*1%);--tw-enter-scale:calc(--value(ratio));--tw-enter-scale:--value(--percentage-*,[*])}@utility -zoom-in-*{--tw-enter-scale:calc(--value(number)*-1%);--tw-enter-scale:calc(--value(ratio)*-1);--tw-enter-scale:--value(--percentage-*,[*])}@utility zoom-out{--tw-exit-scale:0}@utility zoom-out-*{--tw-exit-scale:calc(--value(number)*1%);--tw-exit-scale:calc(--value(ratio));--tw-exit-scale:--value(--percentage-*,[*])}@utility -zoom-out-*{--tw-exit-scale:calc(--value(number)*-1%);--tw-exit-scale:calc(--value(ratio)*-1);--tw-exit-scale:--value(--percentage-*,[*])}@utility spin-in{--tw-enter-rotate:30deg}@utility spin-in-*{--tw-enter-rotate:calc(--value(number)*1deg);--tw-enter-rotate:calc(--value(ratio)*360deg);--tw-enter-rotate:--value(--rotate-*,[*])}@utility -spin-in{--tw-enter-rotate:-30deg}@utility -spin-in-*{--tw-enter-rotate:calc(--value(number)*-1deg);--tw-enter-rotate:calc(--value(ratio)*-360deg);--tw-enter-rotate:--value(--rotate-*,[*])}@utility spin-out{--tw-exit-rotate:30deg}@utility spin-out-*{--tw-exit-rotate:calc(--value(number)*1deg);--tw-exit-rotate:calc(--value(ratio)*360deg);--tw-exit-rotate:--value(--rotate-*,[*])}@utility -spin-out{--tw-exit-rotate:-30deg}@utility -spin-out-*{--tw-exit-rotate:calc(--value(number)*-1deg);--tw-exit-rotate:calc(--value(ratio)*-360deg);--tw-exit-rotate:--value(--rotate-*,[*])}@utility slide-in-from-top{--tw-enter-translate-y:-100%}@utility slide-in-from-top-*{--tw-enter-translate-y:calc(--value(integer)*var(--spacing)*-1);--tw-enter-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-enter-translate-y:calc(--value(ratio)*-100%);--tw-enter-translate-y:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-in-from-bottom{--tw-enter-translate-y:100%}@utility slide-in-from-bottom-*{--tw-enter-translate-y:calc(--value(integer)*var(--spacing));--tw-enter-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-enter-translate-y:calc(--value(ratio)*100%);--tw-enter-translate-y:--value(--translate-*,[percentage],[length])}@utility slide-in-from-left{--tw-enter-translate-x:-100%}@utility slide-in-from-left-*{--tw-enter-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-enter-translate-x:calc(--value(ratio)*-100%);--tw-enter-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-in-from-right{--tw-enter-translate-x:100%}@utility slide-in-from-right-*{--tw-enter-translate-x:calc(--value(integer)*var(--spacing));--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-enter-translate-x:calc(--value(ratio)*100%);--tw-enter-translate-x:--value(--translate-*,[percentage],[length])}@utility slide-in-from-start{&:dir(ltr){--tw-enter-translate-x:-100%}&:dir(rtl){--tw-enter-translate-x:100%}}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir=ltr],[dir=ltr]*){--tw-enter-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-enter-translate-x:calc(--value(ratio)*-100%);--tw-enter-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}&:where(:dir(rtl),[dir=rtl],[dir=rtl]*){--tw-enter-translate-x:calc(--value(integer)*var(--spacing));--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-enter-translate-x:calc(--value(ratio)*100%);--tw-enter-translate-x:--value(--translate-*,[percentage],[length])}}@utility slide-in-from-end{&:dir(ltr){--tw-enter-translate-x:100%}&:dir(rtl){--tw-enter-translate-x:-100%}}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir=ltr],[dir=ltr]*){--tw-enter-translate-x:calc(--value(integer)*var(--spacing));--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-enter-translate-x:calc(--value(ratio)*100%);--tw-enter-translate-x:--value(--translate-*,[percentage],[length])}&:where(:dir(rtl),[dir=rtl],[dir=rtl]*){--tw-enter-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-enter-translate-x:calc(--value(ratio)*-100%);--tw-enter-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}}@utility slide-out-to-top{--tw-exit-translate-y:-100%}@utility slide-out-to-top-*{--tw-exit-translate-y:calc(--value(integer)*var(--spacing)*-1);--tw-exit-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-exit-translate-y:calc(--value(ratio)*-100%);--tw-exit-translate-y:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-out-to-bottom{--tw-exit-translate-y:100%}@utility slide-out-to-bottom-*{--tw-exit-translate-y:calc(--value(integer)*var(--spacing));--tw-exit-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-exit-translate-y:calc(--value(ratio)*100%);--tw-exit-translate-y:--value(--translate-*,[percentage],[length])}@utility slide-out-to-left{--tw-exit-translate-x:-100%}@utility slide-out-to-left-*{--tw-exit-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-exit-translate-x:calc(--value(ratio)*-100%);--tw-exit-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-out-to-right{--tw-exit-translate-x:100%}@utility slide-out-to-right-*{--tw-exit-translate-x:calc(--value(integer)*var(--spacing));--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-exit-translate-x:calc(--value(ratio)*100%);--tw-exit-translate-x:--value(--translate-*,[percentage],[length])}@utility slide-out-to-start{&:dir(ltr){--tw-exit-translate-x:-100%}&:dir(rtl){--tw-exit-translate-x:100%}}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir=ltr],[dir=ltr]*){--tw-exit-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-exit-translate-x:calc(--value(ratio)*-100%);--tw-exit-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}&:where(:dir(rtl),[dir=rtl],[dir=rtl]*){--tw-exit-translate-x:calc(--value(integer)*var(--spacing));--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-exit-translate-x:calc(--value(ratio)*100%);--tw-exit-translate-x:--value(--translate-*,[percentage],[length])}}@utility slide-out-to-end{&:dir(ltr){--tw-exit-translate-x:100%}&:dir(rtl){--tw-exit-translate-x:-100%}}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir=ltr],[dir=ltr]*){--tw-exit-translate-x:calc(--value(integer)*var(--spacing));--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-exit-translate-x:calc(--value(ratio)*100%);--tw-exit-translate-x:--value(--translate-*,[percentage],[length])}&:where(:dir(rtl),[dir=rtl],[dir=rtl]*){--tw-exit-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-exit-translate-x:calc(--value(ratio)*-100%);--tw-exit-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}}@source "../src";@custom-variant dark (&:is(.dark *));@theme inline{--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--radius-3xl:calc(var(--radius) + 12px);--radius-4xl:calc(var(--radius) + 16px);--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-success:var(--success);--color-success-foreground:var(--success-foreground);--color-warning:var(--warning);--color-warning-foreground:var(--warning-foreground);--color-info:var(--info);--color-info-foreground:var(--info-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-ring-offset-background:var(--background);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring);--color-gradient-primary:var(--gradient-primary);--color-gradient-secondary:var(--gradient-secondary);--color-gradient-accent:var(--gradient-accent)}:root{--radius:0.75rem;--background:#f8fafc;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--popover:#fff;--popover-foreground:#0f172a;--primary:#10b981;--primary-foreground:#fff;--secondary:#3b82f6;--secondary-foreground:#fff;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#3b82f6;--accent-foreground:#fff;--destructive:#ef4444;--destructive-foreground:#fff;--success:#10b981;--success-foreground:#fff;--warning:#f59e0b;--warning-foreground:#fff;--info:#3b82f6;--info-foreground:#fff;--border:#e2e8f0;--input:#e2e8f0;--ring:#10b981;--chart-1:#10b981;--chart-2:#3b82f6;--chart-3:#34d399;--chart-4:#60a5fa;--chart-5:#6ee7b7;--sidebar:#1e293b;--sidebar-foreground:#f1f5f9;--sidebar-primary:#334155;--sidebar-primary-foreground:#fff;--sidebar-accent:#475569;--sidebar-accent-foreground:#fff;--sidebar-border:#334155;--sidebar-ring:#10b981;--gradient-primary:linear-gradient(135deg,#10b981,#059669);--gradient-secondary:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-accent:linear-gradient(135deg,#60a5fa,#3b82f6);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #00000014,0 1px 2px -1px #00000014;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #00000014;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #00000014;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #00000014;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-glow:0 0 20px #10b98126}.dark{--background:oklch(0.14 0.02 264);--foreground:oklch(0.95 0.005 264);--card:oklch(0.18 0.02 264);--card-foreground:oklch(0.95 0.005 264);--popover:oklch(0.18 0.02 264);--popover-foreground:oklch(0.95 0.005 264);--primary:oklch(0.65 0.15 145);--primary-foreground:oklch(0.14 0.02 264);--secondary:oklch(0.65 0.15 220);--secondary-foreground:oklch(0.14 0.02 264);--muted:oklch(0.22 0.02 264);--muted-foreground:oklch(0.60 0.02 264);--accent:oklch(0.70 0.15 220);--accent-foreground:oklch(0.14 0.02 264);--destructive:oklch(0.55 0.15 220);--destructive-foreground:oklch(0.95 0.005 264);--success:oklch(0.65 0.15 145);--success-foreground:oklch(0.14 0.02 264);--warning:oklch(0.70 0.15 145);--warning-foreground:oklch(0.14 0.02 264);--info:oklch(0.65 0.15 220);--info-foreground:oklch(0.14 0.02 264);--border:oklch(0.25 0.02 264);--input:oklch(0.28 0.02 264);--ring:oklch(0.55 0.15 264);--chart-1:oklch(0.65 0.15 145);--chart-2:oklch(0.65 0.15 220);--chart-3:oklch(0.70 0.15 145);--chart-4:oklch(0.70 0.15 220);--chart-5:oklch(0.75 0.15 145);--sidebar:#36454f;--sidebar-foreground:#fff;--sidebar-primary:#4a5a6b;--sidebar-primary-foreground:#fff;--sidebar-accent:#4a5a6b;--sidebar-accent-foreground:#fff;--sidebar-border:#4a5a6b;--sidebar-ring:#5a6a7b;--gradient-primary:linear-gradient(135deg,oklch(0.65 0.15 145),oklch(0.55 0.15 145));--gradient-secondary:linear-gradient(135deg,oklch(0.65 0.15 220),oklch(0.55 0.15 220));--gradient-accent:linear-gradient(135deg,oklch(0.70 0.15 220),oklch(0.60 0.15 220));--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0006,0 8px 10px -6px #0006;--shadow-2xl:0 25px 50px -12px #00000080;--shadow-glow:0 0 30px #22c55e66}@layer base{*{border-color:var(--color-border)}body{font-feature-settings:"rlig" 1,"calt" 1;background-color:var(--color-background);color:var(--color-foreground)}html{scroll-behavior:smooth}::selection{background-color:var(--color-primary);color:var(--color-primary-foreground)}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root{min-height:100vh}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--color-muted);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--color-muted-foreground);border:2px solid var(--color-muted);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-foreground)}*{scrollbar-color:var(--color-muted-foreground) var(--color-muted);scrollbar-width:thin}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-5%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.dark .glass{background:#0003;border:1px solid #ffffff1a}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}*{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-primary-foreground)}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:var(--radius-md)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.025em;line-height:1.25;margin:0}h1{font-size:2.25rem;font-weight:700;letter-spacing:-.03em}h2{font-size:1.875rem;letter-spacing:-.025em}h2,h3{font-weight:600}h3{font-size:1.5rem;letter-spacing:-.02em}h4{font-size:1.25rem;font-weight:600;letter-spacing:-.015em}h5{font-size:1.125rem;letter-spacing:-.01em}h5,h6{font-weight:500}h6{font-size:1rem;letter-spacing:0}label{color:var(--color-foreground);display:block;font-size:.875rem;font-weight:500;letter-spacing:.01em;margin-bottom:.375rem}.text-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.container{margin:0 auto;max-width:1440px;padding:0 32px}@media (min-width:1920px){.container{max-width:1600px;padding:0 60px}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}}@media (min-width:1440px) and (max-width:1919px){.container{max-width:1400px;padding:0 48px}h1{font-size:2.75rem}h2{font-size:2.25rem}h3{font-size:1.875rem}}@media (min-width:1280px) and (max-width:1439px){.container{max-width:1200px;padding:0 40px}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}}@media (min-width:1024px) and (max-width:1279px){.container{max-width:1100px;padding:0 32px}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}}@media (min-width:768px) and (max-width:1023px){.container{max-width:960px;padding:0 24px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}}@media (min-width:640px) and (max-width:767px){.container{max-width:100%;padding:0 20px}h1{font-size:1.875rem}h2{font-size:1.625rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}}@media (min-width:480px) and (max-width:639px){.container{max-width:100%;padding:0 18px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}}@media (max-width:479px){.container{max-width:100%;padding:0 16px}h1{font-size:1.625rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:.875rem}h6{font-size:.75rem}}@media (max-width:320px){.container{max-width:100%;padding:0 12px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:.875rem}h6{font-size:.75rem}}.hidden-mobile{display:block}.visible-mobile{display:none}@media (max-width:767px){.hidden-mobile{display:none!important}.visible-mobile{display:block!important}}.hidden-tablet{display:block}@media (min-width:768px) and (max-width:1023px){.hidden-tablet{display:none!important}}.hidden-desktop{display:block}@media (min-width:1024px){.hidden-desktop{display:none!important}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{-webkit-line-clamp:2;line-clamp:2}.text-truncate-2,.text-truncate-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.text-truncate-3{-webkit-line-clamp:3;line-clamp:3}@media (max-width:767px){.p-responsive{padding:1rem}.m-responsive{margin:1rem}.gap-responsive{gap:.75rem}}@media (min-width:768px) and (max-width:1023px){.p-responsive{padding:1.25rem}.m-responsive{margin:1.25rem}.gap-responsive{gap:1rem}}@media (min-width:1024px){.p-responsive{padding:1.5rem}.m-responsive{margin:1.5rem}.gap-responsive{gap:1.25rem}}.grid-responsive{grid-gap:1rem;display:grid;gap:1rem}@media (min-width:640px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-responsive{gap:1.5rem;grid-template-columns:repeat(3,1fr)}}@media (min-width:1440px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.flex-responsive{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.flex-responsive{flex-direction:row;gap:1.5rem}}:root{--color-primary:#9ca3af;--color-primary-light:#d1d5db;--color-primary-pale:#f3f4f6;--color-primary-glow:#9ca3af1f;--color-bg:#f9fafb;--color-card-alt:#fafafa;--color-border:#e5e7eb;--color-border-soft:#f3f4f6;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-muted:#9ca3af;--color-muted:#f9fafb;--color-secondary:#f3f4f6;--radius-card:8px;--radius-inner:8px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000f,0 1px 2px #0000000a;--shadow-md:0 8px 24px #00000014,0 2px 6px #0000000d;--shadow-glow:0 0 0 3px var(--color-primary-glow);--transition-base:0.2s cubic-bezier(0.4,0,0.2,1);--transition-lift:0.22s cubic-bezier(0.34,1.56,0.64,1)}.card{background:#fff;background:var(--color-card);background-image:linear-gradient(180deg,#f3f4f680,#fff0 60px);border:1px solid #f3f4f6;border:1px solid var(--color-border-soft);border-radius:8px;border-radius:var(--radius-card);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs);font-family:DM Sans,sans-serif;overflow:hidden;position:relative;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.34,1.56,.64,1),border-color .2s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition-base),transform var(--transition-lift),border-color var(--transition-base)}.card--padding-small{padding:12px}.card--padding-medium{padding:16px}.card--padding-large{padding:20px}.card--padding-none{padding:0}.card--border{border:1px solid #e5e7eb;border:1px solid var(--color-border)}.card--shadow{box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm)}.card--hover{cursor:pointer}.card--hover:hover{border-color:#d1d5db;box-shadow:0 8px 24px #00000014,0 2px 6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-3px)}.card--hover:before{background:linear-gradient(90deg,#9ca3af,#d1d5db 50%,#e5e7eb);border-radius:8px 8px 0 0;border-radius:var(--radius-card) var(--radius-card) 0 0;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transform:scaleX(.6);transform-origin:left;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.34,1.56,.64,1);transition:opacity var(--transition-base),transform .28s cubic-bezier(.34,1.56,.64,1)}.card--hover:hover:before{opacity:1;transform:scaleX(1)}.card--hover:focus-visible{box-shadow:0 8px 24px #00000014,0 2px 6px #0000000d,0 0 0 3px #9ca3af1f;box-shadow:var(--shadow-md),var(--shadow-glow);outline:none}.card-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-soft);border-radius:8px 8px 0 0;border-radius:var(--radius-card) var(--radius-card) 0 0;gap:8px;padding:12px 16px}.card-title{color:#111827;color:var(--color-text-primary);font-family:DM Sans,sans-serif;font-size:14px;letter-spacing:0;line-height:1.3}.card-content{color:#374151;color:var(--color-text-secondary);font-size:13.5px;line-height:1.6;padding:16px}.dark{--color-card:#1f2937;--color-card-alt:#111827;--color-border:#374151;--color-border-soft:#1f2937;--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-muted:#1f2937;--color-secondary:#374151}.dark .card{background:#fff;background:var(--color-card);background-image:linear-gradient(180deg,#3741514d,#0000 60px);border-color:#e5e7eb;border-color:var(--color-border)}.dark .card-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:linear-gradient(135deg,var(--color-muted) 0,var(--color-secondary) 100%);border-color:#e5e7eb}.dark .card-title{color:#111827;color:var(--color-text-primary)}@media (min-width:1920px){.card--padding-small{padding:20px}.card--padding-medium{padding:28px}.card--padding-large{padding:36px}.card-header{padding:24px 28px}.card-title{font-size:20px}.card-content{padding:28px}}@media (min-width:1440px) and (max-width:1919px){.card--padding-medium{padding:26px}.card--padding-large{padding:34px}.card-header{padding:22px 26px}.card-title{font-size:19px}.card-content{padding:26px}}@media (min-width:1280px) and (max-width:1439px){.card--padding-medium{padding:24px}.card--padding-large{padding:32px}.card-header{padding:20px 24px}.card-title{font-size:18px}.card-content{padding:24px}}@media (min-width:1024px) and (max-width:1279px){.card--padding-small{padding:14px}.card--padding-medium{padding:22px}.card--padding-large{padding:30px}.card-header{padding:18px 22px}.card-title{font-size:17px}.card-content{padding:22px}}@media (min-width:768px) and (max-width:1023px){.card--padding-small{padding:12px}.card--padding-medium{padding:20px}.card--padding-large{padding:28px}.card-header{padding:16px 20px}.card-title{font-size:16px}.card-content{padding:20px}}@media (min-width:640px) and (max-width:767px){.card--padding-small{padding:12px}.card--padding-medium{padding:18px}.card--padding-large{padding:24px}.card-header{padding:14px 18px}.card-title{font-size:16px}.card-content{padding:18px}.card--hover:hover{transform:translateY(-2px) scale(1.005)}}@media (min-width:480px) and (max-width:639px){.card--padding-small{padding:10px}.card--padding-medium{padding:16px}.card--padding-large{padding:20px}.card-header{padding:12px 16px}.card-title{font-size:15px}.card-content{padding:16px}.card--hover:hover{transform:translateY(-2px) scale(1.005)}}@media (max-width:479px){.card--padding-small{padding:10px}.card--padding-medium{padding:14px}.card--padding-large{padding:18px}.card-header{padding:12px 14px}.card-title{font-size:14px}.card-content{padding:14px}.card--hover:hover{transform:translateY(-1px) scale(1.002)}}@media (max-width:320px){.card--padding-small{padding:8px}.card--padding-medium{padding:12px}.card--padding-large{padding:16px}.card-header{padding:10px 12px}.card-title{font-size:13px}.card-content{padding:12px}.card--hover:hover{transform:translateY(-1px) scale(1.001)}}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px;transition:all .2s ease}.badge--primary,.badge--success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge--warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge--danger{background-color:var(--color-destructive-light);color:var(--color-destructive-dark)}.badge--info,.badge--secondary{background-color:var(--color-info-light);color:var(--color-info-dark)}.badge--small{font-size:11px;padding:2px 8px}.badge--medium{font-size:12px;padding:4px 10px}.badge--large{font-size:13px;padding:6px 12px}.badge__icon{align-items:center;display:flex;justify-content:center}.table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.table{border-collapse:initial;border-spacing:0;font-size:13px;min-width:680px;width:100%}.table td,.table th{border-bottom:1px solid var(--color-border);padding:10px 12px;vertical-align:middle}.table th{background:var(--color-muted);color:var(--color-muted-foreground);font-size:11px;font-weight:800;height:42px;letter-spacing:.04em;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.table td{color:var(--color-foreground);font-weight:500;height:44px;line-height:1.35}.table tr:hover{background:var(--color-muted)}.table tr:last-child td{border-bottom:0}.table-empty,.table-loading{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-muted-foreground);display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:132px;padding:28px 18px;text-align:center}.table-skeleton{animation:table-loading 1.5s infinite;background:linear-gradient(90deg,var(--color-muted) 25%,var(--color-border) 50%,var(--color-muted) 75%);background-size:200% 100%;border-radius:999px;height:12px;width:min(520px,100%)}@keyframes table-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.table-empty-icon{font-size:34px;opacity:.55}.table-empty p{font-size:13px;font-weight:600;margin:0}.btn{border-radius:6px;display:inline-flex;font-family:inherit;gap:6px;justify-content:center;letter-spacing:.01em;outline:none;overflow:hidden;position:relative}.btn:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.btn--primary{background:var(--color-primary);box-shadow:0 1px 2px #0000001a;color:#fff;position:relative}.btn--primary:hover:not(.btn--disabled){background:var(--color-primary);box-shadow:0 2px 4px #00000026;opacity:.9;transform:translateY(-1px)}.btn--secondary{background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000a;color:#374151}.btn--secondary:hover:not(.btn--disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000000f;transform:translateY(-1px)}.btn--success{background:#10b981;box-shadow:0 1px 2px #0000001a;color:#fff}.btn--success:hover:not(.btn--disabled){background:#10b981;box-shadow:0 2px 4px #00000026;opacity:.9;transform:translateY(-1px)}.btn--danger{background:#ef4444;box-shadow:0 1px 2px #0000001a;color:#fff}.btn--danger:hover:not(.btn--disabled){background:#ef4444;box-shadow:0 2px 4px #00000026;opacity:.9;transform:translateY(-1px)}.btn--warning{background:#f59e0b;box-shadow:0 1px 2px #0000001a;color:#fff}.btn--warning:hover:not(.btn--disabled){background:#f59e0b;box-shadow:0 2px 4px #00000026;opacity:.9;transform:translateY(-1px)}.btn--info{background:#3b82f6;box-shadow:0 1px 2px #0000001a;color:#fff}.btn--info:hover:not(.btn--disabled){background:#3b82f6;box-shadow:0 2px 4px #00000026;opacity:.9;transform:translateY(-1px)}.btn--outline{background:#0000;border:1px solid #e5e7eb;box-shadow:none;color:var(--color-primary)}.btn--outline:hover:not(.btn--disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 2px #0000000f;transform:translateY(-1px)}.btn--ghost{background:#0000;box-shadow:none;color:var(--color-foreground)}.btn--ghost:hover:not(.btn--disabled){background:#f9fafb;color:var(--color-foreground);transform:translateY(-1px)}.btn--link{background:#0000;border-radius:0;box-shadow:none;color:var(--color-secondary);padding:0}.btn--link:hover:not(.btn--disabled){color:var(--color-secondary);text-decoration:underline;transform:none}.btn--small{font-size:13px;padding:6px 12px}.btn--medium,.btn--small{border-radius:6px;gap:6px}.btn--medium{font-size:14px;padding:8px 16px}.btn--large{border-radius:6px;font-size:15px;gap:8px;padding:10px 20px}.btn--icon{aspect-ratio:1;border-radius:6px;padding:8px}.btn--disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.btn--loading{color:#0000;pointer-events:none}.btn__spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;height:18px;position:absolute;width:18px}.btn__icon{align-items:center;display:flex;justify-content:center;transition:transform .2s ease}.btn:hover .btn__icon{transform:scale(1.1)}.btn__text{font-weight:600;white-space:nowrap}.btn:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.btn:active:after{height:300px;width:300px}.dark .btn--secondary{background:var(--color-secondary);color:var(--color-secondary-foreground)}.dark .btn--outline{border-color:var(--color-primary);color:var(--color-primary)}.dark .btn--ghost:hover{background:var(--color-muted)}@media (min-width:1920px){.btn{font-size:15px}.btn--small{font-size:14px;padding:10px 18px}.btn--medium{font-size:15px;padding:12px 24px}.btn--large{font-size:17px;padding:16px 32px}.btn--icon{padding:12px}}@media (min-width:1440px) and (max-width:1919px){.btn--medium{padding:11px 22px}.btn--large{padding:15px 30px}}@media (min-width:1280px) and (max-width:1439px){.btn--medium{padding:10px 20px}.btn--large{padding:14px 28px}}@media (min-width:1024px) and (max-width:1279px){.btn{font-size:13px}.btn--small{font-size:12px;padding:7px 14px}.btn--medium{font-size:13px;padding:9px 18px}.btn--large{font-size:15px;padding:12px 24px}.btn--icon{padding:9px}}@media (min-width:768px) and (max-width:1023px){.btn{font-size:13px}.btn--small{font-size:12px;padding:7px 14px}.btn--medium{font-size:13px;padding:9px 18px}.btn--large{font-size:15px;padding:12px 24px}.btn--icon{padding:9px}}@media (min-width:640px) and (max-width:767px){.btn{font-size:13px}.btn--small{font-size:12px;padding:6px 12px}.btn--medium{font-size:13px;padding:8px 16px}.btn--large{font-size:14px;padding:11px 22px}.btn--icon{padding:8px}.btn:hover:not(.btn--disabled){transform:translateY(-1px)}}@media (min-width:480px) and (max-width:639px){.btn{font-size:12px}.btn--small{font-size:11px;padding:6px 12px}.btn--medium{font-size:12px;padding:8px 16px}.btn--large{font-size:13px;padding:10px 20px}.btn--icon{padding:8px}.btn:hover:not(.btn--disabled){transform:translateY(-1px)}}@media (max-width:479px){.btn{font-size:12px}.btn--small{font-size:11px;padding:5px 10px}.btn--medium{font-size:12px;padding:7px 14px}.btn--large{font-size:13px;padding:9px 18px}.btn--icon{padding:7px}.btn:hover:not(.btn--disabled){transform:translateY(-1px)}.btn__text{text-align:center;white-space:normal}}@media (max-width:320px){.btn{font-size:11px}.btn--small{font-size:10px;padding:5px 8px}.btn--medium{font-size:11px;padding:6px 12px}.btn--large{font-size:12px;padding:8px 16px}.btn--icon{padding:6px}.btn:hover:not(.btn--disabled){transform:translateY(-1px)}.btn__text{text-align:center;white-space:normal}}.input-wrapper{display:flex;flex-direction:column;gap:8px}.input-label{align-items:center;color:var(--color-foreground);display:flex;font-size:14px;font-weight:600;gap:4px;letter-spacing:.01em}.input-required{color:var(--color-destructive);font-weight:700}.input-container{position:relative}.input-container,.input-icon{align-items:center;display:flex}.input-icon{color:var(--color-muted-foreground);justify-content:center;left:14px;position:absolute;transition:color .2s ease;z-index:1}.input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground);font-family:inherit;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.input:focus{background:var(--color-card);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light),0 4px 12px var(--color-primary-light);outline:none}.input:focus+.input-icon{color:var(--color-primary)}.input--small{border-radius:var(--radius-md);font-size:13px;padding:8px 14px}.input--medium{border-radius:var(--radius-lg);font-size:14px;padding:12px 16px}.input--large{border-radius:var(--radius-xl);font-size:16px;padding:14px 18px}.input--error{border-color:var(--color-destructive);box-shadow:0 0 0 3px var(--color-destructive-light)}.input--disabled{background:var(--color-muted);color:var(--color-muted-foreground);cursor:not-allowed;opacity:.7}.input--error:focus{border-color:var(--color-destructive);box-shadow:0 0 0 3px var(--color-destructive-light),0 4px 12px var(--color-destructive-light)}.input-error{align-items:center;color:var(--color-destructive);display:flex;font-size:12px;font-weight:600;gap:4px;margin-top:4px}.input-container .input{padding-left:44px}.input-container .input--small{padding-left:40px}.input-container .input--large{padding-left:48px}.input::placeholder{color:var(--color-muted-foreground);font-weight:400}.input:hover:not(.input--disabled):not(.input--error){border-color:var(--color-muted-foreground);box-shadow:var(--shadow-sm)}.dark .input{background:var(--color-card);border-color:var(--color-border)}.dark .input:focus{background:var(--color-background)}.dark .input--disabled{background:var(--color-muted)}@media (min-width:1920px){.input-label{font-size:15px}.input--small{font-size:14px;padding:10px 16px}.input--medium{font-size:15px;padding:14px 20px}.input--large{font-size:17px;padding:16px 22px}.input-error{font-size:13px}}@media (min-width:1440px) and (max-width:1919px){.input--medium{padding:13px 18px}.input--large{padding:15px 20px}}@media (min-width:1280px) and (max-width:1439px){.input--medium{padding:12px 16px}.input--large{padding:14px 18px}}@media (min-width:1024px) and (max-width:1279px){.input-label{font-size:13px}.input--small{font-size:12px;padding:7px 12px}.input--medium{font-size:13px;padding:11px 15px}.input--large{font-size:15px;padding:13px 17px}.input-icon{left:12px}.input-container .input{padding-left:40px}.input-container .input--small{padding-left:36px}.input-container .input--large{padding-left:44px}}@media (min-width:768px) and (max-width:1023px){.input-label{font-size:13px}.input--small{font-size:12px;padding:7px 12px}.input--medium{font-size:13px;padding:11px 14px}.input--large{font-size:15px;padding:13px 16px}.input-icon{left:12px}.input-container .input{padding-left:38px}.input-container .input--small{padding-left:34px}.input-container .input--large{padding-left:42px}}@media (min-width:640px) and (max-width:767px){.input--small,.input-label{font-size:13px}.input--small{padding:8px 12px}.input--medium{font-size:14px;padding:12px 14px}.input--large{font-size:15px;padding:14px 16px}.input-icon{left:12px}.input-container .input{padding-left:38px}.input-container .input--small{padding-left:34px}.input-container .input--large{padding-left:42px}.input-error{font-size:11px}}@media (min-width:480px) and (max-width:639px){.input--small,.input-label{font-size:12px}.input--small{padding:8px 11px}.input--medium{font-size:13px;padding:11px 13px}.input--large{font-size:14px;padding:13px 15px}.input-icon{left:11px}.input-container .input{padding-left:36px}.input-container .input--small{padding-left:32px}.input-container .input--large{padding-left:40px}.input-error{font-size:11px}}@media (max-width:479px){.input-label{font-size:12px}.input--small{font-size:14px;padding:10px 12px}.input--medium{font-size:14px;padding:12px 14px}.input--large{font-size:15px;padding:14px 16px}.input-icon{left:12px}.input-container .input{padding-left:40px}.input-container .input--small{padding-left:36px}.input-container .input--large{padding-left:44px}.input-error{font-size:11px}}@media (max-width:320px){.input-label{font-size:11px}.input--small{font-size:13px;padding:10px}.input--medium{font-size:14px;padding:12px}.input--large{font-size:15px;padding:14px}.input-icon{left:10px}.input-container .input{padding-left:36px}.input-container .input--small{padding-left:32px}.input-container .input--large{padding-left:40px}.input-error{font-size:10px}}.excel-download-button{align-items:center;background:#087f5b;border:1px solid #0f9f6e;border-radius:8px;box-shadow:0 1px 2px #0f172a24,0 8px 18px #087f5b29;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:8px;justify-content:center;letter-spacing:0;line-height:1;min-height:38px;padding:9px 16px;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;white-space:nowrap}.excel-download-button:hover:not(:disabled){background:#066c4d;border-color:#066c4d;box-shadow:0 2px 5px #0f172a29,0 10px 22px #087f5b33;transform:translateY(-1px)}.excel-download-button:active:not(:disabled){box-shadow:0 1px 2px #0f172a24;transform:translateY(0)}.excel-download-button:focus-visible{outline:3px solid #10b98147;outline-offset:2px}.excel-download-button--disabled,.excel-download-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.58;transform:none}.excel-download-button__icon{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center}.excel-download-button__label{overflow:hidden;text-overflow:ellipsis}.excel-download-button__spinner{animation:excel-button-spin .8s linear infinite}.excel-download-button--small{font-size:12px;min-height:34px;padding:7px 12px}.excel-download-button--large{font-size:14px;min-height:44px;padding:11px 18px}.excel-download-button--full{width:100%}.dark .excel-download-button{background:#10b981;border-color:#34d399;color:#052e1c}.dark .excel-download-button:hover:not(:disabled){background:#34d399;border-color:#6ee7b7}@media (max-width:767px){.excel-download-button{min-height:42px;padding:10px 14px;width:100%}}@keyframes excel-button-spin{to{transform:rotate(1turn)}}.page-header{align-items:flex-start;background:#0000;border:0;box-shadow:none;display:flex;gap:16px;justify-content:space-between;margin:0 0 16px;padding:0}.page-header-left{flex:1 1 auto;min-width:0}.page-header-title-section{display:flex;flex-direction:column;gap:4px}.page-header-title{color:var(--color-foreground);font-size:1.45rem;font-weight:800;letter-spacing:0;line-height:1.15;margin:0}.page-header-subtitle{color:var(--color-muted-foreground);font-size:13px;font-weight:500;line-height:1.55;margin:0;max-width:72ch}.page-header-right{align-items:center;display:flex;flex:0 1 auto;flex-wrap:wrap;gap:10px;justify-content:flex-end}.page-header-search{width:min(320px,100%)}.page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}@media (max-width:900px){.page-header{align-items:stretch;flex-direction:column}.page-header-actions,.page-header-right{justify-content:flex-start}.page-header-search{width:100%}}@media (min-width:768px){.page-header-title{font-size:1.65rem}}@media (min-width:1200px){.page-header-title{font-size:1.85rem}}@media (max-width:520px){.page-header-title{font-size:1.28rem}.page-header-subtitle{font-size:12.5px}}.stats-grid{grid-gap:14px;align-items:stretch;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));margin:0 0 16px}.stat-card{height:100%;min-height:104px}.stat-card:before{background:var(--gradient-primary);inset:0 auto 0 0;opacity:.8;width:3px}.stat-card-content{flex-direction:column;height:100%;padding:14px 16px 14px 18px}.stat-card-content,.stat-card-header{display:flex;gap:10px;justify-content:space-between}.stat-card-header{align-items:flex-start}.stat-card-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);display:inline-flex;flex:0 0 auto;height:42px;justify-content:center;width:42px}.stat-card-icon svg{height:20px;width:20px}.stat-card-icon--success{background:var(--color-success-light);color:var(--color-success)}.stat-card-icon--warning{background:var(--color-warning-light);color:var(--color-warning)}.stat-card-icon--danger{background:var(--color-destructive-light);color:var(--color-destructive)}.stat-card-icon--info{background:var(--color-info-light);color:var(--color-info)}.stat-card-trend{align-items:center;background:var(--color-muted);border:1px solid var(--color-border);border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;gap:3px;padding:3px 7px;white-space:nowrap}.stat-card-body{display:flex;flex-direction:column;gap:4px;justify-content:flex-end;min-width:0}.stat-card-value{color:var(--color-foreground);font-size:clamp(1.35rem,1rem + .8vw,1.85rem);font-weight:800;letter-spacing:0;line-height:1.05;margin:0;overflow-wrap:anywhere}.stat-card-title{color:var(--color-muted-foreground);font-size:12px;font-weight:700;line-height:1.3;margin:0}@media (max-width:767px){.stats-grid{gap:12px;grid-template-columns:1fr!important}.stat-card{min-height:92px}}.supervisor-dashboard{animation:fadeInPage .4s ease-out;padding:0}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.supervisor-dashboard{padding:0}.quick-actions-grid{gap:16px;grid-template-columns:1fr}.quick-action-card{padding:20px}.quick-action-icon{font-size:24px;height:56px;width:56px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}}.teamleader-dashboard{animation:fadeInPage .4s ease-out;padding:0}.section-title{font-size:18px;letter-spacing:-.02em}.quick-action-icon{font-size:28px}@media (max-width:768px){.teamleader-dashboard{padding:0}.quick-actions-grid{gap:16px;grid-template-columns:1fr}.quick-action-card{padding:20px}.quick-action-icon{font-size:24px;height:56px;width:56px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}}.shopkeeper-dashboard{animation:fadeInPage .4s ease-out;background:var(--color-background);min-height:100vh;padding:0}.shopkeeper-dashboard-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:60vh}.stock-stats-section{margin-bottom:24px}.quick-action-icon{color:var(--color-primary)}.low-stock-card,.transactions-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden;transition:all .2s ease}.low-stock-card:hover,.transactions-card:hover{box-shadow:var(--shadow-md)}.amount-cell{color:var(--color-primary)}@media (max-width:768px){.shopkeeper-dashboard{padding:0}.quick-actions-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.quick-action-card{padding:24px}.quick-action-icon{font-size:24px;height:56px;width:56px}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.data-table{font-size:12px}.data-table td,.data-table th{padding:10px 12px}}.dark .shopkeeper-dashboard{background:var(--color-background)}.dark .quick-action-icon{background:var(--color-muted);color:var(--color-primary)}.dark .quick-action-card:hover .quick-action-icon{background:var(--color-primary);color:var(--color-primary-foreground)}.dark .quick-action-title{color:var(--color-foreground)}.dark .quick-action-desc{color:var(--color-muted-foreground)}.dark .low-stock-card,.dark .transactions-card{background:var(--color-card);border-color:var(--color-border)}.dark .card-title{color:var(--color-foreground)}.dark .data-table thead{background:var(--color-muted)}.dark .data-table th{border-color:var(--color-border);color:var(--color-muted-foreground)}.dark .data-table td{border-color:var(--color-border)}.dark .data-table td,.dark .section-header{color:var(--color-foreground)}.storekeeper-dashboard{animation:fadeInPage .4s ease-out;padding:0}.storekeeper-dashboard-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:60vh}.section-header{background:var(--color-muted);border-bottom:1px solid var(--color-border);justify-content:space-between;padding:16px 20px}.section-title{align-items:center;color:var(--color-foreground);display:flex;font-size:16px;font-weight:700;gap:8px;margin:0}.view-all-link{color:var(--color-primary);font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.view-all-link:hover{color:var(--color-primary);text-decoration:underline}.quick-action-icon{border-radius:var(--radius-md)}.section-card{overflow:hidden;transition:all .2s ease}.section-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-content{max-height:350px;overflow-y:auto;padding:16px 20px}.list-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;padding:12px 0;transition:all .2s ease}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--color-muted);border-radius:var(--radius-md);padding-left:8px;padding-right:8px}.notification-icon{align-items:center;background:var(--color-muted);border-radius:50%;color:var(--color-muted-foreground);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-content{flex:1 1}.notification-title{color:var(--color-foreground);font-size:13px;font-weight:500;margin-bottom:2px}.notification-time{color:var(--color-muted-foreground);font-size:11px}.request-content{flex:1 1}.request-number{color:var(--color-foreground);font-size:13px;font-weight:600;margin-bottom:4px}.request-details{color:var(--color-muted-foreground);font-size:11px}.overdue-content{flex:1 1}.overdue-name{color:var(--color-foreground);font-size:13px;font-weight:600;margin-bottom:4px}.overdue-details{color:var(--color-muted-foreground);font-size:11px}.low-stock-section{margin-bottom:24px}.low-stock-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:16px 20px}.low-stock-item{background:var(--color-warning);border:2px solid var(--color-warning);border-radius:var(--radius-lg);cursor:pointer;padding:16px;transition:all .2s ease}.low-stock-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.low-stock-name{color:var(--color-foreground);font-size:14px;font-weight:700;margin-bottom:8px}.low-stock-quantity{color:var(--color-muted-foreground);font-size:12px;margin-bottom:4px}.low-stock-warning{color:var(--color-destructive);font-size:11px;font-weight:600}.overdue-section{margin-bottom:24px}.empty-state{font-size:13px;font-weight:500}@media (max-width:1024px){.two-column-grid{grid-template-columns:1fr}.low-stock-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.storekeeper-dashboard{padding:0}.quick-actions-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.quick-action-card{padding:20px}.quick-action-icon{font-size:24px;height:56px;width:56px}.low-stock-grid{grid-template-columns:1fr}.section-content{max-height:300px}}.dark .list-item:hover{background:var(--color-muted)}.dark .low-stock-item{background:var(--color-warning)}.shop-analytics-container{animation:fadeInPage .4s ease-out;padding:0}.stat-card-destructive{border-left:4px solid var(--color-destructive)}.stat-card-destructive .stat-icon{background:#ef44441a;color:var(--color-destructive)}.stat-sublabel{color:var(--color-muted-foreground);font-size:11px;margin-top:4px}.icon-primary{color:var(--color-primary)}.icon-success{color:var(--color-success)}.icon-warning{color:var(--color-warning)}.top-product-card{align-items:center;background:var(--color-muted);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:16px}.product-name{color:var(--color-foreground);font-size:18px;font-weight:700}.product-info{color:var(--color-muted-foreground);font-size:13px;margin-top:4px}.product-stats{text-align:right}.product-percentage{color:var(--color-success);font-size:24px;font-weight:700}.product-percentage-label{color:var(--color-muted-foreground);font-size:12px}.data-table td,.data-table th{padding:10px}.empty-state{padding:32px}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:1fr}.top-product-card{flex-direction:column;gap:16px;text-align:center}.product-stats{text-align:center}}.dark .top-product-card{background:var(--color-muted)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--color-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{animation:scaleIn .2s ease-out;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:90vw;overflow-y:auto}.modal--small{width:400px}.modal--medium{width:600px}.modal--large{width:800px}.modal--full{max-width:1200px;width:95vw}.modal-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--color-muted) 0,var(--color-secondary) 100%);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-title{color:var(--color-foreground);font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-muted-foreground);cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.modal-close:hover{background-color:var(--color-muted);color:var(--color-foreground);transform:rotate(90deg)}.modal-content{padding:24px}@media (max-width:768px){.modal-overlay{padding:10px}.modal--large,.modal--medium,.modal--small{max-width:none;width:100%}.modal-content,.modal-header{padding:16px}}.dark .modal{background:var(--color-card);border-color:var(--color-border)}.dark .modal-header{background:linear-gradient(135deg,var(--color-muted) 0,var(--color-secondary) 100%);border-color:var(--color-border)}.stock-management-container{animation:fadeInPage .4s ease-out;padding:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quantity-badge{font-weight:600}.quantity-zero{color:var(--color-destructive)}.price-badge{color:var(--color-success);font-weight:600}.value-badge{color:var(--color-warning);font-weight:600}.btn-edit{background:#3b82f61a;border:none;border-radius:var(--radius-sm);color:var(--color-info);cursor:pointer;padding:6px;transition:all .2s ease}.btn-edit:hover{background:#3b82f633}.btn-adjust{background:#f59e0b1a;border:none;border-radius:var(--radius-sm);color:var(--color-warning);cursor:pointer;padding:6px;transition:all .2s ease}.btn-adjust:hover{background:#f59e0b33}.btn-delete{background:#ef44441a;border:none;border-radius:var(--radius-sm);color:var(--color-destructive);cursor:pointer;padding:6px;transition:all .2s ease}.btn-delete:hover{background:#ef444433}.empty-state{background:var(--color-muted);border:2px dashed var(--color-border);border-radius:var(--radius-lg)}.empty-state h3,.empty-state p{color:var(--color-muted-foreground)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px}.form-input{outline:none;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-input:focus{box-shadow:0 0 0 3px #10b9811a}.form-hint{color:var(--color-muted-foreground);font-size:11px;margin-top:4px}.total-preview{background:var(--color-muted);border-radius:var(--radius-sm);margin-top:8px;padding:12px}.total-preview-label{color:var(--color-muted-foreground);font-size:12px}.total-preview-value{color:var(--color-warning);font-size:20px;font-weight:700}.adjust-info{background:var(--color-muted);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px}.adjust-info-row{display:flex;justify-content:space-between;margin-bottom:8px}.adjust-info-row:last-child{margin-bottom:0}.adjust-info-value{color:var(--color-foreground);font-weight:700}.adjust-preview{background:var(--color-muted);border-radius:var(--radius-sm);margin-top:8px;padding:12px}.adjust-preview-row{display:flex;justify-content:space-between;margin-bottom:8px}.adjust-preview-row:last-child{margin-bottom:0}.adjust-preview-value{color:var(--color-foreground);font-weight:700}.adjust-preview-value.negative{color:var(--color-destructive)}.adjust-preview-value.positive{color:var(--color-success)}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:1fr}.search-input{width:100%}.action-buttons{flex-direction:column}}.dark .empty-state{background:var(--color-muted);border-color:var(--color-border)}.dark .form-input{background:var(--color-card);border-color:var(--color-border)}.dark .adjust-info,.dark .adjust-preview,.dark .total-preview{background:var(--color-muted)}.lost-items-container{padding:20px}.filter-bar{gap:12px}.search-input{padding:10px 12px 10px 40px}.form-select{background-color:var(--color-card);padding:10px 12px}.loading-spinner{color:var(--color-muted-foreground);font-size:14px;height:400px}.accountant-dashboard{animation:fadeInPage .4s ease-out;padding:0}.accountant-dashboard-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:60vh}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.quick-action-card{cursor:pointer;text-align:center}.quick-action-card:before{height:2px;transition:opacity .2s ease}.quick-action-icon{margin:0 auto 16px}.quick-action-title{letter-spacing:.01em;margin:0 0 8px}.quick-action-desc{margin:0 0 16px}.quick-action-btn{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all .2s ease;width:100%}.quick-action-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.transactions-card{overflow:hidden;transition:all .2s ease}.transactions-card:hover{box-shadow:var(--shadow-md)}.card-header{flex-wrap:wrap;gap:12px}.card-title{align-items:center;display:flex;gap:8px}.view-all-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s ease}.view-all-btn:hover{background:var(--color-muted);border-color:var(--color-primary);color:var(--color-primary)}.table-container{padding:0}.data-table thead{background:var(--color-muted)}.data-table th{font-weight:700;letter-spacing:.5px}.data-table tbody tr:hover{background:var(--color-muted)}.data-table tbody tr:last-child td{border-bottom:none}.amount-cell{color:var(--color-success);font-weight:700}.view-btn{align-items:center;border:none;border-radius:var(--radius-md);color:var(--color-primary-foreground);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.view-btn,.view-btn:hover{background:var(--color-primary)}.view-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.empty-state{padding:48px 20px}.empty-icon{font-size:40px}.empty-state p{font-weight:500}.pagination{background:var(--color-muted);flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.pagination-info{font-size:12px}.pagination-controls{align-items:center;display:flex;gap:6px}.pagination-btn{font-size:12px;font-weight:600;padding:6px 10px}.pagination-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.pagination-page{color:var(--color-muted-foreground);font-size:12px;font-weight:500;padding:6px 10px}@media (max-width:1024px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.accountant-dashboard{padding:0}.quick-actions-grid{gap:16px;grid-template-columns:1fr}.quick-action-card{padding:24px}.quick-action-icon{font-size:24px;height:56px;width:56px}.card-header{align-items:flex-start;flex-direction:column}.data-table{font-size:12px}.data-table td,.data-table th{padding:10px 12px}.pagination{align-items:center;flex-direction:column}}.dark .data-table tbody tr:hover,.dark .pagination{background:var(--color-muted)}.credit-report-container{animation:fadeInPage .4s ease-out;padding:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.stat-card{border-radius:var(--radius-lg);gap:12px;padding:16px;transition:all .2s ease}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card-primary{border-left:4px solid var(--color-primary)}.stat-card-success{border-left:4px solid var(--color-success)}.stat-card-warning{border-left:4px solid var(--color-warning)}.stat-icon{align-items:center;border-radius:var(--radius-md);color:var(--color-primary);display:flex;height:48px;justify-content:center;width:48px}.stat-card-primary .stat-icon{background:#3b82f61a;color:var(--color-info)}.stat-card-success .stat-icon{background:#10b9811a}.stat-card-warning .stat-icon{background:#f59e0b1a}.stat-label{font-size:13px}.filter-row{align-items:flex-end}.search-wrapper{flex:2 1;min-width:250px}.filter-group{flex:1 1;min-width:200px}.filter-group label{color:var(--color-muted-foreground);display:block;font-size:12px;font-weight:600;margin-bottom:6px}.form-input,.form-select{border-radius:var(--radius-md);font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-input:focus,.form-select:focus{box-shadow:0 0 0 3px #10b9811a}.credit-amount{color:var(--color-destructive);font-weight:600}.empty-state{padding:48px}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:1fr}.filter-row{align-items:stretch;flex-direction:column}.filter-group,.search-wrapper{width:100%}}.dark .form-input,.dark .form-select,.dark .search-input{background:var(--color-card);border-color:var(--color-border)}.sidebar{background:#0a2c17;border-right:1px solid #0a2c17;box-shadow:2px 0 8px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:260px;will-change:transform;z-index:100}.sidebar-header{background:#0f3f21;border-bottom:1px solid #0a2c17;overflow:hidden;padding:20px 20px 16px;position:relative;text-align:center}.sidebar-logo{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0 0 8px;position:relative;z-index:1}.sidebar-logo-green{color:var(--color-primary)}.sidebar-logo-blue{color:var(--color-secondary)}.sidebar-role{background:#ffffff26;border-radius:6px;color:#fff;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px 12px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-sidebar-ring);border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-sidebar-primary)}.sidebar-nav-item{align-items:center;border:1px solid #0000;border-radius:6px;color:#ffffffe6;display:flex;font-size:13px;font-weight:500;gap:10px;letter-spacing:.01em;margin-bottom:2px;overflow:hidden;padding:8px 12px;position:relative;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.sidebar-nav-item:hover{background:#ffffff26;border-color:#fff3;color:#fff;transform:translateX(2px)}.sidebar-nav-item--active{background:#fff3;border:1px solid #ffffff4d;box-shadow:none;color:#fff;transform:translateX(2px)}.sidebar-nav-item--active:before{background:#fff;border-radius:0 1px 1px 0;content:"";height:40%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:2px}.sidebar-nav-icon{align-items:center;display:flex;justify-content:center;min-width:18px;transition:transform .15s ease}.sidebar-nav-item--active .sidebar-nav-icon,.sidebar-nav-item:hover .sidebar-nav-icon{transform:scale(1.02)}.sidebar-nav-label{align-items:center;display:flex;flex:1 1;gap:8px}.sidebar-badge{background:var(--color-secondary);border-radius:12px;color:var(--color-secondary-foreground);font-size:11px;font-weight:600;margin-left:auto;min-width:20px;padding:2px 8px;text-align:center}.sidebar-footer{background:#0a2c17;border-top:1px solid #0a2c17;padding:16px 20px}.sidebar-user-info{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:10px;text-align:center}.sidebar-user-label{color:#ffffffb3;display:block;font-size:9px;font-weight:500;letter-spacing:.5px;margin-bottom:3px;text-transform:uppercase}.sidebar-user-name{color:#fff;display:block;font-size:12px;font-weight:500;letter-spacing:.1px}.sidebar-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-overlay);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.sidebar-mobile-close{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);cursor:pointer;display:none;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease;z-index:10}.sidebar-mobile-close:hover{background:var(--color-destructive);border-color:var(--color-destructive);color:var(--color-destructive-foreground);transform:rotate(90deg)}@media (min-width:1920px){.sidebar{width:280px}.sidebar-logo{font-size:20px}.sidebar-nav-item{font-size:14px;padding:9px 14px}}@media (min-width:1440px) and (max-width:1919px){.sidebar{width:260px}}@media (min-width:1280px) and (max-width:1439px){.sidebar{width:240px}}@media (min-width:1024px) and (max-width:1279px){.sidebar{width:220px}.sidebar-logo{font-size:17px}.sidebar-nav-item{font-size:12px;padding:7px 10px}.sidebar-header{padding:16px}}@media (min-width:768px) and (max-width:1023px){.sidebar{max-width:calc(100vw - 48px);transform:translateX(-100%);width:280px}.sidebar.sidebar--mobile-open{transform:translateX(0)}.sidebar-mobile-close{align-items:center;display:flex;justify-content:center}.sidebar-logo{font-size:18px}.sidebar-nav-item{font-size:13px;padding:10px 12px}.sidebar-header{padding:16px 14px}.sidebar-nav{padding:14px 12px}}@media (min-width:640px) and (max-width:767px){.sidebar{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:260px}.sidebar.sidebar--mobile-open{transform:translateX(0)}.sidebar-mobile-close{align-items:center;display:flex;justify-content:center}.sidebar-nav-item{padding:8px 12px}.sidebar-header{padding:18px}.sidebar-footer{padding:16px 18px}}@media (min-width:480px) and (max-width:639px){.sidebar{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:240px}.sidebar.sidebar--mobile-open{transform:translateX(0)}.sidebar-mobile-close{align-items:center;display:flex;justify-content:center}.sidebar-nav-item{padding:7px 10px}.sidebar-header{padding:16px 14px}.sidebar-footer{padding:14px 16px}.sidebar-logo{font-size:17px}}@media (max-width:479px){.sidebar{max-width:260px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebar.sidebar--mobile-open{transform:translateX(0)}.sidebar-mobile-close{align-items:center;display:flex;justify-content:center}.sidebar-nav-item{font-size:12px;padding:7px 10px}.sidebar-header{padding:14px 12px}.sidebar-footer{padding:12px 14px}.sidebar-logo{font-size:16px}.sidebar-role{font-size:9px;padding:3px 8px}.sidebar-nav{padding:12px 10px}}@media (max-width:320px){.sidebar{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebar.sidebar--mobile-open{transform:translateX(0)}.sidebar-mobile-close{align-items:center;display:flex;justify-content:center}.sidebar-nav-item{font-size:11px;padding:6px 8px}.sidebar-header{padding:12px 10px}.sidebar-footer{padding:10px 12px}.sidebar-logo{font-size:15px}.sidebar-role{font-size:8px;padding:2px 6px}}.dark .sidebar{background:var(--color-sidebar)}.dark .sidebar,.dark .sidebar-header{border-color:var(--color-sidebar-border)}.dark .sidebar-header{background:var(--color-sidebar-primary)}.profile-card-compact{position:relative}.profile-trigger{background:#0000;border:1px solid #0000;border-radius:10px;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.profile-trigger:hover{background:#0000000a;border-color:#0000000f}.profile-avatar-small{background:#f5f5f5;border:1px solid #00000014;border-radius:10px;box-shadow:0 1px 3px #00000014;height:40px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.profile-avatar-small:hover{box-shadow:0 2px 8px #0000001f;transform:scale(1.02)}.profile-avatar-small img{height:100%;object-fit:cover;width:100%}.dropdown-arrow{color:#6b7280;opacity:.7;transition:transform .2s cubic-bezier(.4,0,.2,1)}.dropdown-arrow.open{opacity:1;transform:rotate(180deg)}.profile-dropdown{animation:dropdownSlide .2s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 4px 20px #0000001f,0 1px 3px #00000014;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{align-items:center;background:#00000003;border-bottom:1px solid #0000000f;display:flex;gap:14px;padding:16px}.dropdown-avatar{background:#f5f5f5;border:1px solid #0000001a;border-radius:10px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:48px;overflow:hidden;width:48px}.dropdown-avatar img{height:100%;object-fit:cover;width:100%}.dropdown-user-info{flex:1 1;min-width:0}.dropdown-name{color:#111827;font-size:14px;font-weight:600;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-role{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:0;margin-top:2px;text-transform:none}.dropdown-menu{padding:6px}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin:2px 0;padding:10px 12px;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);width:100%}.dropdown-item:hover{background:#0000000a}.dropdown-item.logout{color:#dc2626;font-weight:500}.dropdown-item.logout:hover{background:#dc26260f}.dropdown-divider{background-color:#0000000f;height:1px;margin:6px 12px}.profile-card-full{animation:cardFadeIn .3s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;margin:0 auto;max-width:600px;padding:32px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-header{align-items:flex-start;gap:24px;margin-bottom:28px}.profile-avatar-container{flex-shrink:0;position:relative}.profile-avatar{background:#f5f5f5;border:1px solid #0000001a;border-radius:16px;box-shadow:0 2px 12px #0000001a;height:120px;transition:all .2s cubic-bezier(.4,0,.2,1);width:120px}.profile-avatar:hover{box-shadow:0 4px 16px #0000001f;transform:scale(1.02)}.profile-avatar img{height:100%;object-fit:cover;width:100%}.camera-overlay{align-items:center;background:#111827;border:3px solid #fff;border-radius:10px;bottom:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:8px;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.camera-overlay:hover{box-shadow:0 4px 12px #0003;transform:scale(1.08)}.camera-overlay svg{color:#fff}.profile-info{flex:1 1;padding-top:8px}.profile-name{color:#111827;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 6px}.profile-role{color:#6b7280;font-size:14px;letter-spacing:0;margin-bottom:16px;text-transform:none}.profile-contact{display:flex;flex-direction:column;gap:4px}.contact-item{color:#374151;font-size:14px;font-weight:400;line-height:1.5}.profile-details{background:#00000005;border:1px solid #0000000f;border-radius:12px;margin-bottom:24px;padding:20px}.detail-row{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.detail-row:not(:last-child){border-bottom:1px solid #0000000f}.detail-label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}.detail-value{color:#111827;font-size:14px;font-weight:500}.profile-actions{display:flex;gap:12px}.btn{border:1px solid #0000;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;padding:10px 18px;transition:all .15s cubic-bezier(.4,0,.2,1)}.btn-primary{background:#111827;border:1px solid #111827;box-shadow:0 1px 2px #00000014;color:#fff}.btn-primary:hover{background:#1f2937;border-color:#1f2937;box-shadow:0 2px 6px #0000001f;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}@media (max-width:768px){.profile-card-full{border-radius:14px;margin:0 16px;padding:24px}.profile-header{align-items:center;flex-direction:column;gap:20px;text-align:center}.profile-avatar{height:100px;width:100px}.profile-name{font-size:20px}.profile-info{padding-top:0}.profile-contact{align-items:center}.profile-dropdown{min-width:260px;right:-8px}.dropdown-menu{padding:4px}.dropdown-item{font-size:14px;padding:9px 10px}}@media (max-width:480px){.profile-card-full{margin:0 12px;padding:20px}.profile-avatar{height:90px;width:90px}.profile-name{font-size:18px}.profile-role{font-size:13px}.profile-details{padding:16px}.detail-row{padding:8px 0}.btn{font-size:13px;padding:9px 16px}}.topbar{align-items:center;background:#0a2c17;border-bottom:1px solid #15803d;box-shadow:0 1px 2px #0000001a;display:flex;height:60px;justify-content:space-between;left:260px;padding:0 24px;position:fixed;right:0;top:0;transition:all .15s cubic-bezier(.4,0,.2,1);z-index:90}.mobile-menu-button{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground);cursor:pointer;display:none;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 14px;transition:all .2s ease}.mobile-menu-button:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.topbar-left{align-items:center;display:flex;flex:1 1 auto;gap:16px;min-width:0}.topbar-title{color:#fff;font-size:16px;font-weight:600;letter-spacing:0;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.topbar-actions::-webkit-scrollbar{display:none}.topbar-action{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .15s cubic-bezier(.4,0,.2,1)}.topbar-action:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.topbar-action:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.topbar-action-icon,.topbar-right{align-items:center;display:flex}.topbar-right{flex:0 0 auto;gap:12px;min-width:0}.dashboard-button{align-items:center;background:#fff;border:none;border-radius:6px;box-shadow:0 1px 2px #0000001a;color:#0a2c17;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;overflow:hidden;padding:6px 12px;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1)}.dashboard-button:before{background:var(--color-primary-foreground-light);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.dashboard-button:hover:before{left:100%}.dashboard-button:hover{background:#ffffffe6;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.dashboard-button:active{box-shadow:var(--shadow-md);transform:translateY(0)}.dashboard-button-text{font-weight:600;letter-spacing:.3px}.topbar-clock{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;box-shadow:0 1px 2px #0000001a;display:flex;gap:8px;min-height:36px;padding:5px 10px;transition:all .15s ease;white-space:nowrap}.topbar-clock:hover{border-color:#ffffff4d;box-shadow:0 2px 4px #00000026}.topbar-clock-item{align-items:center;display:inline-flex;gap:6px;min-width:0}.topbar-clock-divider{background:#ffffff38;height:18px;width:1px}.date-icon,.time-icon{color:#ffffffc7;flex:0 0 auto}.date-text,.time-text{color:#fff;font-size:13px;font-weight:600;letter-spacing:.2px;line-height:1}.time-text{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.profile-dropdown{min-width:0;position:relative}.profile-trigger{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;gap:10px;padding:4px 10px 4px 6px;transition:all .15s cubic-bezier(.4,0,.2,1)}.profile-trigger:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.profile-avatar{align-items:center;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 1px 2px #0000001a;display:flex;height:32px;justify-content:center;overflow:hidden;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);width:32px}.profile-avatar-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.profile-avatar-text{color:var(--color-primary-foreground);font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:1}.profile-info{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-name{color:#fff;font-size:13px;font-weight:500;letter-spacing:.1px;max-width:120px;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.profile-role{align-items:center;color:#fffc;display:flex;font-size:10px;font-weight:500;gap:4px;letter-spacing:.4px;text-transform:uppercase}.role-icon{font-size:12px}.profile-chevron{color:var(--color-muted-foreground);transition:transform .2s cubic-bezier(.4,0,.2,1)}.profile-chevron--open{transform:rotate(180deg)}.profile-menu{animation:slideDown .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:340px;z-index:1001}.profile-menu-header{align-items:center;background:var(--gradient-primary);border-bottom:1px solid var(--color-border);display:flex;gap:16px;padding:24px}.profile-menu-avatar{align-items:center;border:4px solid var(--color-border);border-radius:50%;box-shadow:var(--shadow-lg);display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;width:60px}.profile-menu-avatar-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.profile-menu-avatar-text{color:var(--color-primary-foreground);font-size:20px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:1}.profile-menu-user-info{flex:1 1;min-width:0}.profile-menu-user-name{color:var(--color-primary-foreground);font-size:17px;font-weight:800;letter-spacing:.3px;margin-bottom:6px;text-transform:capitalize}.profile-menu-user-email{color:var(--color-primary-foreground-light);font-size:13px;font-weight:500;margin-bottom:8px;word-break:break-all}.profile-menu-user-role{align-items:center;background:var(--color-primary-foreground-light);border-radius:20px;color:var(--color-primary-foreground);display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.profile-menu-items{padding:12px 0}.profile-menu-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:inherit;cursor:pointer;display:flex;gap:14px;margin:0 8px;padding:14px 20px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.profile-menu-item:hover{background:var(--color-info-light);transform:translateX(6px)}.profile-menu-item-content{flex:1 1;min-width:0}.profile-menu-item-label{color:var(--color-foreground);font-size:15px;font-weight:700;letter-spacing:.3px}.profile-menu-item-desc{color:var(--color-muted-foreground);font-size:11px;font-weight:500;margin-top:2px}.profile-menu-divider{background:linear-gradient(90deg,#0000 0,var(--color-border) 50%,#0000 100%);height:1px;margin:8px 16px}.profile-menu-item--logout,.profile-menu-item--logout .profile-menu-item-desc,.profile-menu-item--logout .profile-menu-item-label{color:var(--color-destructive)}.profile-menu-item--logout:hover{background:var(--color-destructive-light)}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width:1920px){.topbar{height:64px;left:280px;padding:0 48px}.topbar-title{font-size:17px}.dashboard-button,.topbar-action{font-size:13px;padding:7px 14px}.topbar-clock{padding:7px 12px}.date-text,.time-text{font-size:13px}}@media (min-width:1440px) and (max-width:1919px){.topbar{height:62px;left:260px;padding:0 40px}.topbar-title{font-size:16px}}@media (min-width:1280px) and (max-width:1439px){.topbar{height:60px;left:240px;padding:0 36px}.topbar-title{font-size:15px}}@media (min-width:1024px) and (max-width:1279px){.topbar{height:58px;left:220px;padding:0 32px}.topbar-title{font-size:15px}.dashboard-button,.topbar-action{font-size:12px;padding:5px 10px}.topbar-clock{padding:6px 10px}}@media (min-width:768px) and (max-width:1023px){.topbar{height:58px;left:0;padding:0 18px}.topbar-title{font-size:15px;max-width:280px}.topbar-left{gap:16px}.topbar-right{gap:12px}.dashboard-button,.topbar-action{font-size:12px;padding:8px 14px}.topbar-clock{display:none}.profile-trigger{padding:6px 12px 6px 8px}.profile-avatar{height:38px;width:38px}.profile-name{font-size:13px}.profile-role{font-size:10px}.dashboard-button-text{display:none}.mobile-menu-button{display:flex}.profile-menu{border-radius:12px;right:0;width:min(320px,calc(100vw - 24px))}}@media (min-width:640px) and (max-width:767px){.topbar{height:56px;left:0;padding:0 16px}.topbar-title{font-size:14px}.topbar-left{gap:10px}.topbar-right{gap:8px}.topbar-clock{display:none}.dashboard-button{padding:5px 10px}.dashboard-button-text{display:none}.profile-menu{border-radius:12px;right:0;width:min(300px,calc(100vw - 16px))}.profile-trigger{padding:4px 8px 4px 6px}.profile-info{display:none}.profile-avatar{height:30px;width:30px}.topbar-action{font-size:12px;padding:5px 10px}.mobile-menu-button{display:flex}}@media (min-width:480px) and (max-width:639px){.topbar{height:52px;left:0;padding:0 14px}.topbar-title{font-size:13px}.topbar-left{gap:8px}.topbar-right{gap:6px}.topbar-clock{display:none}.dashboard-button{padding:4px 8px}.dashboard-button-text{display:none}.profile-menu{border-radius:12px;right:0;width:min(292px,calc(100vw - 16px))}.profile-trigger{padding:3px 6px 3px 4px}.profile-info{display:none}.profile-avatar{height:28px;width:28px}.topbar-action{font-size:11px;padding:4px 8px}.mobile-menu-button{display:flex;padding:6px 8px}}@media (max-width:479px){.topbar{height:48px;left:0;padding:0 12px}.topbar-title{font-size:13px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-left{gap:6px}.topbar-right{gap:4px}.topbar-clock{display:none}.dashboard-button{padding:4px 6px}.dashboard-button-text{display:none}.profile-menu{border-radius:12px;right:0;width:min(280px,calc(100vw - 12px))}.profile-trigger{padding:3px 5px 3px 3px}.profile-info{display:none}.profile-avatar{height:26px;width:26px}.topbar-action{font-size:10px;padding:4px 6px}.mobile-menu-button{display:flex;padding:5px 6px}.profile-menu-header{padding:14px}.profile-menu-avatar{height:44px;width:44px}.profile-menu-user-name{font-size:14px}.profile-menu-user-email{font-size:11px}.profile-menu-item{padding:10px 14px}.profile-menu-item-label{font-size:12px}.profile-menu-item-desc{font-size:9px}}@media (max-width:320px){.topbar{height:44px;left:0;padding:0 10px}.topbar-title{font-size:12px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-left{gap:4px}.topbar-right{gap:3px}.topbar-clock{display:none}.dashboard-button{padding:3px 5px}.dashboard-button-text{display:none}.profile-menu{border-radius:10px;right:0;width:min(260px,calc(100vw - 10px))}.profile-trigger{padding:2px 4px 2px 2px}.profile-info{display:none}.profile-avatar{height:24px;width:24px}.topbar-action{font-size:9px;padding:3px 5px}.mobile-menu-button{display:flex;padding:4px 5px}.profile-menu-header{padding:12px}.profile-menu-avatar{height:40px;width:40px}.profile-menu-user-name{font-size:13px}.profile-menu-user-email{font-size:10px}.profile-menu-item{padding:8px 12px}.profile-menu-item-label{font-size:11px}.profile-menu-item-desc{font-size:8px}}.dark .topbar{background:var(--color-background);border-color:var(--color-border)}.dark .profile-menu{background:var(--color-card);border-color:var(--color-border)}.dark .profile-menu-header{background:linear-gradient(135deg,var(--color-muted) 0,var(--color-secondary) 100%);border-color:var(--color-border)}.dashboard-footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-top:1px solid #00000014;bottom:0;box-shadow:0 -4px 20px #0000000d;left:0;padding:12px 24px;position:fixed;right:0;transition:left .3s ease,width .3s ease;z-index:1000}.footer--with-sidebar{left:260px;right:0;width:auto}.footer--full-width{left:0;right:0;width:auto}@media (min-width:1920px){.footer--with-sidebar{left:280px;right:0;width:auto}}@media (min-width:1440px) and (max-width:1919px){.footer--with-sidebar{left:260px;right:0;width:auto}}@media (min-width:1280px) and (max-width:1439px){.footer--with-sidebar{left:240px;right:0;width:auto}}@media (min-width:1024px) and (max-width:1279px){.footer--with-sidebar{left:220px;right:0;width:auto}}@media (min-width:768px) and (max-width:1023px){.footer--with-sidebar{left:200px;right:0;width:auto}}@media (max-width:767px){.footer--with-sidebar{left:0;right:0;width:auto}}.footer--sidebar-collapsed{left:80px!important;right:0!important;width:auto!important}.footer-content{gap:16px;justify-content:space-between;max-width:100%}.footer-content,.footer-left{align-items:center;display:flex}.footer-left{flex-shrink:0}.footer-brand{align-items:center;display:flex;gap:8px}.footer-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:16px;transition:transform .3s ease}.footer-logo:hover{transform:scale(1.1) rotate(5deg)}.footer-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#374151,#6b7280);-webkit-background-clip:text;background-clip:text;color:#374151;font-size:13px;font-weight:500;letter-spacing:.01em}.footer-center{align-items:center;display:flex;flex:1 1;justify-content:center}.footer-tagline{color:#6b7280;font-size:12px;font-weight:400;letter-spacing:.02em;opacity:.8;text-transform:uppercase;transition:opacity .3s ease}.footer-tagline:hover{opacity:1}.footer-right{flex-shrink:0}.footer-links,.footer-right{align-items:center;display:flex}.footer-links{gap:12px}.footer-link{border-radius:6px;color:#6b7280;font-size:12px;font-weight:500;padding:4px 8px;position:relative;text-decoration:none;transition:all .2s ease}.footer-link:hover{background:#3b82f614;color:#3b82f6;transform:translateY(-1px)}.footer-link:active{transform:translateY(0)}.footer-separator{color:#d1d5db;font-size:10px;font-weight:400}.footer-decoration{bottom:0;height:2px;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0}.footer-glow{animation:glowMove 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f64d 20%,#8b5cf64d 50%,#3b82f64d 80%,#0000);height:100%;width:100%}@keyframes glowMove{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@media (prefers-color-scheme:dark){.dashboard-footer{background:#111827e6;border-top-color:#ffffff1a;box-shadow:0 -4px 20px #0000004d}.footer-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f3f4f6,#d1d5db);-webkit-background-clip:text;background-clip:text}.footer-link,.footer-tagline{color:#9ca3af}.footer-link:hover{background:#60a5fa1f;color:#60a5fa}.footer-separator{color:#4b5563}}.dark .dashboard-footer{background:#111827e6;border-top-color:#ffffff1a;box-shadow:0 -4px 20px #0000004d}.dark .footer-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f3f4f6,#d1d5db);-webkit-background-clip:text;background-clip:text}.dark .footer-link,.dark .footer-tagline{color:#9ca3af}.dark .footer-link:hover{background:#60a5fa1f;color:#60a5fa}.dark .footer-separator{color:#4b5563}@media (max-width:1024px){.footer-content{gap:12px}.footer-text{font-size:12px}.footer-link,.footer-tagline{font-size:11px}.footer-link{padding:3px 6px}}@media (max-width:768px){.dashboard-footer{padding:10px 16px}.footer-content{flex-direction:column;gap:8px;text-align:center}.footer-center,.footer-left,.footer-right{justify-content:center;width:100%}.footer-brand{justify-content:center}.footer-text{font-size:11px}.footer-tagline{font-size:10px}.footer-links{gap:8px}.footer-link{font-size:10px;padding:2px 6px}.footer-separator{display:none}}@media (max-width:480px){.dashboard-footer{padding:8px 12px}.footer-text{font-size:10px}.footer-link,.footer-tagline{font-size:9px}.footer-link{padding:2px 4px}}@media print{.dashboard-footer{background:#fff;border-top:1px solid #e5e7eb;box-shadow:none;position:static}.footer-decoration{display:none}}@media (prefers-reduced-motion:reduce){.dashboard-footer,.footer-link,.footer-logo,.footer-tagline{animation:none;transition:none}}@media (prefers-contrast:high){.dashboard-footer{background:#fff;border-top:2px solid #000}.footer-text{-webkit-text-fill-color:#000;background:none;color:#000}.footer-link{border:1px solid #000;color:#000}.footer-link:hover{background:#000;color:#fff}}.footer-link:focus{outline:2px solid #3b82f6;outline-offset:2px}.footer-link:focus:not(:focus-visible){outline:none}.footer-link:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.main-layout{background:#f8fafc;overflow-x:hidden;width:100%}.main-content,.main-layout{display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content--with-sidebar{margin-left:260px}.main-content--full{margin-left:0}.content-area{background:#0000;flex:1 1;margin-top:68px;min-width:0;overflow-x:hidden;overflow-y:auto;padding:24px 32px 80px}.content-area>*{max-width:100%}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-track{background:#e2e8f066;border-radius:3px}.content-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);background-clip:padding-box;border:2px solid #0000;border-radius:3px}.content-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}@media (min-width:1920px){.main-content--with-sidebar{margin-left:280px}.content-area{padding:32px 48px 48px}}@media (min-width:1440px) and (max-width:1919px){.main-content--with-sidebar{margin-left:260px}.content-area{padding:28px 40px 40px}}@media (min-width:1280px) and (max-width:1439px){.main-content--with-sidebar{margin-left:240px}.content-area{padding:24px 36px 36px}}@media (min-width:1024px) and (max-width:1279px){.main-content--with-sidebar{margin-left:220px}.content-area{padding:20px 28px 28px}}@media (min-width:768px) and (max-width:1023px){.main-content--with-sidebar{margin-left:0}.content-area{margin-top:64px;padding:18px 20px 28px}}@media (max-width:1023px){.main-layout{display:block}.main-content,.main-content--full,.main-content--with-sidebar{margin-left:0;width:100%}}@media (min-width:640px) and (max-width:767px){.main-layout{flex-direction:column}.main-content{margin-left:0}.content-area{margin-top:58px;padding:16px 16px 28px}}@media (min-width:480px) and (max-width:639px){.main-layout{flex-direction:column}.main-content{margin-left:0}.content-area{margin-top:56px;padding:14px 14px 24px}}@media (max-width:479px){.main-layout{flex-direction:column}.main-content{margin-left:0}.content-area{margin-top:54px;padding:12px 12px 24px}}@media (max-width:320px){.main-layout{flex-direction:column}.main-content{margin-left:0}.content-area{margin-top:52px;padding:10px 10px 14px}}.employee-form-root *{font-family:Inter,sans-serif}.employee-form-root{background:var(--color-background);min-height:100vh;padding:30px 20px;position:relative}.employee-form-root:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%239C92AC' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.employee-form-root .form-wrapper{margin:0 auto;max-width:1000px;position:relative}.employee-form-root .form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.employee-form-root .header-section{background:var(--color-primary);overflow:hidden;padding:60px 40px;position:relative;text-align:center}.employee-form-root .header-section:before{background:#ffffff1a;border-radius:50%;content:"";height:400px;position:absolute;right:-10%;top:-50%;width:400px}.employee-form-root .header-section:after{background:#ffffff14;border-radius:50%;bottom:-30%;content:"";height:300px;left:-5%;position:absolute;width:300px}.employee-form-root .header-content{position:relative;z-index:1}.employee-form-root .photo-container{margin-bottom:25px;position:relative}.employee-form-root .photo-wrapper{cursor:pointer;display:inline-block;margin:0 auto;position:relative}.employee-form-root .photo-preview{background-color:var(--color-muted);border:5px solid var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:block;height:140px;object-fit:cover;transition:transform .2s ease;width:140px}.employee-form-root .photo-preview:hover{transform:translateY(-2px)}.employee-form-root .photo-overlay{align-items:center;background:#0006;border-radius:var(--radius-lg);cursor:pointer;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.employee-form-root .photo-wrapper:hover .photo-overlay{opacity:1}.employee-form-root .photo-overlay-icon{color:var(--color-card);font-size:24px}.employee-form-root .employee-name{color:var(--color-primary-foreground);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-top:20px}.employee-form-root .employee-position{color:var(--color-primary-foreground);font-size:14px;font-weight:500;letter-spacing:.5px;margin-top:8px;opacity:.95;text-transform:uppercase}.employee-form-root .form-content{padding:50px 40px}.employee-form-root .section-title{align-items:center;background:var(--color-muted);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-foreground);display:flex;font-size:18px;font-weight:700;letter-spacing:1.2px;margin-bottom:35px;margin-top:50px;padding:18px 24px;text-transform:uppercase}.employee-form-root .section-title:first-of-type{margin-top:0}.employee-form-root .section-title:before{content:"";display:none}.employee-form-root .form-grid{grid-gap:50px;background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:50px;grid-template-columns:1fr 1fr;margin-bottom:30px;padding:25px}.employee-form-root .form-group{display:flex;flex-direction:column;margin-bottom:10px;padding-right:15px}.employee-form-root label{align-items:center;color:var(--color-foreground);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.3px;margin-bottom:10px;text-transform:uppercase}.employee-form-root label:before{background:var(--color-primary);border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.employee-form-root input[type=file],.employee-form-root input[type=number],.employee-form-root input[type=tel],.employee-form-root input[type=text],.employee-form-root select{background-color:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-foreground);font-size:14px;font-weight:500;min-height:44px;padding:12px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.employee-form-root input[type=number]:focus,.employee-form-root input[type=tel]:focus,.employee-form-root input[type=text]:focus,.employee-form-root select:focus{background-color:var(--color-card);border-color:var(--color-primary);box-shadow:0 0 0 4px #10b9811a,var(--shadow-md);outline:none;transform:translateY(-1px)}.employee-form-root input[type=number]::placeholder,.employee-form-root input[type=tel]::placeholder,.employee-form-root input[type=text]::placeholder{color:var(--color-muted-foreground)}.employee-form-root input[type=file]{display:none;padding:10px}.employee-form-root .photo-integration{background:var(--color-muted);border:2px solid var(--color-info);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:35px;padding:35px}.employee-form-root .photo-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:25px}.employee-form-root .photo-option-btn{align-items:center;background-color:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:25px;text-decoration:none;transition:all .2s ease}.employee-form-root .photo-option-btn:hover{background-color:var(--color-muted);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.employee-form-root .photo-option-icon{font-size:32px;margin-bottom:10px}.employee-form-root .photo-option-text{color:var(--color-foreground);font-size:13px;font-weight:600;letter-spacing:.3px;text-align:center;text-transform:uppercase}.employee-form-root .photo-preview-section{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);display:none;padding:20px;text-align:center}.employee-form-root .photo-preview-section.active{display:block}.employee-form-root .photo-preview-image{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:15px;max-height:300px;max-width:100%}.employee-form-root .preview-label{color:var(--color-muted-foreground);font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:10px;text-transform:uppercase}.employee-form-root .preview-actions{display:flex;gap:10px;justify-content:center}.employee-form-root .btn-confirm{background:var(--color-success);border:none;border-radius:var(--radius-md);color:var(--color-success-foreground);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.3px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.employee-form-root .btn-confirm:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.employee-form-root .btn-retake{background:var(--color-destructive);border:none;border-radius:var(--radius-md);color:var(--color-destructive-foreground);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.3px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.employee-form-root .btn-retake:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.employee-form-root .btn-rotate{background:var(--color-info);border:none;border-radius:var(--radius-md);color:var(--color-info-foreground);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.3px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.employee-form-root .btn-rotate:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.employee-form-root .camera-modal{align-items:center;background:#000000f2;display:none;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.employee-form-root .camera-modal.active{display:flex}.employee-form-root .camera-content{background:var(--color-foreground);border-radius:var(--radius-xl);max-width:500px;overflow:hidden;position:relative;width:90%}.employee-form-root .camera-feed{display:block;height:auto;width:100%}.employee-form-root .camera-controls{display:flex;gap:15px;justify-content:center;margin-top:20px;padding:0 20px}.employee-form-root .btn-capture{background:var(--color-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-primary-foreground);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.3px;padding:14px 32px;text-transform:uppercase;transition:all .2s ease}.employee-form-root .btn-capture:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.employee-form-root .btn-cancel-camera{background-color:var(--color-muted);border:none;border-radius:var(--radius-lg);color:var(--color-foreground);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.3px;padding:14px 32px;text-transform:uppercase;transition:all .2s ease}.employee-form-root .btn-cancel-camera:hover{background-color:var(--color-border)}.employee-form-root .submit-btn{background:var(--color-primary);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--color-primary-foreground);cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.8px;margin-top:40px;overflow:hidden;padding:18px 48px;position:relative;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.employee-form-root .submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.employee-form-root .submit-btn:hover:before{left:100%}.employee-form-root .submit-btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.employee-form-root .submit-btn:active{transform:translateY(0)}@media (max-width:768px){.employee-form-root .form-grid,.employee-form-root .photo-options{grid-template-columns:1fr}.employee-form-root .form-content{padding:30px 25px}.employee-form-root .header-section{padding:40px 25px}.employee-form-root .employee-name{font-size:24px}.employee-form-root .camera-content{width:95%}}.profile-page{background:var(--color-background);min-height:100vh;padding:20px}.profile-container{animation:fadeIn .4s ease-out;margin:0 auto;max-width:900px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:0 8px}.profile-header h1{color:var(--color-foreground);font-size:28px;font-weight:700;margin:0}.profile-alert{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:space-between;margin-bottom:18px;padding:12px 16px}.profile-alert button{background:#0000;border:0;color:inherit;cursor:pointer;font-size:16px;font-weight:700}.profile-alert-error{background:#fee2e2;border-color:#fecaca;color:#991b1b}.profile-alert-success{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.profile-error-text{color:#991b1b;font-size:13px;margin-top:8px}.profile-edit-form{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:32px}.form-section{margin-bottom:24px}.form-section:last-child{margin-bottom:0}.form-section h3{border-bottom:2px solid var(--color-border);color:var(--color-foreground);font-size:16px;font-weight:700;margin:0 0 16px;padding-bottom:12px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group label{font-size:14px;margin-bottom:8px}.form-input{background:var(--color-background);border-radius:var(--radius-md);padding:12px 16px;transition:all .2s ease}.form-input:focus{box-shadow:0 0 0 3px var(--color-primary-light)}.form-input.disabled{background:var(--color-muted);border-color:var(--color-border);color:var(--color-muted-foreground);cursor:not-allowed}.form-group small{color:var(--color-muted-foreground);font-size:12px;margin-top:4px}.password-input{position:relative}.password-input .form-input{padding-right:44px;width:100%}.password-toggle{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-muted-foreground);cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.password-toggle:hover{color:var(--color-foreground)}.image-upload-section{align-items:flex-start;display:flex;gap:20px}.current-image{flex-shrink:0}.image-preview{border:4px solid var(--color-card);border-radius:50%;box-shadow:var(--shadow-md);height:120px;overflow:hidden;transition:transform .2s ease;width:120px}.image-preview:hover{transform:scale(1.05)}.image-preview img{height:100%;object-fit:cover;width:100%}.upload-controls{flex:1 1}.file-input{display:none}.upload-buttons{display:flex;gap:12px;margin-bottom:8px}.form-actions{border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.btn{align-items:center;border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{background:var(--color-primary);color:var(--color-primary-foreground)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-foreground)}.btn-secondary:hover:not(:disabled){background:var(--color-muted);border-color:var(--color-border);transform:translateY(-2px)}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-muted);border:4px solid var(--color-muted);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:16px;width:40px}.error-container p{color:var(--color-foreground);font-size:16px;margin-bottom:16px}.error-container .btn{background:var(--color-destructive);color:var(--color-destructive-foreground)}@media (max-width:768px){.profile-page{padding:16px}.profile-header{align-items:flex-start;flex-direction:column;gap:16px}.profile-header h1{font-size:24px}.profile-edit-form{padding:24px 20px}.form-grid{gap:16px;grid-template-columns:1fr}.image-upload-section{align-items:center;flex-direction:column;text-align:center}.form-actions,.upload-buttons{flex-direction:column}.btn{justify-content:center;width:100%}}@media (max-width:480px){.profile-page{padding:12px}.profile-edit-form{padding:20px 16px}.profile-header h1{font-size:20px}}.create-request-container{animation:fadeInPage .4s ease-out;padding:0}.card-header{background:var(--color-muted);justify-content:space-between;padding:16px 20px}.card-title{font-weight:600}.card-body{padding:20px}.item-select-button{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);cursor:pointer;font-size:13px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.item-select-button:hover{background:var(--color-muted);border-color:var(--color-primary)}.quantity-container{position:relative}.quantity-input{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);font-size:13px;padding:8px 12px;width:120px}.stock-display{font-size:12px;font-weight:500;margin-top:4px}.error-text{color:var(--color-destructive);font-size:11px;margin-top:4px}.form-select{width:100%}.remove-btn{background:#ef44441a;border:none;border-radius:var(--radius-sm);color:var(--color-destructive);cursor:pointer;padding:6px;transition:all .2s ease}.remove-btn:hover{background:var(--color-destructive);color:var(--color-destructive-foreground)}.notes-textarea{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.notes-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.search-wrapper{margin-bottom:16px}.search-input{padding:8px 12px 8px 40px}.product-list{max-height:400px;overflow-y:auto}.product-item{border-bottom:1px solid var(--color-border);cursor:pointer;padding:12px;transition:background .2s ease}.product-item:hover{background:var(--color-muted)}.product-item strong{display:block;margin-bottom:4px}.stock-info{font-size:12px;font-weight:500;margin-top:4px}.product-category{color:var(--color-muted-foreground);font-size:11px;margin-top:4px}@media (max-width:768px){.card-header{align-items:flex-start;flex-direction:column;gap:12px}.quantity-input{width:100%}}.dark .card-header{background:var(--color-muted);border-color:var(--color-border)}.dark .form-select,.dark .item-select-button,.dark .notes-textarea,.dark .quantity-input,.dark .search-input{background:var(--color-card);border-color:var(--color-border);color:var(--color-foreground)}.dark .product-item:hover{background:var(--color-muted)}.request-management-container{animation:fadeInPage .4s ease-out;padding:0}.loading-spinner{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner:after{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);content:"";height:40px;width:40px}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-wrapper{min-width:300px}.search-input{border-radius:var(--radius-md)}.search-input:focus{outline:none}.form-select{font-size:14px;min-width:150px;padding:10px 16px}.last-updated{color:var(--color-muted-foreground);font-size:12px}.table-container{overflow-x:auto}.data-table th{font-size:12px;padding:14px 12px}.data-table td{font-size:13px}.item-preview,.request-notes{color:var(--color-muted-foreground);font-size:11px;margin-top:2px}.date-cell{align-items:center;display:flex;gap:4px}.action-btn{background:var(--color-muted);margin-right:8px}.action-btn:hover{background:var(--color-border)}.action-btn-delete{background:#ef44441a}.action-btn-delete:hover{background:var(--color-destructive);color:var(--color-destructive-foreground)}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:var(--color-muted-foreground);font-size:12px;font-weight:500}.info-value{color:var(--color-foreground);font-size:14px;font-weight:600}.notes-section{margin-bottom:24px}.notes-text{color:var(--color-foreground);font-size:14px;margin-top:8px}.items-title{font-size:16px;font-weight:600;margin-bottom:16px}.item-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:12px}.item-name{color:var(--color-foreground);font-weight:500}.item-details{color:var(--color-muted-foreground);font-size:12px}.empty-state{padding:20px}@media (max-width:768px){.filter-row{align-items:stretch;flex-direction:column}.search-wrapper{width:100%}.info-grid{grid-template-columns:1fr}}.dark .form-select,.dark .search-input{background:var(--color-card);border-color:var(--color-border);color:var(--color-foreground)}.dark .action-btn,.dark .table-header{background:var(--color-muted)}.dark .item-row{border-bottom-color:var(--color-border)}.superadmin-dashboard{margin:0 auto;max-width:1600px;padding:0}.welcome-banner{background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-primary-foreground);margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.welcome-banner:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:400px;right:-10%;top:-50%;width:400px}.welcome-banner:after,.welcome-banner:before{border-radius:50%;content:"";position:absolute}.welcome-banner:after{background:radial-gradient(circle,#ffffff14 0,#0000 70%);bottom:-50%;height:300px;left:-10%;width:300px}.welcome-banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;position:relative;z-index:1}.welcome-banner-text h2{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.welcome-banner-text p{font-size:14px;font-weight:500;margin:0;opacity:.9}.welcome-banner-stats{display:flex;gap:32px}.welcome-banner-stat{text-align:center}.welcome-banner-stat-value{font-size:36px;font-weight:800;line-height:1;margin-bottom:4px}.welcome-banner-stat-label{font-size:13px;font-weight:600;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.section-header{align-items:center;color:var(--color-foreground);display:flex;font-size:18px;font-weight:700;gap:8px;letter-spacing:-.02em;margin-bottom:16px}.quick-actions-section{margin-bottom:24px}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-card{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.quick-action-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.quick-action-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-card:hover:before{opacity:1}.quick-action-icon{align-items:center;background:var(--color-muted);border-radius:var(--radius-lg);display:flex;font-size:24px;height:56px;justify-content:center;transition:all .2s ease;width:56px}.quick-action-card:hover .quick-action-icon{background:var(--color-primary);color:var(--color-primary-foreground);transform:scale(1.05)}.quick-action-title{color:var(--color-foreground);font-size:15px;font-weight:700;letter-spacing:.2px;text-align:center}.quick-action-desc{color:var(--color-muted-foreground);font-size:13px;font-weight:500;line-height:1.5;text-align:center}.two-column-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}.system-health-grid{grid-gap:16px;display:grid;gap:16px}.health-card{transition:all .3s ease}.health-card:hover{transform:translateX(2px)}.health-card-content{justify-content:space-between}.health-card-content,.health-card-left{align-items:center;display:flex;gap:16px}.health-card-left{flex:1 1}.health-card-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.health-card-icon--success{background:var(--color-success);color:var(--color-success-foreground)}.health-card-icon--warning{background:var(--color-warning);color:var(--color-warning-foreground)}.health-card-info{flex:1 1}.health-card-title{color:var(--color-foreground);font-size:15px;font-weight:700;letter-spacing:.2px;margin-bottom:4px}.health-card-desc{color:var(--color-muted-foreground);font-size:13px;font-weight:500}.activity-card{overflow:hidden;padding:0}.activity-list{padding:20px}.activity-item{align-items:center;border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--color-muted);transform:translateX(2px)}.activity-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.activity-icon--create{background:var(--color-success);color:var(--color-success-foreground)}.activity-icon--approve{background:var(--color-info);color:var(--color-info-foreground)}.activity-icon--system{background:var(--color-warning);color:var(--color-warning-foreground)}.activity-icon--report{background:var(--color-primary);color:var(--color-primary-foreground)}.activity-content{flex:1 1}.activity-action{color:var(--color-foreground);font-size:14px;font-weight:600;margin-bottom:4px}.activity-time,.activity-user{color:var(--color-muted-foreground);font-size:12px;font-weight:500}.attendance-section{margin-bottom:24px}.attendance-card{padding:20px}.attendance-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.attendance-item{background:var(--color-muted);border-radius:var(--radius-lg);cursor:pointer;padding:20px;text-align:center;transition:all .2s ease}.attendance-item:hover{transform:scale(1.02)}.attendance-item--success{background:#10b9811a;border:2px solid var(--color-success)}.attendance-item--danger{background:#ef44441a;border:2px solid var(--color-destructive)}.attendance-item--warning{background:#f59e0b1a;border:2px solid var(--color-warning)}.attendance-item--info{background:#3b82f61a;border:2px solid var(--color-info)}.attendance-value{color:var(--color-foreground);font-size:36px;font-weight:700;line-height:1;margin-bottom:8px}.attendance-item--success .attendance-value{color:var(--color-success)}.attendance-item--danger .attendance-value{color:var(--color-destructive)}.attendance-item--warning .attendance-value{color:var(--color-warning)}.attendance-item--info .attendance-value{color:var(--color-info)}.attendance-label{color:var(--color-muted-foreground);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.override-section{margin-bottom:24px}.override-list{display:flex;flex-direction:column;gap:16px;padding:20px}.empty-state,.loading-state{color:var(--color-muted-foreground);font-size:15px;font-weight:600;padding:48px;text-align:center}@media (max-width:1024px){.welcome-banner-content{flex-direction:column;text-align:center}.welcome-banner-stats{justify-content:center;width:100%}.two-column-grid{grid-template-columns:1fr}.attendance-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.superadmin-dashboard{padding:0}.welcome-banner{margin-bottom:24px;padding:24px}.welcome-banner-text h2{font-size:24px}.welcome-banner-stats{gap:24px}.welcome-banner-stat-value{font-size:32px}.quick-actions-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.quick-action-card{padding:20px}.quick-action-icon{font-size:24px;height:56px;width:56px}.attendance-grid{grid-template-columns:1fr}.attendance-value{font-size:36px}}.dark .welcome-banner{background:var(--gradient-primary);color:var(--color-primary-foreground)}.dark .quick-action-card{background:var(--color-card);border-color:var(--color-border)}.dark .quick-action-card:hover{border-color:var(--color-primary)}.dark .activity-item:hover,.dark .attendance-item{background:var(--color-muted)}.dm-page{color:#0f172a;margin:0 auto;max-width:1400px;padding:24px 28px}.dm-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:14px;justify-content:center;min-height:60vh}.dm-spinner{animation:dm-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#4f46e5;height:36px;width:36px}@keyframes dm-spin{to{transform:rotate(1turn)}}.dm-alerts{flex-direction:column;margin:16px 0}.dm-alert,.dm-alerts{display:flex;gap:10px}.dm-alert{align-items:center;border-radius:10px;padding:12px 14px}.dm-alert-text{flex:1 1;font-size:14px}.dm-alert-close{background:#0000;border:0;border-radius:6px;color:inherit;cursor:pointer;display:inline-flex;opacity:.6;padding:4px}.dm-alert-close:hover{background:#0000000d;opacity:1}.dm-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:20px 0 24px}.dm-stat{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:14px;padding:18px 20px;transition:transform .15s ease,box-shadow .15s ease}.dm-stat:hover{box-shadow:0 8px 24px -10px #0f172a1f;transform:translateY(-2px)}.dm-stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.dm-stat--primary .dm-stat-icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}.dm-stat--success .dm-stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.dm-stat--muted .dm-stat-icon{background:linear-gradient(135deg,#64748b,#475569)}.dm-stat-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.dm-stat-value{color:#0f172a;font-size:26px;font-weight:700;line-height:1.1;margin-top:4px}.dm-toolbar{align-items:center;display:flex;gap:12px;margin-bottom:16px;padding:14px 16px}.dm-toolbar-search{flex:1 1;min-width:0}.dm-icon-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;color:#334155;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:9px 14px;transition:all .15s ease}.dm-icon-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.dm-table-card{overflow:hidden;padding:0}.dm-table-wrapper{overflow-x:auto}.dm-table{border-collapse:collapse;font-size:14px;width:100%}.dm-table thead th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.04em;padding:14px 18px;text-align:left;text-transform:uppercase}.dm-table tbody td{border-bottom:1px solid #f1f5f9;padding:14px 18px;vertical-align:middle}.dm-row{transition:background .15s ease}.dm-row:hover{background:#fafbfc}.dm-cell-muted{color:#64748b}.dm-name-cell{gap:12px}.dm-avatar,.dm-name-cell{align-items:center;display:flex}.dm-avatar{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:10px;color:#4f46e5;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.dm-name{color:#0f172a;font-weight:600}.dm-code{background:#f1f5f9;border-radius:6px;color:#475569;font-family:SF Mono,Menlo,monospace;padding:4px 10px}.dm-badge,.dm-code{font-size:12px;font-weight:600}.dm-badge{background:#ecfdf5;border-radius:999px;color:#059669;display:inline-flex;justify-content:center;min-width:28px;padding:3px 10px}.dm-delete-btn{align-items:center;background:#fff;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:7px 12px;transition:all .15s ease}.dm-delete-btn:hover{background:#fef2f2;border-color:#fca5a5}.dm-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:56px 20px;text-align:center}.dm-empty h4{color:#334155;font-size:15px;margin:6px 0 0}.dm-empty p{font-size:13px;margin:0}.dm-pagination{align-items:center;background:#fafbfc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 18px}.dm-pagination-info{color:#64748b;font-size:13px}.dm-pagination-controls{align-items:center;display:flex;gap:8px}.dm-page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:all .15s ease}.dm-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.dm-page-btn:disabled{cursor:not-allowed;opacity:.5}.dm-page-indicator{color:#475569;font-size:13px;font-weight:600;padding:0 6px}.dm-form-body{gap:18px;padding:4px 2px 8px}.dm-field,.dm-form-body{display:flex;flex-direction:column}.dm-field{gap:6px}.dm-label{color:#334155;font-size:13px;font-weight:600}.dm-req{color:#dc2626}.dm-hint{color:#94a3b8;font-size:12px;margin-top:2px}.dm-form-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;margin-top:18px;padding-top:18px}@media (max-width:768px){.dm-page{padding:16px}.dm-toolbar{align-items:stretch;flex-direction:column}.dm-icon-btn{justify-content:center}.dm-pagination{align-items:stretch;flex-direction:column;text-align:center}.dm-pagination-controls{justify-content:center}.dm-table tbody td,.dm-table thead th{padding:10px 12px}}.sm-page{--sm-primary:#4f46e5;--sm-primary-50:#eef2ff;--sm-success:#10b981;--sm-success-50:#ecfdf5;--sm-danger:#ef4444;--sm-danger-50:#fef2f2;--sm-text:#0f172a;--sm-muted:#64748b;--sm-border:#e5e7eb;--sm-border-soft:#f1f5f9;--sm-surface:#fff;--sm-bg:#f8fafc;--sm-radius:12px;--sm-radius-sm:8px;--sm-shadow-sm:0 1px 2px #0f172a0a;--sm-shadow-md:0 4px 12px #0f172a0f;background:var(--sm-bg);color:var(--sm-text);display:flex;flex-direction:column;gap:24px;min-height:100%;padding:24px}.sm-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.sm-stat{align-items:center;background:var(--sm-surface);border:1px solid var(--sm-border);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow-sm);display:flex;gap:14px;padding:16px 18px;transition:box-shadow .15s ease,transform .15s ease}.sm-stat:hover{box-shadow:var(--sm-shadow-md)}.sm-stat-icon{border-radius:10px;display:grid;height:44px;place-items:center;width:44px}.sm-stat--primary .sm-stat-icon{background:var(--sm-primary-50);color:var(--sm-primary)}.sm-stat--success .sm-stat-icon{background:var(--sm-success-50);color:var(--sm-success)}.sm-stat--muted .sm-stat-icon{background:#f1f5f9;color:#475569}.sm-stat-label{color:var(--sm-muted);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.sm-stat-value{font-size:24px;font-weight:700;line-height:1.2;margin-top:2px}.sm-stat-hint{color:var(--sm-muted);font-size:12px;margin-top:2px}.sm-toolbar-card{padding:14px 16px}.sm-toolbar{flex-wrap:wrap;gap:12px}.sm-search,.sm-toolbar{align-items:center;display:flex}.sm-search{background:var(--sm-bg);border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);flex:1 1 320px;gap:8px;height:40px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.sm-search:focus-within{background:#fff;border-color:var(--sm-primary);box-shadow:0 0 0 3px #4f46e51f}.sm-search svg{color:var(--sm-muted);flex-shrink:0}.sm-search input{background:#0000;border:none;color:var(--sm-text);flex:1 1;font-size:14px;outline:none}.sm-search-clear{background:none;border:none;border-radius:4px;color:var(--sm-muted);cursor:pointer;display:grid;padding:4px;place-items:center}.sm-search-clear:hover{background:var(--sm-border-soft);color:var(--sm-text)}.sm-filters{display:flex;gap:8px}.sm-select{background:#fff;border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);color:var(--sm-text);cursor:pointer;font-size:14px;height:40px;min-width:180px;padding:0 12px}.sm-select:focus{border-color:var(--sm-primary);box-shadow:0 0 0 3px #4f46e51f;outline:none}.sm-table-card{overflow:hidden;padding:0}.sm-table-wrap{overflow-x:auto}.sm-table{border-collapse:collapse;font-size:14px;width:100%}.sm-table thead th{background:#fafbfc;border-bottom:1px solid var(--sm-border);color:var(--sm-muted);font-size:12px;font-weight:600;letter-spacing:.04em;padding:12px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.sm-table tbody td{border-bottom:1px solid var(--sm-border-soft);padding:14px 16px;vertical-align:middle}.sm-row{transition:background .12s ease}.sm-row:hover{background:#fafbfc}.sm-row:last-child td{border-bottom:none}.sm-cell-primary{align-items:center;display:flex;gap:10px}.sm-avatar{background:var(--sm-primary-50);border-radius:8px;color:var(--sm-primary);display:grid;height:32px;place-items:center;width:32px}.sm-name{color:var(--sm-text);font-weight:600}.sm-muted{color:var(--sm-muted)}.sm-nowrap{white-space:nowrap}.sm-code{background:#f1f5f9;border-radius:6px;color:#334155;display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600;letter-spacing:.02em;padding:3px 8px}.sm-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.sm-badge--district{background:var(--sm-primary-50);color:var(--sm-primary)}.sm-btn-danger{align-items:center;background:#fff;border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);color:var(--sm-danger);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 12px;transition:all .12s}.sm-btn-danger:hover{background:var(--sm-danger-50);border-color:var(--sm-danger)}.sm-skeleton{animation:sm-shimmer 1.4s infinite;background:linear-gradient(90deg,#f1f5f9,#e2e8f0 50%,#f1f5f9);background-size:200% 100%;border-radius:4px;display:block;height:14px;width:80%}@keyframes sm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sm-empty{align-items:center;display:flex;flex-direction:column;gap:12px;padding:48px 24px;text-align:center}.sm-empty-icon{background:var(--sm-primary-50);border-radius:14px;color:var(--sm-primary);display:grid;height:56px;place-items:center;width:56px}.sm-empty-title{font-size:16px;font-weight:600;margin:0}.sm-empty-text{color:var(--sm-muted);font-size:14px;margin:0 0 8px;max-width:320px}.sm-pagination{align-items:center;background:#fafbfc;border-top:1px solid var(--sm-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.sm-pagination-info{color:var(--sm-muted);font-size:13px}.sm-pagination-info strong{color:var(--sm-text);font-weight:600}.sm-pagination-controls{align-items:center;display:flex;gap:8px}.sm-page-btn{align-items:center;background:#fff;border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);color:var(--sm-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;height:34px;padding:0 12px;transition:all .12s}.sm-page-btn:hover:not(:disabled){border-color:var(--sm-primary);color:var(--sm-primary)}.sm-page-btn:disabled{cursor:not-allowed;opacity:.4}.sm-page-indicator{color:var(--sm-muted);font-size:13px;padding:0 8px}.sm-modal-body{gap:16px;padding:4px 0 8px}.sm-field,.sm-modal-body{display:flex;flex-direction:column}.sm-field{gap:6px}.sm-field label{color:var(--sm-text);font-size:13px;font-weight:500}.sm-req{color:var(--sm-danger)}.sm-hint{color:var(--sm-muted);font-size:12px;margin-top:2px}.sm-modal-footer{border-top:1px solid var(--sm-border-soft);display:flex;gap:8px;justify-content:flex-end;margin-top:8px;padding-top:16px}@media (max-width:900px){.sm-stats{grid-template-columns:1fr}.sm-toolbar{align-items:stretch;flex-direction:column}.sm-select{width:100%}}@media (max-width:600px){.sm-page{gap:16px;padding:16px}.sm-pagination{align-items:stretch;flex-direction:column}.sm-pagination-controls{justify-content:space-between}}.reports-container{animation:fadeInPage .4s ease-out;padding:0}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-text{color:var(--color-muted-foreground);font-size:14px;margin:0}.reports-spinner{animation:spin .8s linear infinite;border-bottom:4px solid var(--color-border);border-left:4px solid var(--color-border);border-radius:50%;border-right-color:var(--color-border);border-right:4px solid var(--color-primary);border-top-color:var(--color-border);border-top:4px solid var(--color-primary);height:40px;width:40px}.error-container{align-items:center;background:var(--color-destructive-light);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:20px 24px}.error-content{align-items:center;display:flex;gap:12px}.error-icon{font-size:24px}.error-text{flex:1 1}.error-title{color:var(--color-destructive);font-size:16px;font-weight:600;margin:0 0 4px}.error-message{color:var(--color-destructive-dark);font-size:13px;margin:0}.retry-btn{align-items:center;background:var(--color-destructive);border:none;border-radius:var(--radius-md);color:var(--color-destructive-foreground);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s}.retry-btn:hover{background:var(--color-destructive-dark)}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.summary-card{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s}.summary-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.summary-icon{font-size:32px}.summary-value{color:var(--color-foreground);font-size:24px;font-weight:700}.summary-label{color:var(--color-muted-foreground);font-size:12px;margin-top:4px}.progress-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.progress-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:20px}.progress-header{align-items:center;color:var(--color-foreground);display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:12px}.progress-icon{margin-right:8px}.progress-bar{background:var(--color-border);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .5s ease}.progress-note{color:var(--color-muted-foreground);font-size:12px;margin:0}.report-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-bottom:32px}.report-card{background:var(--color-card);border-radius:var(--radius-xl);border-top:4px solid;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.report-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.report-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;padding:16px 20px}.report-icon{font-size:24px}.report-title{font-size:16px;font-weight:600;margin:0}.report-content{padding:16px 20px}.metric-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:10px 0}.metric-row:last-child{border-bottom:none}.metric-info{align-items:center;display:flex;gap:8px}.metric-icon{font-size:16px}.metric-label{color:var(--color-muted-foreground);font-size:13px}.metric-value{color:var(--color-foreground);font-size:16px;font-weight:600}.export-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.export-title{color:var(--color-foreground);font-size:16px;font-weight:600;margin:0 0 4px}.export-subtitle{color:var(--color-muted-foreground);font-size:13px;margin:0}.export-buttons{display:flex;flex-wrap:wrap;gap:12px}@media (max-width:768px){.progress-section,.report-grid,.summary-grid{gap:16px;grid-template-columns:1fr}.export-section{align-items:stretch;flex-direction:column}.export-buttons{width:100%}.export-buttons button{flex:1 1}}.dark .progress-card,.dark .report-card,.dark .summary-card{background:var(--color-card);border-color:var(--color-border)}.dark .metric-row{border-bottom-color:var(--color-border)}@media print{.export-buttons,.export-section{display:none}}:root{--um-bg:#f6f5f1;--um-bg-soft:#fbfaf7;--um-surface:#fff;--um-surface-2:#faf9f5;--um-ink:#14140f;--um-ink-soft:#3a3a33;--um-muted:#76766d;--um-muted-2:#f4f4f4;--um-line:#e8e6df;--um-line-strong:#d8d6cd;--um-accent:#c2410c;--um-accent-soft:#fde7d3;--um-accent-ink:#7a2808;--um-positive:#15803d;--um-positive-bg:#dcfce7;--um-negative:#b91c1c;--um-negative-bg:#fee2e2;--um-warn:#a16207;--um-warn-bg:#fef3c7;--um-radius:14px;--um-radius-sm:10px;--um-radius-pill:999px;--um-shadow-sm:0 1px 0 #14140f0a,0 1px 2px #14140f0a;--um-shadow-md:0 1px 0 #14140f0a,0 8px 24px -12px #14140f1f;--um-shadow-lg:0 24px 60px -24px #14140f40;--um-font-display:"Instrument Serif","Cormorant Garamond",ui-serif,Georgia,serif;--um-font-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--um-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.um-shell{-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 600px at 100% -10%,#c2410c0f,#0000 60%),radial-gradient(900px 500px at -10% 110%,#14140f0a,#0000 60%),#f6f5f1;background:radial-gradient(1200px 600px at 100% -10%,#c2410c0f,#0000 60%),radial-gradient(900px 500px at -10% 110%,#14140f0a,#0000 60%),var(--um-bg);color:#14140f;color:var(--um-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--um-font-body);min-height:100vh;padding:32px 24px 64px}.um-container{display:flex;flex-direction:column;gap:28px;margin:0 auto;max-width:1280px}.um-header{align-items:flex-end;border-bottom:1px solid #e8e6df;border-bottom:1px solid var(--um-line);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding-bottom:24px}.um-eyebrow{align-items:center;color:#c2410c;color:var(--um-accent);display:inline-flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:.18em;text-transform:uppercase}.um-eyebrow:before{background:#c2410c;background:var(--um-accent);content:"";height:1px;width:22px}.um-title{color:#14140f;color:var(--um-ink);font-family:"Instrument Serif",Cormorant Garamond,ui-serif,Georgia,serif;font-family:var(--um-font-display);font-size:clamp(34px,4vw,48px);font-weight:400;letter-spacing:-.02em;line-height:1.05;margin:10px 0 6px}.um-subtitle{color:#76766d;color:var(--um-muted);font-size:14px;max-width:520px}.um-actions{display:flex;flex-wrap:wrap;gap:8px}.um-btn{align-items:center;background:#fff;background:var(--um-surface);border:1px solid #d8d6cd;border:1px solid var(--um-line-strong);border-radius:10px;border-radius:var(--um-radius-sm);box-shadow:0 1px 0 #14140f0a,0 1px 2px #14140f0a;box-shadow:var(--um-shadow-sm);color:#3a3a33;color:var(--um-ink-soft);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;height:38px;letter-spacing:-.005em;padding:0 14px;transition:all .18s ease}.um-btn:hover{background:#faf9f5;background:var(--um-surface-2);border-color:#c8c6bc;color:#14140f;color:var(--um-ink)}.um-btn:disabled{cursor:not-allowed;opacity:.5}.um-btn--ghost{background:#0000;border-color:#0000;box-shadow:none}.um-btn--ghost:hover{background:#14140f0d}.um-btn--primary{background:#14140f;background:var(--um-ink);border-color:#14140f;border-color:var(--um-ink);color:#fff}.um-btn--primary:hover{background:#000;color:#fff}.um-btn--accent{background:#c2410c;background:var(--um-accent);border-color:#c2410c;border-color:var(--um-accent);color:#fff}.um-btn--accent:hover{background:#7a2808;background:var(--um-accent-ink);border-color:#7a2808;border-color:var(--um-accent-ink);color:#fff}.um-btn--soft{background:#fde7d3;background:var(--um-accent-soft);border-color:#0000}.um-btn--soft,.um-btn--soft:hover{color:#7a2808;color:var(--um-accent-ink)}.um-btn--soft:hover{background:#fcd7b5}.um-btn--sm{border-radius:8px;font-size:12px;height:32px;padding:0 10px}.um-stats{grid-gap:1px;background:#e8e6df;background:var(--um-line);border:1px solid #e8e6df;border:1px solid var(--um-line);border-radius:14px;border-radius:var(--um-radius);box-shadow:0 1px 0 #14140f0a,0 1px 2px #14140f0a;box-shadow:var(--um-shadow-sm);display:grid;gap:1px;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}@media (max-width:900px){.um-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.um-stats{grid-template-columns:1fr}}.um-stat{background:#fff;background:var(--um-surface);padding:22px 22px 20px;position:relative;transition:background .2s ease}.um-stat:hover{background:#faf9f5;background:var(--um-surface-2)}.um-stat__label{color:#76766d;color:var(--um-muted);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.um-stat__value{color:#14140f;color:var(--um-ink);font-family:"Instrument Serif",Cormorant Garamond,ui-serif,Georgia,serif;font-family:var(--um-font-display);font-size:44px;font-weight:400;letter-spacing:-.03em;line-height:1;margin-top:14px}.um-stat__sub{color:#76766d;color:var(--um-muted);font-size:12px;margin-top:8px}.um-stat__icon{align-items:center;background:#f6f5f1;background:var(--um-bg);border-radius:8px;color:#3a3a33;color:var(--um-ink-soft);display:inline-flex;height:32px;justify-content:center;position:absolute;right:20px;top:20px;width:32px}.um-stat--accent .um-stat__icon{background:#fde7d3;background:var(--um-accent-soft);color:#7a2808;color:var(--um-accent-ink)}.um-alert{align-items:flex-start;animation:umFadeIn .25s ease;border:1px solid;border-radius:10px;border-radius:var(--um-radius-sm);display:flex;font-size:13px;gap:12px;padding:12px 14px}.um-alert p{flex:1 1;margin:0}.um-alert button{background:#0000;border:0;border-radius:4px;color:inherit;cursor:pointer;opacity:.6;padding:2px}.um-alert button:hover{background:#0000000d;opacity:1}.um-alert--error{background:#fee2e2;background:var(--um-negative-bg);border-color:#fecaca;color:#b91c1c;color:var(--um-negative)}.um-alert--success{background:#dcfce7;background:var(--um-positive-bg);border-color:#bbf7d0;color:#15803d;color:var(--um-positive)}@keyframes umFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.um-panel{background:#fff;background:var(--um-surface);border:1px solid #e8e6df;border:1px solid var(--um-line);border-radius:14px;border-radius:var(--um-radius);box-shadow:0 1px 0 #14140f0a,0 1px 2px #14140f0a;box-shadow:var(--um-shadow-sm);overflow:hidden}.um-filters{background:#faf9f5;background:var(--um-surface-2);border-bottom:1px solid #e8e6df;border-bottom:1px solid var(--um-line);display:flex;flex-wrap:wrap;gap:10px;padding:16px}.um-search{flex:1 1 280px;min-width:220px;position:relative}.um-search svg{color:#f4f4f4;color:var(--um-muted-2);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.um-input,.um-select{background:#fff;background:var(--um-surface);border:1px solid #d8d6cd;border:1px solid var(--um-line-strong);border-radius:10px;border-radius:var(--um-radius-sm);color:#14140f;color:var(--um-ink);font-family:inherit;font-size:13px;height:40px;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.um-input::placeholder{color:#f4f4f4;color:var(--um-muted-2)}.um-input:focus,.um-select:focus{border-color:#14140f;border-color:var(--um-ink);box-shadow:0 0 0 3px #14140f14;outline:none}.um-search .um-input{padding-left:38px}.um-select{cursor:pointer;min-width:160px}.um-meta-row{align-items:center;background:#fff;background:var(--um-surface);border-bottom:1px solid #e8e6df;border-bottom:1px solid var(--um-line);color:#76766d;color:var(--um-muted);display:flex;font-size:12px;justify-content:space-between;padding:12px 20px}.um-meta-row strong{color:#14140f;color:var(--um-ink);font-weight:600}.um-table-wrap{overflow-x:auto}.um-table{border-collapse:collapse;font-size:13px;width:100%}.um-table thead th{background:#faf9f5;background:var(--um-surface-2);color:#76766d;color:var(--um-muted);font-size:10px;font-weight:600;letter-spacing:.15em;padding:14px 20px;text-align:left;text-transform:uppercase}.um-table tbody tr,.um-table thead th{border-bottom:1px solid #e8e6df;border-bottom:1px solid var(--um-line)}.um-table tbody tr{transition:background .15s ease}.um-table tbody tr:last-child{border-bottom:0}.um-table tbody tr:hover{background:#fbfaf7;background:var(--um-bg-soft)}.um-table td{color:#3a3a33;color:var(--um-ink-soft);padding:16px 20px;vertical-align:middle}.um-user{align-items:center;display:flex;gap:12px}.um-avatar{align-items:center;border-radius:50%;box-shadow:inset 0 0 0 1px #fff6,0 2px 6px #14140f26;color:#fff;display:inline-flex;flex-shrink:0;font-family:"Instrument Serif",Cormorant Garamond,ui-serif,Georgia,serif;font-family:var(--um-font-display);font-size:18px;height:40px;justify-content:center;letter-spacing:-.01em;width:40px}.um-avatar--lg{border-radius:16px;font-size:28px;height:64px;width:64px}.um-avatar[data-grad="0"]{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.um-avatar[data-grad="1"]{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.um-avatar[data-grad="2"]{background:linear-gradient(135deg,#10b981,#0d9488)}.um-avatar[data-grad="3"]{background:linear-gradient(135deg,#f59e0b,#ea580c)}.um-avatar[data-grad="4"]{background:linear-gradient(135deg,#f43f5e,#db2777)}.um-avatar[data-grad="5"]{background:linear-gradient(135deg,#8b5cf6,#c026d3)}.um-avatar[data-grad="6"]{background:linear-gradient(135deg,#3b82f6,#4f46e5)}.um-avatar[data-grad="7"]{background:linear-gradient(135deg,#84cc16,#10b981)}.um-user__name{color:#14140f;color:var(--um-ink);font-size:14px;font-weight:600;letter-spacing:-.005em}.um-user__id{color:#f4f4f4;color:var(--um-muted-2);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-family:var(--um-font-mono);font-size:11px;margin-top:2px}.um-cell-line{align-items:center;color:#3a3a33;color:var(--um-ink-soft);display:flex;gap:6px}.um-cell-line svg{color:#f4f4f4;color:var(--um-muted-2);flex-shrink:0}.um-cell-sub{align-items:center;color:#76766d;color:var(--um-muted);display:flex;font-size:12px;gap:6px;margin-top:4px}.um-cell-sub svg{color:#f4f4f4;color:var(--um-muted-2)}.um-badge{align-items:center;border:1px solid #0000;border-radius:999px;border-radius:var(--um-radius-pill);display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.01em;padding:4px 10px;white-space:nowrap}.um-badge svg{flex-shrink:0}.um-badge--superadmin{background:#f3e8ff;border-color:#e9d5ff;color:#6b21a8}.um-badge--admin{background:#e0f2fe;border-color:#bae6fd;color:#075985}.um-badge--supervisor{background:#dcfce7;border-color:#bbf7d0;color:#166534}.um-badge--team_leader{background:#fef3c7;border-color:#fde68a;color:#854d0e}.um-badge--employee{background:#f1f0ea;border-color:#d8d6cd;border-color:var(--um-line-strong);color:#44443c}.um-badge--shopkeeper{background:#ffedd5;border-color:#fed7aa;color:#9a3412}.um-badge--storekeeper{background:#ccfbf1;border-color:#99f6e4;color:#115e59}.um-badge--accountant{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.um-status{align-items:center;border:1px solid;border-radius:999px;border-radius:var(--um-radius-pill);display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 10px}.um-status__dot{border-radius:50%;height:6px;width:6px}.um-status--active{background:#dcfce7;background:var(--um-positive-bg);border-color:#bbf7d0;color:#15803d;color:var(--um-positive)}.um-status--active .um-status__dot{background:#15803d;background:var(--um-positive);box-shadow:0 0 0 3px #15803d26}.um-status--inactive{background:#fee2e2;background:var(--um-negative-bg);border-color:#fecaca;color:#b91c1c;color:var(--um-negative)}.um-status--inactive .um-status__dot{background:#b91c1c;background:var(--um-negative)}.um-row-actions{display:flex;gap:2px;justify-content:flex-end;opacity:.55;transition:opacity .15s ease}.um-table tbody tr:hover .um-row-actions{opacity:1}.um-icon-btn{align-items:center;background:#0000;border:0;border-radius:8px;color:#76766d;color:var(--um-muted);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.um-icon-btn:hover{background:#14140f0f;color:#14140f;color:var(--um-ink)}.um-icon-btn--edit:hover{background:#e0e7ff;color:#4338ca}.um-icon-btn--warn:hover{background:#fef3c7;background:var(--um-warn-bg);color:#a16207;color:var(--um-warn)}.um-icon-btn--danger:hover{background:#fee2e2;background:var(--um-negative-bg);color:#b91c1c;color:var(--um-negative)}.um-empty{padding:72px 20px;text-align:center}.um-empty__icon{align-items:center;background:#f6f5f1;background:var(--um-bg);border-radius:16px;color:#76766d;color:var(--um-muted);display:inline-flex;height:56px;justify-content:center;margin:0 auto 14px;width:56px}.um-empty__title{color:#14140f;color:var(--um-ink);font-family:"Instrument Serif",Cormorant Garamond,ui-serif,Georgia,serif;font-family:var(--um-font-display);font-size:22px}.um-empty__hint{color:#76766d;color:var(--um-muted);font-size:13px;margin-top:4px}.um-pagination{background:#faf9f5;background:var(--um-surface-2);border-top:1px solid #e8e6df;border-top:1px solid var(--um-line);display:flex;flex-direction:column;gap:10px;padding:16px 20px}@media (min-width:640px){.um-pagination{align-items:center;flex-direction:row;justify-content:space-between}}.um-pagination__info{color:#76766d;color:var(--um-muted);font-size:12px}.um-pagination__info strong{color:#14140f;color:var(--um-ink);font-weight:600}.um-pagination__nav{align-items:center;display:flex;gap:10px}.um-pagination__nav span{color:#3a3a33;color:var(--um-ink-soft);font-size:13px}.um-pagination__nav strong{color:#14140f;color:var(--um-ink);font-family:"Instrument Serif",Cormorant Garamond,ui-serif,Georgia,serif;font-family:var(--um-font-display);font-size:16px}.um-loading{align-items:center;color:#76766d;color:var(--um-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.um-spinner{animation:umSpin .9s linear infinite;border:2px solid #d8d6cd;border-radius:50%;border-top-color:#c2410c;border:2px solid var(--um-line-strong);border-top-color:var(--um-accent);height:36px;width:36px}@keyframes umSpin{to{transform:rotate(1turn)}}.um-form{padding:4px}.um-form__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:600px){.um-form__grid{grid-template-columns:1fr}}.um-form__full{grid-column:1/-1}.um-label{color:#76766d;color:var(--um-muted);display:block;font-size:10px;font-weight:600;letter-spacing:.15em;margin-bottom:6px;text-transform:uppercase}.um-select:disabled{background:#f6f5f1;background:var(--um-bg);color:#f4f4f4;color:var(--um-muted-2);cursor:not-allowed}.um-toggle{align-items:center;background:#faf9f5;background:var(--um-surface-2);border:1px solid #e8e6df;border:1px solid var(--um-line);border-radius:10px;border-radius:var(--um-radius-sm);cursor:pointer;display:flex;gap:12px;margin-top:16px;padding:14px;transition:background .15s ease}.um-toggle:hover{background:#fbfaf7;background:var(--um-bg-soft)}.um-toggle input{accent-color:#c2410c;accent-color:var(--um-accent);height:16px;width:16px}.um-toggle__title{color:#14140f;color:var(--um-ink);font-size:13px;font-weight:600}.um-toggle__hint{color:#76766d;color:var(--um-muted);font-size:12px;margin-top:2px}.um-form__footer{border-top:1px solid #e8e6df;border-top:1px solid var(--um-line);display:flex;gap:8px;justify-content:flex-end;margin-top:24px;padding-top:18px}.um-view{padding:4px}.um-view__hero{align-items:center;background:radial-gradient(400px 200px at 100% 0,#c2410c2e,#0000 60%),linear-gradient(135deg,#1c1c17,#2a2a23);border-radius:14px;border-radius:var(--um-radius);color:#fff;display:flex;gap:18px;overflow:hidden;padding:22px;position:relative}.um-view__hero:after{background-image:radial-gradient(#ffffff0a 1px,#0000 0);background-size:14px 14px;content:"";inset:0;pointer-events:none;position:absolute}.um-view__name{font-family:"Instrument Serif",Cormorant Garamond,ui-serif,Georgia,serif;font-family:var(--um-font-display);font-size:26px;letter-spacing:-.02em;line-height:1.1}.um-view__id{color:#ffffff8c;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-family:var(--um-font-mono);font-size:11px;margin-top:4px}.um-view__role{margin-top:10px}.um-view__grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:18px}@media (max-width:520px){.um-view__grid{grid-template-columns:1fr}}.um-field{background:#faf9f5;background:var(--um-surface-2);border:1px solid #e8e6df;border:1px solid var(--um-line);border-radius:10px;border-radius:var(--um-radius-sm);padding:12px 14px}.um-field__label{align-items:center;color:#76766d;color:var(--um-muted);display:flex;font-size:10px;font-weight:600;gap:6px;letter-spacing:.15em;text-transform:uppercase}.um-field__value{color:#14140f;color:var(--um-ink);font-size:13px;font-weight:500;margin-top:4px;word-break:break-word}:root{--sa-bg:#f7f8fa;--sa-surface:#fff;--sa-border:#e5e7eb;--sa-border-strong:#d1d5db;--sa-text:#0f172a;--sa-text-soft:#475569;--sa-muted:#94a3b8;--sa-primary:#4f46e5;--sa-primary-50:#eef2ff;--sa-primary-100:#e0e7ff;--sa-success:#16a34a;--sa-success-50:#f0fdf4;--sa-danger:#dc2626;--sa-danger-50:#fef2f2;--sa-warning:#d97706;--sa-warning-50:#fffbeb;--sa-radius-sm:8px;--sa-radius:12px;--sa-radius-lg:16px;--sa-shadow-sm:0 1px 2px #1018280d;--sa-shadow:0 1px 3px #1018280f,0 1px 2px #1018280a;--sa-shadow-md:0 4px 12px #1018280f,0 2px 4px #1018280a;--sa-font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}.sa-employees{-webkit-font-smoothing:antialiased;background:#f7f8fa;background:var(--sa-bg);color:#0f172a;color:var(--sa-text);display:flex;flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-family:var(--sa-font);gap:20px;min-height:100%;padding:24px}.sa-employees *{box-sizing:border-box}.sa-loading{align-items:center;color:#475569;color:var(--sa-text-soft);display:flex;font-weight:500;gap:12px;justify-content:center;padding:80px 24px}@keyframes sa-spin{to{transform:rotate(1turn)}}.spin{animation:sa-spin 1s linear infinite}.sa-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.sa-stat{align-items:center;background:#fff;background:var(--sa-surface);border:1px solid #e5e7eb;border:1px solid var(--sa-border);border-radius:12px;border-radius:var(--sa-radius);box-shadow:0 1px 2px #1018280d;box-shadow:var(--sa-shadow-sm);display:flex;gap:14px;padding:18px 20px;transition:transform .15s ease,box-shadow .15s ease}.sa-stat:hover{box-shadow:0 4px 12px #1018280f,0 2px 4px #1018280a;box-shadow:var(--sa-shadow-md);transform:translateY(-1px)}.sa-stat-icon{background:#eef2ff;background:var(--sa-primary-50);border-radius:10px;color:#4f46e5;color:var(--sa-primary);display:grid;flex-shrink:0;height:44px;place-items:center;width:44px}.sa-stat-meta{display:flex;flex-direction:column;min-width:0}.sa-stat-label{color:#475569;color:var(--sa-text-soft);font-size:12px;font-weight:500;letter-spacing:.01em}.sa-stat-value{font-size:22px;font-weight:700;line-height:1.2;margin-top:2px}.sa-stat--indigo .sa-stat-icon{background:#eef2ff;color:#4f46e5}.sa-stat--emerald .sa-stat-icon{background:#ecfdf5;color:#059669}.sa-stat--rose .sa-stat-icon{background:#fef2f2;color:#dc2626}.sa-stat--amber .sa-stat-icon{background:#fffbeb;color:#d97706}.sa-alert{align-items:center;display:flex;gap:10px}.sa-alert-close{background:#0000;border:0;border-radius:6px;color:inherit;cursor:pointer;margin-left:auto;opacity:.7;padding:4px}.sa-alert-close:hover{background:#0000000d;opacity:1}.sa-toolbar-card{padding:16px}.sa-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.sa-search{flex:1 1 280px;min-width:240px;position:relative}.sa-search-icon{color:#94a3b8;color:var(--sa-muted);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sa-search input,.sa-search-input{background:#fff!important;background:var(--sa-surface)!important;border:1px solid #e5e7eb!important;border:1px solid var(--sa-border)!important;border-radius:8px!important;border-radius:var(--sa-radius-sm)!important;font-size:14px!important;height:40px!important;padding:10px 36px!important;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.sa-search input:focus,.sa-search-input:focus{border-color:#4f46e5!important;border-color:var(--sa-primary)!important;box-shadow:0 0 0 3px #e0e7ff!important;box-shadow:0 0 0 3px var(--sa-primary-100)!important;outline:none!important}.sa-search-clear{background:#0000;border:0;border-radius:6px;color:#94a3b8;color:var(--sa-muted);cursor:pointer;padding:6px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.sa-search-clear:hover{background:#f1f5f9;color:#0f172a;color:var(--sa-text)}.sa-toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.sa-chips{display:flex;flex-wrap:wrap;gap:6px}.sa-chip{align-items:center;background:#fff;background:var(--sa-surface);border:1px solid #e5e7eb;border:1px solid var(--sa-border);border-radius:999px;color:#475569;color:var(--sa-text-soft);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 12px;transition:all .15s ease}.sa-chip:hover{border-color:#d1d5db;border-color:var(--sa-border-strong);color:#0f172a;color:var(--sa-text)}.sa-chip.active{background:#4f46e5;background:var(--sa-primary);border-color:#4f46e5;border-color:var(--sa-primary);color:#fff}.sa-chip-count{background:#0f172a0f;border-radius:999px;color:inherit;display:inline-block;font-size:11px;font-weight:600;min-width:18px;padding:0 6px;text-align:center}.sa-chip.active .sa-chip-count{background:#fff3}.sa-sort{align-items:center;background:#fff;background:var(--sa-surface);border:1px solid #e5e7eb;border:1px solid var(--sa-border);border-radius:8px;border-radius:var(--sa-radius-sm);color:#475569;color:var(--sa-text-soft);display:inline-flex;gap:6px;height:36px;padding:4px 6px 4px 10px}.sa-sort-select{background:#0000;font-size:13px;font-weight:500;outline:none;padding:0 4px}.sa-sort-dir,.sa-sort-select{border:0;color:#0f172a;color:var(--sa-text);cursor:pointer}.sa-sort-dir{background:#f1f5f9;border-radius:6px;font-weight:700;padding:4px 8px}.sa-sort-dir:hover{background:#e2e8f0}.sa-view-toggle{background:#f1f5f9;border-radius:8px;border-radius:var(--sa-radius-sm);display:inline-flex;gap:2px;padding:3px}.sa-view-btn{align-items:center;background:#0000;border:0;border-radius:6px;color:#475569;color:var(--sa-text-soft);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 10px;transition:all .15s ease}.sa-view-btn:hover{color:#0f172a;color:var(--sa-text)}.sa-view-btn.active{background:#fff;background:var(--sa-surface);box-shadow:0 1px 2px #1018280d;box-shadow:var(--sa-shadow-sm);color:#4f46e5;color:var(--sa-primary)}.sa-results-meta{border-top:1px dashed #e5e7eb;border-top:1px dashed var(--sa-border);color:#475569;color:var(--sa-text-soft);font-size:13px;margin-top:12px;padding-top:12px}.sa-results-meta strong{color:#0f172a;color:var(--sa-text);font-weight:600}.sa-content{display:flex;flex-direction:column;gap:16px}.sa-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.sa-card{background:#fff;background:var(--sa-surface);border:1px solid #e5e7eb;border:1px solid var(--sa-border);border-radius:12px;border-radius:var(--sa-radius);box-shadow:0 1px 2px #1018280d;box-shadow:var(--sa-shadow-sm);display:flex;flex-direction:column;gap:14px;padding:18px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.sa-card:hover{border-color:#d1d5db;border-color:var(--sa-border-strong);box-shadow:0 4px 12px #1018280f,0 2px 4px #1018280a;box-shadow:var(--sa-shadow-md);transform:translateY(-2px)}.sa-card-top{align-items:flex-start;display:flex;gap:14px}.sa-avatar{background:#eef2ff;background:var(--sa-primary-50);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e5e7eb;box-shadow:0 0 0 1px var(--sa-border);display:grid;flex-shrink:0;height:56px;overflow:hidden;place-items:center;position:relative;width:56px}.sa-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.sa-avatar-fallback{background:#eef2ff;background:var(--sa-primary-50);color:#4f46e5;color:var(--sa-primary);display:grid;font-size:20px;font-weight:600;height:100%;place-items:center;width:100%}.sa-avatar-loading{background:#ffffffb3;color:#4f46e5;color:var(--sa-primary);display:grid;inset:0;place-items:center;position:absolute}.sa-card-id{display:flex;flex-direction:column;gap:4px;min-width:0}.sa-card-name{color:#0f172a;color:var(--sa-text);font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-card-role{color:#475569;color:var(--sa-text-soft);font-size:12.5px;margin:0}.sa-card-body{grid-gap:8px 14px;border-top:1px dashed #e5e7eb;border-top:1px dashed var(--sa-border);display:grid;gap:8px 14px;grid-template-columns:1fr 1fr;padding-top:12px}.sa-field{align-items:center;color:#475569;color:var(--sa-text-soft);display:flex;font-size:12.5px;gap:6px;min-width:0}.sa-field-icon{display:inline-flex}.sa-field-icon,.sa-field-label{color:#94a3b8;color:var(--sa-muted);flex-shrink:0}.sa-field-value{color:#0f172a;color:var(--sa-text);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-field-value.is-highlight{color:#16a34a;color:var(--sa-success);font-weight:600}.sa-field-value.is-truncate{max-width:100%}.sa-card-meta{align-items:center;background:#f8fafc;border-radius:8px;border-radius:var(--sa-radius-sm);color:#475569;color:var(--sa-text-soft);display:flex;font-size:11.5px;gap:6px;padding:8px 10px}.sa-muted{color:#94a3b8;color:var(--sa-muted)}.sa-card-actions{display:flex;gap:8px;margin-top:2px}.sa-btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--sa-radius-sm);cursor:pointer;display:inline-flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:9px 12px;transition:all .15s ease}.sa-btn--ghost{background:#fff;background:var(--sa-surface);border-color:#e5e7eb;border-color:var(--sa-border);color:#0f172a;color:var(--sa-text)}.sa-btn--ghost:hover{background:#f8fafc;border-color:#d1d5db;border-color:var(--sa-border-strong)}.sa-btn--success{background:#f0fdf4;background:var(--sa-success-50);border-color:#bbf7d0;color:#16a34a;color:var(--sa-success)}.sa-btn--success:hover{background:#dcfce7}.sa-btn--danger{background:#fef2f2;background:var(--sa-danger-50);border-color:#fecaca;color:#dc2626;color:var(--sa-danger)}.sa-btn--danger:hover{background:#fee2e2}.sa-table-card{overflow:hidden;padding:0}.sa-table-wrap{overflow-x:auto}.sa-table{border-collapse:collapse;font-size:13.5px;width:100%}.sa-table thead th{background:#f8fafc;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--sa-border);color:#475569;color:var(--sa-text-soft);font-size:11.5px;font-weight:600;letter-spacing:.04em;padding:12px 14px;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.sa-table thead th.num{text-align:right}.sa-table tbody td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--sa-border);color:#0f172a;color:var(--sa-text);padding:12px 14px;vertical-align:middle;white-space:nowrap}.sa-table tbody td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.sa-table tbody td.strong{color:#16a34a;color:var(--sa-success);font-weight:600}.sa-table tbody tr{transition:background .12s ease}.sa-table tbody tr:hover{background:#fafbfc}.sa-table tbody tr:last-child td{border-bottom:0}.sa-table-actions-col{text-align:right}.sa-table-employee{align-items:center;display:flex;gap:10px}.sa-table-avatar{background:#eef2ff;background:var(--sa-primary-50);border-radius:50%;display:grid;flex-shrink:0;height:34px;overflow:hidden;place-items:center;width:34px}.sa-table-avatar-img{height:100%;object-fit:cover;width:100%}.sa-table-avatar-fallback{color:#4f46e5;color:var(--sa-primary);display:grid;font-size:13px;font-weight:600;height:100%;place-items:center;width:100%}.sa-table-name{font-weight:600}.sa-table-sub{font-size:11.5px;margin-top:2px}.sa-table-actions{display:inline-flex;gap:4px;justify-content:flex-end}.sa-icon-btn{background:#0000;border:1px solid #0000;border-radius:6px;color:#475569;color:var(--sa-text-soft);cursor:pointer;display:grid;height:30px;place-items:center;transition:all .12s ease;width:30px}.sa-icon-btn:hover{background:#eef2ff;background:var(--sa-primary-50);border-color:#e0e7ff;border-color:var(--sa-primary-100);color:#4f46e5;color:var(--sa-primary)}.sa-empty{align-items:center;background:#fff;background:var(--sa-surface);border:1px dashed #e5e7eb;border:1px dashed var(--sa-border);border-radius:12px;border-radius:var(--sa-radius);color:#475569;color:var(--sa-text-soft);display:flex;flex-direction:column;gap:8px;grid-column:1/-1;justify-content:center;padding:56px 24px;text-align:center}.sa-empty.is-compact{border:0;padding:36px 24px}.sa-empty-icon{background:#eef2ff;background:var(--sa-primary-50);border-radius:50%;color:#4f46e5;color:var(--sa-primary);display:grid;height:56px;place-items:center;width:56px}.sa-empty h3{color:#0f172a;color:var(--sa-text);font-size:15px;font-weight:600;margin:8px 0 2px}.sa-empty p{font-size:13px;margin:0}.sa-pagination{align-items:center;display:flex;gap:8px;justify-content:center;padding:4px}.sa-page-nav{align-items:center;background:#fff;background:var(--sa-surface);border:1px solid #e5e7eb;border:1px solid var(--sa-border);border-radius:8px;border-radius:var(--sa-radius-sm);color:#0f172a;color:var(--sa-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .12s ease}.sa-page-nav:hover:not(:disabled){background:#eef2ff;background:var(--sa-primary-50);border-color:#4f46e5;border-color:var(--sa-primary);color:#4f46e5;color:var(--sa-primary)}.sa-page-nav:disabled{cursor:not-allowed;opacity:.4}.sa-page-list{display:inline-flex;gap:4px}.sa-page{background:#fff;background:var(--sa-surface);border:1px solid #e5e7eb;border:1px solid var(--sa-border);border-radius:8px;border-radius:var(--sa-radius-sm);color:#475569;color:var(--sa-text-soft);cursor:pointer;font-size:13px;font-weight:500;height:34px;min-width:34px;padding:0 10px;transition:all .12s ease}.sa-page:hover{border-color:#e0e7ff;border-color:var(--sa-primary-100);color:#4f46e5;color:var(--sa-primary)}.sa-page.active{background:#4f46e5;background:var(--sa-primary);border-color:#4f46e5;border-color:var(--sa-primary);color:#fff}.sa-modal-hero{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--sa-border);display:flex;gap:16px;margin-bottom:18px;padding:4px 0 18px}.sa-modal-avatar{background:#eef2ff;background:var(--sa-primary-50);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e5e7eb;box-shadow:0 0 0 1px var(--sa-border);flex-shrink:0;height:72px;overflow:hidden;width:72px}.sa-modal-avatar-img{height:100%;object-fit:cover;width:100%}.sa-modal-avatar-fallback{color:#4f46e5;color:var(--sa-primary);display:grid;font-size:26px;font-weight:600;height:100%;place-items:center;width:100%}.sa-modal-head{display:flex;flex-direction:column;gap:4px;min-width:0}.sa-modal-name{color:#0f172a;color:var(--sa-text);font-size:20px;font-weight:700;margin:0}.sa-modal-role{color:#475569;color:var(--sa-text-soft);font-size:13.5px;margin:0}.sa-modal-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.sa-modal-section{background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--sa-border);border-radius:12px;border-radius:var(--sa-radius);padding:14px 16px}.sa-modal-section-title{align-items:center;color:#475569;color:var(--sa-text-soft);display:flex;font-size:12.5px;font-weight:600;gap:8px;letter-spacing:.04em;margin:0 0 10px;text-transform:uppercase}.sa-modal-section-title svg{color:#4f46e5;color:var(--sa-primary)}.sa-modal-section-body{display:flex;flex-direction:column;gap:6px}.sa-info-row{border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--sa-border);display:flex;font-size:13px;gap:16px;justify-content:space-between;padding:6px 0}.sa-info-row:last-child{border-bottom:0}.sa-info-label{color:#475569;color:var(--sa-text-soft)}.sa-info-value{color:#0f172a;color:var(--sa-text);font-weight:500;text-align:right;word-break:break-word}.sa-modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--sa-border);display:flex;gap:8px;justify-content:flex-end;margin-top:8px;padding-top:16px}@media (max-width:1100px){.sa-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-modal-grid{grid-template-columns:1fr}}@media (max-width:720px){.sa-employees{gap:16px;padding:16px}.sa-toolbar-right{justify-content:space-between;width:100%}.sa-search{flex-basis:100%}.sa-card-body,.sa-grid{grid-template-columns:1fr}.sa-stat-value{font-size:18px}.sa-modal-hero{align-items:flex-start;flex-direction:column;text-align:left}}@media (max-width:480px){.sa-stats{grid-template-columns:1fr}.sa-chips{justify-content:space-between;width:100%}.sa-page-list{display:none}}:root{--s-radius-xs:6px;--s-radius-sm:8px;--s-radius-md:12px;--s-radius-lg:16px;--s-radius-xl:20px;--s-ring:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,#0000);--s-shadow-soft:0 1px 2px #0f172a0a,0 4px 12px #0f172a0a;--s-shadow-pop:0 1px 2px #0f172a0f,0 12px 32px -8px #0f172a1f;--s-ease:cubic-bezier(.2,.8,.2,1)}.settings-container{animation:settingsFadeIn .5s cubic-bezier(.2,.8,.2,1);animation:settingsFadeIn .5s var(--s-ease);padding:0}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:14px;font-weight:500;justify-content:center;letter-spacing:.01em;min-height:60vh}.settings-loading:before{animation:settingsSpin .8s linear infinite;border:2px solid color-mix(in srgb,var(--color-primary) 25%,#0000);border-radius:50%;border-top-color:var(--color-primary);content:"";height:18px;margin-right:10px;width:18px}@keyframes settingsSpin{to{transform:rotate(1turn)}}.settings-tabs{-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);background:color-mix(in srgb,var(--color-muted) 70%,#0000);border:1px solid var(--color-border);border-radius:16px;border-radius:var(--s-radius-lg);box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0a;box-shadow:var(--s-shadow-soft);display:inline-flex;flex-wrap:wrap;gap:4px;margin-bottom:24px;padding:6px}.settings-tab{background:#0000;border:none;border-radius:12px;border-radius:var(--s-radius-md);color:var(--color-muted-foreground);cursor:pointer;font-size:13px;font-weight:500;padding:9px 16px;position:relative;transition:color .2s cubic-bezier(.2,.8,.2,1),background .2s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.2,.8,.2,1);transition:color .2s var(--s-ease),background .2s var(--s-ease),transform .2s var(--s-ease);white-space:nowrap}.settings-tab:hover{background:color-mix(in srgb,var(--color-card) 60%,#0000);color:var(--color-foreground)}.settings-tab.active{background:var(--color-card);box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0a,inset 0 0 0 1px var(--color-border);box-shadow:var(--s-shadow-soft),inset 0 0 0 1px var(--color-border);color:var(--color-primary);font-weight:600}.settings-tab:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,#0000);box-shadow:var(--s-ring);outline:none}.card-header{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--color-muted) 40%,#0000),#0000);border-bottom:1px solid var(--color-border);display:flex;gap:14px;padding:18px 22px}.card-header-icon{align-items:center;background:color-mix(in srgb,var(--color-primary) 12%,#0000);border-radius:12px;border-radius:var(--s-radius-md);color:var(--color-primary);display:inline-flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.card-title{color:var(--color-foreground);font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0}.card-subtitle{color:var(--color-muted-foreground);font-size:13px;line-height:1.4;margin:3px 0 0}.form-group{margin-bottom:18px}.form-group label{color:var(--color-foreground);font-size:13px;letter-spacing:-.005em}.form-input{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;border-radius:var(--s-radius-md);color:var(--color-foreground);font-size:14px;padding:10px 14px;transition:border-color .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s cubic-bezier(.2,.8,.2,1),background .15s cubic-bezier(.2,.8,.2,1);transition:border-color .15s var(--s-ease),box-shadow .15s var(--s-ease),background .15s var(--s-ease)}.form-input:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,#0000);box-shadow:var(--s-ring);outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.input-hint{color:var(--color-muted-foreground);font-size:12px;line-height:1.5;margin:4px 0 0}.range-container{background:color-mix(in srgb,var(--color-muted) 55%,#0000);border:1px solid var(--color-border);border-radius:12px;border-radius:var(--s-radius-md);display:flex;flex-direction:column;gap:14px;padding:18px}.range-input{appearance:none;background:var(--color-border);border-radius:999px;cursor:pointer;height:6px;outline:none;width:100%}.range-input::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border:3px solid var(--color-card);border-radius:50%;box-shadow:0 1px 2px #0f172a0f,0 12px 32px -8px #0f172a1f;box-shadow:var(--s-shadow-pop);height:20px;-webkit-transition:transform .15s cubic-bezier(.2,.8,.2,1);transition:transform .15s cubic-bezier(.2,.8,.2,1);-webkit-transition:transform .15s var(--s-ease);transition:transform .15s var(--s-ease);width:20px}.range-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-input::-moz-range-thumb{background:var(--color-primary);border:3px solid var(--color-card);border-radius:50%;box-shadow:0 1px 2px #0f172a0f,0 12px 32px -8px #0f172a1f;box-shadow:var(--s-shadow-pop);height:20px;width:20px}.range-value{align-items:baseline;display:flex;gap:10px}.value-display{font-feature-settings:"tnum";color:var(--color-primary);font-size:28px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em}.value-hint{color:var(--color-muted-foreground);font-size:12px}.info-box{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,#0000),color-mix(in srgb,var(--color-primary) 2%,#0000));border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));border-left:3px solid var(--color-primary);border-radius:12px;border-radius:var(--s-radius-md);display:flex;gap:14px;padding:16px 18px}.info-icon{font-size:20px;line-height:1}.info-box strong{color:var(--color-foreground);font-size:14px;font-weight:700}.info-box p{color:var(--color-muted-foreground);font-size:13px;line-height:1.55;margin:4px 0 0}.deductions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:18px}.deduction-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;border-radius:var(--s-radius-lg);padding:18px;position:relative;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1),border-color .2s cubic-bezier(.2,.8,.2,1);transition:transform .2s var(--s-ease),box-shadow .2s var(--s-ease),border-color .2s var(--s-ease)}.deduction-card:hover{border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border));box-shadow:0 1px 2px #0f172a0f,0 12px 32px -8px #0f172a1f;box-shadow:var(--s-shadow-pop);transform:translateY(-2px)}.deduction-header{align-items:center;border-bottom:1px dashed var(--color-border);display:flex;gap:10px;margin-bottom:14px;padding-bottom:12px}.deduction-icon{align-items:center;background:color-mix(in srgb,var(--color-primary) 10%,#0000);border-radius:8px;border-radius:var(--s-radius-sm);display:inline-flex;font-size:18px;height:34px;justify-content:center;width:34px}.deduction-name{color:var(--color-foreground);font-size:14px;font-weight:600;letter-spacing:-.005em}.percentage-input{align-items:center;display:flex;gap:8px;margin-bottom:10px}.percentage-field{font-feature-settings:"tnum";background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;border-radius:var(--s-radius-md);color:var(--color-foreground);flex:1 1;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;padding:10px 12px;transition:border-color .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s cubic-bezier(.2,.8,.2,1);transition:border-color .15s var(--s-ease),box-shadow .15s var(--s-ease)}.percentage-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,#0000);box-shadow:var(--s-ring);outline:none}.percentage-symbol{color:var(--color-primary);font-size:14px;font-weight:700;padding:0 4px}.deduction-hint{color:var(--color-muted-foreground);font-size:12px;line-height:1.5;margin:0 0 14px}.deduction-actions{display:flex;gap:8px}.delete-grade-btn,.edit-grade-btn{align-items:center;background:color-mix(in srgb,var(--color-muted) 80%,#0000);border:1px solid var(--color-border);border-radius:8px;border-radius:var(--s-radius-sm);color:var(--color-muted-foreground);cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:all .18s cubic-bezier(.2,.8,.2,1);transition:all .18s var(--s-ease)}.edit-grade-btn:hover{background:var(--color-card);border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));color:var(--color-primary);transform:translateY(-1px)}.delete-grade-btn:hover{background:var(--color-destructive);border-color:var(--color-destructive);color:var(--color-destructive-foreground);transform:translateY(-1px)}.total-deductions-box{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) 10%,#0000),color-mix(in srgb,var(--color-success) 3%,#0000));border:1px solid color-mix(in srgb,var(--color-success) 25%,var(--color-border));border-radius:12px;border-radius:var(--s-radius-md);color:var(--color-muted-foreground);display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:18px 20px}.total-deductions-box strong{font-feature-settings:"tnum";color:var(--color-success);font-size:22px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em}.empty-state{background:color-mix(in srgb,var(--color-muted) 40%,#0000);border:1.5px dashed var(--color-border);border-radius:16px;border-radius:var(--s-radius-lg);font-size:14px;grid-column:1/-1;padding:48px 24px}.toggle-container{align-items:center;display:flex;gap:12px}.toggle{background:var(--color-border);border:none;border-radius:999px;cursor:pointer;flex-shrink:0;height:26px;position:relative;transition:background .22s cubic-bezier(.2,.8,.2,1);transition:background .22s var(--s-ease);width:46px}.toggle.active,.toggle.on,.toggle[aria-checked=true]{background:var(--color-primary)}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003,0 1px 2px #0000001a;height:20px;left:3px;position:absolute;top:3px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1);transition:transform .22s var(--s-ease),box-shadow .22s var(--s-ease);width:20px}.toggle.active .toggle-slider,.toggle.on .toggle-slider,.toggle[aria-checked=true] .toggle-slider{transform:translateX(20px)}.toggle:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,#0000);box-shadow:var(--s-ring);outline:none}@media (max-width:768px){.settings-tabs{display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{flex:0 0 auto;text-align:center}.deductions-grid,.form-row{grid-template-columns:1fr}.card-header{padding:16px}.value-display{font-size:24px}}.dark .settings-tabs{background:color-mix(in srgb,var(--color-muted) 50%,#0000)}.dark .settings-tab.active{background:color-mix(in srgb,var(--color-card) 95%,#fff 5%)}.dark .deduction-card{background:var(--color-card)}.dark .info-box,.dark .range-container,.dark .total-deductions-box{background-blend-mode:overlay}.admin-dashboard{animation:fadeInPage .4s ease-out;padding:0}.admin-dashboard-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:60vh}.insights-section{margin-top:24px}.insights-card{overflow:hidden}.insights-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:20px}.insight-item{align-items:center;background:var(--color-muted);border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.insight-item:before{background:var(--gradient-primary);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.insight-item:hover:before{opacity:1}.insight-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.insight-item--success:hover{background:#10b9811a;border-color:var(--color-success)}.insight-item--info:hover{background:#3b82f61a;border-color:var(--color-info)}.insight-item--warning:hover{background:#f59e0b1a;border-color:var(--color-warning)}.insight-item--danger:hover{background:#ef44441a;border-color:var(--color-destructive)}.insight-item--primary:hover{background:#10b9811a;border-color:var(--color-primary)}.insight-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.insight-item--success .insight-icon{background:var(--color-success);color:var(--color-success-foreground)}.insight-item--info .insight-icon{background:var(--color-info);color:var(--color-info-foreground)}.insight-item--warning .insight-icon{background:var(--color-warning);color:var(--color-warning-foreground)}.insight-item--danger .insight-icon{background:var(--color-destructive);color:var(--color-destructive-foreground)}.insight-item--primary .insight-icon{background:var(--color-primary);color:var(--color-primary-foreground)}.insight-item:hover .insight-icon{transform:scale(1.05)}.insight-content{flex:1 1}.insight-label{color:var(--color-muted-foreground);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.insight-value{color:var(--color-foreground);font-size:24px;font-weight:700;line-height:1}.insight-item--success .insight-value{color:var(--color-success)}.insight-item--info .insight-value{color:var(--color-info)}.insight-item--warning .insight-value{color:var(--color-warning)}.insight-item--danger .insight-value{color:var(--color-destructive)}.insight-item--primary .insight-value{color:var(--color-primary)}@media (min-width:1920px){.insights-section{margin-top:40px}.insights-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:32px}.insight-item{padding:24px}.insight-icon{font-size:28px;height:64px;width:64px}.insight-value{font-size:32px}.insight-label{font-size:13px}}@media (min-width:1440px) and (max-width:1919px){.insights-section{margin-top:36px}.insights-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:28px}.insight-item{padding:22px}.insight-icon{font-size:26px;height:60px;width:60px}.insight-value{font-size:30px}}@media (min-width:1280px) and (max-width:1439px){.insights-section{margin-top:34px}.insights-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:26px}.insight-item{padding:20px}.insight-icon{font-size:24px;height:58px;width:58px}.insight-value{font-size:28px}}@media (min-width:1024px) and (max-width:1279px){.insights-section{margin-top:32px}.insights-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:24px}.insight-item{padding:18px}.insight-icon{font-size:22px;height:56px;width:56px}.insight-value{font-size:26px}}@media (min-width:768px) and (max-width:1023px){.insights-section{margin-top:28px}.insights-grid{gap:14px;grid-template-columns:repeat(2,1fr);padding:20px}.insight-item{padding:16px}.insight-icon{font-size:20px;height:52px;width:52px}.insight-value{font-size:24px}.insight-label{font-size:11px}}@media (min-width:640px) and (max-width:767px){.admin-dashboard{padding:0}.insights-section{margin-top:24px}.insights-grid{gap:12px;grid-template-columns:repeat(2,1fr);padding:16px}.insight-item{gap:12px;padding:14px}.insight-icon{font-size:18px;height:48px;width:48px}.insight-value{font-size:22px}.insight-label{font-size:10px}}@media (min-width:480px) and (max-width:639px){.admin-dashboard{padding:0}.insights-section{margin-top:20px}.insights-grid{grid-template-columns:1fr}.insight-item,.insights-grid{gap:12px;padding:14px}.insight-icon{font-size:16px;height:44px;width:44px}.insight-value{font-size:20px}.insight-label{font-size:10px}}@media (max-width:479px){.admin-dashboard{padding:0}.insights-section{margin-top:16px}.insights-grid{grid-template-columns:1fr}.insight-item,.insights-grid{gap:10px;padding:12px}.insight-icon{font-size:14px;height:40px;width:40px}.insight-value{font-size:18px}.insight-label{font-size:9px}}@media (max-width:320px){.admin-dashboard{padding:0}.insights-section{margin-top:14px}.insights-grid{grid-template-columns:1fr}.insight-item,.insights-grid{gap:8px;padding:10px}.insight-icon{font-size:12px;height:36px;width:36px}.insight-value{font-size:16px}.insight-label{font-size:9px}}.dark .insight-item{border-color:var(--color-border)}.dark .insight-item,.dark .insight-item:hover{background:var(--color-muted)}.attendance-report-container{animation:fadeInPage .5s cubic-bezier(.16,1,.3,1);padding:0}.attendance-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:15px;font-weight:600;justify-content:center;letter-spacing:.01em;min-height:60vh}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:28px}.stat-card{background:linear-gradient(145deg,color-mix(in srgb,var(--color-card) 96%,#0000),color-mix(in srgb,var(--color-card) 100%,#0000));border:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0a;isolation:isolate;overflow:hidden;padding:22px 24px;position:relative;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .25s ease}.stat-card:before{background:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,currentColor 8%,#0000),#0000 60%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .35s ease;z-index:-1}.stat-card:hover{border-color:color-mix(in srgb,var(--color-border) 100%,#0000);box-shadow:0 2px 4px #0f172a0d,0 16px 32px -8px #0f172a1f;transform:translateY(-3px)}.stat-card:hover:before{opacity:1}.stat-card-success{color:var(--color-success)}.stat-card-danger{color:var(--color-destructive)}.stat-card-orange,.stat-card-warning{color:var(--color-warning)}.stat-card-orange{border-left-color:var(--color-warning)}.stat-content{min-width:0}.stat-label{font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.stat-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1}.stat-icon{background:color-mix(in srgb,currentColor 12%,#0000);border-radius:12px;display:grid;height:44px;opacity:1;place-items:center;transition:transform .3s ease,background .3s ease;width:44px}.stat-card:hover .stat-icon{transform:scale(1.08) rotate(-3deg)}.stat-card-orange .stat-icon{color:var(--color-warning)}.filter-section{background:var(--color-card);border:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 1px 2px #0f172a08;margin-bottom:20px;padding:18px 20px}.form-select{min-width:160px}.search-input{width:220px}.table-wrapper{background:var(--color-card);border:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 1px 2px #0f172a08}.data-table{min-width:1200px}.table-row{transition:background .2s ease,transform .2s ease}.status-badge{align-items:center;background:color-mix(in srgb,var(--color-muted) 80%,#0000);border:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);border-radius:999px;color:var(--color-muted-foreground);display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.02em;padding:4px 10px;transition:transform .2s ease,box-shadow .2s ease}.status-badge:before{background:currentColor;border-radius:50%;content:"";height:6px;opacity:.85;width:6px}.status-badge:hover{transform:translateY(-1px)}.status-badge.present{background:color-mix(in srgb,var(--color-success) 14%,#0000);border-color:color-mix(in srgb,var(--color-success) 30%,#0000);color:var(--color-success)}.status-badge.absent{background:color-mix(in srgb,var(--color-destructive) 14%,#0000);border-color:color-mix(in srgb,var(--color-destructive) 30%,#0000);color:var(--color-destructive)}.status-badge.late,.status-badge.permission{background:color-mix(in srgb,var(--color-warning) 16%,#0000);border-color:color-mix(in srgb,var(--color-warning) 35%,#0000);color:var(--color-warning)}.attendance-loading:after{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,color-mix(in srgb,var(--color-muted) 80%,#0000) 0,color-mix(in srgb,var(--color-muted-foreground) 25%,#0000) 50%,color-mix(in srgb,var(--color-muted) 80%,#0000) 100%);background-size:800px 100%;border-radius:6px;content:"";display:inline-block;height:10px;margin-left:12px;width:120px}@media (max-width:1024px){.stats-grid{gap:16px}.stat-value{font-size:24px}}@media (max-width:768px){.stats-grid{gap:14px;grid-template-columns:1fr}.filter-section{align-items:stretch;flex-direction:column;padding:16px}.form-select,.search-input{min-width:0;width:100%!important}.data-table td,.data-table th{padding:12px}.pagination{align-items:center;flex-direction:column;gap:12px}}@media (max-width:480px){.stat-card{padding:18px}.stat-value{font-size:22px}.empty-state{padding:48px 16px}}.dark .stat-card{background:linear-gradient(145deg,color-mix(in srgb,var(--color-card) 95%,#fff 2%),var(--color-card));border-color:color-mix(in srgb,var(--color-border) 80%,#0000);box-shadow:0 1px 2px #0000004d,0 8px 24px -6px #00000059}.dark .stat-card:hover{box-shadow:0 2px 4px #00000059,0 20px 40px -10px #0000008c}.dark .filter-section,.dark .table-wrapper{background:var(--color-card);border-color:color-mix(in srgb,var(--color-border) 80%,#0000)}@media (prefers-reduced-motion:reduce){.attendance-loading:after,.attendance-report-container,.empty-icon,.pagination-btn,.spin,.stat-card,.status-badge,.table-row{animation:none!important;transition:none!important}}.comments-container{animation:fadeInPage .4s ease-out;padding:0}.filter-box{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:8px;margin-bottom:24px;padding:8px 12px}.form-select{background:#0000;border:none;outline:none}.tabs{margin-bottom:24px}.tab{align-items:center;background:none;border:none;color:var(--color-muted-foreground);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;position:relative;transition:all .2s ease}.tab.active,.tab:hover{color:var(--color-primary)}.tab.active:after{background:var(--color-primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.sector-group{margin-bottom:24px;padding:20px}.sector-title{border-bottom:2px solid var(--color-border);color:var(--color-foreground);font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.comment-card{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:12px;padding:16px}.comment-card:hover{box-shadow:var(--shadow-md)}.comment-header{margin-bottom:8px}.comment-author{color:var(--color-primary);font-size:13px;font-weight:600}.comment-date{color:var(--color-muted-foreground);font-size:11px}.comment-text{font-style:italic;line-height:1.5;margin:0 0 8px}.comment-meta{color:var(--color-muted-foreground);font-size:11px}@media (max-width:768px){.tabs{flex-direction:column;gap:4px}.tab{justify-content:center;width:100%}}.dark .comment-card{background:var(--color-muted);border-color:var(--color-border)}.dark .tab.active{color:var(--color-primary)}.forwarded-comments-container{animation:fadeInPage .4s ease-out;padding:0}.loading-skeleton{margin:0 auto;max-width:1400px;padding:24px}.skeleton-header{animation:shimmer 1.5s infinite;background:var(--color-muted);background-size:200% 100%;border-radius:var(--radius-lg);height:60px;margin-bottom:24px}.skeleton-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.skeleton-stat{height:100px}.skeleton-filters,.skeleton-stat{background:var(--color-muted);border-radius:var(--radius-lg)}.skeleton-filters{height:50px;margin-bottom:20px}.skeleton-card{background:var(--color-muted);border-radius:var(--radius-xl);height:180px;margin-bottom:16px}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card-info{border-left-color:var(--color-info)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:28px}.stat-label{margin-top:4px}.stat-card-info .stat-icon{color:var(--color-info)}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.search-wrapper{flex:1 1;min-width:280px}.search-icon{top:50%;transform:translateY(-50%)}.search-input{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground);font-size:14px;outline:none;padding:10px 16px 10px 40px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a}.clear-search{background:none;border:none;color:var(--color-muted-foreground);cursor:pointer;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{align-items:center;background:var(--color-muted);border:1px solid var(--color-border);border-radius:24px;color:var(--color-muted-foreground);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{background:var(--color-border)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.role-filter{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);cursor:pointer;font-size:13px;outline:none;padding:8px 12px}.results-info{color:var(--color-muted-foreground);font-size:13px;margin-bottom:16px}.comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.comment-card{overflow:hidden;transition:all .2s ease}.comment-card:hover{box-shadow:var(--shadow-lg)}.comment-header{background:var(--color-muted);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;padding:16px 20px}.comment-header,.sender-info{align-items:center;display:flex;gap:12px}.sender-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-primary-foreground);display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.sender-name{color:var(--color-foreground);font-size:14px;font-weight:600}.sender-role{font-weight:400;margin-left:6px}.comment-time,.sender-role{color:var(--color-muted-foreground);font-size:11px}.comment-time{align-items:center;display:flex;gap:4px;margin-top:2px}.badge-container{display:flex;flex-wrap:wrap;gap:8px}.comment-body{padding:20px}.comment-text{color:var(--color-foreground);font-size:14px;line-height:1.6;margin:0 0 12px}.related-info{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.related-tag{align-items:center;background:var(--color-muted);border-radius:8px;color:var(--color-muted-foreground);display:inline-flex;font-size:11px;gap:4px;padding:4px 8px}.action-buttons{flex-wrap:wrap;gap:8px;margin-top:16px}.empty-state{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.empty-icon{color:var(--color-muted-foreground);margin-bottom:16px}.empty-state h3{color:var(--color-foreground);font-size:16px;margin:0 0 8px}.empty-state p{font-size:13px;margin:0}.modal-body{padding:20px}.reply-textarea{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);font-family:inherit;font-size:14px;outline:none;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.reply-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a}.modal-footer{padding:20px}.pagination{padding-top:20px}.page-info{color:var(--color-muted-foreground);font-size:13px}.pagination-btn{padding:8px 16px}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-direction:column}.search-input{width:100%}.comment-header{align-items:flex-start;flex-direction:column}.badge-container{width:100%}.pagination{align-items:center;flex-direction:column;gap:12px}}.dark .comment-header,.dark .related-tag{background:var(--color-muted)}.et-shell{--et-bg:#f6f8fb;--et-surface:#fff;--et-surface-2:#f8fafc;--et-border:#e6ebf2;--et-border-strong:#d4dbe5;--et-text:#0f172a;--et-text-muted:#64748b;--et-text-subtle:#94a3b8;--et-primary:#4f46e5;--et-primary-soft:#eef2ff;--et-success:#10b981;--et-success-soft:#ecfdf5;--et-danger:#ef4444;--et-danger-soft:#fef2f2;--et-warning:#f59e0b;--et-radius:14px;--et-radius-lg:18px;--et-radius-sm:10px;--et-shadow-sm:0 1px 2px #0f172a0a;--et-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--et-shadow-md:0 4px 12px #0f172a0f,0 2px 4px #0f172a0a;--et-shadow-lg:0 12px 32px #0f172a1a;--et-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);background:var(--et-bg);color:var(--et-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;margin:0 auto;max-width:1500px;min-height:100vh;padding:24px}.et-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.et-stat-card{align-items:center;background:var(--et-surface);border:1px solid var(--et-border);border-radius:var(--et-radius);box-shadow:var(--et-shadow-sm);display:flex;gap:16px;padding:20px;transition:var(--et-transition)}.et-stat-card:hover{border-color:var(--et-border-strong);box-shadow:var(--et-shadow-md);transform:translateY(-2px)}.et-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.et-stat-icon--primary{background:var(--et-primary-soft);color:var(--et-primary)}.et-stat-icon--success{background:var(--et-success-soft);color:var(--et-success)}.et-stat-icon--danger{background:var(--et-danger-soft);color:var(--et-danger)}.et-stat-meta{display:flex;flex-direction:column}.et-stat-value{color:var(--et-text);font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.et-stat-label{color:var(--et-text-muted);font-size:13px;font-weight:500;margin-top:4px}.et-alert{align-items:center;display:flex;gap:12px;margin-bottom:16px}.et-alert-close{background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;font-size:14px;margin-left:auto;opacity:.7;padding:4px 8px;transition:var(--et-transition)}.et-alert-close:hover{background:#0000000d;opacity:1}.et-toolbar{align-items:center;background:var(--et-surface);border:1px solid var(--et-border);border-radius:var(--et-radius);box-shadow:var(--et-shadow-sm);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:14px}.et-search{flex:0 1 360px;max-width:420px;min-width:240px;position:relative}.et-search-icon{color:var(--et-text-subtle);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.et-search-input{background:var(--et-surface-2);border:1px solid var(--et-border);border-radius:var(--et-radius-sm);color:var(--et-text);font-size:14px;height:40px;line-height:40px;outline:none;padding:0 40px 0 42px;transition:var(--et-transition);width:100%}.et-search-input:focus{background:var(--et-surface);border-color:var(--et-primary);box-shadow:0 0 0 3px #4f46e51f}.et-search-clear{align-items:center;background:var(--et-border);border:none;border-radius:50%;color:var(--et-text-muted);cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:var(--et-transition);width:22px}.et-search-clear:hover{background:var(--et-text-muted);color:#fff}.et-toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.et-chip-group{background:var(--et-surface-2);border:1px solid var(--et-border);border-radius:var(--et-radius-sm);display:inline-flex;padding:4px}.et-chip{background:#0000;border:none;border-radius:8px;color:var(--et-text-muted);cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:var(--et-transition)}.et-chip:hover{color:var(--et-text)}.et-chip.is-active{background:var(--et-surface);box-shadow:var(--et-shadow-sm);color:var(--et-primary)}.et-select-wrap{min-width:160px}.et-select{background:var(--et-surface);border:1px solid var(--et-border);border-radius:var(--et-radius-sm);color:var(--et-text);cursor:pointer;font-size:13px;font-weight:500;outline:none;padding:9px 12px;transition:var(--et-transition)}.et-select:hover{border-color:var(--et-border-strong)}.et-select:focus{border-color:var(--et-primary);box-shadow:0 0 0 3px #4f46e51f}.et-select-sm{font-size:12px;padding:7px 10px}.et-sort{align-items:center;background:var(--et-surface-2);border:1px solid var(--et-border);border-radius:var(--et-radius-sm);display:inline-flex;gap:6px;padding:4px 8px}.et-sort-icon{color:var(--et-text-subtle)}.et-sort .et-select{background:#0000;border:none;padding:4px 6px}.et-sort-order{align-items:center;background:var(--et-surface);border:1px solid var(--et-border);border-radius:6px;color:var(--et-text);cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:center;transition:var(--et-transition);width:26px}.et-sort-order:hover{background:var(--et-primary);border-color:var(--et-primary);color:#fff}.et-view-toggle{background:var(--et-surface-2);border:1px solid var(--et-border);border-radius:var(--et-radius-sm);display:inline-flex;padding:4px}.et-view-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:var(--et-text-muted);cursor:pointer;display:flex;padding:7px 10px;transition:var(--et-transition)}.et-view-btn:hover{color:var(--et-text)}.et-view-btn.is-active{background:var(--et-surface);box-shadow:var(--et-shadow-sm);color:var(--et-primary)}.et-export-btn{align-items:center;display:inline-flex;gap:6px}.et-results-info{color:var(--et-text-muted);font-size:13px;margin:8px 4px 16px}.et-results-info strong{color:var(--et-text);font-weight:600}.et-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:28px}.et-card{background:var(--et-surface);border:1px solid var(--et-border);border-radius:var(--et-radius-lg);box-shadow:var(--et-shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:var(--et-transition)}.et-card:hover{border-color:#c7cfdb;box-shadow:var(--et-shadow-lg);transform:translateY(-3px)}.et-card-banner{align-items:flex-end;background:radial-gradient(circle at 20% 50%,#4f46e526,#0000 60%),linear-gradient(135deg,#eef2ff,#f5f3ff);display:flex;height:80px;padding:0 20px;position:relative}.et-card-avatar{background:var(--et-surface-2);border:4px solid var(--et-surface);border-radius:50%;box-shadow:var(--et-shadow-md);flex-shrink:0;height:72px;overflow:hidden;transform:translateY(36px);width:72px}.et-card-avatar img,.et-card-avatar>div{height:100%;object-fit:cover;width:100%}.et-card-status{align-self:flex-start;margin-left:auto;padding-top:14px}.et-avatar-fallback{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-size:26px;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.et-avatar-fallback-sm{font-size:13px}.et-avatar-fallback-lg{font-size:36px}.et-card-body{flex:1 1;padding:48px 20px 16px}.et-card-name{color:var(--et-text);font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 4px}.et-card-position{align-items:center;color:var(--et-text-muted);display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin:0 0 16px}.et-card-info{border-top:1px dashed var(--et-border);display:flex;flex-direction:column;gap:8px;padding-top:14px}.et-info-row{grid-gap:10px;align-items:center;display:grid;font-size:12.5px;gap:10px;grid-template-columns:18px 70px 1fr}.et-info-ic{color:var(--et-text-subtle)}.et-info-lbl{color:var(--et-text-muted);font-size:12px;font-weight:500}.et-info-val{color:var(--et-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.et-info-val--strong{color:var(--et-primary);font-weight:700}.et-info-row--accent{border-top:1px solid var(--et-border);margin-top:4px;padding-top:6px}.et-card-actions{background:var(--et-surface-2);border-top:1px solid var(--et-border);padding:14px 20px 18px}.et-card-btn{align-items:center;display:inline-flex;gap:6px;justify-content:center;width:100%}.et-table-wrap{background:var(--et-surface);border:1px solid var(--et-border);border-radius:var(--et-radius);box-shadow:var(--et-shadow-sm);margin-bottom:28px;overflow:auto}.et-table{border-collapse:collapse;font-size:13px;min-width:1300px;width:100%}.et-table thead{background:var(--et-surface-2);border-bottom:1px solid var(--et-border)}.et-table th{color:var(--et-text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.et-table td{border-bottom:1px solid var(--et-border);color:var(--et-text);padding:12px 14px;vertical-align:middle}.et-table tbody tr{transition:background .15s ease}.et-table tbody tr:hover{background:var(--et-surface-2)}.et-table tbody tr:last-child td{border-bottom:none}.et-td-num,.et-th-num{color:var(--et-text-subtle);font-weight:600;width:50px}.et-td-name{color:var(--et-text);font-weight:600}.et-td-salary{color:var(--et-primary);font-weight:600;white-space:nowrap}.et-table-avatar{background:var(--et-surface-2);border:2px solid var(--et-surface);border-radius:50%;box-shadow:var(--et-shadow-sm);height:36px;overflow:hidden;width:36px}.et-table-avatar img,.et-table-avatar>div{height:100%;object-fit:cover;width:100%}.et-table-action{align-items:center;background:var(--et-surface);border:1px solid var(--et-border);border-radius:8px;color:var(--et-text-muted);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:var(--et-transition);width:32px}.et-table-action:hover{background:var(--et-primary);border-color:var(--et-primary);color:#fff;transform:translateY(-1px)}.et-empty{background:var(--et-surface);border:1px dashed var(--et-border-strong);border-radius:var(--et-radius-lg);grid-column:1/-1;padding:64px 24px;text-align:center}.et-empty--table{border:none;padding:56px 24px}.et-empty-icon{align-items:center;background:var(--et-primary-soft);border-radius:50%;color:var(--et-primary);display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.et-empty-title{color:var(--et-text);font-size:16px;font-weight:600;margin:0 0 6px}.et-empty-text{color:var(--et-text-muted);font-size:13px;margin:0}.et-pagination{border:1px solid var(--et-border);border-radius:var(--et-radius);box-shadow:var(--et-shadow-sm);display:flex;gap:16px;justify-content:center;padding:18px}.et-page-btn,.et-pagination{align-items:center;background:var(--et-surface)}.et-page-btn{border:1px solid var(--et-border);border-radius:var(--et-radius-sm);color:var(--et-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:9px 16px;transition:var(--et-transition)}.et-page-btn:hover:not(:disabled){background:var(--et-primary);border-color:var(--et-primary);color:#fff}.et-page-btn:disabled{cursor:not-allowed;opacity:.4}.et-page-info{color:var(--et-text-muted);font-size:13px}.et-page-info strong{color:var(--et-text);font-weight:600}.et-modal-inner{display:flex;flex-direction:column}.et-modal-hero{background:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#ec4899);color:#fff;overflow:hidden;padding:28px;position:relative}.et-modal-hero-bg{background:radial-gradient(circle at 80% 20%,#ffffff2e,#0000 50%),radial-gradient(circle at 10% 90%,#0000002e,#0000 50%);inset:0;position:absolute}.et-modal-hero-content{align-items:center;display:flex;gap:20px;position:relative}.et-modal-avatar{background:var(--et-surface-2);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 24px #0000004d;flex-shrink:0;height:100px;overflow:hidden;width:100px}.et-modal-avatar img,.et-modal-avatar>div{height:100%;object-fit:cover;width:100%}.et-modal-headings{display:flex;flex-direction:column;gap:4px}.et-modal-name{font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0}.et-modal-position{font-size:13px;margin:0 0 8px;opacity:.9}.et-modal-body{padding:24px 28px}.et-modal-section{margin-bottom:24px}.et-modal-section:last-child{margin-bottom:0}.et-modal-section-title{align-items:center;border-bottom:1px solid var(--et-border);color:var(--et-primary);display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.06em;margin:0 0 12px;padding-bottom:10px;text-transform:uppercase;width:100%}.et-modal-info-row{border-bottom:1px solid var(--et-border);display:flex;font-size:13px;padding:9px 0}.et-modal-info-row:last-child{border-bottom:none}.et-modal-info-label{color:var(--et-text-muted);flex:0 0 150px;font-size:12px;font-weight:500}.et-modal-info-value{color:var(--et-text);flex:1 1;font-weight:600;word-break:break-word}.et-modal-footer{background:var(--et-surface-2);border-top:1px solid var(--et-border);display:flex;gap:10px;justify-content:flex-end;padding:16px 28px}.et-loading{padding:24px}@keyframes etShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.et-sk-card,.et-sk-filters,.et-sk-header,.et-sk-stat{animation:etShimmer 1.4s linear infinite;background:linear-gradient(90deg,#eef2f7,#f8fafc 50%,#eef2f7);background-size:800px 100%;border-radius:var(--et-radius)}.et-sk-header{height:72px;margin-bottom:24px}.et-sk-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.et-sk-stat{height:88px}.et-sk-filters{height:64px;margin-bottom:16px}.et-sk-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.et-sk-card{border-radius:var(--et-radius-lg);height:280px}.et-spin{animation:etSpin 1s linear infinite}@keyframes etSpin{to{transform:rotate(1turn)}}@media (max-width:1024px){.et-toolbar-right{justify-content:flex-start;width:100%}}@media (max-width:768px){.et-shell{padding:16px}.et-grid,.et-stats{grid-template-columns:1fr}.et-toolbar{padding:12px}.et-search{max-width:none;min-width:100%}.et-export-btn span{display:none}.et-modal-hero{padding:22px}.et-modal-hero-content{flex-direction:column;text-align:center}.et-modal-avatar{height:84px;width:84px}.et-modal-body,.et-modal-footer{padding-left:18px;padding-right:18px}.et-modal-info-row{flex-direction:column;gap:2px}.et-modal-info-label{flex:none}.et-pagination{flex-direction:column;gap:10px}}@media (max-width:480px){.et-stat-value{font-size:22px}.et-chip-group,.et-view-toggle{flex:1 1}.et-chip{flex:1 1;text-align:center}}.payroll-container{animation:fadeInPage .4s ease-out;padding:0}.payroll-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:60vh}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.stat-card{background:var(--color-card);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card-primary{border-left-color:var(--color-primary)}.stat-card-danger{border-left-color:var(--color-destructive)}.stat-card-success{border-left-color:var(--color-success)}.stat-card-warning{border-left-color:var(--color-warning)}.stat-content{flex:1 1}.stat-label{color:var(--color-muted-foreground);font-size:12px;margin-bottom:4px}.stat-value{color:var(--color-foreground);font-size:24px;font-weight:700}.stat-icon{opacity:.7}.stat-card-primary .stat-icon{color:var(--color-primary)}.stat-card-danger .stat-icon{color:var(--color-destructive)}.stat-card-success .stat-icon{color:var(--color-success)}.stat-card-warning .stat-icon{color:var(--color-warning)}.filter-section{gap:16px}.form-group label{font-size:12px}.form-select{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);font-size:13px;padding:8px 12px;transition:border-color .2s ease}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.search-icon{left:10px}.search-input{padding-left:36px!important;width:250px}.text-right{text-align:right}.text-danger{color:var(--color-destructive)}.text-success{color:var(--color-success)}.font-bold{font-weight:700}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:1fr}.filter-section{align-items:stretch;flex-direction:column}.search-input{width:100%}.pagination{align-items:center;flex-direction:column;gap:12px}}.dark .stat-card{background:var(--color-card);border-color:var(--color-border)}.shop-report-container{animation:fadeInPage .5s cubic-bezier(.16,1,.3,1);padding:0}.shop-report-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:15px;font-weight:600;justify-content:center;letter-spacing:.01em;min-height:60vh}.totals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:28px}.total-card{align-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--color-card) 96%,#0000),var(--color-card));border:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);border-left-width:4px;border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0a;display:flex;isolation:isolate;justify-content:space-between;overflow:hidden;padding:22px 24px;position:relative;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .25s ease}.total-card:before{background:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,currentColor 8%,#0000),#0000 60%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .35s ease;z-index:-1}.total-card:hover{box-shadow:0 2px 4px #0f172a0d,0 16px 32px -8px #0f172a1f;transform:translateY(-3px)}.total-card:hover:before{opacity:1}.total-card-primary{border-left-color:var(--color-primary);color:var(--color-primary)}.total-card-success{border-left-color:var(--color-success);color:var(--color-success)}.total-card-warning{border-left-color:var(--color-warning);color:var(--color-warning)}.total-card-danger{border-left-color:var(--color-destructive);color:var(--color-destructive)}.total-content{flex:1 1;min-width:0}.total-label{color:var(--color-muted-foreground);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.total-value{font-feature-settings:"tnum";color:var(--color-foreground);font-size:26px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;line-height:1.15}.total-icon{background:color-mix(in srgb,currentColor 12%,#0000);border-radius:12px;display:grid;height:44px;place-items:center;transition:transform .3s ease;width:44px}.total-card:hover .total-icon{transform:scale(1.08) rotate(-3deg)}.filters-card{background:var(--color-card);border:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 1px 2px #0f172a08;margin-bottom:20px;padding:18px 20px}.filter-section{align-items:flex-end;display:flex;flex-wrap:wrap;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px;min-width:160px}.form-group label{color:var(--color-muted-foreground);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.form-input,.form-select{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md,10px);color:var(--color-foreground);font-size:13px;padding:9px 12px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.form-input:hover,.form-select:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border))}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 15%,#0000);outline:none}.form-select{cursor:pointer;min-width:170px}.search-wrapper{align-items:center;display:flex}.search-icon{color:var(--color-muted-foreground);left:12px;pointer-events:none;position:absolute;transition:color .2s ease}.search-wrapper:focus-within .search-icon{color:var(--color-primary)}.search-input{padding-left:38px!important;width:240px}.filter-actions{display:flex;gap:10px;margin-left:auto}.alert{align-items:center;animation:slideIn .3s ease;border:1px solid #0000;border-radius:10px;border-radius:var(--radius-md,10px);display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:16px;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:color-mix(in srgb,var(--color-destructive) 12%,#0000);border-color:color-mix(in srgb,var(--color-destructive) 30%,#0000);color:var(--color-destructive)}.alert-success{background:color-mix(in srgb,var(--color-success) 12%,#0000);border-color:color-mix(in srgb,var(--color-success) 30%,#0000);color:var(--color-success)}.alert .ml-auto{background:#0000;border:0;color:inherit;cursor:pointer;font-size:14px;margin-left:auto;opacity:.7;transition:opacity .2s ease}.alert .ml-auto:hover{opacity:1}.table-card{background:var(--color-card);border:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 1px 2px #0f172a08;overflow:hidden}.table-wrapper{scrollbar-color:color-mix(in srgb,var(--color-muted-foreground) 30%,#0000) #0000;scrollbar-width:thin}.table-wrapper::-webkit-scrollbar{height:10px;width:10px}.table-wrapper::-webkit-scrollbar-track{background:#0000}.table-wrapper::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-muted-foreground) 25%,#0000);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-muted-foreground) 45%,#0000);background-clip:padding-box}.data-table{border-collapse:initial;border-spacing:0;min-width:1100px}.table-header{background:color-mix(in srgb,var(--color-muted) 60%,#0000)}.data-table th{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--color-muted) 85%,var(--color-card));border-bottom:1px solid var(--color-border);font-size:11px;letter-spacing:.08em;padding:14px 16px;position:sticky;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.data-table td{border-bottom:1px solid color-mix(in srgb,var(--color-border) 60%,#0000);color:var(--color-foreground);padding:14px 16px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--color-muted) 30%,#0000)}.table-row:hover{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-card))!important}.employee-cell{align-items:center;display:flex;gap:10px}.employee-avatar{background:color-mix(in srgb,var(--color-primary) 14%,#0000);border-radius:50%;color:var(--color-primary);display:grid;flex-shrink:0;height:32px;place-items:center;width:32px}.amount-cell{font-feature-settings:"tnum";color:var(--color-foreground);font-variant-numeric:tabular-nums;font-weight:600}.empty-state{padding:72px 24px}.empty-icon{animation:floaty 3.5s ease-in-out infinite;background:color-mix(in srgb,var(--color-muted) 60%,#0000);border-radius:50%;display:inline-grid;font-size:52px;height:88px;margin:0 auto 16px;place-items:center;width:88px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pagination{border-top:1px solid color-mix(in srgb,var(--color-border) 70%,#0000);padding-top:18px}.pagination-info{font-feature-settings:"tnum";font-size:13px;font-variant-numeric:tabular-nums;font-weight:500}.pagination-btn{border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:0 1px 2px #0f172a0a;display:inline-flex;font-weight:500;padding:8px 14px;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.pagination-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 8%,var(--color-card));border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));box-shadow:0 4px 10px -2px #0f172a1a}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 25%,#0000);outline:none}.pagination-btn:disabled{opacity:.45}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shop-report-loading:after{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,color-mix(in srgb,var(--color-muted) 80%,#0000) 0,color-mix(in srgb,var(--color-muted-foreground) 25%,#0000) 50%,color-mix(in srgb,var(--color-muted) 80%,#0000) 100%);background-size:800px 100%;border-radius:6px;content:"";display:inline-block;height:10px;margin-left:12px;width:120px}@media (max-width:1024px){.totals-grid{gap:16px}.total-value{font-size:22px}}@media (max-width:768px){.totals-grid{gap:14px;grid-template-columns:1fr}.filter-section{align-items:stretch;flex-direction:column}.form-group{min-width:0;width:100%}.form-select,.search-input{min-width:0;width:100%!important}.filter-actions{justify-content:stretch;margin-left:0;width:100%}.filter-actions>*{flex:1 1}.data-table td,.data-table th{padding:12px}.pagination{flex-direction:column;gap:12px}}@media (max-width:480px){.total-card{padding:18px}.total-value{font-size:20px}.empty-state{padding:48px 16px}}.dark .total-card{background:linear-gradient(145deg,color-mix(in srgb,var(--color-card) 95%,#fff 2%),var(--color-card));border-color:color-mix(in srgb,var(--color-border) 80%,#0000);box-shadow:0 1px 2px #0000004d,0 8px 24px -6px #00000059}.dark .total-card:hover{box-shadow:0 2px 4px #00000059,0 20px 40px -10px #0000008c}.dark .filters-card,.dark .table-card{background:var(--color-card);border-color:color-mix(in srgb,var(--color-border) 80%,#0000)}.dark .data-table th{background:color-mix(in srgb,var(--color-muted) 70%,var(--color-card))}.dark .data-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--color-muted) 22%,#0000)}.dark .table-row:hover{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-card))!important}.dark .pagination-btn{box-shadow:0 1px 2px #0000004d}@media (prefers-reduced-motion:reduce){.alert,.empty-icon,.pagination-btn,.shop-report-container,.shop-report-loading:after,.spin,.table-row,.total-card{animation:none!important;transition:none!important}}.user-management-container{animation:fadeInPage .4s ease-out;padding:0}@keyframes fadeInPage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-management-loading{align-items:center;color:var(--color-muted-foreground);display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:60vh}.user-filter-card{margin-bottom:14px;min-height:auto}.user-filter-card.card{padding:10px 12px}.user-filter-card .filter-section{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;min-height:0}.user-filter-card .form-group{display:flex;flex-direction:column;gap:4px;margin:0}.user-filter-card .form-group label{color:var(--color-muted-foreground);font-size:12px;font-weight:600;line-height:1.2;margin:0}.user-filter-card .form-select{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);font-size:13px;height:36px;line-height:36px;min-width:140px;padding:0 10px;transition:border-color .2s ease}.user-filter-card .form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.user-filter-card .search-wrapper{align-items:center;display:flex;height:36px;max-width:100%;position:relative;width:280px}.user-filter-card .search-icon{color:var(--color-muted-foreground);left:10px;pointer-events:none;position:absolute}.user-filter-card .search-input{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-foreground);font-size:13px;height:36px;line-height:36px;padding:0 12px 0 36px!important;width:100%}.user-filter-card .search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.user-filter-card .filter-action-btn{align-self:flex-end;height:36px;padding:0 12px}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;font-size:13px;min-width:1000px;width:100%}.table-header{background:var(--color-muted);border-bottom:1px solid var(--color-border)}.data-table th{color:var(--color-muted-foreground);font-weight:600;padding:12px;text-align:left}.data-table td{border-bottom:1px solid var(--color-border);padding:12px;vertical-align:middle}.table-row{transition:background .2s ease}.table-row:hover{background:var(--color-muted)}.font-medium{font-weight:500}.text-center{text-align:center}.action-buttons{display:flex;gap:6px;justify-content:center}.action-btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s ease}.action-btn:hover{transform:translateY(-2px)}.action-btn-edit{background:var(--color-info);color:var(--color-info-foreground)}.action-btn-password{background:var(--color-warning);color:var(--color-warning-foreground)}.action-btn-deactivate{background:var(--color-destructive);color:var(--color-destructive-foreground)}.action-btn-activate{background:var(--color-success);color:var(--color-success-foreground)}.action-btn-delete{background:var(--color-destructive);color:var(--color-destructive-foreground)}.empty-state{color:var(--color-muted-foreground);padding:60px;text-align:center}.empty-icon{display:block;font-size:48px;margin-bottom:12px}.pagination{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:16px;justify-content:center;margin-top:24px;padding-top:16px}.pagination-info{color:var(--color-muted-foreground);font-size:14px}.pagination-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--color-muted);transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.modal-body{display:flex;flex-direction:column;gap:12px;padding:24px}.modal-hint{color:var(--color-muted-foreground);font-size:13px;margin-bottom:12px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:8px}.checkbox-label input{height:16px;width:16px}.modal-footer{border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.spin{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.user-filter-card.card{padding:10px}.user-filter-card .filter-section{align-items:stretch;flex-direction:column;gap:8px}.user-filter-card .filter-action-btn,.user-filter-card .form-select,.user-filter-card .search-wrapper{min-width:0;width:100%}.pagination{align-items:center;flex-direction:column;gap:12px}}.dark .data-table th,.dark .table-row:hover{background:var(--color-muted)}.dark .pagination-btn{background:var(--color-card);border-color:var(--color-border)}.session-timeout-overlay{animation:sessionFadeIn .18s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a94;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:9999}.session-timeout-dialog{animation:sessionSlideUp .22s ease-out;background:#fff;background:var(--color-card,#fff);border:1px solid #94a3b847;border:1px solid var(--color-border,#94a3b847);border-radius:8px;box-shadow:0 24px 80px #0f172a3d;color:#0f172a;color:var(--color-foreground,#0f172a);padding:28px;width:min(440px,100%)}.session-timeout-icon{background:#fffbeb;border-radius:8px;color:#b45309;display:grid;height:56px;margin-bottom:18px;place-items:center;width:56px}.session-timeout-content h2{font-size:21px;letter-spacing:0;line-height:1.25;margin:0 0 8px}.session-timeout-content p{color:#64748b;color:var(--color-muted-foreground,#64748b);font-size:14px;line-height:1.55;margin:0}.session-timeout-countdown{font-feature-settings:"tnum";align-items:center;color:#0f172a;color:var(--color-foreground,#0f172a);display:flex;font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;gap:8px;margin-top:18px}.session-timeout-progress{background:#e2e8f0;background:var(--color-muted,#e2e8f0);border-radius:999px;height:8px;margin-top:14px;overflow:hidden}.session-timeout-progress span{background:linear-gradient(90deg,#f59e0b,#dc2626);border-radius:inherit;display:block;height:100%;transition:width .25s linear}.session-timeout-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.session-timeout-actions button{border:1px solid #0000;border-radius:8px;cursor:pointer;font-weight:700;min-height:40px;padding:0 16px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.session-timeout-actions button:active{transform:translateY(1px)}.session-timeout-primary{background:#2563eb;box-shadow:0 10px 24px #2563eb40;color:#fff}.session-timeout-secondary{align-items:center;background:#0000;border-color:#cbd5e1!important;border-color:var(--color-border,#cbd5e1)!important;color:#475569;color:var(--color-muted-foreground,#475569);display:inline-flex;gap:8px}@media (prefers-color-scheme:dark){.session-timeout-dialog{background:#111827;background:var(--color-card,#111827);border-color:#94a3b833;color:#f8fafc;color:var(--color-foreground,#f8fafc)}.session-timeout-icon{background:#fbbf241f;color:#fbbf24}.session-timeout-progress{background:#94a3b82e}}@media (max-width:480px){.session-timeout-dialog{padding:22px}.session-timeout-actions{flex-direction:column-reverse}.session-timeout-actions button{width:100%}}@keyframes sessionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sessionSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--radius:8px;--radius-sm:6px;--radius-md:8px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--color-background:#f6f8fb;--color-foreground:#142033;--color-card:#fff;--color-card-foreground:#142033;--color-popover:#fff;--color-popover-foreground:#142033;--color-primary:#0f7a4f;--color-primary-dark:#0b5f3e;--color-primary-light:#0f7a4f24;--color-primary-pale:#eaf7f0;--color-primary-foreground:#fff;--color-primary-foreground-light:#ffffff2e;--color-secondary:#2563eb;--color-secondary-dark:#1d4ed8;--color-secondary-light:#2563eb1f;--color-secondary-foreground:#fff;--color-muted:#eef3f8;--color-muted-foreground:#66758a;--color-accent:#2563eb;--color-accent-foreground:#fff;--color-success:#0f9f6e;--color-success-dark:#08784f;--color-success-light:#e7f7ef;--color-success-foreground:#fff;--color-warning:#d98b0b;--color-warning-dark:#9f6206;--color-warning-light:#fff4db;--color-warning-foreground:#fff;--color-destructive:#dc2626;--color-destructive-dark:#991b1b;--color-destructive-light:#fee8e8;--color-destructive-foreground:#fff;--color-info:#2563eb;--color-info-dark:#1e40af;--color-info-light:#e8f0ff;--color-info-foreground:#fff;--color-border:#dbe4ee;--color-border-soft:#edf2f7;--color-input:#dbe4ee;--color-ring:#0f7a4f;--color-overlay:#0f172a8f;--shadow-xs:0 1px 1px #0f172a0a;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 20px #0f172a14;--shadow-lg:0 14px 34px #0f172a1f;--shadow-xl:0 24px 54px #0f172a29;--shadow-2xl:0 30px 70px #0f172a38;--gradient-primary:linear-gradient(135deg,#0f7a4f,#12956a);--gradient-secondary:linear-gradient(135deg,#2563eb,#1d4ed8);--surface-gradient:linear-gradient(180deg,#fff,#fbfdff);--sidebar-bg:#0b2f1c;--sidebar-bg-2:#0e3b23;--sidebar-border:#ffffff1a;color-scheme:light}.dark{--color-background:#111827;--color-foreground:#eef2f7;--color-card:#182233;--color-card-foreground:#eef2f7;--color-popover:#182233;--color-popover-foreground:#eef2f7;--color-primary:#42c987;--color-primary-dark:#22a86a;--color-primary-light:#42c9872e;--color-primary-pale:#42c9871f;--color-primary-foreground:#07140d;--color-primary-foreground-light:#07140d29;--color-secondary:#6ea8ff;--color-secondary-dark:#3b82f6;--color-secondary-light:#6ea8ff29;--color-muted:#202b3d;--color-muted-foreground:#a8b3c5;--color-success:#42c987;--color-success-dark:#8de5b9;--color-success-light:#42c98729;--color-warning:#f5b849;--color-warning-dark:#ffd38a;--color-warning-light:#f5b84929;--color-destructive:#f87171;--color-destructive-dark:#fecaca;--color-destructive-light:#f8717129;--color-info:#6ea8ff;--color-info-dark:#bfdbfe;--color-info-light:#6ea8ff29;--color-border:#2b384c;--color-border-soft:#243246;--color-input:#334155;--color-overlay:#020617b8;--surface-gradient:linear-gradient(180deg,#182233,#151f2f);--sidebar-bg:#0c151f;--sidebar-bg-2:#132131;--sidebar-border:#ffffff14;--shadow-xs:0 1px 1px #00000047;--shadow-sm:0 2px 8px #00000047;--shadow-md:0 10px 24px #00000057;--shadow-lg:0 18px 44px #0000006b;--shadow-xl:0 28px 64px #0000007a;color-scheme:dark}html{background:#f6f8fb;background:var(--color-background)}body,html{min-width:320px}body{background:radial-gradient(circle at top left,#0f7a4f14,#0000 34rem),linear-gradient(180deg,#f6f8fb,#eef3f8);background:radial-gradient(circle at top left,#0f7a4f14,#0000 34rem),linear-gradient(180deg,var(--color-background) 0,#eef3f8 100%);color:#142033;color:var(--color-foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;letter-spacing:0;margin:0;overflow-x:hidden}.dark body,body.dark{background:radial-gradient(circle at top left,#42c98714,#0000 34rem),#f6f8fb;background:radial-gradient(circle at top left,#42c98714,#0000 34rem),var(--color-background)}*{min-width:0}button,input,select,textarea{font:inherit}a,button,input,select,textarea{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease,opacity .16s ease}h1,h2,h3,h4,h5,h6{color:#142033;color:var(--color-foreground);letter-spacing:0}p{color:inherit}img,svg{max-width:100%}.content-area,.main-layout{background:#0000!important}.content-area{margin-top:60px!important;margin-inline:auto;max-width:1680px;padding:clamp(16px,2.1vw,32px)!important;width:100%}.main-content{min-width:0}.sidebar{background:#0b2f1c!important;background:var(--sidebar-bg)!important;border-right:1px solid #ffffff1a!important;border-right:1px solid var(--sidebar-border)!important;box-shadow:8px 0 30px #02061729!important}.sidebar-footer,.sidebar-header{background:#0e3b23!important;background:var(--sidebar-bg-2)!important;border-color:#ffffff1a!important;border-color:var(--sidebar-border)!important}.sidebar-nav-item{border-radius:8px!important;border-radius:var(--radius-md)!important;color:#ffffffd6!important;min-height:38px}.sidebar-nav-item--active,.sidebar-nav-item:hover{background:#ffffff21!important;border-color:#ffffff29!important;color:#fff!important;transform:translateX(2px)!important}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b2f1cf5!important;border-bottom:1px solid #ffffff1a!important;box-shadow:0 8px 22px #02061724!important;height:60px!important}.dark .topbar{background:#0c151ff5!important}.topbar-title{font-size:15px!important;font-weight:700!important;letter-spacing:0!important}.accountant-dashboard,.admin-dashboard,.attendance-report-container,.comments-container,.create-request-container,.credit-report-container,.dashboard-container,.district-management,.employee-form-container,.et-shell,.page-content,.profile-container,.reports-container,.request-management,.salary-calculator-container,.sector-management,.settings-container,.shop-report-container,.shopkeeper-dashboard,.stock-management,.storekeeper-dashboard,.superadmin-dashboard,.superadmin-employees,.users-page{display:flex;flex-direction:column;gap:20px;max-width:100%;width:100%}.admin-header,.dashboard-header,.et-header,.form-header,.management-header,.page-header,.profile-header,.report-header,.salary-calculator-title,.section-header,.settings-header,.users-header{color:#142033!important;color:var(--color-foreground)!important;letter-spacing:0!important;margin:0 0 4px!important}.admin-header,.dashboard-header,.et-header,.form-header,.management-header,.page-header,.profile-header,.report-header,.settings-header,.users-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.card,.comment-card,.credit-card,.data-table-wrapper,.district-card,.employee-card,.et-card,.et-modal-section,.et-stat-card,.filter-box,.filter-card,.filter-section,.filters-card,.insights-card,.loan-card,.product-card,.profile-card,.quick-action-card,.report-card,.request-card,.salary-calculator-details-card,.salary-calculator-employee-list,.salary-calculator-filter-card,.sector-card,.sector-group,.settings-card,.stat-card,.stock-card,.table-container,.table-wrapper,.transactions-card,.user-card{background:linear-gradient(180deg,#fff,#fbfdff)!important;background:var(--surface-gradient)!important;border:1px solid #dbe4ee!important;border:1px solid var(--color-border)!important;border-radius:8px!important;border-radius:var(--radius-lg)!important;box-shadow:0 1px 2px #0f172a0f!important;box-shadow:var(--shadow-sm)!important;color:#142033!important;color:var(--color-card-foreground)!important}.card,.comment-card,.credit-card,.district-card,.employee-card,.et-card,.et-stat-card,.insights-card,.loan-card,.product-card,.profile-card,.quick-action-card,.report-card,.request-card,.sector-card,.sector-group,.settings-card,.stat-card,.stock-card,.transactions-card,.user-card{overflow:hidden}.card:hover,.credit-card:hover,.district-card:hover,.employee-card:hover,.et-stat-card:hover,.loan-card:hover,.product-card:hover,.quick-action-card:hover,.request-card:hover,.sector-card:hover,.stat-card:hover,.stock-card:hover,.user-card:hover{border-color:#0f7a4f4d!important;box-shadow:0 8px 20px #0f172a14!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)}.card-header,.modal-header,.section-title-row,.table-header-section{background:linear-gradient(180deg,#eef3f8,#fff0)!important;background:linear-gradient(180deg,var(--color-muted) 0,#fff0 100%)!important;border-bottom:1px solid #dbe4ee!important;border-bottom:1px solid var(--color-border)!important}.card-title,.insight-label,.quick-action-title,.section-title,.sector-title{color:#142033!important;color:var(--color-foreground)!important;letter-spacing:0!important}.cards-grid,.dashboard-grid,.et-stats,.insights-grid,.metrics-grid,.quick-actions-grid,.stats-grid,.summary-grid{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important}.stat-card{align-items:center;display:flex;gap:14px;justify-content:space-between;min-height:112px;padding:18px!important}.et-stat-value,.insight-value,.metric-value,.stat-value{color:#142033!important;color:var(--color-foreground)!important;font-size:clamp(1.45rem,2.1vw,2rem)!important;font-weight:800!important;letter-spacing:0!important;line-height:1.1!important}.card-description,.empty-state,.et-stat-label,.metric-label,.pagination-info,.quick-action-desc,.stat-label{color:#66758a!important;color:var(--color-muted-foreground)!important}.et-stat-icon,.quick-action-icon,.stat-icon{background:#0f7a4f24!important;background:var(--color-primary-light)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;color:#0f7a4f!important;color:var(--color-primary)!important;flex:0 0 auto}.et-stat-icon--primary,.stat-card-primary .stat-icon,.stat-card-success .stat-icon{background:#e7f7ef!important;background:var(--color-success-light)!important;color:#0f9f6e!important;color:var(--color-success)!important}.stat-card-orange .stat-icon,.stat-card-warning .stat-icon{background:#fff4db!important;background:var(--color-warning-light)!important;color:#d98b0b!important;color:var(--color-warning)!important}.stat-card-danger .stat-icon{background:#fee8e8!important;background:var(--color-destructive-light)!important;color:#dc2626!important;color:var(--color-destructive)!important}.filter-box,.filter-card,.filter-section,.filters-card{padding:16px!important}.action-row,.filter-row,.filters-row,.form-row,.search-filter-row{align-items:end;display:flex;flex-wrap:wrap;gap:12px}.filter-group,.form-group,.search-wrapper{min-width:min(100%,220px)}.search-wrapper{flex:1 1 280px;position:relative}.search-icon{color:#66758a!important;color:var(--color-muted-foreground)!important}.editable-field,.form-input,.form-select,.input,.search-input,input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background:#fff!important;background:var(--color-card)!important;border:1px solid #dbe4ee!important;border:1px solid var(--color-input)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;box-shadow:0 1px 1px #0f172a0a!important;box-shadow:var(--shadow-xs)!important;color:#142033!important;color:var(--color-foreground)!important;min-height:40px;outline:none;width:100%}.editable-field,.form-input,.form-select,.search-input,input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{padding:9px 12px}textarea{min-height:96px;resize:vertical}.editable-field:focus,.form-input:focus,.form-select:focus,.input:focus,.search-input:focus,input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus{border-color:#0f7a4f!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #0f7a4f24,0 1px 2px #0f172a0f!important;box-shadow:0 0 0 3px var(--color-primary-light),var(--shadow-sm)!important}.form-label,.input-label,label{color:#142033!important;color:var(--color-foreground)!important;font-size:13px!important;font-weight:700!important;letter-spacing:0!important}.action-btn,.btn,.cancel-btn,.delete-btn,.edit-btn,.export-btn,.filter-btn,.pagination-btn,.quick-action-btn,.refresh-btn,.save-btn,.submit-btn,.tab,.view-all-btn,.view-btn,button[class*=btn]{border-radius:8px!important;border-radius:var(--radius-md)!important;box-shadow:0 1px 1px #0f172a0a!important;box-shadow:var(--shadow-xs)!important;font-weight:700!important;letter-spacing:0!important;min-height:38px}.btn--primary,.export-btn,.filter-btn,.primary-btn,.quick-action-btn,.refresh-btn,.save-btn,.submit-btn,button.primary{background:linear-gradient(135deg,#0f7a4f,#12956a)!important;background:var(--gradient-primary)!important;border-color:#0000!important;color:#fff!important;color:var(--color-primary-foreground)!important}.btn--secondary,.cancel-btn,.pagination-btn,.tab,.view-all-btn,.view-btn{background:#fff!important;background:var(--color-card)!important;border:1px solid #dbe4ee!important;border:1px solid var(--color-border)!important;color:#142033!important;color:var(--color-foreground)!important}.btn--danger,.danger-btn,.delete-btn{background:#dc2626!important;background:var(--color-destructive)!important;color:#fff!important;color:var(--color-destructive-foreground)!important}.action-btn:hover:not(:disabled),.btn:hover:not(:disabled),.cancel-btn:hover:not(:disabled),.delete-btn:hover:not(:disabled),.edit-btn:hover:not(:disabled),.export-btn:hover:not(:disabled),.filter-btn:hover:not(:disabled),.pagination-btn:hover:not(:disabled),.quick-action-btn:hover,.refresh-btn:hover:not(:disabled),.save-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled),.view-all-btn:hover,.view-btn:hover,button[class*=btn]:hover:not(:disabled){box-shadow:0 8px 20px #0f172a14!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)}.btn--disabled,button:disabled{cursor:not-allowed!important;opacity:.55!important}.data-table-wrapper,.table-container,.table-wrapper{overflow:hidden!important}.data-table-container,.table-container,.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.data-table,.table,table{border-collapse:initial!important;border-spacing:0!important;color:#142033!important;color:var(--color-foreground)!important;width:100%}.data-table td,.data-table th,.table td,.table th,table td,table th{border-bottom:1px solid #dbe4ee!important;border-bottom:1px solid var(--color-border)!important;padding:12px 14px!important;vertical-align:middle!important}.data-table th,.data-table-header-cell,.table th,table th{background:#eef3f8!important;background:var(--color-muted)!important;color:#66758a!important;color:var(--color-muted-foreground)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;white-space:nowrap}.data-table td,.data-table-cell,.table td,table td{color:#142033!important;color:var(--color-foreground)!important;font-size:13px!important;font-weight:500!important}.data-table tbody tr,.table tbody tr,table tbody tr{background:#fff;background:var(--color-card)}.data-table tbody tr:hover,.table tbody tr:hover,table tbody tr:hover{background:#eef3f8!important;background:var(--color-muted)!important;transform:none!important}.badge,.pill,.role-badge,.status,.status-badge,.tab.active{align-items:center;border:1px solid #0000;border-radius:999px!important;display:inline-flex;font-size:12px!important;font-weight:800!important;gap:6px;justify-content:center;letter-spacing:0!important;line-height:1.2;min-height:24px;padding:4px 10px!important}.approved,.badge--success,.present,.role-active,.status-active,.status-success{background:#e7f7ef!important;background:var(--color-success-light)!important;color:#08784f!important;color:var(--color-success-dark)!important}.badge--warning,.late,.pending,.permission,.status-warning{background:#fff4db!important;background:var(--color-warning-light)!important;color:#9f6206!important;color:var(--color-warning-dark)!important}.absent,.badge--danger,.rejected,.role-inactive,.status-danger,.status-inactive{background:#fee8e8!important;background:var(--color-destructive-light)!important;color:#991b1b!important;color:var(--color-destructive-dark)!important}.badge--info,.badge--secondary,.status-info{background:#e8f0ff!important;background:var(--color-info-light)!important;color:#1e40af!important;color:var(--color-info-dark)!important}.data-table-pagination,.pagination,.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:14px 0}.alert,[role=alert]{border:1px solid #dbe4ee!important;border:1px solid var(--color-border)!important;border-radius:8px!important;border-radius:var(--radius-lg)!important;box-shadow:0 1px 2px #0f172a0f!important;box-shadow:var(--shadow-sm)!important}.modal-overlay{background:#0f172a8f!important;background:var(--color-overlay)!important;padding:16px!important}.dialog-content,.modal{background:#fff!important;background:var(--color-card)!important;border:1px solid #dbe4ee!important;border:1px solid var(--color-border)!important;border-radius:10px!important;border-radius:var(--radius-xl)!important;box-shadow:0 30px 70px #0f172a38!important;box-shadow:var(--shadow-2xl)!important}.modal-content{padding:20px!important}.data-table-empty,.empty-state{align-items:center;display:flex;gap:10px;justify-content:center;min-height:150px;text-align:center}.data-table-loading-spinner,.loading-spinner,.spinner{border-color:#eef3f8!important;border-color:var(--color-muted)!important;border-top-color:#0f7a4f!important;border-top-color:var(--color-primary)!important}.tabs{border-bottom:1px solid #dbe4ee;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:8px;padding-bottom:8px}.tab{padding:8px 12px!important}.tab.active{border-color:#0f7a4f24!important;border-color:var(--color-primary-light)!important}@media (max-width:1023px){.main-content--with-sidebar{margin-left:0!important}.topbar{left:0!important}.content-area{margin-top:56px!important}}@media (max-width:767px){.content-area{padding:14px!important}.admin-header,.dashboard-header,.et-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,.stats-grid,.summary-grid{grid-template-columns:1fr!important}.action-row,.filter-row,.filters-row,.form-row,.search-filter-row{align-items:stretch;flex-direction:column}.filter-group,.form-group,.search-wrapper{min-width:100%;width:100%}.data-table-container,.table-container,.table-wrapper{margin-inline:-2px}.data-table,.table,table{min-width:680px}.stat-card{min-height:96px}.modal{max-height:calc(100vh - 28px)!important;max-width:100%!important;width:100%!important}}@media (max-width:479px){.content-area{padding:12px!important}.topbar-title{max-width:52vw!important}.card,.comment-card,.filter-card,.filter-section,.filters-card,.profile-card,.quick-action-card,.report-card,.settings-card,.stat-card,.table-container,.table-wrapper{border-radius:8px!important;border-radius:var(--radius-md)!important}.btn,button[class*=btn]{width:100%}.pagination-btn,.profile-trigger,.sidebar button,.topbar button,.view-btn{width:auto}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--content-gap:16px;--card-pad:16px;--card-pad-sm:12px;--control-height:38px;--stat-card-height:104px;--section-max-width:1560px}.content-area>*{max-width:1560px;max-width:var(--section-max-width)}.accountant-dashboard,.admin-dashboard,.attendance-report-container,.comments-container,.create-request-container,.credit-report-container,.dashboard-container,.district-management,.employee-form-container,.et-shell,.page-content,.profile-container,.reports-container,.request-management,.salary-calculator-container,.sector-management,.settings-container,.shop-report-container,.shopkeeper-dashboard,.stock-management,.storekeeper-dashboard,.superadmin-dashboard,.superadmin-employees,.users-page{gap:16px!important;gap:var(--content-gap)!important}.card,.comment-card,.contact-card,.credit-card,.data-table-wrapper,.district-card,.employee-card,.et-card,.et-modal-section,.et-stat-card,.feature-card-item,.filter-box,.filter-card,.filter-section,.filters-card,.insights-card,.legal-card-item,.loan-card,.modal-card,.product-card,.profile-card,.quick-action-card,.report-card,.request-card,.salary-calculator-details-card,.salary-calculator-employee-list,.salary-calculator-filter-card,.sector-card,.sector-group,.settings-card,.skeleton-card,.stat-card,.stock-card,.table-container,.table-wrapper,.team-card-item,.transactions-card,.user-card{border-radius:8px!important;border-radius:var(--radius-lg)!important;box-shadow:0 1px 2px #0f172a0d,0 8px 18px rgba(15,23,42,.055)!important}.card--padding-large,.card--padding-medium,.card--padding-small,.card-content,.comment-card,.credit-card,.district-card,.employee-card,.et-card,.loan-card,.product-card,.profile-card,.report-card,.request-card,.salary-calculator-details-card,.salary-calculator-employee-list,.sector-card,.sector-group,.settings-card,.stock-card,.user-card{padding:16px!important;padding:var(--card-pad)!important}.card--padding-none,.data-table-wrapper,.table-container,.table-wrapper,.transactions-card{padding:0!important}.card-header,.data-table-header,.et-card-header,.modal-header,.section-title-row,.table-header-section{align-items:center;display:flex;gap:12px;justify-content:space-between;min-height:52px;padding:14px 16px!important}.admin-header,.dashboard-header,.et-header,.form-header,.management-header,.page-header,.profile-header,.report-header,.settings-header,.users-header{margin-bottom:2px!important;padding:0!important}.admin-header h1,.dashboard-header h1,.et-header h1,.form-header h1,.management-header h1,.page-header-title,.profile-header h1,.report-header h1,.salary-calculator-title,.settings-header h1,.users-header h1,h1{font-size:clamp(1.35rem,1.1rem + .7vw,1.9rem)!important;font-weight:800!important;line-height:1.15!important}.admin-header p,.card-description,.dashboard-header p,.description,.form-header p,.management-header p,.page-header-subtitle,.profile-header p,.report-header p,.settings-header p,.subtitle{color:#66758a!important;color:var(--color-muted-foreground)!important;font-size:13px!important;line-height:1.55!important;max-width:72ch}h2{font-size:clamp(1.15rem,1rem + .45vw,1.45rem)!important}.card-title,.section-header,.section-title,.sector-title,h3{font-size:15px!important;font-weight:800!important;line-height:1.3!important}h4,h5,h6{line-height:1.35!important}.cards-grid,.dashboard-grid,.et-stats,.insights-grid,.metrics-grid,.quick-actions-grid,.stats-grid,.summary-grid{align-items:stretch!important;gap:14px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important}.et-stat-card,.insight-item,.stat-card{align-items:center!important;height:100%!important;min-height:104px!important;min-height:var(--stat-card-height)!important;padding:14px 16px!important}.et-stat-meta,.insight-content,.stat-card-body,.stat-card-content,.stat-content{display:flex!important;flex-direction:column!important;gap:4px!important;justify-content:center!important;min-width:0}.stat-card-header{gap:8px!important}.et-stat-value,.insight-value,.metric-value,.stat-card-value,.stat-number,.stat-value{font-size:clamp(1.35rem,1rem + 1vw,1.85rem)!important;line-height:1.05!important;overflow-wrap:anywhere;white-space:normal!important}.et-stat-label,.insight-label,.metric-label,.stat-card-title,.stat-label{font-size:12px!important;font-weight:700!important;line-height:1.3!important;text-transform:none!important}.et-stat-icon,.insight-icon,.quick-action-icon,.stat-icon{align-items:center!important;display:inline-flex!important;height:42px!important;justify-content:center!important;min-width:42px!important;padding:9px!important;width:42px!important}.et-stat-icon svg,.insight-icon svg,.quick-action-icon svg,.stat-icon svg{height:20px!important;width:20px!important}.dashboard-section,.form-section,.insights-section,.quick-actions-section,.report-section,.settings-section,.table-section,.transactions-section{display:flex;flex-direction:column;gap:12px}.quick-action-card{grid-gap:9px!important;align-content:start;display:grid!important;gap:9px!important;grid-template-rows:auto auto 1fr auto;min-height:136px!important;padding:16px!important}.quick-action-title{font-size:14px!important;margin:0!important}.quick-action-desc{font-size:12.5px!important;line-height:1.45!important;margin:0!important}.action-btn,.btn,.cancel-btn,.dashboard-button,.delete-btn,.edit-btn,.export-btn,.filter-btn,.mobile-menu-button,.pagination-btn,.quick-action-btn,.refresh-btn,.save-btn,.submit-btn,.topbar-action,.view-all-btn,.view-btn{font-size:13px!important;line-height:1.2!important;min-height:38px!important;min-height:var(--control-height)!important;padding:8px 12px!important}.btn--small{font-size:12px!important;min-height:32px!important;padding:6px 10px!important}.btn--large{font-size:14px!important;min-height:42px!important;padding:10px 16px!important}.btn--icon,.icon-btn,button[aria-label]{min-width:38px!important;min-width:var(--control-height)!important;padding:8px!important;width:38px!important;width:var(--control-height)!important}.filter-box,.filter-card,.filter-section,.filters-card,.salary-calculator-filter-card{padding:14px!important}.action-row,.data-table-actions,.filter-row,.filters-row,.form-row,.page-header-actions,.search-filter-row{gap:10px!important}.filter-group,.form-group{display:flex;flex-direction:column;gap:6px}.editable-field,.form-input,.form-select,.input,.search-input,input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{font-size:13px!important;line-height:1.35!important;min-height:38px!important;min-height:var(--control-height)!important}.input--large,.input--medium,.input--small{font-size:13px!important;min-height:38px!important;min-height:var(--control-height)!important;padding-bottom:8px!important;padding-top:8px!important}.form-label,.input-label,label{font-size:12.5px!important;line-height:1.25!important;margin-bottom:0!important}.data-table-header{flex-wrap:wrap}.data-table-search{flex:1 1 260px!important;max-width:420px!important}.data-table-wrapper,.table-container,.table-wrapper{border-radius:8px!important;border-radius:var(--radius-lg)!important}.data-table,.table,table{font-size:13px!important}.data-table td,.data-table th,.data-table-cell,.data-table-header-cell,.table td,.table th,table td,table th{padding:10px 12px!important}.data-table th,.data-table-header-cell,.table th,table th{font-size:11px!important;height:42px!important}.data-table td,.data-table-cell,.table td,table td{height:44px!important;line-height:1.35!important}.accountant-dashboard-loading,.admin-dashboard-loading,.attendance-loading,.data-table-empty,.data-table-loading,.empty-state,.table-empty,.table-loading{color:#66758a!important;color:var(--color-muted-foreground)!important;font-size:13px!important;min-height:132px!important;padding:28px 18px!important}.data-table-empty-icon,.empty-icon,.table-empty-icon{font-size:34px!important;opacity:.55!important}.badge,.pill,.role-badge,.status,.status-badge,.tab.active{font-size:11.5px!important;min-height:22px!important;padding:3px 8px!important}.dialog-content,.modal,.modal-card{width:min(760px,calc(100vw - 32px))!important}.modal--small{width:min(420px,calc(100vw - 32px))!important}.about-modal,.contact-modal,.modal--full,.modal--large{width:min(920px,calc(100vw - 32px))!important}.modal-body,.modal-content{padding:18px!important}.modal-header h2,.modal-header h3,.modal-title{font-size:17px!important;line-height:1.25!important}.profile-menu{border-radius:10px!important;border-radius:var(--radius-xl)!important;width:min(320px,calc(100vw - 24px))!important}.profile-menu-header{padding:16px!important}.profile-menu-avatar{height:48px!important;width:48px!important}.profile-menu-item{margin:0 6px!important;padding:10px 12px!important}.sidebar-nav{padding:12px 10px!important}.sidebar-nav-item{font-size:12.5px!important;min-height:36px!important;padding:8px 10px!important}.sidebar-logo{font-size:17px!important}.sidebar-user-info{padding:8px!important}.topbar-actions,.topbar-left,.topbar-right{gap:8px!important}.date-display,.profile-trigger{min-height:36px!important}.profile-avatar{height:30px!important;width:30px!important}.profile-name{font-size:12.5px!important}.profile-role{font-size:9.5px!important}.credit-card,.district-card,.employee-card,.loan-card,.product-card,.request-card,.sector-card,.stock-card,.user-card{min-height:0!important}.comment-card p,.credit-card p,.district-card p,.employee-card p,.loan-card p,.product-card p,.request-card p,.sector-card p,.stock-card p,.user-card p{font-size:13px!important;line-height:1.45!important;margin-bottom:6px!important;margin-top:0!important}.credit-card h3,.district-card h3,.employee-card h3,.loan-card h3,.product-card h3,.request-card h3,.sector-card h3,.stock-card h3,.user-card h3{margin:0 0 6px!important}.districts-grid,.employee-grid,.products-grid,.reports-grid,.requests-grid,.salary-calculator-grid,.sectors-grid,.settings-grid,.stock-grid,.users-grid{grid-gap:14px!important;align-items:start!important;display:grid!important;gap:14px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important}.salary-calculator-details-card,.salary-calculator-employee-list{max-height:none!important}.amount-cell,.credit-amount,.currency,.financialValue,.price-cell,.salary,.total-cell,td[style*=right]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.login-card{border-radius:24px!important;box-shadow:0 24px 60px #0f172a24!important}.login-header h2{font-size:clamp(1.45rem,1.2rem + .6vw,1.9rem)!important}.login-button{min-height:48px!important}@media (min-width:1280px){.content-area{padding:22px 28px 30px!important}.main-content--with-sidebar{margin-left:240px!important}.topbar{left:240px!important}.sidebar{width:240px!important}}@media (min-width:1600px){.content-area{padding:26px 36px 36px!important}.cards-grid,.dashboard-grid,.et-stats,.insights-grid,.metrics-grid,.quick-actions-grid,.stats-grid,.summary-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}}@media (max-width:1023px){:root{--content-gap:14px;--card-pad:14px;--stat-card-height:98px}.content-area{padding:16px!important}}@media (max-width:767px){:root{--control-height:40px}.topbar{height:52px!important}.content-area{margin-top:52px!important}.card-header,.data-table-header,.modal-header,.section-title-row,.table-header-section{min-height:48px;padding:12px 14px!important}.quick-action-card{min-height:0!important}.stat-card{min-height:92px!important}.data-table,.table,table{min-width:620px!important}.data-table-actions,.page-header-actions,.topbar-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.topbar-actions{width:auto}.login-card{padding:24px 20px!important;width:calc(100% - 24px)!important}}@media (max-width:479px){:root{--content-gap:12px;--card-pad:12px}.content-area{padding:10px!important}.stat-card{padding:12px!important}.et-stat-icon,.insight-icon,.quick-action-icon,.stat-icon{height:38px!important;min-width:38px!important;width:38px!important}.data-table td,.data-table th,.data-table-cell,.data-table-header-cell,.table td,.table th,table td,table th{padding:9px 10px!important}.btn,.export-btn,.filter-btn,.quick-action-btn,.save-btn,.submit-btn,button[class*=btn]{width:100%}.btn--icon,.icon-btn,.modal-close,.pagination-btn,.password-toggle,.profile-trigger,.sidebar button,.slider-dot,.toast-close,.topbar button,.view-btn,button[aria-label]{width:auto!important}.login-button{width:100%!important}}.attendance-report-container,.credit-report-container,.payroll-report-container,.reports-container,.request-management-container,.settings-container,.shop-report-container,.stock-management-container,[class$=-container],[class$=-dashboard],[class$=-page]{min-width:0}.district-shell,.employees-shell,.et-shell,.payroll-shell,.reports-shell,.request-shell,.sa-shell,.sector-shell,.settings-shell,.stock-shell,.um-shell,.users-shell{display:flex;flex-direction:column;gap:16px!important;gap:var(--content-gap)!important}.district-header,.employees-header,.et-header,.payroll-header,.reports-header,.request-header,.sa-header,.sector-header,.settings-header,.stock-header,.um-header,.users-header{align-items:flex-start!important;display:flex!important;flex-wrap:wrap!important;gap:14px!important;justify-content:space-between!important;margin:0 0 2px!important;padding:0!important}.district-header h1,.employees-header h1,.et-header h1,.payroll-header h1,.reports-header h1,.request-header h1,.sa-header h1,.sector-header h1,.settings-header h1,.stock-header h1,.um-header h1,.users-header h1{font-size:clamp(1.35rem,1.1rem + .7vw,1.9rem)!important;font-weight:800!important;line-height:1.15!important;margin:0!important}.district-header p,.employees-header p,.et-header p,.payroll-header p,.reports-header p,.request-header p,.sa-header p,.sector-header p,.settings-header p,.stock-header p,.um-header p,.users-header p{color:#66758a!important;color:var(--color-muted-foreground)!important;font-size:13px!important;line-height:1.5!important;margin:4px 0 0!important}.district-stats,.employee-stats,.et-stats,.payroll-stats,.reports-stats,.request-stats,.sa-stats,.sector-stats,.settings-stats,.stock-stats,.um-stats,.user-stats{grid-gap:14px!important;align-items:stretch!important;display:grid!important;gap:14px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important}.district-stat-card,.employee-stat-card,.et-stat-card,.payroll-stat-card,.reports-stat-card,.request-stat-card,.sa-stat-card,.sector-stat-card,.settings-stat-card,.stock-stat-card,.um-stat-card,.user-stat-card{align-items:center!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;background:var(--surface-gradient)!important;border:1px solid #dbe4ee!important;border:1px solid var(--color-border)!important;border-radius:8px!important;border-radius:var(--radius-lg)!important;box-shadow:0 1px 2px #0f172a0f!important;box-shadow:var(--shadow-sm)!important;display:flex!important;gap:14px!important;height:100%!important;min-height:104px!important;min-height:var(--stat-card-height)!important;padding:14px 16px!important}.district-stat-icon,.employee-stat-icon,.et-stat-icon,.payroll-stat-icon,.reports-stat-icon,.request-stat-icon,.sa-stat-icon,.sector-stat-icon,.settings-stat-icon,.stock-stat-icon,.um-stat-icon,.user-stat-icon{align-items:center!important;background:#0f7a4f24!important;background:var(--color-primary-light)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;color:#0f7a4f!important;color:var(--color-primary)!important;display:inline-flex!important;height:42px!important;justify-content:center!important;min-width:42px!important;width:42px!important}.district-stat-value,.employee-stat-value,.et-stat-value,.payroll-stat-value,.reports-stat-value,.request-stat-value,.sa-stat-value,.sector-stat-value,.settings-stat-value,.stock-stat-value,.um-stat-value,.user-stat-value{color:#142033!important;color:var(--color-foreground)!important;font-size:clamp(1.35rem,1rem + .8vw,1.85rem)!important;font-weight:800!important;line-height:1.05!important;margin:0!important;overflow-wrap:anywhere}.district-stat-label,.employee-stat-label,.et-stat-label,.payroll-stat-label,.reports-stat-label,.request-stat-label,.sa-stat-label,.sector-stat-label,.settings-stat-label,.stock-stat-label,.um-stat-label,.user-stat-label{color:#66758a!important;color:var(--color-muted-foreground)!important;font-size:12px!important;font-weight:700!important;line-height:1.3!important;margin:3px 0 0!important}.actions-toolbar,.controls-panel,.district-filters,.employee-filters,.et-filters,.filters-panel,.payroll-filters,.reports-filters,.request-filters,.sa-filters,.sector-filters,.settings-filters,.stock-filters,.toolbar,.um-filters,.user-filters{align-items:end!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;background:var(--surface-gradient)!important;border:1px solid #dbe4ee!important;border:1px solid var(--color-border)!important;border-radius:8px!important;border-radius:var(--radius-lg)!important;box-shadow:0 1px 2px #0f172a0f!important;box-shadow:var(--shadow-sm)!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:14px!important}.comment-card,.credit-card,.deduction-card,.district-card,.employee-card,.et-card,.loan-card,.notification-card,.payroll-card,.position-card,.product-card,.reports-card,.request-card,.sa-card,.sector-card,.settings-card,.stock-card,.tool-card,.um-card,.user-card{background:linear-gradient(180deg,#fff,#fbfdff)!important;background:var(--surface-gradient)!important;border:1px solid #dbe4ee!important;border:1px solid var(--color-border)!important;border-radius:8px!important;border-radius:var(--radius-lg)!important;box-shadow:0 1px 2px #0f172a0f!important;box-shadow:var(--shadow-sm)!important;min-height:0!important;padding:16px!important;padding:var(--card-pad)!important}.credits-grid,.deductions-grid,.districts-grid,.employee-grid,.et-grid,.loans-grid,.payroll-grid,.positions-grid,.products-grid,.reports-grid,.request-grid,.sa-grid,.sectors-grid,.settings-grid,.stock-grid,.um-grid,.users-grid{grid-gap:14px!important;align-items:stretch!important;display:grid!important;gap:14px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important}.credits-table,.districts-table,.employees-table,.et-table,.payroll-table,.products-table,.reports-table,.request-table,.sa-table,.sectors-table,.settings-table,.stock-table,.um-table,.users-table{background:#fff!important;background:var(--color-card)!important;border:1px solid #dbe4ee!important;border:1px solid var(--color-border)!important;border-radius:8px!important;border-radius:var(--radius-lg)!important;box-shadow:0 1px 2px #0f172a0f!important;box-shadow:var(--shadow-sm)!important;overflow:hidden!important}.et-empty,.et-empty-state,.payroll-empty,.reports-empty,.request-empty,.sa-empty,.sa-empty-state,.settings-empty,.stock-empty,.um-empty,.um-empty-state{align-items:center!important;color:#66758a!important;color:var(--color-muted-foreground)!important;display:flex!important;flex-direction:column!important;gap:8px!important;justify-content:center!important;min-height:132px!important;padding:28px 18px!important;text-align:center!important}.avatar,.card-avatar,.employee-avatar,.et-avatar,.profile-avatar,.sa-avatar,.um-avatar,.user-avatar{background:#0f7a4f24!important;background:var(--color-primary-light)!important;border:1px solid #dbe4ee!important;border:1px solid var(--color-border)!important;color:#0f7a4f!important;color:var(--color-primary)!important;flex:0 0 auto}.employee-avatar,.et-avatar,.sa-avatar,.um-avatar,.user-avatar{height:42px!important;width:42px!important}.avatar img,.card-avatar img,.employee-avatar img,.et-avatar img,.profile-avatar img,.sa-avatar img,.um-avatar img,.user-avatar img{height:100%;object-fit:cover;width:100%}.bulk-actions,.card-actions,.footer-actions,.form-actions,.modal-footer,.table-actions{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:flex-end!important}@media (max-width:767px){.actions-toolbar,.controls-panel,.district-filters,.district-header,.employee-filters,.employees-header,.et-filters,.et-header,.filters-panel,.payroll-filters,.payroll-header,.reports-filters,.reports-header,.request-filters,.request-header,.sa-filters,.sa-header,.sector-filters,.sector-header,.settings-filters,.settings-header,.stock-filters,.stock-header,.toolbar,.um-filters,.um-header,.user-filters,.users-header{align-items:stretch!important;flex-direction:column!important}.bulk-actions,.card-actions,.footer-actions,.form-actions,.modal-footer,.table-actions{justify-content:stretch!important}}#root,body,html{min-width:0;overflow-x:hidden;width:100%}*,:after,:before{box-sizing:border-box}button,canvas,img,input,select,svg,textarea,video{max-width:100%}.actions-bar,.card,.content-area,.content-grid,.dashboard-content,.dashboard-grid,.filter-bar,.filters-grid,.form-grid,.page-content,.page-header,.responsive-table,.stats-grid,.table-container,.table-wrapper,.toolbar{min-width:0}.content-grid,.dashboard-grid,.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr}.actions-bar,.button-group,.filter-bar,.page-actions,.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.reports-table-container,.responsive-table,.table-container,.table-wrapper,.users-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}table{border-collapse:collapse;width:100%}.dialog,.modal,.modal-content,.popup-content{max-height:calc(100vh - 24px);max-width:calc(100vw - 24px);overflow:auto}.responsive-hide-mobile{display:block}.responsive-show-mobile{display:none}@media (max-width:767px){.main-content-closed,.main-content-open{margin-left:0!important}.page-content{padding:0!important}.page-header{gap:12px;margin-bottom:14px}.actions-bar,.button-group,.filter-bar,.form-row,.modal-footer,.page-header-actions,.page-header-right,.toolbar{align-items:stretch;flex-direction:column;width:100%}.actions-bar>*,.button-group>*,.filter-bar>*,.modal-footer>*,.page-header-actions>*,.toolbar>*{width:100%}.content-grid,.dashboard-grid,.stats-grid{gap:12px!important;grid-template-columns:1fr!important}table{min-width:640px}.overlay{padding:12px!important}.dialog,.modal,.modal-content,.popup-content{border-radius:12px;margin:0!important;width:100%}.responsive-hide-mobile{display:none!important}.responsive-show-mobile{display:block!important}}@media (min-width:768px){.stats-grid{gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important}.content-grid,.dashboard-grid{gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}.content-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)!important}}
/*# sourceMappingURL=main.c937554e.css.map*/