@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:"Instrument Sans",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-500:oklch(55.1% .027 264.364);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-4xl:56rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--leading-normal:1.5;--radius-sm:.25rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand-400:#e8941f;--color-dark-900:#11111b;--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-700:oklch(53.2% .157 131.589);--color-lime-800:oklch(45.3% .124 130.933);--color-lime-900:oklch(40.5% .101 131.063);--color-lime-950:oklch(27.4% .072 132.109);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-teal-950:oklch(27.7% .046 192.524);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-900:oklch(39.8% .07 227.392);--color-cyan-950:oklch(30.2% .056 229.695);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-sky-800:oklch(44.3% .11 240.79);--color-sky-900:oklch(39.1% .09 240.876);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-indigo-950:oklch(25.7% .09 281.288);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-violet-950:oklch(28.3% .141 291.089);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-fuchsia-50:oklch(97.7% .017 320.058);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-400:oklch(74% .238 322.16);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-900:oklch(40.1% .17 325.612);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-pink-950:oklch(28.4% .109 3.907);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-stone-950:oklch(14.7% .004 49.25);--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-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-md:.375rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--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-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}::-webkit-calendar-picker-indicator{line-height:1}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1;color:currentColor}::placeholder{opacity:1;color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.ml-1{margin-left:calc(var(--spacing)*1)}.block{display:block}.grid{display:grid}.inline{display:inline}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-full{height:100%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.bg-dark-900{background-color:var(--color-dark-900)}.text-right{text-align:right}.font-sans{font-family:var(--font-sans)}.text-gray-500{color:var(--color-gray-500)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.group-focus-within\:text-brand-400:is(:where(.group):focus-within *){color:var(--color-brand-400)}@media(min-width:64rem){.lg\:-mt-\[6\.6rem\]{margin-top:-6.6rem}.lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}.lg\:mb-6{margin-bottom:calc(var(--spacing)*6)}.lg\:-ml-px{margin-left:-1px}.lg\:ml-0{margin-left:calc(var(--spacing)*0)}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:aspect-auto{aspect-ratio:auto}.lg\:w-\[438px\]{width:438px}.lg\:max-w-4xl{max-width:var(--container-4xl)}.lg\:grow{flex-grow:1}.lg\:flex-row{flex-direction:row}.lg\:justify-center{justify-content:center}.lg\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.lg\:rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.lg\:rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.lg\:rounded-br-none{border-bottom-right-radius:0}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:p-20{padding:calc(var(--spacing)*20)}}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.-mt-\[4\.9rem\]{margin-top:-4.9rem}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.-ml-8{margin-left:calc(var(--spacing)*-8)}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[335\/376\]{aspect-ratio:335/376}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-14{height:calc(var(--spacing)*14)}.h-14\.5{height:calc(var(--spacing)*14.5)}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing)*1)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-\[448px\]{width:448px}.w-full{width:100%}.max-w-\[335px\]{max-width:335px}.max-w-none{max-width:none}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[\#19140035\]{border-color:#19140035}.border-\[\#e3e3e0\]{border-color:#e3e3e0}.border-black{border-color:var(--color-black)}.border-transparent{border-color:#0000}.bg-\[\#1b1b18\]{background-color:#1b1b18}.bg-\[\#FDFDFC\]{background-color:#fdfdfc}.bg-\[\#dbdbd7\]{background-color:#dbdbd7}.bg-\[\#fff2f2\]{background-color:#fff2f2}.bg-white{background-color:var(--color-white)}.p-6{padding:calc(var(--spacing)*6)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[13px\]{font-size:13px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-\[\#1b1b18\]{color:#1b1b18}.text-\[\#706f6c\]{color:#706f6c}.text-\[\#F53003\],.text-\[\#f53003\]{color:#f53003}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-100{opacity:1}.shadow-\[0px_0px_1px_0px_rgba\(0\,0\,0\,0\.03\)\,0px_1px_2px_0px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0px 0px 1px 0px var(--tw-shadow-color,#00000008),0px 1px 2px 0px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0px_0px_0px_1px_rgba\(26\,26\,0\,0\.16\)\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#1a1a0029);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\!filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-300{transition-delay:.3s}.duration-750{--tw-duration:.75s;transition-duration:.75s}.not-has-\[nav\]\:hidden:not(:has(:is(nav))){display:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:bottom-0:before{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.before\:bottom-1\/2:before{content:var(--tw-content);bottom:50%}.before\:left-\[0\.4rem\]:before{content:var(--tw-content);left:.4rem}.before\:border-l:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}.before\:border-\[\#e3e3e0\]:before{content:var(--tw-content);border-color:#e3e3e0}@media(hover:hover){.hover\:border-\[\#1915014a\]:hover{border-color:#1915014a}.hover\:border-\[\#19140035\]:hover{border-color:#19140035}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:bg-black:hover{background-color:var(--color-black)}}@media(min-width:64rem){.lg\:-mt-\[6\.6rem\]{margin-top:-6.6rem}.lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}.lg\:mb-6{margin-bottom:calc(var(--spacing)*6)}.lg\:-ml-px{margin-left:-1px}.lg\:ml-0{margin-left:calc(var(--spacing)*0)}.lg\:block{display:block}.lg\:aspect-auto{aspect-ratio:auto}.lg\:w-\[438px\]{width:438px}.lg\:max-w-4xl{max-width:var(--container-4xl)}.lg\:grow{flex-grow:1}.lg\:flex-row{flex-direction:row}.lg\:justify-center{justify-content:center}.lg\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.lg\:rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.lg\:rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.lg\:rounded-br-none{border-bottom-right-radius:0}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:p-20{padding:calc(var(--spacing)*20)}}@media(prefers-color-scheme:dark){.dark\:block{display:block}.dark\:hidden{display:none}.dark\:border-\[\#3E3E3A\]{border-color:#3e3e3a}.dark\:border-\[\#eeeeec\]{border-color:#eeeeec}.dark\:bg-\[\#0a0a0a\]{background-color:#0a0a0a}.dark\:bg-\[\#1D0002\]{background-color:#1d0002}.dark\:bg-\[\#3E3E3A\]{background-color:#3e3e3a}.dark\:bg-\[\#161615\]{background-color:#161615}.dark\:bg-\[\#eeeeec\]{background-color:#eeeeec}.dark\:text-\[\#1C1C1A\]{color:#1c1c1a}.dark\:text-\[\#A1A09A\]{color:#a1a09a}.dark\:text-\[\#EDEDEC\]{color:#ededec}.dark\:text-\[\#F61500\]{color:#f61500}.dark\:text-\[\#FF4433\]{color:#f43}.dark\:shadow-\[inset_0px_0px_0px_1px_\#fffaed2d\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#fffaed2d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:before\:border-\[\#3E3E3A\]:before{content:var(--tw-content);border-color:#3e3e3a}@media(hover:hover){.dark\:hover\:border-\[\#3E3E3A\]:hover{border-color:#3e3e3a}.dark\:hover\:border-\[\#62605b\]:hover{border-color:#62605b}.dark\:hover\:border-white:hover{border-color:var(--color-white)}.dark\:hover\:bg-white:hover{background-color:var(--color-white)}}}@starting-style{.starting\:translate-y-4{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}}@starting-style{.starting\:translate-y-6{--tw-translate-y:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}}@starting-style{.starting\:opacity-0{opacity:0}}}:root{--sidebar-width:280px;--header-height:70px;--brand-orange:#f97316;--brand-orange-dark:#ea580c;--dark-bg:#0a0a0f;--dark-card:#12121a;--dark-hover:#1a1a24;--transition-smooth:cubic-bezier(.4,0,.2,1)}.app-container{background:var(--dark-bg);min-height:100vh;display:flex}.main-wrapper{margin-left:var(--sidebar-width);transition:margin-left .3s var(--transition-smooth);flex-direction:column;flex:1;display:flex}.main-content{padding:2rem;padding-top:calc(var(--header-height) + 2rem);opacity:1;flex:1;transition:opacity .3s,transform .3s}.main-content.page-exit{opacity:0;transform:translateY(10px)}.page-loader{background:var(--dark-bg);z-index:9999;opacity:0;visibility:hidden;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.page-loader.active{opacity:1;visibility:visible}.loader-spinner{border:3px solid #f9731633;border-top-color:var(--brand-orange);border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{z-index:9999;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:500;transition:transform .2s;animation:.4s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex;box-shadow:0 10px 30px #00000059}.toast:hover{transform:translate(-4px)}.toast.success{background:linear-gradient(135deg,#22c55e,#16a34a)}.toast.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.toast.info{background:linear-gradient(135deg,#3b82f6,#2563eb)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(120%)}60%{opacity:1;transform:translate(-5%)}to{opacity:1;transform:translate(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.main-wrapper{margin-left:0}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar{width:var(--sidebar-width);background:var(--dark-card);z-index:100;height:100vh;transition:transform .3s var(--transition-smooth);border-right:1px solid #ffffff0d;flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid #ffffff0d;padding:1.5rem}.sidebar-logo{align-items:center;gap:1rem;text-decoration:none;display:flex}.sidebar-mascot{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 12px #f973164d);width:48px;height:48px;transition:transform .3s}.sidebar-logo:hover .sidebar-mascot{transform:scale(1.1)rotate(-5deg)}.sidebar-brand{flex-direction:column;display:flex}.brand-name{color:#fff;font-size:1.125rem;font-weight:700}.brand-sub{color:var(--brand-orange);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.sidebar-nav{flex:1;padding:1.5rem 1rem;overflow-y:auto}.nav-section{margin-bottom:2rem}.nav-section-title{text-transform:uppercase;letter-spacing:.1em;color:#6b7280;margin-bottom:.75rem;padding:0 .75rem;font-size:.7rem;font-weight:600;display:block}.sidebar-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.user-info{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.user-avatar{background:linear-gradient(135deg,var(--brand-orange),var(--brand-orange-dark));color:#fff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:700;display:flex}.user-details{flex-direction:column;min-width:0;display:flex}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.user-role{color:#9ca3af;font-size:.75rem}.logout-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:.75rem;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.logout-btn:hover{background:#ef444433;transform:scale(1.05)}.sidebar-collapsible{width:72px;overflow:hidden}.sidebar-collapsible .sidebar-header{padding:1rem .75rem}.sidebar-collapsible .sidebar-brand,.sidebar-collapsible .nav-section-title{display:none}.sidebar-collapsible .sidebar-nav{padding:1rem .5rem}.sidebar-collapsible .user-details{display:none}.sidebar-collapsible .sidebar-footer{justify-content:center;padding:.75rem}.sidebar-collapsible .sidebar-mascot{width:36px;height:36px}.sidebar-collapsible:hover{width:var(--sidebar-width)}.sidebar-collapsible:hover .sidebar-brand,.sidebar-collapsible:hover .nav-section-title,.sidebar-collapsible:hover .user-details{display:flex}.sidebar-collapsible:hover .sidebar-header{padding:1.5rem}.sidebar-collapsible:hover .sidebar-nav{padding:1.5rem 1rem}.sidebar-collapsible:hover .sidebar-footer{justify-content:space-between;padding:1rem 1.5rem}body[data-sidebar-style=collapsible] .main-wrapper{margin-left:72px}body[data-sidebar-style=collapsible] .app-header{left:72px}.sidebar-overlay{transform:translate(-100%)}.sidebar-overlay.open{transform:translate(0)}body[data-sidebar-style=overlay] .main-wrapper{margin-left:0}body[data-sidebar-style=overlay] .app-header{left:0}.nav-item{color:#9ca3af;border-radius:.75rem;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.875rem 1rem;text-decoration:none;transition:background .25s,color .25s,transform .2s;display:flex;position:relative}.nav-item:hover:not(.disabled){background:var(--dark-hover);color:#fff;transform:translate(3px)}.nav-item:active:not(.disabled){transform:translate(3px)scale(.98)}.nav-item.active{color:var(--brand-orange);background:linear-gradient(135deg,#f9731626,#f973160d)}.nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-icon{justify-content:center;align-items:center;width:22px;height:22px;transition:transform .25s;display:flex}.nav-item:hover:not(.disabled) .nav-icon{transform:scale(1.12)}.nav-icon svg{width:100%;height:100%}.nav-label{font-size:.9rem;font-weight:500}.nav-indicator{background:var(--brand-orange);border-radius:3px 0 0 3px;width:3px;height:24px;animation:.3s indicatorSlide;position:absolute;top:50%;right:0;transform:translateY(-50%)}@keyframes indicatorSlide{0%{opacity:0;height:0}to{opacity:1;height:24px}}.app-header{top:0;left:var(--sidebar-width);height:var(--header-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;transition:left .3s var(--transition-smooth);background:#12121acc;border-bottom:1px solid #ffffff0d;position:fixed;right:0}.header-content{justify-content:space-between;align-items:center;height:100%;padding:0 2rem;display:flex}.mobile-menu-toggle{background:var(--dark-hover);color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;width:40px;height:40px;margin-right:1rem;display:none}.header-title h1{color:#fff;font-size:1.25rem;font-weight:700}.header-breadcrumb{color:#6b7280;margin-top:.125rem;font-size:.8rem}.header-actions{align-items:center;gap:.75rem;display:flex}.header-action-btn{background:var(--dark-hover);color:#9ca3af;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;width:44px;height:44px;transition:color .25s,background .25s,transform .2s;display:flex;position:relative}.header-action-btn:hover{color:#fff;background:#f973161a;transform:scale(1.08)}.header-action-btn:active{transform:scale(.95)}@media(max-width:1024px){.app-header{left:0}.mobile-menu-toggle{display:flex}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes cardShow{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes cardHide{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-8px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulseHighlight{0%{box-shadow:0 0 #f9731666}70%{box-shadow:0 0 0 8px #f9731600}to{box-shadow:0 0 #f9731600}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalEnter{0%{opacity:0;transform:scale(.9)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalExit{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.9)translateY(20px)}}@keyframes overlayEnter{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes overlayExit{0%{opacity:1}to{opacity:0}}@keyframes drawerEnter{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardCollapse{0%{opacity:1;max-height:80px;padding-top:1rem;padding-bottom:1rem}to{opacity:0;max-height:0;padding-top:0;padding-bottom:0}}@keyframes cardExpand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:80px;padding-top:1rem;padding-bottom:1rem}}.transition-all{transition:all .3s var(--transition-smooth)}.transition-fast{transition:all .15s var(--transition-smooth)}.transition-slow{transition:all .5s var(--transition-smooth)}.hover-lift{transition:transform .25s var(--transition-smooth),box-shadow .25s var(--transition-smooth),border-color .25s var(--transition-smooth)}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.card-highlight{animation:1.5s 2 pulseHighlight}.stagger-children>*{opacity:0;animation:.4s forwards staggerFadeIn}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.user-card.card-filtering-out{animation:.25s forwards cardCollapse}.user-card.card-filtering-in{animation:.3s forwards cardExpand}.user-card.card-filtered-hidden{opacity:0;border-bottom-width:0;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.modal-overlay.modal-closing{animation:.25s forwards overlayExit}.modal-overlay.modal-closing .modal-container{animation:.25s forwards modalExit}.focus-glow:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px #f9731626,0 0 20px #f973160d}.main-content{animation:.45s cubic-bezier(.16,1,.3,1) both pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-animate]{will-change:transform,opacity}.btn-press{transition:transform .15s}.btn-press:active{transform:scale(.96)}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%) 0 0/200% 100%;border-radius:.5rem;animation:1.5s infinite shimmer}.notification-pulse{position:relative}.notification-pulse:after{content:"";background:#ef4444;border-radius:50%;width:8px;height:8px;animation:2s infinite notifPulse;position:absolute;top:-2px;right:-2px}@keyframes notifPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}[title]{position:relative}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";opacity:0;background:#f9731626;border-radius:50%;width:0;height:0;transition:width .4s,height .4s,opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple-effect:active:after{opacity:1;width:200%;height:200%;transition:width,height,opacity}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}[data-animate]{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(20px)}[data-animate].animated{opacity:1;transform:translateY(0)}[data-animate=fade]{transform:none}[data-animate=scale]{transform:scale(.95)}[data-animate=scale].animated{transform:scale(1)}.notification-badge{background:var(--brand-orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;animation:.4s cubic-bezier(.34,1.56,.64,1) badgeBounce;display:flex;position:absolute;top:6px;right:6px}@keyframes badgeBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.notification-wrapper{position:relative}.notification-dropdown{background:var(--dark-card);z-index:200;border:1px solid #ffffff1a;border-radius:1rem;width:380px;max-height:480px;animation:.3s cubic-bezier(.16,1,.3,1) notifSlideIn;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 20px 60px #00000080}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-dropdown-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.notification-dropdown-header h3{color:#fff;font-size:.95rem;font-weight:700}.notification-mark-all{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.25rem;transition:color .2s}.notification-mark-all:hover{color:var(--brand-orange)}.notification-dropdown-body{max-height:380px;overflow-y:auto}.notification-item{cursor:pointer;border-bottom:1px solid #ffffff08;align-items:flex-start;gap:.75rem;padding:.875rem 1.25rem;text-decoration:none;transition:background .25s,transform .2s;display:flex}.notification-item:hover{background:#ffffff0a;transform:translate(3px)}.notification-item.unread{border-left:3px solid var(--brand-orange);background:#f973160d}.notification-item-icon{flex-shrink:0;margin-top:.125rem;font-size:1.25rem;line-height:1}.notification-item-content{flex:1;min-width:0}.notification-item-title{color:#fff;margin-bottom:.125rem;font-size:.8rem;font-weight:600}.notification-item-message{color:#9ca3af;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-item-time{color:#6b7280;margin-top:.25rem;font-size:.65rem}.notification-empty{text-align:center;color:#6b7280;padding:2rem;font-size:.85rem}@media(max-width:1024px){.notification-dropdown{width:320px;right:-1rem}}[data-theme=light]{--dark-bg:#f3f4f6;--dark-card:#fff;--dark-hover:#e5e7eb}[data-theme=light] body{background:var(--dark-bg);color:#1f2937}[data-theme=light] .sidebar{background:#fff;border-right-color:#00000014}[data-theme=light] .app-header{background:#ffffffd9;border-bottom-color:#0000000f}[data-theme=light] .header-title h1{color:#111827}[data-theme=light] .header-breadcrumb,[data-theme=light] .sidebar-nav .nav-section-title{color:#6b7280}[data-theme=light] .brand-name,[data-theme=light] .user-name{color:#111827}[data-theme=light] .user-role{color:#6b7280}[data-theme=light] .stat-card{background:#fff;border-color:#0000000f}[data-theme=light] .stat-value{color:#111827}[data-theme=light] .stat-label{color:#6b7280}[data-theme=light] .setting-field{background:#f9fafb;border-color:#0000000f}[data-theme=light] .field-label{color:#111827}[data-theme=light] .setting-input,[data-theme=light] .setting-select,[data-theme=light] .setting-textarea{color:#111827;background:#fff;border-color:#0000001f}[data-theme=light] .search-input{color:#111827;background:#f9fafb;border-color:#0000001a}[data-theme=light] .group-btn{color:#4b5563}[data-theme=light] .group-btn:hover{color:#111827;background:#f3f4f6}[data-theme=light] .group-count{background:#0000000f}[data-theme=light] .settings-sidebar,[data-theme=light] .group-section{background:#fff;border-color:#0000000f}[data-theme=light] .group-header-bar{border-bottom-color:#0000000f}[data-theme=light] .form-actions{border-top-color:#0000000f}@media(prefers-color-scheme:light){[data-theme=auto]{--dark-bg:#f3f4f6;--dark-card:#fff;--dark-hover:#e5e7eb}[data-theme=auto] body{background:var(--dark-bg);color:#1f2937}[data-theme=auto] .sidebar{background:#fff;border-right-color:#00000014}[data-theme=auto] .app-header{background:#ffffffd9;border-bottom-color:#0000000f}[data-theme=auto] .header-title h1{color:#111827}[data-theme=auto] .header-breadcrumb,[data-theme=auto] .sidebar-nav .nav-section-title{color:#6b7280}[data-theme=auto] .brand-name,[data-theme=auto] .user-name{color:#111827}[data-theme=auto] .user-role{color:#6b7280}[data-theme=auto] .stat-card{background:#fff;border-color:#0000000f}[data-theme=auto] .stat-value{color:#111827}[data-theme=auto] .stat-label{color:#6b7280}[data-theme=auto] .setting-field{background:#f9fafb;border-color:#0000000f}[data-theme=auto] .field-label{color:#111827}[data-theme=auto] .setting-input,[data-theme=auto] .setting-select,[data-theme=auto] .setting-textarea{color:#111827;background:#fff;border-color:#0000001f}[data-theme=auto] .search-input{color:#111827;background:#f9fafb;border-color:#0000001a}[data-theme=auto] .group-btn{color:#4b5563}[data-theme=auto] .group-btn:hover{color:#111827;background:#f3f4f6}}.compact-mode .main-content{padding:1rem;padding-top:calc(var(--header-height) + 1rem)}.compact-mode .settings-grid{gap:.75rem;padding:1rem}.compact-mode .setting-field{padding:.6rem .875rem}.compact-mode .stat-card{gap:.75rem;padding:.875rem}.compact-mode .stat-icon{width:36px;height:36px}.compact-mode .stat-value{font-size:1.25rem}.compact-mode .group-btn{padding:.5rem .75rem}.compact-mode .group-header-bar{padding:.875rem 1.25rem}.compact-mode .form-actions{padding:.75rem 1.25rem}.compact-mode .settings-container{gap:1rem}.compact-mode .settings-stats{gap:.75rem}.compact-mode .field-label{font-size:.8rem}.compact-mode .field-description{font-size:.7rem}.no-animations .main-content{animation:none}.no-animations .stagger-children>*{opacity:1;animation:none}.no-animations .hover-lift:hover{transform:none}.no-animations .group-section.active{animation:none}.no-animations .stat-card,.no-animations .setting-field,.no-animations .user-card{transition:none;animation:none}.no-animations .toast,.no-animations .card-highlight{animation:none}.no-animations [data-animate]{opacity:1;animation:none}.dashboard-grid{flex-direction:column;gap:2rem;max-width:1400px;margin:0 auto;display:flex}.recent-activity{background:var(--dark-card);opacity:0;border:1px solid #ffffff0d;border-radius:1rem;transition:border-color .3s,box-shadow .3s;animation:.6s .15s forwards activityCardEnter;overflow:hidden}.recent-activity:hover{border-color:#ffffff14;box-shadow:0 4px 20px #00000026}@keyframes activityCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.section-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.section-header .section-title{margin:0}.section-link{color:var(--brand-orange);font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s}.section-link:hover{opacity:.8;transform:translate(3px)}.activity-list{padding:.5rem 0}.recent-activity .activity-item{opacity:0;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:background .25s,transform .25s;animation:.4s forwards actItemSlide;display:flex}.recent-activity .activity-item:first-child{animation-delay:.2s}.recent-activity .activity-item:nth-child(2){animation-delay:.25s}.recent-activity .activity-item:nth-child(3){animation-delay:.3s}.recent-activity .activity-item:nth-child(4){animation-delay:.35s}.recent-activity .activity-item:nth-child(5){animation-delay:.4s}.recent-activity .activity-item:nth-child(6){animation-delay:.45s}.recent-activity .activity-item:nth-child(7){animation-delay:.5s}.recent-activity .activity-item:nth-child(8){animation-delay:.55s}.recent-activity .activity-item:nth-child(9){animation-delay:.6s}.recent-activity .activity-item:nth-child(10){animation-delay:.65s}@keyframes actItemSlide{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.recent-activity .activity-item:hover{background:#ffffff08;transform:translate(4px)}.activity-avatar{color:#fff;background:linear-gradient(135deg,#374151,#1f2937);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.75rem;font-weight:600;transition:transform .3s,box-shadow .3s;display:flex}.recent-activity .activity-item:hover .activity-avatar{transform:scale(1.1);box-shadow:0 0 12px #f9731633}.activity-text{color:#d1d5db;margin:0;font-size:.9rem;line-height:1.4}.activity-text strong{color:#fff;font-weight:600}.activity-detail{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;margin:.15rem 0 0;font-size:.78rem;overflow:hidden}.activity-time{color:#6b7280;margin-top:.25rem;font-size:.75rem;display:block}.activity-type{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.activity-type.login{background:#22c55e1a}.activity-type.logout{background:#ef44441a}.activity-type.create{background:#3b82f61a}.activity-type.update{background:#eab3081a}.activity-type.delete{background:#ef44441a}.activity-type.settings_change,.activity-type.settings_reset{background:#a855f71a}.activity-type.status_change{background:#0ea5e91a}.activity-type.password_change,.activity-type.role_change{background:#eab3081a}.activity-type.page_view{background:#6b728014}.activity-icon-emoji{font-size:1.1rem;line-height:1}.activity-empty{text-align:center;color:#6b7280;padding:3rem}.activity-empty svg{opacity:.5;width:48px;height:48px;margin:0 auto 1rem}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{background:var(--dark-card);border:1px solid #ffffff0d;border-radius:1rem;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.stat-card:hover{border-color:#ffffff1a;transform:translateY(-2px)}.stat-value{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.2}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.stats-grid{grid-template-columns:repeat(6,1fr)}}.stat-card{background:var(--dark-card);opacity:0;border:1px solid #ffffff0d;border-radius:1rem;align-items:flex-start;gap:.875rem;padding:1.25rem;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;animation:.5s forwards dashStatEnter;display:flex}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:nth-child(5){animation-delay:.25s}.stat-card:nth-child(6){animation-delay:.3s}.stat-card:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 8px 25px #00000040}@keyframes dashStatEnter{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.stat-icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s;display:flex}.stat-card:hover .stat-icon{transform:scale(1.1)rotate(-3deg)}.stat-icon svg{width:22px;height:22px}.stat-icon.orange{color:var(--brand-orange);background:linear-gradient(135deg,#f9731633,#f973161a)}.stat-icon.green{color:#22c55e;background:linear-gradient(135deg,#22c55e33,#22c55e1a)}.stat-icon.blue{color:#3b82f6;background:linear-gradient(135deg,#3b82f633,#3b82f61a)}.stat-icon.purple{color:#a855f7;background:linear-gradient(135deg,#a855f733,#a855f71a)}.stat-card:hover .stat-value{color:var(--brand-orange)}.stat-label{color:#6b7280;margin-top:.2rem;font-size:.725rem}.charts-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media(min-width:1024px){.charts-grid{grid-template-columns:repeat(2,1fr)}}.chart-card{background:var(--dark-card);opacity:0;border:1px solid #ffffff0d;border-radius:1rem;transition:border-color .3s,box-shadow .3s;animation:.6s forwards chartCardEnter;overflow:hidden}.chart-card:first-child{animation-delay:.1s}.chart-card:nth-child(2){animation-delay:.2s}.chart-card:hover{border-color:#f973161f;box-shadow:0 4px 20px #00000026}@keyframes chartCardEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-card-header{padding:1.25rem 1.5rem 0}.chart-card-header .section-title{margin:0}.chart-container{height:240px;padding:1rem 1.25rem 1.25rem;position:relative}.chart-container canvas{opacity:0;transition:opacity .6s;width:100%!important;height:100%!important}.chart-container.loaded canvas{opacity:1}.chart-shimmer{flex-direction:column;justify-content:center;gap:.75rem;transition:opacity .3s;display:flex;position:absolute;inset:1rem 1.25rem 1.25rem}.chart-container.loaded .chart-shimmer{opacity:0;pointer-events:none}.shimmer-bar{background:linear-gradient(90deg,#ffffff08 25%,#ffffff12,#ffffff08 75%) 0 0/200% 100%;border-radius:6px;height:14px;animation:1.5s infinite shimmerSlide}.shimmer-bar.short{width:60%}@keyframes shimmerSlide{0%{background-position:200% 0}to{background-position:-200% 0}}.system-info-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media(min-width:768px){.system-info-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.system-info-grid{grid-template-columns:repeat(5,1fr)}}.system-info-card{background:var(--dark-card);opacity:0;border:1px solid #ffffff0d;border-radius:.875rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;transition:transform .3s,border-color .3s,box-shadow .3s;animation:.5s forwards sysInfoEnter;display:flex}.system-info-card:first-child{animation-delay:50ms}.system-info-card:nth-child(2){animation-delay:.1s}.system-info-card:nth-child(3){animation-delay:.15s}.system-info-card:nth-child(4){animation-delay:.2s}.system-info-card:nth-child(5){animation-delay:.25s}.system-info-card:hover{border-color:#ffffff1a;transform:translateY(-3px);box-shadow:0 6px 20px #0003}@keyframes sysInfoEnter{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.system-info-icon{font-size:1.25rem;transition:transform .3s}.system-info-card:hover .system-info-icon{transform:scale(1.15)rotate(-5deg)}.system-info-content{flex-direction:column;flex:1;min-width:0;display:flex}.system-info-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.system-info-value{color:#fff;font-size:.85rem;font-weight:600}.system-disk-bar{background:#ffffff0d;border-radius:2px;width:100%;height:4px;overflow:hidden}.system-disk-fill{background:linear-gradient(90deg,#22c55e,var(--brand-orange));border-radius:2px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1);animation:1.2s .3s both diskLoad}@keyframes diskLoad{0%{width:0!important}}.welcome-section{background:linear-gradient(135deg,#f973161a,#f9731605);border:1px solid #f9731626;border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.welcome-content{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.welcome-greeting{color:var(--brand-orange);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:inline-block}.welcome-title{color:#fff;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.welcome-subtitle{color:#9ca3af;font-size:1rem}.welcome-mascot{display:none}.welcome-mascot img{filter:drop-shadow(0 10px 30px #f973164d);width:auto;height:140px;animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-decoration{pointer-events:none;width:50%;position:absolute;top:0;bottom:0;right:0}.decoration-circle{background:#f973161a;border-radius:50%;position:absolute}.circle-1{width:200px;height:200px;top:-50px;right:-50px}.circle-2{background:#f973160d;width:100px;height:100px;bottom:20px;right:100px}.circle-3{background:#f9731614;width:60px;height:60px;top:30px;right:200px}@media(min-width:768px){.welcome-section{padding:2.5rem}.welcome-mascot{display:block}.welcome-title{font-size:2rem}}.section-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:1rem;font-weight:600}.quick-access-grid{grid-template-columns:repeat(1,1fr);gap:1rem;display:grid}@media(min-width:640px){.quick-access-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.quick-access-grid{grid-template-columns:repeat(3,1fr)}}.quick-card{background:var(--dark-card);border:1px solid #ffffff0d;border-radius:1rem;align-items:center;gap:1rem;padding:1.25rem 1.5rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.quick-card:not(.disabled):hover{border-color:var(--brand-orange);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.quick-card.disabled{opacity:.6;cursor:not-allowed}.quick-card-icon{border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.quick-card-icon svg{width:26px;height:26px}.quick-card-icon.users{color:var(--brand-orange);background:linear-gradient(135deg,#f9731633,#f973161a)}.quick-card-icon.reports{color:#3b82f6;background:linear-gradient(135deg,#3b82f633,#3b82f61a)}.quick-card-icon.settings{color:#a855f7;background:linear-gradient(135deg,#a855f733,#a855f71a)}.quick-card-content{flex:1;min-width:0}.quick-card-content h4{color:#fff;margin-bottom:.25rem;font-size:1rem;font-weight:600}.quick-card-content p{color:#6b7280;font-size:.8rem}.quick-card-arrow{color:#6b7280;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.quick-card-arrow svg{width:20px;height:20px}.quick-card:not(.disabled):hover .quick-card-arrow{color:var(--brand-orange);transform:translate(4px)}.coming-soon-badge{color:#9ca3af;text-transform:uppercase;background:#6b728033;border-radius:.375rem;padding:.25rem .5rem;font-size:.65rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}.users-page{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;display:flex}.pagination-wrapper{justify-content:center;padding-top:.5rem;display:flex}.user-card{cursor:pointer;border-bottom:1px solid #ffffff0d;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:background .25s,transform .25s,box-shadow .25s;display:grid}.user-card:last-child{border-bottom:none}.user-card:hover{background:#ffffff08;transform:translate(4px)}.user-avatar{color:#fff;background:linear-gradient(135deg,#374151,#1f2937);border-radius:.75rem;justify-content:center;align-items:center;width:44px;height:44px;font-size:.875rem;font-weight:700;transition:transform .25s,box-shadow .25s;display:flex}.user-card:hover .user-avatar{transform:scale(1.08);box-shadow:0 4px 12px #0000004d}.user-info{min-width:0}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.user-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:.125rem 0 0;font-size:.8rem;overflow:hidden}.role-badge{text-transform:capitalize;border-radius:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.role-badge.admin{color:#a855f7;background:#a855f726}.role-badge.manager{color:#3b82f6;background:#3b82f626}.role-badge.user{color:#9ca3af;background:#6b728026}.status-indicator{align-items:center;gap:.375rem;font-size:.8rem;font-weight:500;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-indicator.active{color:#22c55e}.status-indicator.active .status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e80}.status-indicator.inactive{color:#ef4444}.status-indicator.inactive .status-dot{background:#ef4444}.user-actions{align-items:center;gap:.5rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;transform:scale(1)}.action-btn:hover{transform:scale(1.1)}.action-btn:active{transform:scale(.95)}.action-btn svg{width:18px;height:18px}.action-btn.edit{color:#3b82f6;background:#3b82f61a}.action-btn.edit:hover{background:#3b82f633}.action-btn.toggle{color:var(--brand-orange);background:#f973161a}.action-btn.toggle:hover{background:#f9731633}.action-btn.delete{color:#ef4444;background:#ef44441a}.action-btn.delete:hover{background:#ef444433}@media(max-width:768px){.user-card{grid-template-columns:auto 1fr;gap:.75rem}.user-role,.user-status{display:none}.user-actions{grid-column:1/-1;justify-content:flex-end;margin-top:.5rem}}.users-stats{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media(min-width:768px){.users-stats{grid-template-columns:repeat(4,1fr)}}.stat-mini-card{background:var(--dark-card);cursor:pointer;border:1px solid #ffffff0d;border-radius:1rem;align-items:center;gap:1rem;padding:1.25rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s;display:flex}.stat-mini-card:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 8px 25px #00000040}.stat-mini-icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s;display:flex}.stat-mini-card:hover .stat-mini-icon{transform:scale(1.1)rotate(-3deg)}.stat-mini-icon svg{width:22px;height:22px}.stat-mini-icon.orange{color:var(--brand-orange);background:#f9731626}.stat-mini-icon.green{color:#22c55e;background:#22c55e26}.stat-mini-icon.red{color:#ef4444;background:#ef444426}.stat-mini-icon.purple{color:#a855f7;background:#a855f726}.stat-mini-info{flex-direction:column;display:flex}.stat-mini-value{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.stat-mini-label{color:#6b7280;margin-top:.25rem;font-size:.75rem}.filters-bar{background:var(--dark-card);opacity:0;border:1px solid #ffffff0d;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .3s,box-shadow .3s;animation:.5s .15s forwards filterBarEnter;display:flex}@keyframes filterBarEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.filters-bar:focus-within{border-color:#f9731633;box-shadow:0 0 0 1px #f9731614}.filter-search{flex:1;min-width:200px;position:relative}.filter-search svg{color:#6b7280;pointer-events:none;width:18px;height:18px;transition:color .2s;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.filter-search:focus-within svg{color:var(--brand-orange)}.filter-search input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.625rem;outline:none;width:100%;padding:.625rem .75rem .625rem 2.5rem;font-size:.875rem;transition:border-color .25s,box-shadow .25s,background .25s}.filter-search input:focus{border-color:var(--brand-orange);background:#ffffff12;box-shadow:0 0 0 3px #f973161a,0 0 20px #f973160d}.filter-search input::-moz-placeholder{color:#6b7280}.filter-search input::placeholder{color:#6b7280}.filter-group{flex-wrap:wrap;gap:.75rem;display:flex}.filter-select-wrapper select{color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") right .5rem center/16px no-repeat;border:1px solid #ffffff1a;border-radius:.625rem;outline:none;padding:.625rem 2rem .625rem .75rem;font-size:.875rem;transition:border-color .25s,box-shadow .25s,background .25s}.filter-select-wrapper select:focus{border-color:var(--brand-orange);background-color:#ffffff12;box-shadow:0 0 0 3px #f973161a}.filter-select-wrapper select option{color:#fff;background:#1a1a2e}.filter-results{color:#6b7280;white-space:nowrap;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.filter-clear-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:.5rem;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;animation:.2s fadeInScale;display:inline-flex}.filter-clear-btn:hover{background:#ef444433;transform:scale(1.03)}.filter-clear-btn svg{width:14px;height:14px}.filter-date-wrapper input[type=date]{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.625rem;outline:none;padding:.625rem .75rem;font-size:.85rem;transition:border-color .25s,box-shadow .25s}.filter-date-wrapper input[type=date]:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px #f973161a}.filter-date-wrapper input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5)}.filter-submit-btn{background:var(--brand-orange);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s}.filter-submit-btn:hover{background:var(--brand-dark)}@media(max-width:768px){.filters-bar{flex-direction:column;align-items:stretch}.filter-search{min-width:100%}.filter-group{flex-wrap:wrap;width:100%}.filter-select-wrapper{flex:1;min-width:140px}.filter-select-wrapper select{width:100%}.filter-date-wrapper{flex:1;min-width:140px}.filter-date-wrapper input[type=date]{width:100%}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.header-title{color:#fff;font-size:1.5rem;font-weight:700}.header-subtitle{color:#6b7280;margin-top:.25rem;font-size:.875rem}.btn-primary{background:linear-gradient(135deg,var(--brand-orange),var(--brand-orange-dark));color:#fff;cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #f973164d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f9731666}.btn-primary:active{transform:translateY(0)scale(.97);box-shadow:0 2px 10px #f973164d}.btn-primary svg{width:20px;height:20px}.header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-secondary-outline{color:#d1d5db;cursor:pointer;background:0 0;border:2px solid #ffffff26;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-secondary-outline:hover{border-color:var(--brand-orange);color:var(--brand-orange);background:#f973160d;transform:translateY(-2px)}.btn-secondary-outline:active{transform:translateY(0)scale(.97)}.btn-secondary-outline svg{width:20px;height:20px}.users-list-container{background:var(--dark-card);border:1px solid #ffffff0d;border-radius:1rem;overflow:hidden}.users-list{flex-direction:column;display:flex}.empty-state svg{opacity:.4;width:64px;height:64px;margin:0 auto 1rem}.empty-state h3{color:#9ca3af;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.empty-state p{font-size:.875rem}.empty-filter-state{text-align:center;color:#6b7280;padding:3rem 2rem;font-size:.9rem}.modal-overlay{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s var(--transition-smooth),visibility .3s var(--transition-smooth),backdrop-filter .4s var(--transition-smooth);background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-container{opacity:0;width:100%;max-width:480px;max-height:90vh;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s var(--transition-smooth);background:#1a1a24;border:1px solid #ffffff1a;border-radius:1.25rem;overflow:hidden;transform:scale(.9)translateY(30px);box-shadow:0 25px 50px #00000080}.modal-overlay.open .modal-container{opacity:1;transform:scale(1)translateY(0)}.modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.modal-close{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.modal-close:hover{color:#ef4444;background:#ef444433}.modal-close svg{width:20px;height:20px}.modal-body{max-height:calc(90vh - 180px);padding:1.5rem;overflow-y:auto}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-label{color:#e5e7eb;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.form-input:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px #f9731626}.form-input::-moz-placeholder{color:#6b7280}.form-input::placeholder{color:#6b7280}.form-input option{color:#fff;background:#1a1a24}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.btn-secondary{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s}.btn-secondary:hover{color:#fff;background:#ffffff1a}.btn-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ef444466}.btn-danger svg,.btn-primary svg{width:18px;height:18px}.view-modal{max-width:500px}.profile-info h2{color:#fff;margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.info-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;display:block}.info-value{color:#fff;font-size:.95rem;font-weight:500}.status-badge{border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.8rem;font-weight:600;display:inline-flex}.status-badge.active{color:#22c55e;background:#22c55e26}.status-badge.active:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge.inactive{color:#ef4444;background:#ef444426}.status-badge.inactive:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}@media(max-width:480px){.info-grid{grid-template-columns:1fr}.user-profile-header{text-align:center;flex-direction:column}}.delete-warning{text-align:center;padding:1rem 0}.warning-icon{background:#ef444426;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.warning-icon svg{color:#ef4444;width:32px;height:32px}.delete-warning p{color:#e5e7eb;margin:0;font-size:1rem}.delete-warning strong{color:#fff}.warning-sub{color:#6b7280!important;margin-top:.5rem!important;font-size:.875rem!important}.stat-users-container{max-width:560px}.stat-users-body{max-height:60vh;overflow-y:auto;padding:0!important}.stat-users-list{flex-direction:column;display:flex}.stat-user-item{cursor:pointer;border-bottom:1px solid #ffffff0a;align-items:center;gap:.875rem;padding:.875rem 1.5rem;transition:background .2s;display:flex}.stat-user-item:last-child{border-bottom:none}.stat-user-item:hover{background:#ffffff08}.stat-user-avatar{color:#fff;background:linear-gradient(135deg,#374151,#1f2937);border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.8rem;font-weight:700;display:flex}.stat-user-info{flex:1;min-width:0}.stat-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:600;overflow:hidden}.stat-user-email{color:#6b7280;margin:.125rem 0 0;font-size:.775rem}.stat-user-meta{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.stat-users-empty{text-align:center;color:#6b7280;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 2rem;display:flex}.stat-users-count{color:#6b7280;margin-right:auto;font-size:.8rem}.modal-footer{background:#0003;border-top:1px solid #ffffff0d;justify-content:flex-end;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.permissions-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#0009;justify-content:flex-end;align-items:stretch;transition:opacity .3s;display:none;position:fixed;inset:0}.permissions-overlay.open{opacity:1;display:flex}.permissions-drawer{background:var(--dark-bg);border-left:1px solid #ffffff14;flex-direction:column;width:640px;max-width:100vw;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;transform:translate(100%)}.permissions-overlay.open .permissions-drawer{transform:translate(0)}.permissions-header{background:var(--dark-card);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.permissions-header-info{align-items:center;gap:.75rem;display:flex}.permissions-icon{width:28px;height:28px;color:var(--brand-orange);flex-shrink:0}.permissions-header h3{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.permissions-header p{color:#6b7280;margin:.125rem 0 0;font-size:.8rem}.permissions-close{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.permissions-close:hover{color:#ef4444;background:#ef444426}.permissions-close svg{width:20px;height:20px}.permissions-tabs{background:var(--dark-card);border-bottom:1px solid #ffffff0f;gap:.25rem;padding:.75rem 1.5rem;display:flex;overflow-x:auto}.perm-tab{color:#9ca3af;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:2px solid #0000;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.perm-tab:hover{color:#fff;background:#ffffff14}.perm-tab.active{border-color:var(--brand-orange);color:var(--brand-orange);background:#f973161a}.perm-tab.disabled{opacity:.5;cursor:not-allowed}.perm-tab-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.permissions-body{flex:1;padding:1.5rem;overflow-y:auto}.permissions-loading{color:#6b7280;flex-direction:column;align-items:center;gap:1rem;padding:3rem 0;font-size:.9rem;display:flex}.perm-spinner{border:3px solid #ffffff1a;border-top-color:var(--brand-orange);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.perm-group{margin-bottom:1.5rem}.perm-group-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:.625rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.perm-group-icon{width:20px;height:20px;color:var(--brand-orange);flex-shrink:0}.perm-group-title{color:#fff;font-size:.9rem;font-weight:700}.perm-group-count{color:#6b7280;background:#ffffff0d;border-radius:1rem;margin-left:auto;padding:.125rem .5rem;font-size:.75rem}.perm-item{background:var(--dark-card);border-radius:.75rem;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;transition:background .2s;display:flex}.perm-item:hover{background:var(--dark-hover)}.perm-item-info{flex:1;min-width:0}.perm-item-label{color:#e5e7eb;font-size:.875rem;font-weight:600}.perm-item-desc{color:#6b7280;margin-top:.125rem;font-size:.75rem}.perm-toggle{flex-shrink:0;width:44px;height:24px;margin-left:1rem;position:relative}.perm-toggle input{opacity:0;width:0;height:0}.perm-toggle-slider{cursor:pointer;background:#374151;border-radius:12px;transition:background .25s;position:absolute;inset:0}.perm-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:3px;left:3px}.perm-toggle input:checked+.perm-toggle-slider{background:var(--brand-orange)}.perm-toggle input:checked+.perm-toggle-slider:before{transform:translate(20px)}.perm-toggle input:disabled+.perm-toggle-slider{opacity:.4;cursor:not-allowed}.admin-notice{color:#c4b5fd;background:#a855f714;border:1px solid #a855f733;border-radius:.75rem;align-items:center;gap:.75rem;padding:1.25rem;font-size:.875rem;line-height:1.5;display:flex}.admin-notice svg{color:#a855f7;flex-shrink:0;width:24px;height:24px}.permissions-footer{background:var(--dark-card);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.footer-right{align-items:center;gap:1rem;display:flex}.permissions-count{color:#6b7280;font-size:.8rem}.btn-reset{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.625rem;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.825rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-reset:hover{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.btn-reset svg{width:16px;height:16px}.btn-save-permissions{background:linear-gradient(135deg,var(--brand-orange),var(--brand-orange-dark));color:#fff;cursor:pointer;border:none;border-radius:.625rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #f973164d}.btn-save-permissions:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f9731666}.btn-save-permissions:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-save-permissions svg{width:18px;height:18px}.perm-toast{z-index:1100;color:#fff;border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;animation:.3s slideInUp;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 30px #0000004d}.perm-toast.success{background:#059669}.perm-toast.error{background:#dc2626}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.permissions-drawer{width:100vw}}.view-modal-lg{flex-direction:column;max-width:700px;max-height:85vh;display:flex}.view-modal-lg .modal-body{flex:1;padding:1.5rem;overflow-y:auto}.user-profile-header{border-bottom:1px solid #ffffff14;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.profile-avatar{background:linear-gradient(135deg,var(--brand-orange),var(--brand-orange-dark));color:#fff;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.5rem;font-weight:700;display:flex}.profile-info{flex:1}.profile-info h2{color:#fff;margin:0 0 .25rem;font-size:1.25rem}.profile-info p{color:#9ca3af;margin:0 0 .5rem;font-size:.875rem}.profile-badges{gap:.5rem;display:flex}.profile-stats{text-align:center;gap:1.5rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-label{color:#6b7280;text-transform:uppercase;font-size:.75rem}.tabs-nav{background:#0003;border-radius:.75rem;gap:.5rem;margin-bottom:1rem;padding:.375rem;display:flex}.tab-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{color:#fff;background:#f9731633}.tabs-content{min-height:250px}.tab-pane{display:none}.tab-pane.active{display:block}.info-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.info-item{background:#0003;border-radius:.75rem;padding:1rem}.info-item.full-width{grid-column:1/-1}.info-label{color:#6b7280;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;display:block}.info-value{color:#fff;font-size:.9375rem}.activity-timeline{max-height:400px;padding-right:.5rem;overflow-y:auto}.activity-item{border-bottom:1px solid #ffffff0d;gap:.875rem;padding:.875rem 0;animation:.3s forwards fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.activity-item:last-child{border-bottom:none}.activity-icon{background:#f9731626;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.activity-content{flex:1;min-width:0}.activity-title{color:#fff;margin:0 0 .25rem;font-size:.875rem;font-weight:500}.activity-desc{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8125rem;overflow:hidden}.activity-actor{color:#6b7280;margin:.25rem 0 0;font-size:.75rem;font-style:italic}.activity-time{color:#6b7280;white-space:nowrap;font-size:.75rem}.activity-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.spinner{border:2px solid #ffffff1a;border-top-color:var(--brand-orange);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.activity-empty{text-align:center;color:#6b7280;flex-direction:column;align-items:center;padding:3rem 2rem;display:flex}.logins-list{max-height:300px;overflow-y:auto}.login-item{background:#0003;border-radius:.5rem;align-items:center;gap:.875rem;margin-bottom:.5rem;padding:.75rem 1rem;display:flex}.login-icon{border-radius:.5rem;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;display:flex}.login-icon.login{color:#22c55e;background:#22c55e26}.login-icon.logout{color:#ef4444;background:#ef444426}.login-info{flex:1}.login-action{color:#fff;font-size:.875rem;font-weight:500}.login-details,.login-time{color:#6b7280;font-size:.75rem}.devices-list{max-height:400px;padding-right:.25rem;overflow-y:auto}.device-item{cursor:pointer;background:#00000040;border:1px solid #ffffff0d;border-radius:.75rem;align-items:flex-start;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .2s;display:flex}.device-item:hover{background:#00000059;border-color:#f973164d}.device-item:last-child{margin-bottom:0}.device-icon-wrapper{background:#f9731626;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.device-icon-wrapper.desktop{background:#3b82f626}.device-icon-wrapper.mobile{background:#22c55e26}.device-icon-wrapper.tablet{background:#a855f726}.device-content{flex:1;min-width:0}.device-header{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.device-name{color:#fff;margin:0;font-size:.9375rem;font-weight:600}.device-trusted{color:#22c55e;background:#22c55e26;border-radius:9999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.device-details{color:#9ca3af;margin:0 0 .5rem;font-size:.8125rem}.device-meta{color:#6b7280;flex-wrap:wrap;gap:.75rem;font-size:.75rem;display:flex}.device-meta-item{align-items:center;gap:.25rem;display:flex}.device-meta-item svg{opacity:.7;width:12px;height:12px}.devices-empty{text-align:center;color:#6b7280;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 2rem;display:flex}.devices-empty svg{opacity:.3;width:48px;height:48px}.device-detail-panel{animation:.25s slideInRight;display:none}.device-detail-panel.active{display:block}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.device-detail-back{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;margin-bottom:.75rem;padding:.375rem 0;font-size:.8125rem;transition:color .2s;display:inline-flex}.device-detail-back:hover{color:var(--brand-orange)}.device-detail-back svg{width:16px;height:16px}.device-detail-header{background:#0000004d;border:1px solid #f9731633;border-radius:.75rem;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.device-detail-icon{background:#f9731626;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;display:flex}.device-detail-icon.desktop{background:#3b82f626}.device-detail-icon.mobile{background:#22c55e26}.device-detail-icon.tablet{background:#a855f726}.device-detail-info{flex:1}.device-detail-name{color:#fff;margin:0 0 .25rem;font-size:1.0625rem;font-weight:600}.device-detail-sub{color:#9ca3af;margin:0;font-size:.8125rem}.device-summary-grid{grid-template-columns:repeat(3,1fr);gap:.625rem;margin-bottom:1rem;display:grid}.device-summary-card{text-align:center;background:#0003;border:1px solid #ffffff0d;border-radius:.625rem;padding:.75rem}.device-summary-value{color:var(--brand-orange);font-size:1.25rem;font-weight:700;display:block}.device-summary-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem;font-size:.6875rem;display:block}.device-sessions-title{color:#d1d5db;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.device-sessions-list{max-height:240px;padding-right:.25rem;overflow-y:auto}.session-item{background:#0003;border:1px solid #ffffff0a;border-radius:.625rem;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:border-color .2s;display:flex}.session-item:hover{border-color:#ffffff1a}.session-item.active{background:#22c55e0d;border-color:#22c55e4d}.session-status-dot{background:#6b7280;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.375rem}.session-status-dot.active{background:#22c55e;animation:2s infinite pulse;box-shadow:0 0 6px #22c55e80}.session-status-dot.ended{background:#9ca3af}@keyframes pulse{50%{opacity:.5}}.session-content{flex:1;min-width:0}.session-date{color:#e5e7eb;margin:0 0 .25rem;font-size:.8125rem;font-weight:600}.session-meta{color:#6b7280;flex-wrap:wrap;gap:.5rem;font-size:.75rem;display:flex}.session-meta-item{align-items:center;gap:.25rem;display:inline-flex}.session-meta-item svg{opacity:.7;width:11px;height:11px}.session-badge{border-radius:9999px;flex-shrink:0;margin-top:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500}.session-badge.active{color:#22c55e;background:#22c55e26}.session-badge.ended{color:#9ca3af;background:#6b728026}.device-detail-loading{text-align:center;color:#6b7280;padding:3rem 1rem}.modal-container.view-modal-xl{flex-direction:column!important;width:95vw!important;max-width:1100px!important;max-height:85vh!important;display:flex!important}.view-modal-xl .modal-body.view-modal-body{flex:1;grid-template-columns:320px 1fr;gap:1.5rem;padding:1.5rem;overflow-y:auto;max-height:none!important;display:grid!important}.view-modal-xl .view-col-left{border-right:1px solid #ffffff14;flex-direction:column;gap:1.25rem;padding-right:1.5rem;display:flex;overflow-y:auto}.view-modal-xl .view-col-right{flex-direction:column;min-width:0;display:flex;overflow:hidden}.view-modal-xl .user-profile-header{text-align:center;border-bottom:1px solid #ffffff14;padding-bottom:1.25rem}.view-modal-xl .profile-avatar{background:linear-gradient(135deg,var(--brand-orange),var(--brand-orange-dark));color:#fff;border-radius:1rem;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto .875rem;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 15px #f973164d}.view-modal-xl .profile-info h2{color:#fff;margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.view-modal-xl .profile-info p{color:#9ca3af;margin:0 0 .75rem;font-size:.8125rem}.view-modal-xl .profile-badges{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.view-modal-xl .profile-stats{border-top:1px solid #ffffff14;justify-content:center;gap:2rem;margin-top:1rem;padding-top:1rem;display:flex}.view-modal-xl .stat-item{flex-direction:column;align-items:center;display:flex}.view-modal-xl .stat-value{color:var(--brand-orange);font-size:1.5rem;font-weight:700;line-height:1}.view-modal-xl .stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.6875rem}.view-modal-xl .info-grid{flex-direction:column;gap:.75rem;display:flex}.view-modal-xl .info-item{background:#00000040;border:1px solid #ffffff08;border-radius:.75rem;padding:.75rem 1rem}.view-modal-xl .info-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.6875rem;display:block}.view-modal-xl .info-value{color:#fff;font-size:.875rem}.view-modal-xl .tabs-nav{flex-shrink:0;gap:.5rem;margin-bottom:1rem;display:flex}.view-modal-xl .tab-btn{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.625rem .75rem;font-size:.8125rem;transition:all .2s;display:flex}.view-modal-xl .tab-btn:hover{background:#ffffff14}.view-modal-xl .tab-btn.active{color:var(--brand-orange);background:#f9731626;border-color:#f973164d}.view-modal-xl .tabs-content{flex:1;min-height:300px;overflow:hidden}.view-modal-xl .tab-pane{height:100%;display:none;overflow-y:auto}.view-modal-xl .tab-pane.active{display:block}.view-modal-xl .role-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.view-modal-xl .role-badge.admin{color:#fb923c;background:#f9731633}.view-modal-xl .role-badge.gerente{color:#60a5fa;background:#3b82f633}.view-modal-xl .role-badge.operador{color:#4ade80;background:#22c55e33}.view-modal-xl .role-badge.visualizador{color:#9ca3af;background:#6b728033}.view-modal-xl .status-badge{font-weight:500}.view-modal-xl .status-badge.active{color:#22c55e}.view-modal-xl .status-badge.inactive{color:#ef4444}@media(max-width:900px){.modal-container.view-modal-xl{max-width:95vw!important}.view-modal-xl .modal-body.view-modal-body{grid-template-columns:1fr}.view-modal-xl .view-col-left{border-bottom:1px solid #ffffff14;border-right:none;padding-bottom:1.5rem;padding-right:0}.view-modal-xl .profile-stats{margin-top:0}}.audit-filters{background:var(--dark-card);opacity:0;border:1px solid #ffffff0d;border-radius:1rem;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;transition:border-color .3s,box-shadow .3s;animation:.5s .15s forwards auditCardEnter;display:flex}.audit-filters:focus-within{border-color:#f9731626;box-shadow:0 0 0 1px #f973160f}.filter-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filter-search-audit{flex:1;min-width:200px;position:relative}.filter-search-audit svg{color:#6b7280;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.filter-search-audit input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.625rem;outline:none;width:100%;padding:.6rem .75rem .6rem 2.5rem;font-size:.85rem;transition:border-color .25s,box-shadow .25s}.filter-search-audit input:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px #f973161a}.filter-search-audit input::-moz-placeholder{color:#6b7280}.filter-search-audit input::placeholder{color:#6b7280}.filter-select-wrapper select,.filter-date-group input[type=date]{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.625rem;outline:none;padding:.6rem .75rem;font-size:.85rem;transition:border-color .25s,box-shadow .25s}.filter-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:16px;padding-right:2rem}.filter-select-wrapper select:focus,.filter-date-group input[type=date]:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px #f973161a}.filter-select-wrapper select option{background:#1a1a2e}.filter-date-group{align-items:center;gap:.5rem;display:flex}.date-separator{color:#6b7280;font-size:.8rem}.filter-date-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5)}.filter-actions-row{justify-content:space-between;align-items:center;display:flex}.filter-results-audit{color:#6b7280;font-size:.8rem}.filter-buttons{gap:.5rem;display:flex}.btn-filter-clear,.btn-export{cursor:pointer;border-radius:.5rem;align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-filter-clear{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.btn-filter-clear:hover{background:#ef444433;transform:scale(1.03)}.btn-export{color:var(--brand-orange);background:#f973161a;border:1px solid #f9731633}.btn-export:hover{background:#f9731633;transform:scale(1.03)}.audit-stats{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.audit-stat-card{background:var(--dark-card);opacity:0;border:1px solid #ffffff0f;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:transform .3s,border-color .3s,box-shadow .3s;animation:.5s forwards auditCardEnter;display:flex}.audit-stat-card:first-child{animation-delay:50ms}.audit-stat-card:nth-child(2){animation-delay:.12s}.audit-stat-card:nth-child(3){animation-delay:.19s}.audit-stat-card:nth-child(4){animation-delay:.26s}.audit-stat-card:hover{border-color:#f9731633;transform:translateY(-3px);box-shadow:0 8px 24px #0003}@keyframes auditCardEnter{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.stat-icon{font-size:1.5rem}.stat-data{flex-direction:column;display:flex}.stat-value{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.2;transition:color .3s}.stat-value.loaded{animation:.4s countPop}@keyframes countPop{0%{transform:scale(1)}50%{color:var(--brand-orange);transform:scale(1.15)}to{transform:scale(1)}}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-size:.7rem}.audit-table-wrapper{background:var(--dark-card);opacity:0;border:1px solid #ffffff0d;border-radius:1rem;animation:.5s .2s forwards auditCardEnter;overflow:hidden}.audit-table{border-collapse:collapse;width:100%;font-size:.82rem}.audit-table thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1px solid #ffffff0f;padding:.65rem .75rem;font-size:.7rem}.audit-table thead th.sortable{cursor:pointer;transition:color .2s}.audit-table thead th.sortable:hover,.audit-table thead th.active-sort{color:var(--brand-orange)}.audit-table tbody tr{opacity:0;border-bottom:1px solid #ffffff08;transition:background-color .2s;animation:.35s forwards rowFade}.audit-table tbody tr:hover{background:#ffffff05}@keyframes rowFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.audit-table td{vertical-align:middle;padding:.6rem .75rem}.col-icon{text-align:center;width:2rem;font-size:1.1rem}.col-action{width:110px}.col-desc{min-width:180px}.col-actor{width:130px}.col-ip{width:110px}.col-location{width:120px}.col-time{width:130px}.col-details{text-align:center;width:36px}.action-badge{letter-spacing:.02em;border-radius:.375rem;padding:.2rem .55rem;font-size:.7rem;font-weight:600;display:inline-block}.action-badge.badge-login{color:#22c55e;background:#22c55e26}.action-badge.badge-logout{color:#9ca3af;background:#6b728026}.action-badge.badge-create{color:#3b82f6;background:#3b82f626}.action-badge.badge-update{color:var(--brand-orange);background:#f9731626}.action-badge.badge-delete{color:#ef4444;background:#ef444426}.action-badge.badge-password_change{color:#a855f7;background:#a855f726}.action-badge.badge-role_change{color:#eab308;background:#eab30826}.action-badge.badge-status_change{color:#14b8a6;background:#14b8a626}.action-badge.badge-page_view{color:#6366f1;background:#6366f126}.actor-info{flex-direction:column;gap:1px;display:flex}.actor-name{color:#e5e7eb;font-size:.82rem;font-weight:500}.actor-role{color:#6b7280;text-transform:capitalize;font-size:.65rem}.ip-cell{color:#9ca3af;font-family:JetBrains Mono,monospace;font-size:.77rem}.location-cell{color:#9ca3af;font-size:.77rem}.location-cell .flag{margin-right:3px}.location-cell .no-location{color:#4b5563;font-style:italic}.time-cell{flex-direction:column;gap:1px;display:flex}.time-ago{color:#e5e7eb;font-weight:500}.time-full{color:#6b7280;font-size:.65rem}.btn-show-detail{color:var(--brand-orange);cursor:pointer;background:#f973161a;border:1px solid #f9731633;border-radius:.375rem;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.btn-show-detail:hover{background:#f9731633;transform:scale(1.1)}.loading-row td{text-align:center;padding:2rem}.loading-indicator{color:#6b7280;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.spinner-sm{border:2px solid #f9731633;border-top-color:var(--brand-orange);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.empty-state{text-align:center;color:#6b7280;padding:2.5rem 1rem}.empty-state svg{opacity:.4;margin:0 auto .75rem}.audit-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;padding:.5rem 0;display:flex}.audit-pagination:empty{display:none}.page-btn{color:#9ca3af;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:.5rem;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 .5rem;font-size:.78rem;font-weight:500;transition:all .2s;display:inline-flex}.page-btn:hover:not(.active):not(.disabled){color:var(--brand-orange);background:#f973161a;border-color:#f9731633;transform:translateY(-1px)}.page-btn.active{background:var(--brand-orange);border-color:var(--brand-orange);color:#fff;font-weight:600;box-shadow:0 2px 8px #f973164d}.page-btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.page-ellipsis{color:#6b7280;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:.85rem;display:inline-flex}.audit-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;background:#000000b3;justify-content:center;align-items:center;padding:1rem;transition:opacity .25s;display:flex;position:fixed;inset:0}.audit-modal-overlay.visible{opacity:1}.audit-modal{background:var(--dark-card);border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;width:100%;max-width:680px;max-height:85vh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(20px)scale(.97);box-shadow:0 24px 64px #00000080}.audit-modal-overlay.visible .audit-modal{transform:translateY(0)scale(1)}.audit-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.audit-modal-header h3{color:#fff;margin:0;font-size:1rem;font-weight:600}.audit-modal-close{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:.5rem;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.audit-modal-close:hover{color:#ef4444;background:#ef444426;transform:scale(1.05)}.audit-modal-body{flex:1;padding:1.25rem;overflow-y:auto}.detail-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.detail-item{flex-direction:column;gap:.2rem;display:flex}.detail-item.full-width{grid-column:1/-1}.detail-label{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-size:.68rem}.detail-value{color:#e5e7eb;word-break:break-word;font-size:.85rem}.detail-value code{color:#9ca3af;background:#ffffff0d;border-radius:.25rem;padding:.15rem .4rem;font-family:JetBrains Mono,monospace;font-size:.78rem}.detail-map-container{border:1px solid #ffffff0f;border-radius:.625rem;width:100%;height:180px;margin-top:.25rem;overflow:hidden}.detail-map-container .leaflet-container{background:#1a1a2e}.diff-section{border-top:1px solid #ffffff0f;margin-top:1rem;padding-top:1rem}.diff-title{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.diff-table{border-collapse:collapse;width:100%;font-size:.78rem}.diff-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;border-bottom:1px solid #ffffff0f;padding:.4rem .6rem;font-size:.65rem}.diff-table td{color:#e5e7eb;border-bottom:1px solid #ffffff08;padding:.4rem .6rem}.diff-old{color:#ef4444;background:#ef444414;text-decoration:line-through}.diff-new{color:#22c55e;background:#22c55e14}.world-map-section{background:var(--dark-card);opacity:0;border:1px solid #ffffff0d;border-radius:1rem;padding:1.25rem;animation:.5s .3s forwards auditCardEnter}.world-map-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.world-map-header .section-title{color:#fff;margin:0;font-size:.95rem;font-weight:600}.map-period-select select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;outline:none;padding:.4rem .65rem;font-size:.78rem;transition:border-color .2s}.map-period-select select:focus{border-color:var(--brand-orange)}.map-period-select select option{background:#1a1a2e}.world-map-container{border:1px solid #ffffff0f;border-radius:.75rem;width:100%;height:380px;overflow:hidden}.world-map-container .leaflet-container{background:#0f172a}.world-map-container .leaflet-control-zoom a{background:var(--dark-card)!important;color:#9ca3af!important;border-color:#ffffff1a!important}.world-map-container .leaflet-control-zoom a:hover{color:var(--brand-orange)!important}.world-map-container .leaflet-control-attribution{color:#6b7280!important;background:#0f172acc!important;font-size:.6rem!important}.world-map-container .leaflet-control-attribution a{color:#6b7280!important}.world-map-container .leaflet-popup-content-wrapper{background:var(--dark-card);color:#e5e7eb;border:1px solid #ffffff14;border-radius:.625rem;box-shadow:0 8px 24px #0006}.world-map-container .leaflet-popup-tip{background:var(--dark-card)}.world-map-container .leaflet-popup-content{margin:.6rem .8rem;font-size:.8rem;line-height:1.5}.world-map-container .leaflet-popup-close-button{color:#6b7280!important;font-size:1.1rem!important}.map-legend{justify-content:center;align-items:center;gap:1.5rem;margin-top:.75rem;display:flex}.map-legend-item{color:#6b7280;align-items:center;gap:.35rem;font-size:.72rem;display:flex}.legend-dot{background:var(--brand-orange);opacity:.7;border-radius:50%}.legend-dot.small{width:8px;height:8px}.legend-dot.medium{width:14px;height:14px}.legend-dot.large{width:22px;height:22px}.audit-page{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;display:flex}@media(max-width:1024px){.audit-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.audit-stats{grid-template-columns:1fr}.filter-row{flex-direction:column}.filter-search-audit{min-width:100%}.filter-date-group{width:100%}.filter-date-group input[type=date]{flex:1}.audit-table-wrapper{overflow-x:auto}.audit-table{min-width:800px}.detail-grid{grid-template-columns:1fr}.filter-actions-row{flex-direction:column;gap:.5rem}}.settings-container{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;display:flex}.settings-stats{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.stat-card{background:var(--dark-card);border:1px solid #ffffff0f;border-radius:1rem;align-items:center;gap:1rem;padding:1.25rem;display:flex}.stat-icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-content{flex-direction:column;display:flex}.stat-value{color:#fff;font-size:1.5rem;font-weight:700}.stat-label{color:#9ca3af;font-size:.75rem}.settings-layout{grid-template-columns:260px 1fr;align-items:start;gap:1.5rem;display:grid}.settings-sidebar{background:var(--dark-card);top:calc(var(--header-height) + 2rem);border:1px solid #ffffff0f;border-radius:1rem;padding:1rem;position:sticky}.sidebar-search{margin-bottom:1rem}.search-input{background:var(--dark-bg);color:#fff;border:1px solid #ffffff1a;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem;font-size:.85rem;transition:border-color .2s}.search-input:focus{border-color:var(--brand-orange)}.search-input::-moz-placeholder{color:#6b7280}.search-input::placeholder{color:#6b7280}.group-nav{flex-direction:column;gap:.25rem;display:flex}.group-btn{color:#9ca3af;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.75rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.group-btn:hover{background:var(--dark-hover);color:#fff}.group-btn.active{color:var(--brand-orange);background:#f973161f}.group-label{flex:1;font-weight:500}.group-count{background:#ffffff14;border-radius:9999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.group-btn.active .group-count{background:#f9731633}.settings-panel{min-height:400px}.group-section{background:var(--dark-card);border:1px solid #ffffff0f;border-radius:1rem;display:none;overflow:hidden}.group-section.active{animation:.3s fadeIn;display:block}.group-header-bar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.group-header-bar h3{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.group-header-info{align-items:center;gap:.75rem;display:flex}.group-count-badge{color:var(--brand-orange);background:#f9731626;border-radius:9999px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.settings-grid{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.setting-field{background:var(--dark-bg);border:1px solid #ffffff0a;border-radius:.75rem;grid-template-columns:1fr 1fr;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .2s;display:grid}.setting-field:hover{border-color:#ffffff1a}.setting-field.modified{border-left:3px solid var(--brand-orange)}.field-header{flex-direction:column;gap:.25rem;display:flex}.field-label{color:#fff;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.field-description{color:#6b7280;margin:0;font-size:.75rem;line-height:1.4}.field-input{align-items:center;gap:.5rem;display:flex}.badge-encrypted{font-size:.7rem}.badge-modified{color:var(--brand-orange);font-size:.5rem}.badge-implemented{color:#22c55e;margin-left:.25rem;font-size:.65rem;font-weight:600}.badge-pending{color:#eab308;background:#eab30826;border-radius:.25rem;margin-left:.25rem;padding:.1rem .4rem;font-size:.6rem;font-weight:600}.setting-field.not-implemented{opacity:.7;border-left:2px solid #eab3084d}.setting-field.not-implemented:hover{opacity:1}.setting-input,.setting-select,.setting-textarea{background:var(--dark-card);color:#fff;border:1px solid #ffffff1a;border-radius:.5rem;outline:none;width:100%;padding:.6rem .875rem;font-size:.85rem;transition:border-color .2s}.setting-input:focus,.setting-select:focus,.setting-textarea:focus{border-color:var(--brand-orange)}.setting-input:disabled,.setting-select:disabled,.setting-textarea:disabled{opacity:.5;cursor:not-allowed}.setting-select option{background:var(--dark-card);color:#fff}.toggle-switch{cursor:pointer;align-items:center;gap:.75rem;display:flex}.toggle-switch input{display:none}.toggle-slider{background:#ffffff1a;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .3s;position:relative}.toggle-slider:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--brand-orange)}.toggle-switch input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-label{color:#9ca3af;font-size:.8rem}.setting-color{cursor:pointer;background:0 0;border:none;border-radius:.375rem;width:40px;height:34px}.file-upload-zone{flex-direction:column;gap:.75rem;width:100%;display:flex}.file-preview-area{position:relative}.file-preview-current,.file-preview-new{background:#0000004d;border:2px solid #ffffff14;border-radius:.75rem;animation:.4s cubic-bezier(.16,1,.3,1) previewFadeIn;position:relative;overflow:hidden}@keyframes previewFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes previewFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.preview-img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:120px;margin:0 auto;padding:.5rem;transition:transform .3s;display:block}.file-preview-current:hover .preview-img,.file-preview-new:hover .preview-img{transform:scale(1.05)}.preview-file-icon{color:#9ca3af;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.preview-filename{color:#6b7280;word-break:break-all;font-size:.75rem}.btn-remove-file{cursor:pointer;color:#fff;opacity:0;background:#ef4444d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .25s;display:flex;position:absolute;top:.5rem;right:.5rem;transform:scale(.8)}.file-preview-current:hover .btn-remove-file,.file-preview-new:hover .btn-remove-file{opacity:1;transform:scale(1)}.btn-remove-file:hover{background:#ef4444}.file-dropzone{cursor:pointer;background:#ffffff05;border:2px dashed #ffffff1f;border-radius:.75rem;justify-content:center;align-items:center;padding:1.25rem;transition:all .3s;display:flex}.file-dropzone:hover,.file-dropzone.dragover{border-color:var(--brand-orange,#f97316);background:#f973160d}.file-dropzone.dragover .dropzone-icon{color:var(--brand-orange,#f97316);transform:translateY(-4px)scale(1.1)}.file-dropzone.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.dropzone-content{text-align:center;flex-direction:column;align-items:center;gap:.4rem;display:flex}.dropzone-icon{color:#6b7280;transition:all .3s}.dropzone-text{color:#9ca3af;margin:0;font-size:.8rem}.dropzone-link{color:var(--brand-orange,#f97316);font-weight:600}.dropzone-hint{color:#4b5563;margin:0;font-size:.7rem}.file-input-hidden{display:none}.color-picker-wrapper{align-items:center;gap:.75rem;display:flex}.setting-color{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:.5rem;width:44px;height:36px;padding:2px}.color-hex{color:#9ca3af;font-family:monospace;font-size:.8rem}.file-upload-wrapper{align-items:center;gap:.75rem;width:100%;display:flex}.file-preview{flex-shrink:0}.file-preview-img{-o-object-fit:contain;object-fit:contain;border:1px solid #ffffff1a;border-radius:.5rem;width:40px;height:40px}.file-name{color:#9ca3af;font-size:.8rem}.setting-file{color:#9ca3af;width:100%;font-size:.8rem}.setting-file::file-selector-button{color:var(--brand-orange);cursor:pointer;background:#f9731626;border:none;border-radius:.5rem;margin-right:.75rem;padding:.4rem .875rem;font-size:.8rem}.form-actions{border-top:1px solid #ffffff0f;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.btn-save{background:var(--brand-orange);color:#fff;cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-save:hover{background:var(--brand-orange-dark);transform:translateY(-1px)}.btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-reset-group{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:.75rem;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.btn-reset-group:hover{background:#ef444433}.btn-reset-field{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.btn-reset-field:hover{color:#ef4444;background:#ef444426}@media(max-width:768px){.settings-stats{grid-template-columns:repeat(2,1fr)}.settings-layout,.setting-field{grid-template-columns:1fr}.settings-sidebar{position:static}}.ip-list-wrapper{flex-direction:column;gap:.5rem;width:100%;display:flex}.ip-tags{flex-wrap:wrap;gap:.4rem;min-height:2rem;display:flex}.ip-tag{color:var(--brand-orange);background:#f973161f;border:1px solid #f973164d;border-radius:.5rem;align-items:center;gap:.35rem;padding:.3rem .6rem;font-family:JetBrains Mono,monospace,system-ui;font-size:.8rem;animation:.3s cubic-bezier(.16,1,.3,1) tagAppear;display:inline-flex}@keyframes tagAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes tagRemove{to{opacity:0;transform:scale(.8)}}.ip-tag-text{-webkit-user-select:all;-moz-user-select:all;user-select:all}.ip-tag-remove{color:var(--brand-orange);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 .1rem;font-size:1rem;line-height:1;transition:opacity .2s}.ip-tag-remove:hover{opacity:1}.ip-input-row{align-items:center;gap:.4rem;display:flex}.ip-add-input{flex:1;min-width:0;font-family:JetBrains Mono,monospace,system-ui}.btn-add-ip{background:var(--brand-orange,#f97316);cursor:pointer;color:#fff;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.btn-add-ip:hover{transform:scale(1.05);box-shadow:0 2px 8px #f973164d}.btn-detect-ip{color:#9ca3af;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.3rem;padding:.4rem .65rem;font-size:.75rem;transition:all .2s;display:flex}.btn-detect-ip:hover{border-color:var(--brand-orange,#f97316);color:var(--brand-orange,#f97316)}.ip-tag.invalid{color:#ef4444;background:#ef44441a;border-color:#ef444480}.cert-upload-zone{margin-bottom:.25rem}.cert-compact .cert-current-file{margin-bottom:.5rem}.cert-file-installed{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;transition:box-shadow .3s,border-color .3s;overflow:hidden}.cert-file-installed:hover{border-color:#2563eb4d;box-shadow:0 2px 8px #0000000f}.cert-installed-header{align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.cert-file-icon{color:#fff;background:#059669;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex}.cert-file-icon:hover{transform:scale(1.08)}.cert-icon-expired{background:#dc2626}.cert-icon-new{background:#2563eb}.cert-file-details{flex-direction:column;flex:1;min-width:0;display:flex}.cert-filename{color:var(--text-primary,#1e293b);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.cert-status{color:#059669;align-items:center;gap:4px;font-size:.7rem;font-weight:500;display:inline-flex}.cert-status-expired{color:#dc2626}.cert-status-pending{color:#2563eb}.cert-no-file{background:var(--bg-secondary,#f8fafc);border:1px dashed var(--border-color,#e2e8f0);border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.cert-no-file svg{color:var(--text-muted,#94a3b8);flex-shrink:0}.cert-empty-text{color:var(--text-muted,#94a3b8);font-size:.75rem}.btn-remove-cert{width:28px;height:28px;color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-remove-cert:hover{color:#dc2626;background:#fee2e2;transform:scale(1.1)}.cert-dropzone-sm{border:1.5px dashed var(--border-color,#e2e8f0);cursor:pointer;color:var(--text-muted,#94a3b8);border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;transition:all .25s;display:flex}.cert-dropzone-sm:hover,.cert-dropzone-sm.dragover{color:#2563eb;background:#2563eb08;border-color:#2563eb}.cert-dropzone-sm svg{color:#2563eb;flex-shrink:0;transition:transform .2s}.cert-dropzone-sm:hover svg{transform:translateY(-2px)}.cert-dropzone-sm strong{color:#2563eb}.cert-hint{opacity:.6;margin-left:auto;font-size:.65rem}.cert-file-input{display:none}.cert-password-wrapper{transition:opacity .3s;overflow:hidden}.cert-pwd-highlight .cert-pwd-input{box-shadow:0 0 0 2px #f59e0b26;border-color:#f59e0b!important}.cert-pwd-input-group{align-items:center;display:flex;position:relative}.cert-pwd-input{padding-right:36px!important}.cert-pwd-toggle{width:28px;height:28px;color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.cert-pwd-toggle:hover{color:#2563eb}.cert-pwd-saved-hint{color:#059669;margin-top:2px;font-size:.65rem;font-weight:500;display:block}.cert-animate-in,.cert-new-file{animation:.35s cubic-bezier(.22,1,.36,1) certSlideIn}@keyframes certSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cert-days-badge{color:#166534;background:#dcfce7;border-radius:8px;padding:0 5px;font-size:.62rem;font-weight:600;line-height:1.5;display:inline-block}.cert-days-warning{color:#92400e;background:#fef3c7}.cert-metadata{border-top:1px solid var(--border-color,#e2e8f0);padding:.5rem .75rem}.cert-meta-grid{grid-template-columns:1fr 1fr;gap:.35rem 1rem;display:grid}.cert-meta-item{align-items:flex-start;gap:.4rem;padding:.25rem 0;animation:.4s cubic-bezier(.22,1,.36,1) both certMetaFade;display:flex}.cert-meta-item:first-child{animation-delay:50ms}.cert-meta-item:nth-child(2){animation-delay:.1s}.cert-meta-item:nth-child(3){animation-delay:.15s}.cert-meta-item:nth-child(4){animation-delay:.2s}.cert-meta-item:nth-child(5){animation-delay:.25s}.cert-meta-item:nth-child(6){animation-delay:.3s}.cert-meta-icon{flex-shrink:0;margin-top:1px;font-size:.7rem;line-height:1}.cert-meta-label{color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.04em;font-size:.62rem;font-weight:600;line-height:1;display:block}.cert-meta-value{color:var(--text-primary,#1e293b);word-break:break-all;margin-top:1px;font-size:.72rem;font-weight:500;line-height:1.3;display:block}.cert-meta-mono{opacity:.75;font-family:Monaco,Courier New,monospace;font-size:.65rem}.cert-meta-expired{color:#dc2626;font-weight:600}.cert-meta-animate{transition:opacity .4s,max-height .5s}@keyframes certMetaFade{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.cert-meta-skeleton{grid-template-columns:1fr 1fr;gap:.35rem 1rem;padding:.25rem 0;display:grid}.cert-meta-skeleton-item{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%) 0 0/200% 100%;border-radius:4px;height:28px;animation:1.5s infinite certShimmer}@keyframes certShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.setting-field[data-key=sicoob_mode] .field-input:after{content:attr(data-environment);pointer-events:none;opacity:0;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:opacity .3s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.setting-field[data-key=sicoob_mode]:hover .field-input:after{opacity:1}.sicoob-environment-switch-notification{color:#fff;z-index:10000;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s slideInRight,.3s 2.5s forwards slideOutRight;position:fixed;top:80px;right:20px;box-shadow:0 4px 12px #00000026}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.setting-field[data-key=sicoob_api_url] .field-input input{font-family:Monaco,Courier New,monospace;font-size:13px}.setting-field[data-key=sicoob_mode] select{color:#667eea;font-weight:600}.setting-field[data-key=sicoob_mode] select option[value=sandbox]{color:#92400e;background-color:#fef3c7}.setting-field[data-key=sicoob_mode] select option[value=production]{color:#166534;background-color:#dcfce7}.setting-field.field-updating{animation:.6s ease-in-out fieldPulse}.setting-field.field-updating .field-input{position:relative}.setting-field.field-updating .field-input:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#3b82f61a,#0000);border-radius:8px;animation:.6s ease-in-out shimmer;position:absolute;inset:0}@keyframes fieldPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}.setting-field.field-updating input,.setting-field.field-updating textarea,.setting-field.field-updating select{transition:all .3s;box-shadow:0 0 0 2px #3b82f633}.setting-input,.setting-select,.setting-textarea,.group-section[data-group=sicoob] .setting-field{transition:all .3s}.group-section[data-group=sicoob] .setting-field:hover{transform:translate(4px)}.setting-field{animation:.4s ease-out backwards fadeInUp}.setting-field:first-child{animation-delay:50ms}.setting-field:nth-child(2){animation-delay:.1s}.setting-field:nth-child(3){animation-delay:.15s}.setting-field:nth-child(4){animation-delay:.2s}.setting-field:nth-child(5){animation-delay:.25s}.setting-field:nth-child(n+6){animation-delay:.3s}.setting-field{transition:all .3s cubic-bezier(.4,0,.2,1)}.setting-field:hover{background-color:#6366f105;border-radius:8px;margin:-4px;padding:4px}.setting-input,.setting-select,.setting-textarea{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.setting-input:focus,.setting-select:focus,.setting-textarea:focus{transform:scale(1.01);box-shadow:0 0 0 3px #6366f11a}.setting-field:has(input:focus) .field-label,.setting-field:has(select:focus) .field-label,.setting-field:has(textarea:focus) .field-label{color:#6366f1;transition:all .2s;transform:translate(2px)}.field-description{opacity:.7;transition:opacity .2s}.setting-field:hover .field-description{opacity:1}.btn-save,.btn-reset-field,.btn-reset-group{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-save:before,.btn-reset-field:before,.btn-reset-group:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-save:active:before,.btn-reset-field:active:before,.btn-reset-group:active:before{width:300px;height:300px}.btn-save:hover,.btn-reset-group:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-reset-field:hover{transform:rotate(180deg)scale(1.1)}.group-section.active{animation:.4s ease-out groupSlideIn}@keyframes groupSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.setting-toggle,.setting-toggle:before{transition:all .3s cubic-bezier(.4,0,.2,1)}.setting-toggle:active:before{width:28px}.setting-select{cursor:pointer}.setting-select:hover{background-color:#6366f105;border-color:#6366f1}.setting-textarea{resize:vertical;min-height:80px;transition:all .3s}.setting-textarea:focus{min-height:120px}.group-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.group-item:hover{background-color:#6366f10d;transform:translate(4px)}.group-item.active{animation:.3s ease-out groupItemActive}@keyframes groupItemActive{0%{transform:scale(.98)}50%{transform:scale(1.02)}to{transform:scale(1)}}.stat-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.stat-value{transition:all .3s}.stat-card:hover .stat-value{color:#6366f1;transform:scale(1.05)}.setting-field.saving{animation:.6s ease-in-out savePulse}@keyframes savePulse{0%,to{background-color:#0000}50%{background-color:#22c55e1a}}.setting-field.error{animation:.4s ease-in-out shakeError}@keyframes shakeError{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.setting-field.error input,.setting-field.error select,.setting-field.error textarea{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.badge-modified{animation:2s ease-in-out infinite badgePulse;display:inline-block}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.setting-field.loading{pointer-events:none;opacity:.6;position:relative}.setting-field.loading:after{content:"";border:2px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;position:absolute;top:50%;right:20px}.sicoob-header{flex-direction:column;gap:1rem;display:flex}.sicoob-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.sicoob-header-info{align-items:center;gap:1rem;display:flex}.sicoob-header-icon{color:#3b82f6;background:linear-gradient(135deg,#3b82f633,#3b82f60d);border:1px solid #3b82f633;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex}.sicoob-header-icon:hover{transform:scale(1.05);box-shadow:0 0 20px #3b82f626}.sicoob-header-title{color:#f5f5f5;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.sicoob-header-subtitle{color:#a1a1aa;margin-top:.15rem;font-size:.875rem}.sicoob-status-badges{align-items:center;gap:.5rem;display:flex}.sicoob-badge{letter-spacing:.02em;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-flex}.badge-sandbox{color:var(--brand-orange);background:#f9731626;border:1px solid #f9731640}.badge-production,.badge-connected{color:#22c55e;background:#22c55e26;border:1px solid #22c55e40}.badge-disconnected{color:#ef4444;background:#ef444426;border:1px solid #ef444440}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}.sicoob-alert{color:#fbbf24;background:#f9731614;border:1px solid #f9731633;border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;font-size:.875rem;animation:.3s ease-out fadeInDown;display:flex}.sicoob-alert svg{color:var(--brand-orange);flex-shrink:0;margin-top:.1rem}.sicoob-alert a{color:var(--brand-orange);text-underline-offset:2px;text-decoration:underline;transition:color .2s}.sicoob-alert a:hover{color:#fb923c}@media(max-width:640px){.sicoob-header-content{flex-direction:column;align-items:flex-start}.sicoob-header-title{font-size:1.25rem}}.sicoob-saldo-section{flex-direction:column;gap:1rem;display:flex}.sicoob-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.sicoob-card{background:#1e1e2e99;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sicoob-card:before{content:"";opacity:0;border-radius:16px 16px 0 0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.sicoob-card:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 32px #0003}.sicoob-card:hover:before{opacity:1}.sicoob-card-saldo:before{background:linear-gradient(90deg,#22c55e,#16a34a)}.sicoob-card-limite:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.sicoob-card-bloqueado:before{background:linear-gradient(90deg,var(--brand-orange),var(--brand-orange-dark))}.sicoob-card-header{align-items:center;gap:.75rem;display:flex}.sicoob-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .3s;display:flex}.sicoob-card:hover .sicoob-card-icon{transform:scale(1.1)}.icon-green{color:#22c55e;background:#22c55e26}.icon-blue{color:#3b82f6;background:#3b82f626}.icon-orange{color:var(--brand-orange);background:#f9731626}.sicoob-card-label{color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.sicoob-card-value{letter-spacing:-.02em;align-items:center;min-height:2.25rem;font-size:1.75rem;font-weight:800;display:flex}.value-text{transition:all .3s}.value-green{color:#22c55e}.value-blue{color:#3b82f6}.value-orange{color:var(--brand-orange)}.value-positive{color:#22c55e}.value-negative{color:#ef4444}.value-zero{color:#a1a1aa}.sicoob-card-footer{justify-content:flex-end;display:flex}.sicoob-toggle-visibility{color:#a1a1aa;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:.4rem;transition:all .2s}.sicoob-toggle-visibility:hover{color:#f5f5f5;background:#ffffff1a}.sicoob-skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%) 0 0/200% 100%;border-radius:8px;height:1.5rem;animation:1.5s infinite shimmer}.skeleton-sm{width:80px;height:1rem}.skeleton-md{width:120px;height:1rem}.skeleton-lg{width:200px;height:1rem}.sicoob-refresh-row{align-items:center;gap:1rem;display:flex}.sicoob-btn-refresh{color:#a1a1aa;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .25s;display:inline-flex}.sicoob-btn-refresh:hover{color:#f5f5f5;background:#ffffff14;border-color:#ffffff26}.sicoob-btn-refresh.loading svg{animation:1s linear infinite spin}.sicoob-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.sicoob-last-update{color:#71717a;font-size:.75rem}.sicoob-error-text{color:#ef4444;font-size:.875rem}.card-animate-in{animation:.4s cubic-bezier(.4,0,.2,1) both cardSlideUp}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.sicoob-cards-grid{grid-template-columns:1fr}.sicoob-card-value{font-size:1.5rem}}.sicoob-extrato-section{flex-direction:column;gap:1rem;display:flex}.sicoob-extrato-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.sicoob-section-title{color:#f5f5f5;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;display:flex}.sicoob-section-title svg{color:#3b82f6}.sicoob-extrato-filters{align-items:center;gap:.5rem;display:flex}.sicoob-select{color:#f5f5f5;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1e1e2ecc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a1a1aa' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E") right .5rem center no-repeat;border:1px solid #ffffff1a;border-radius:10px;padding:.5rem 1.75rem .5rem .75rem;font-size:.8rem;font-weight:500;transition:all .25s}.sicoob-select:hover{border-color:#fff3}.sicoob-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.sicoob-btn-filter{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .25s;display:inline-flex}.sicoob-btn-filter:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.sicoob-btn-filter.loading{opacity:.7;cursor:not-allowed}.sicoob-btn-filter:disabled{opacity:.5;cursor:not-allowed}.sicoob-extrato-table-wrapper{background:#1e1e2e99;border:1px solid #ffffff0f;border-radius:16px;overflow:auto hidden}.sicoob-extrato-table{border-collapse:collapse;width:100%}.sicoob-extrato-table thead{background:#ffffff08}.sicoob-extrato-table th{text-align:left;color:#71717a;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #ffffff0f;padding:.875rem 1.25rem;font-size:.7rem;font-weight:600}.sicoob-extrato-table td{color:#d4d4d8;border-bottom:1px solid #ffffff08;padding:.875rem 1.25rem;font-size:.875rem}@media(max-width:768px){.sicoob-extrato-header{flex-direction:column;align-items:flex-start}.sicoob-extrato-filters{flex-wrap:wrap;width:100%}.sicoob-select{flex:1;min-width:0}.sicoob-btn-filter{justify-content:center;width:100%}.sicoob-extrato-summary{flex-direction:column}}.extrato-row{transition:background .2s;animation:.3s ease-out both fadeInRow}.extrato-row:hover{background:#ffffff08}@keyframes fadeInRow{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.extrato-data{color:#a1a1aa;white-space:nowrap;font-weight:500}.extrato-descricao{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.extrato-tipo{letter-spacing:.03em;border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.7rem;font-weight:600;display:inline-flex}.tipo-credito{color:#22c55e;background:#22c55e1f}.tipo-debito{color:#ef4444;background:#ef44441f}.extrato-valor{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.valor-credito{color:#22c55e}.valor-debito{color:#ef4444}.text-right{text-align:right}.sicoob-empty-state{color:#71717a;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.sicoob-empty-state svg{opacity:.4}.sicoob-empty-state p{font-size:.875rem}.sicoob-error-state svg{color:#ef4444;opacity:.6}.sicoob-error-state p{color:#ef4444}.sicoob-extrato-summary{flex-wrap:wrap;gap:1rem;display:flex}.summary-item{background:#1e1e2e99;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;flex:1;gap:.375rem;min-width:180px;padding:1rem 1.25rem;transition:all .3s;display:flex}.summary-item:hover{border-color:#ffffff1f;transform:translateY(-1px)}.summary-label{color:#71717a;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.summary-value{font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:700}.summary-creditos .summary-value{color:#22c55e}.summary-debitos .summary-value{color:#ef4444}.summary-saldo .summary-value{color:#3b82f6}.summary-animate-in{animation:.4s ease-out fadeInUp}.skeleton-row td{padding:1rem 1.25rem}.sicoob-kpi-section{flex-direction:column;gap:1rem;animation:.4s ease-out fadeInUp;display:flex}.sicoob-kpi-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.kpi-period-label{color:#71717a;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:8px;padding:.35rem .75rem;font-size:.8rem;font-weight:500}.sicoob-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.875rem;display:grid}.sicoob-kpi-card{background:#1e1e2e99;border:1px solid #ffffff0f;border-radius:14px;align-items:flex-start;gap:.875rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sicoob-kpi-card:before{content:"";opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.sicoob-kpi-card:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.sicoob-kpi-card:hover:before{opacity:1}.kpi-green:before{background:linear-gradient(90deg,#22c55e,#16a34a)}.kpi-red:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.kpi-blue:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.kpi-purple:before{background:linear-gradient(90deg,#a855f7,#9333ea)}.kpi-amber:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.kpi-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.kpi-green .kpi-icon-wrap{color:#22c55e;background:#22c55e26}.kpi-red .kpi-icon-wrap{color:#ef4444;background:#ef444426}.kpi-blue .kpi-icon-wrap{color:#3b82f6;background:#3b82f626}.kpi-purple .kpi-icon-wrap{color:#a855f7;background:#a855f726}.kpi-amber .kpi-icon-wrap{color:#f59e0b;background:#f59e0b26}.kpi-info{flex-direction:column;gap:.2rem;min-width:0;display:flex}.kpi-label{color:#71717a;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:500}.kpi-value{color:#f5f5f5;font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.kpi-value-positive{color:#22c55e}.kpi-value-negative{color:#ef4444}.kpi-detail{color:#a1a1aa;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.trend-up{color:#22c55e;font-weight:600}.trend-down{color:#ef4444;font-weight:600}.kpi-animate-in{animation:.4s ease-out both kpiSlideIn}@keyframes kpiSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.sicoob-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sicoob-kpi-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.sicoob-kpi-grid{grid-template-columns:1fr}}.sicoob-chart-section{flex-direction:column;gap:1rem;animation:.4s ease-out fadeInUp;display:flex}.sicoob-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sicoob-chart-legend{gap:1rem;display:flex}.chart-legend-item{color:#a1a1aa;align-items:center;gap:.4rem;font-size:.775rem;font-weight:500;display:flex}.legend-dot{border-radius:3px;width:10px;height:10px}.legend-credito .legend-dot{background:#22c55ed9}.legend-debito .legend-dot{background:#ef4444d9}.sicoob-chart-container{background:#1e1e2e99;border:1px solid #ffffff0f;border-radius:16px;min-height:300px;padding:1.25rem;position:relative}.sicoob-chart-container canvas{max-height:320px;width:100%!important}.chart-loading-overlay{z-index:2;background:#1e1e2ed9;border-radius:12px;justify-content:center;align-items:center;padding:2rem;display:none;position:absolute;inset:1.25rem}.chart-loading .chart-loading-overlay{display:flex}.chart-loading canvas{opacity:.3}@media(max-width:768px){.sicoob-chart-header{flex-direction:column;align-items:flex-start}.sicoob-chart-container{min-height:250px}.sicoob-chart-container canvas{max-height:260px}}.sicoob-advanced-filters{flex-direction:column;gap:.75rem;animation:.3s ease-out fadeInUp;display:flex}.sicoob-filter-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.sicoob-filter-group{flex-direction:column;gap:.3rem;display:flex}.filter-search{flex:1;min-width:200px}.sicoob-filter-label{color:#71717a;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.3rem;font-size:.7rem;font-weight:500;display:flex}.sicoob-filter-label svg{color:#3b82f6}.sicoob-filter-input{color:#f5f5f5;background:#1e1e2ecc;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:.5rem .75rem;font-size:.8rem;font-weight:500;transition:all .25s}.sicoob-filter-input-sm{width:100px}.sicoob-filter-input::-moz-placeholder{color:#52525b}.sicoob-filter-input::placeholder{color:#52525b}.sicoob-filter-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.sicoob-filter-select{min-width:110px}.filter-actions{flex-direction:row;align-items:flex-end}.sicoob-btn-clear-filters{color:#a1a1aa;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.3rem;padding:.5rem .875rem;font-size:.775rem;font-weight:500;transition:all .25s;display:inline-flex}.sicoob-btn-clear-filters:hover{color:#f5f5f5;background:#ffffff14;border-color:#ffffff26}.sicoob-filter-results{align-items:center;display:flex}.filter-results-text{color:#71717a;font-size:.75rem;font-weight:500}@media(max-width:768px){.sicoob-filter-row{flex-direction:column;align-items:stretch}.filter-search{min-width:100%}.sicoob-filter-input-sm{width:100%}}.sicoob-export-bar{flex-wrap:wrap;gap:.5rem;display:flex}.sicoob-btn-export{cursor:pointer;border:1px solid;border-radius:10px;align-items:center;gap:.4rem;padding:.45rem .875rem;font-size:.775rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-export-csv{color:#22c55e;background:#22c55e14;border-color:#22c55e33}.btn-export-csv:hover{background:#22c55e26;border-color:#22c55e59;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e26}.btn-export-pdf{color:#ef4444;background:#ef444414;border-color:#ef444433}.btn-export-pdf:hover{background:#ef444426;border-color:#ef444459;transform:translateY(-1px);box-shadow:0 4px 12px #ef444426}@media(max-width:768px){.sicoob-export-bar{flex-direction:column}.sicoob-btn-export{justify-content:center;width:100%}}.detail-modal .modal-container{max-width:560px}.detail-modal-subtitle{color:#71717a;margin-top:.15rem;font-size:.8rem;font-weight:400}.detail-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-row-label{color:#a1a1aa;align-items:center;gap:.5rem;font-size:.825rem;font-weight:500;display:flex}.detail-row-label svg{flex-shrink:0;width:16px;height:16px}.detail-row-value{color:#f5f5f5;font-variant-numeric:tabular-nums;text-align:right;font-size:.9rem;font-weight:600}.detail-row-value.value-green{color:#22c55e}.detail-row-value.value-red{color:#ef4444}.detail-row-value.value-blue{color:#3b82f6}.detail-row-value.value-purple{color:#a855f7}.detail-row-value.value-amber{color:#f59e0b}.detail-row-highlight{background:#ffffff08;border-radius:10px;margin:.25rem -.875rem;padding:.75rem .875rem}.detail-mini-table{border-collapse:collapse;width:100%;margin-top:.5rem}.detail-mini-table th{color:#71717a;text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid #ffffff0f;padding:.5rem .625rem;font-size:.7rem;font-weight:600}.detail-mini-table td{color:#d4d4d8;border-bottom:1px solid #ffffff08;padding:.5rem .625rem;font-size:.8rem}.detail-mini-table tr:hover td{background:#ffffff05}.detail-mini-table .td-right{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.detail-section-label{color:#71717a;text-transform:uppercase;letter-spacing:.06em;border-top:1px solid #ffffff0a;margin-top:.375rem;padding:.75rem 0 .375rem;font-size:.7rem;font-weight:600}.detail-table-scroll{border:1px solid #ffffff0a;border-radius:8px;max-height:220px;overflow-y:auto}.detail-empty{text-align:center;color:#52525b;padding:1.5rem;font-size:.825rem}.sicoob-kpi-card[data-action=open-modal]{cursor:pointer}.sicoob-kpi-card[data-action=open-modal]:after{content:"";background:#ffffff26;border-radius:50%;width:6px;height:6px;transition:background .25s;position:absolute;top:.625rem;right:.625rem}.sicoob-kpi-card[data-action=open-modal]:hover:after{background:#3b82f699}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@media(max-width:1024px){.main-content{padding:1.25rem;padding-top:calc(var(--header-height) + 1.25rem)}.header-content{padding:0 1rem}.toast-container{max-width:100%;left:1rem;right:1rem}.toast{width:100%}}@media(max-width:768px){:root{--header-height:60px}.main-content{padding:1rem;padding-top:calc(var(--header-height) + 1rem)}.header-title h1{font-size:1.05rem}.header-breadcrumb{font-size:.7rem}.header-action-btn{width:38px;height:38px}.header-actions{gap:.5rem}}@media(max-width:480px){.main-content{padding:.75rem;padding-top:calc(var(--header-height) + .75rem)}.header-content{padding:0 .75rem}.header-title h1{font-size:.95rem}.header-breadcrumb{display:none}.toast-container{top:.75rem;left:.75rem;right:.75rem}.toast{padding:.75rem 1rem;font-size:.85rem}}.sidebar-backdrop{z-index:99;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-backdrop.active{opacity:1;pointer-events:auto}body.sidebar-open{overflow:hidden}@media(max-width:1024px){.sidebar{z-index:200;box-shadow:none;transition:transform .3s var(--transition-smooth),box-shadow .3s ease}.sidebar.open{box-shadow:10px 0 40px #00000080}.sidebar-backdrop{display:block}}@media(max-width:480px){.sidebar{width:260px}.sidebar-header{padding:1rem}.sidebar-mascot{width:40px;height:40px}.brand-name{font-size:1rem}.sidebar-nav{padding:1rem .75rem}.sidebar-footer{padding:.75rem 1rem}.user-avatar{width:36px;height:36px;font-size:.75rem}.user-name{font-size:.8rem}.logout-btn{width:36px;height:36px}}@media(max-width:640px){.notification-dropdown{top:var(--header-height);width:100%;max-height:calc(100vh - var(--header-height));border-radius:0 0 1rem 1rem;animation:.3s notifSlideDown;position:fixed;left:0;right:0}@keyframes notifSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-body{max-height:calc(100vh - var(--header-height) - 60px)}.notification-item{padding:.75rem 1rem}.notification-item-title{font-size:.78rem}.notification-item-message{font-size:.72rem}}@media(max-width:480px){.notification-dropdown-header{padding:.75rem 1rem}.notification-dropdown-header h3{font-size:.85rem}}.mobile-scroll-hint{position:relative}.mobile-scroll-hint:after{content:"";pointer-events:none;opacity:1;background:linear-gradient(90deg,#0000,#0a0a0fcc);width:40px;transition:opacity .3s;position:absolute;top:0;bottom:0;right:0}@media(max-width:768px){button,[role=button],a.quick-card,.action-btn,.page-btn{min-width:44px;min-height:44px}.audit-table-wrapper,.sicoob-extrato-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.stat-card:hover,.quick-card:hover,.sicoob-card:hover{box-shadow:none;transform:none}.stat-card:hover .stat-icon,.system-info-card:hover .system-info-icon,.stat-mini-card:hover .stat-mini-icon{transform:none}}@media(max-width:480px){body,.app-container{overflow-x:hidden}input[type=date]{width:100%;min-width:0}select{max-width:100%}::-webkit-scrollbar{width:3px;height:3px}}@media(max-width:1024px){.dashboard-grid{gap:1.5rem}}@media(max-width:768px){.dashboard-grid{gap:1.25rem}.welcome-section{border-radius:1rem;padding:1.5rem}.welcome-title{font-size:1.35rem}.welcome-subtitle{font-size:.875rem}.welcome-decoration{display:none}.chart-container{height:200px;padding:.75rem}.chart-card-header{padding:1rem 1.25rem 0}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 1.25rem}.recent-activity .activity-item{gap:.75rem;padding:.75rem 1rem}.activity-avatar{width:36px;height:36px;font-size:.7rem}.activity-text{font-size:.82rem}.activity-type{width:28px;height:28px}}@media(max-width:480px){.dashboard-grid{gap:1rem}.welcome-section{padding:1.25rem}.welcome-title{font-size:1.15rem}.welcome-greeting{font-size:.75rem}.welcome-subtitle{font-size:.8rem}.activity-detail{font-size:.72rem}.activity-time{font-size:.68rem}.stat-card{gap:.625rem;padding:1rem}.stat-icon{width:38px;height:38px}.stat-icon svg{width:18px;height:18px}.stat-value{font-size:1.15rem}.quick-card{padding:1rem 1.25rem}.quick-card-icon{width:44px;height:44px}.quick-card-content h4{font-size:.9rem}.quick-card-content p{font-size:.75rem}.system-info-card{gap:.5rem;padding:.75rem}.system-info-label{font-size:.65rem}.system-info-value{font-size:.78rem}}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%}.header-actions .btn-primary{justify-content:center;width:100%}.users-list{gap:.75rem}.user-card{padding:.875rem}.user-info .user-name{font-size:.85rem}.user-info .user-email{font-size:.72rem}}@media(max-width:480px){.users-stats{grid-template-columns:1fr 1fr;gap:.75rem}.stat-mini-card{gap:.75rem;padding:1rem}.stat-mini-icon{width:38px;height:38px}.stat-mini-value{font-size:1.25rem}.stat-mini-label{font-size:.68rem}.modal-container{border-radius:0;max-width:100%;max-height:100vh;margin:0}.modal-overlay{padding:0}.modal-body{max-height:calc(100vh - 140px);padding:1rem}.modal-header{padding:1rem}.modal-header h3{font-size:1.1rem}.modal-footer{flex-direction:column;padding:1rem}.modal-footer .btn-secondary,.modal-footer .btn-danger,.modal-footer .btn-primary{justify-content:center;width:100%}.modal-container.view-modal-xl{border-radius:0;max-width:100%!important}.view-modal-xl .modal-body.view-modal-body{grid-template-columns:1fr}.view-modal-xl .view-col-left{border-bottom:1px solid #ffffff14;border-right:none;padding-bottom:1rem;padding-right:0}.permissions-drawer{width:100vw}.user-profile-header{text-align:center;flex-direction:column}.info-grid{grid-template-columns:1fr}.tabs-nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tab-btn{white-space:nowrap;flex-shrink:0;padding:.5rem .75rem;font-size:.78rem}}@media(max-width:768px){.audit-page{gap:1rem}.world-map-container{height:250px}.world-map-header{flex-direction:column;align-items:flex-start;gap:.5rem}.map-legend{flex-wrap:wrap;gap:.75rem}.audit-modal{border-radius:.75rem;max-width:100%;max-height:90vh}.audit-modal-body{padding:1rem}.audit-pagination{gap:.25rem}.page-btn{min-width:28px;height:28px;font-size:.72rem}.audit-stat-card{padding:.875rem 1rem}.stat-value{font-size:1.1rem}}@media(max-width:480px){.audit-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.audit-stat-card{gap:.5rem;padding:.75rem}.stat-icon{font-size:1.25rem}.stat-value{font-size:1rem}.stat-label{font-size:.63rem}.audit-filters{padding:.75rem}.filter-actions-row{flex-direction:column;align-items:stretch;gap:.5rem}.filter-buttons{width:100%}.btn-filter-clear,.btn-export{flex:1;justify-content:center}.world-map-container{height:200px}.world-map-section{padding:.875rem}.audit-table-wrapper{border-radius:.75rem}.audit-table{min-width:650px}.audit-modal-header{padding:.875rem 1rem}.audit-modal-header h3{font-size:.9rem}.detail-map-container{height:140px}}@media(max-width:1024px){.settings-stats{grid-template-columns:repeat(3,1fr)}.settings-layout{grid-template-columns:220px 1fr;gap:1rem}}@media(max-width:768px){.settings-stats{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:1fr}.settings-sidebar{position:static;top:auto}.group-nav{-webkit-overflow-scrolling:touch;flex-direction:row;gap:.5rem;padding-bottom:.5rem;overflow-x:auto}.group-btn{white-space:nowrap;min-width:-moz-max-content;min-width:max-content;padding:.6rem .875rem;font-size:.8rem}.sidebar-search{margin-bottom:.75rem}.setting-field{grid-template-columns:1fr;gap:.5rem}.settings-grid{padding:1rem}.group-header-bar{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem}.form-actions{flex-direction:column;gap:.75rem;padding:1rem}.form-actions .btn-save,.form-actions .btn-reset-group{justify-content:center;width:100%}}@media(max-width:480px){.settings-stats{grid-template-columns:1fr}.settings-container{gap:1rem}.settings-grid{gap:.75rem;padding:.75rem}.setting-field{padding:.75rem}.field-label{font-size:.8rem}.field-description{font-size:.7rem}.group-header-bar h3{font-size:.95rem}.cert-meta-grid{grid-template-columns:1fr}.ip-input-row{flex-wrap:wrap}.btn-detect-ip{justify-content:center;width:100%}}@media(max-width:768px){.sicoob-header-icon{width:44px;height:44px}.sicoob-header-title{font-size:1.25rem}.sicoob-status-badges{flex-wrap:wrap}.sicoob-card{padding:1.25rem}.sicoob-card-value{font-size:1.5rem}.sicoob-card-icon{width:36px;height:36px}.sicoob-extrato-table-wrapper{border-radius:12px}.sicoob-extrato-table th,.sicoob-extrato-table td{padding:.625rem .875rem;font-size:.8rem}.summary-item{min-width:0;padding:.875rem 1rem}.summary-value{font-size:1rem}.sicoob-refresh-row{flex-wrap:wrap}}@media(max-width:480px){.sicoob-header-content{flex-direction:column;align-items:flex-start;gap:.75rem}.sicoob-header-title{font-size:1.1rem}.sicoob-header-subtitle{font-size:.78rem}.sicoob-card{border-radius:12px;padding:1rem}.sicoob-card-value{font-size:1.25rem}.sicoob-card-label{font-size:.72rem}.sicoob-extrato-table{min-width:500px}.extrato-descricao{max-width:150px}.sicoob-kpi-card{padding:1rem}.kpi-value{font-size:.95rem}.sicoob-section-title{font-size:1rem}.sicoob-btn-refresh{justify-content:center;width:100%}.sicoob-chart-container{min-height:220px;padding:.875rem}.sicoob-chart-container canvas{max-height:220px}.sicoob-chart-legend{gap:.5rem}.chart-legend-item{font-size:.7rem}.login-card{border-radius:1rem;max-width:100%;padding:1.75rem 1.25rem}.mascot{width:90px;height:90px}.logo-section h1{font-size:1.25rem}.logo-section p{font-size:.8rem}.form-input{padding:.75rem .875rem;font-size:.9rem}.submit-btn{padding:.875rem;font-size:.9rem}.footer p{font-size:.68rem}}@media(max-width:360px){.login-card{padding:1.5rem 1rem}.mascot{width:70px;height:70px}.logo-section h1{font-size:1.1rem}}@keyframes pulse-slow{0%,to{opacity:.3}50%{opacity:.5}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bounce-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-slow{animation:3s ease-in-out infinite pulse-slow}.animate-bounce-slow{animation:2s ease-in-out infinite bounce-slow}.animate-bounce-delayed{animation:2.5s ease-in-out .5s infinite bounce-delayed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#11111b}::-webkit-scrollbar-thumb{background:#3f3f5a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#52526b}input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1e1e2e}input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1e1e2e}input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1e1e2e}::-moz-selection{color:#fff;background-color:#d977064d}::selection{color:#fff;background-color:#d977064d}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}