@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: var(--font-body);--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50: oklch(97.1% .013 17.38);--color-red-100: oklch(93.6% .032 17.717);--color-red-200: oklch(88.5% .062 18.334);--color-red-300: oklch(80.8% .114 19.571);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-600: oklch(57.7% .245 27.325);--color-red-700: oklch(50.5% .213 27.518);--color-red-800: oklch(44.4% .177 26.899);--color-red-900: oklch(39.6% .141 25.723);--color-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-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-amber-50: var(--fi-color-amber-50);--color-amber-100: var(--fi-color-amber-100);--color-amber-200: var(--fi-color-amber-200);--color-amber-300: var(--fi-color-amber-300);--color-amber-400: var(--fi-color-amber-400);--color-amber-500: var(--fi-color-amber-500);--color-amber-600: var(--fi-color-amber-600);--color-amber-700: var(--fi-color-amber-700);--color-amber-800: var(--fi-color-amber-800);--color-amber-900: var(--fi-color-amber-900);--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-600: oklch(68.1% .162 75.834);--color-yellow-700: oklch(55.4% .135 66.442);--color-yellow-900: oklch(42.1% .095 57.708);--color-lime-50: var(--fi-color-lime-50);--color-lime-100: var(--fi-color-lime-100);--color-lime-200: var(--fi-color-lime-200);--color-lime-300: var(--fi-color-lime-300);--color-lime-600: var(--fi-color-lime-600);--color-lime-700: var(--fi-color-lime-700);--color-lime-900: var(--fi-color-lime-900);--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-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-emerald-50: var(--fi-color-emerald-50);--color-emerald-100: var(--fi-color-emerald-100);--color-emerald-200: var(--fi-color-emerald-200);--color-emerald-300: var(--fi-color-emerald-300);--color-emerald-500: var(--fi-color-emerald-500);--color-emerald-600: var(--fi-color-emerald-600);--color-emerald-700: var(--fi-color-emerald-700);--color-emerald-800: var(--fi-color-emerald-800);--color-emerald-900: var(--fi-color-emerald-900);--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-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-cyan-50: var(--fi-color-cyan-50);--color-cyan-100: var(--fi-color-cyan-100);--color-cyan-200: var(--fi-color-cyan-200);--color-cyan-300: var(--fi-color-cyan-300);--color-cyan-600: var(--fi-color-cyan-600);--color-cyan-700: var(--fi-color-cyan-700);--color-cyan-800: var(--fi-color-cyan-800);--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-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-blue-50: var(--fi-color-blue-50);--color-blue-100: var(--fi-color-blue-100);--color-blue-200: var(--fi-color-blue-200);--color-blue-300: var(--fi-color-blue-300);--color-blue-400: var(--fi-color-blue-400);--color-blue-500: var(--fi-color-blue-500);--color-blue-600: var(--fi-color-blue-600);--color-blue-700: var(--fi-color-blue-700);--color-blue-800: var(--fi-color-blue-800);--color-blue-900: var(--fi-color-blue-900);--color-blue-950: oklch(28.2% .091 267.935);--color-indigo-50: var(--fi-color-indigo-50);--color-indigo-100: var(--fi-color-indigo-100);--color-indigo-200: var(--fi-color-indigo-200);--color-indigo-300: var(--fi-color-indigo-300);--color-indigo-500: var(--fi-color-indigo-500);--color-indigo-600: var(--fi-color-indigo-600);--color-indigo-700: var(--fi-color-indigo-700);--color-indigo-800: var(--fi-color-indigo-800);--color-indigo-950: oklch(25.7% .09 281.288);--color-violet-50: var(--fi-color-violet-50);--color-violet-100: var(--fi-color-violet-100);--color-violet-200: var(--fi-color-violet-200);--color-violet-300: var(--fi-color-violet-300);--color-violet-500: var(--fi-color-violet-500);--color-violet-600: var(--fi-color-violet-600);--color-violet-700: var(--fi-color-violet-700);--color-violet-800: var(--fi-color-violet-800);--color-violet-900: var(--fi-color-violet-900);--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-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-fuchsia-50: var(--fi-color-fuchsia-50);--color-fuchsia-100: var(--fi-color-fuchsia-100);--color-fuchsia-200: var(--fi-color-fuchsia-200);--color-fuchsia-300: var(--fi-color-fuchsia-300);--color-fuchsia-500: var(--fi-color-fuchsia-500);--color-fuchsia-600: var(--fi-color-fuchsia-600);--color-fuchsia-700: var(--fi-color-fuchsia-700);--color-fuchsia-800: var(--fi-color-fuchsia-800);--color-fuchsia-900: var(--fi-color-fuchsia-900);--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-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-rose-50: var(--fi-color-rose-50);--color-rose-100: var(--fi-color-rose-100);--color-rose-200: var(--fi-color-rose-200);--color-rose-300: var(--fi-color-rose-300);--color-rose-400: var(--fi-color-rose-400);--color-rose-500: var(--fi-color-rose-500);--color-rose-600: var(--fi-color-rose-600);--color-rose-700: var(--fi-color-rose-700);--color-rose-800: var(--fi-color-rose-800);--color-rose-900: var(--fi-color-rose-900);--color-slate-50: var(--fi-color-slate-50);--color-slate-100: var(--fi-color-slate-100);--color-slate-200: var(--fi-color-slate-200);--color-slate-300: var(--fi-color-slate-300);--color-slate-400: var(--fi-color-slate-400);--color-slate-500: var(--fi-color-slate-500);--color-slate-600: var(--fi-color-slate-600);--color-slate-700: var(--fi-color-slate-700);--color-slate-800: var(--fi-color-slate-800);--color-slate-900: var(--fi-color-slate-900);--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-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-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-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-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-600: oklch(43.9% 0 0);--color-neutral-700: oklch(37.1% 0 0);--color-neutral-800: oklch(26.9% 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-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-white: #fff;--spacing: .25rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 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-7xl: 4.5rem;--text-7xl--line-height: 1;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-widest: .1em;--leading-tight: 1.25;--leading-relaxed: 1.625;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--ease-out: cubic-bezier(0, 0, .2, 1);--animate-spin: spin 1s linear infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs: 4px;--blur-sm: 8px;--blur-xl: 24px;--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)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;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}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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.-top-1{top:calc(var(--spacing) * -1)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-full{top:100%}.-right-1{right:calc(var(--spacing) * -1)}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-2{bottom:calc(var(--spacing) * -2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.left-0{left:calc(var(--spacing) * 0)}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[90\]{z-index:90}.z-\[100\]{z-index:100}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.col-span-full{grid-column:1 / -1}.col-start-2{grid-column-start:2}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.my-8{margin-block:calc(var(--spacing) * 8)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.me-1{margin-inline-end:calc(var(--spacing) * 1)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-\[2px\]{margin-top:2px}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1 / 1}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.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-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-52{height:calc(var(--spacing) * 52)}.h-56{height:calc(var(--spacing) * 56)}.h-64{height:calc(var(--spacing) * 64)}.h-\[2px\]{height:2px}.h-\[4\.1rem\]{height:4.1rem}.h-\[10rem\]{height:10rem}.h-\[18rem\]{height:18rem}.h-\[24rem\]{height:24rem}.h-\[28rem\]{height:28rem}.h-auto{height:auto}.h-full{height:100%}.max-h-44{max-height:calc(var(--spacing) * 44)}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[38vh\]{max-height:38vh}.max-h-\[62vh\]{max-height:62vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-\[34rem\]{min-height:34rem}.min-h-\[220px\]{min-height:220px}.min-h-\[320px\]{min-height:320px}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:calc(2/3 * 100%)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-4\/5{width:80%}.w-4\/6{width:calc(4/6 * 100%)}.w-5{width:calc(var(--spacing) * 5)}.w-5\/6{width:calc(5/6 * 100%)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-10\/12{width:calc(10/12 * 100%)}.w-11{width:calc(var(--spacing) * 11)}.w-11\/12{width:calc(11/12 * 100%)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-30{width:calc(var(--spacing) * 30)}.w-32{width:calc(var(--spacing) * 32)}.w-35{width:calc(var(--spacing) * 35)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[4\.1rem\]{width:4.1rem}.w-\[8rem\]{width:8rem}.w-\[22\%\]{width:22%}.w-\[34\%\]{width:34%}.w-\[min\(17\.5rem\,calc\(100vw-0\.75rem\)\)\]{width:min(17.5rem,calc(100vw - .75rem))}.w-\[min\(19rem\,calc\(100vw-1\.5rem\)\)\]{width:min(19rem,calc(100vw - 1.5rem))}.w-\[min\(20rem\,calc\(100vw-2rem\)\)\]{width:min(20rem,calc(100vw - 2rem))}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-24{max-width:calc(var(--spacing) * 24)}.max-w-28{max-width:calc(var(--spacing) * 28)}.max-w-36{max-width:calc(var(--spacing) * 36)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-52{max-width:calc(var(--spacing) * 52)}.max-w-96{max-width:calc(var(--spacing) * 96)}.max-w-\[7rem\]{max-width:7rem}.max-w-\[8\.5rem\]{max-width:8.5rem}.max-w-\[9rem\]{max-width:9rem}.max-w-\[10rem\]{max-width:10rem}.max-w-\[92rem\]{max-width:92rem}.max-w-\[96rem\]{max-width:96rem}.max-w-\[120rem\]{max-width:120rem}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-14{min-width:calc(var(--spacing) * 14)}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-28{min-width:calc(var(--spacing) * 28)}.min-w-52{min-width:calc(var(--spacing) * 52)}.min-w-\[44rem\]{min-width:44rem}.min-w-full{min-width:100%}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-full{flex-basis:100%}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x: -100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x: calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x: calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-0\.5{--tw-translate-y: calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y: -100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.list-disc{list-style-type:disc}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-cols-\[2\.5rem_minmax\(0\,1fr\)\]{grid-template-columns:2.5rem minmax(0,1fr)}.grid-cols-\[3\.8rem_minmax\(0\,1fr\)\]{grid-template-columns:3.8rem minmax(0,1fr)}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[max-content_minmax\(0\,1fr\)\]{grid-template-columns:max-content minmax(0,1fr)}.grid-cols-\[minmax\(0\,1fr\)_minmax\(7rem\,auto\)\]{grid-template-columns:minmax(0,1fr) minmax(7rem,auto)}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-14>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}:where(.divide-slate-200>:not(:last-child)){border-color:var(--color-slate-200)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.1rem\]{border-radius:1.1rem}.rounded-\[1\.2rem\]{border-radius:1.2rem}.rounded-\[1\.4rem\]{border-radius:1.4rem}.rounded-\[1\.05rem\]{border-radius:1.05rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1\.8rem\]{border-radius:1.8rem}.rounded-\[1\.9rem\]{border-radius:1.9rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1\.35rem\]{border-radius:1.35rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[1\.85rem\]{border-radius:1.85rem}.rounded-\[1rem\]{border-radius:1rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-dashed{--tw-border-style: dashed;border-style:dashed}.border-\[\#ac1c66\]{border-color:#ac1c66}.border-\[\#d8d4dd\]{border-color:#d8d4dd}.border-\[\#e9d3df\]{border-color:#e9d3df}.border-\[\#eadbe3\]{border-color:#eadbe3}.border-\[color\:var\(--pricing-accent-border\)\]{border-color:var(--pricing-accent-border)}.border-\[color\:var\(--pricing-accent-strong\)\]{border-color:var(--pricing-accent-strong)}.border-\[rgba\(37\,99\,235\,0\.22\)\]{border-color:#2563eb38}.border-\[rgba\(58\,134\,255\,0\.24\)\]{border-color:#3a86ff3d}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-200\/90{border-color:var(--color-amber-200)}@supports (color: color-mix(in lab,red,red)){.border-amber-200\/90{border-color:color-mix(in oklab,var(--color-amber-200) 90%,transparent)}}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-400{border-color:var(--color-amber-400)}.border-amber-700{border-color:var(--color-amber-700)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-200\/80{border-color:var(--color-blue-200)}@supports (color: color-mix(in lab,red,red)){.border-blue-200\/80{border-color:color-mix(in oklab,var(--color-blue-200) 80%,transparent)}}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-400\/20{border-color:var(--color-blue-400)}@supports (color: color-mix(in lab,red,red)){.border-blue-400\/20{border-color:color-mix(in oklab,var(--color-blue-400) 20%,transparent)}}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-700{border-color:var(--color-blue-700)}.border-cyan-200{border-color:var(--color-cyan-200)}.border-cyan-700{border-color:var(--color-cyan-700)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-200\/90{border-color:var(--color-emerald-200)}@supports (color: color-mix(in lab,red,red)){.border-emerald-200\/90{border-color:color-mix(in oklab,var(--color-emerald-200) 90%,transparent)}}.border-emerald-300{border-color:var(--color-emerald-300)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-emerald-700{border-color:var(--color-emerald-700)}.border-fuchsia-200{border-color:var(--color-fuchsia-200)}.border-fuchsia-300{border-color:var(--color-fuchsia-300)}.border-fuchsia-700{border-color:var(--color-fuchsia-700)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-700{border-color:var(--color-gray-700)}.border-green-200{border-color:var(--color-green-200)}.border-green-700{border-color:var(--color-green-700)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-indigo-700{border-color:var(--color-indigo-700)}.border-lime-200{border-color:var(--color-lime-200)}.border-lime-700{border-color:var(--color-lime-700)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-700{border-color:var(--color-neutral-700)}.border-orange-200{border-color:var(--color-orange-200)}.border-orange-700{border-color:var(--color-orange-700)}.border-pink-200{border-color:var(--color-pink-200)}.border-pink-700{border-color:var(--color-pink-700)}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-700{border-color:var(--color-purple-700)}.border-red-200{border-color:var(--color-red-200)}.border-red-200\/90{border-color:color-mix(in srgb,oklch(88.5% .062 18.334) 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-red-200\/90{border-color:color-mix(in oklab,var(--color-red-200) 90%,transparent)}}.border-red-300{border-color:var(--color-red-300)}.border-red-700{border-color:var(--color-red-700)}.border-rose-100{border-color:var(--color-rose-100)}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-300{border-color:var(--color-rose-300)}.border-rose-700{border-color:var(--color-rose-700)}.border-sky-200{border-color:var(--color-sky-200)}.border-sky-200\/90{border-color:color-mix(in srgb,oklch(90.1% .058 230.902) 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-sky-200\/90{border-color:color-mix(in oklab,var(--color-sky-200) 90%,transparent)}}.border-sky-700{border-color:var(--color-sky-700)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/90{border-color:var(--color-slate-200)}@supports (color: color-mix(in lab,red,red)){.border-slate-200\/90{border-color:color-mix(in oklab,var(--color-slate-200) 90%,transparent)}}.border-slate-200\/95{border-color:var(--color-slate-200)}@supports (color: color-mix(in lab,red,red)){.border-slate-200\/95{border-color:color-mix(in oklab,var(--color-slate-200) 95%,transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-300\/80{border-color:var(--color-slate-300)}@supports (color: color-mix(in lab,red,red)){.border-slate-300\/80{border-color:color-mix(in oklab,var(--color-slate-300) 80%,transparent)}}.border-slate-400{border-color:var(--color-slate-400)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-900{border-color:var(--color-slate-900)}.border-slate-900\/10{border-color:var(--color-slate-900)}@supports (color: color-mix(in lab,red,red)){.border-slate-900\/10{border-color:color-mix(in oklab,var(--color-slate-900) 10%,transparent)}}.border-stone-200{border-color:var(--color-stone-200)}.border-stone-700{border-color:var(--color-stone-700)}.border-teal-200{border-color:var(--color-teal-200)}.border-teal-700{border-color:var(--color-teal-700)}.border-transparent{border-color:transparent}.border-violet-200{border-color:var(--color-violet-200)}.border-violet-200\/80{border-color:var(--color-violet-200)}@supports (color: color-mix(in lab,red,red)){.border-violet-200\/80{border-color:color-mix(in oklab,var(--color-violet-200) 80%,transparent)}}.border-violet-600{border-color:var(--color-violet-600)}.border-violet-700{border-color:var(--color-violet-700)}.border-white{border-color:var(--color-white)}.border-white\/20{border-color:color-mix(in srgb,#fff 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-white\/60{border-color:color-mix(in srgb,#fff 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-white\/60{border-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.border-white\/80{border-color:color-mix(in srgb,#fff 80%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-white\/80{border-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-700{border-color:var(--color-yellow-700)}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-700{border-color:var(--color-zinc-700)}.bg-\[\#ac1c66\]{background-color:#ac1c66}.bg-\[\#eef2ff\]{background-color:#eef2ff}.bg-\[\#fff7fb\]{background-color:#fff7fb}.bg-\[linear-gradient\(180deg\,color-mix\(in_srgb\,var\(--pricing-accent-soft\)_42\%\,white_58\%\)_0\%\,rgba\(255\,255\,255\,0\.9\)_42\%\)\,rgba\(255\,255\,255\,0\.88\)\]{background-color:linear-gradient(180deg,var(--pricing-accent-soft) 0%,rgba(255,255,255,.9) 42%),rgba(255,255,255,.88)}@supports (color: color-mix(in lab,red,red)){.bg-\[linear-gradient\(180deg\,color-mix\(in_srgb\,var\(--pricing-accent-soft\)_42\%\,white_58\%\)_0\%\,rgba\(255\,255\,255\,0\.9\)_42\%\)\,rgba\(255\,255\,255\,0\.88\)\]{background-color:linear-gradient(180deg,color-mix(in srgb,var(--pricing-accent-soft) 42%,white 58%) 0%,rgba(255,255,255,.9) 42%),rgba(255,255,255,.88)}}.bg-\[var\(--pricing-accent-strong\)\]{background-color:var(--pricing-accent-strong)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/95{background-color:var(--color-amber-50)}@supports (color: color-mix(in lab,red,red)){.bg-amber-50\/95{background-color:color-mix(in oklab,var(--color-amber-50) 95%,transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-700{background-color:var(--color-amber-700)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/70{background-color:var(--color-blue-50)}@supports (color: color-mix(in lab,red,red)){.bg-blue-50\/70{background-color:color-mix(in oklab,var(--color-blue-50) 70%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-200\/70{background-color:var(--color-blue-200)}@supports (color: color-mix(in lab,red,red)){.bg-blue-200\/70{background-color:color-mix(in oklab,var(--color-blue-200) 70%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/10{background-color:var(--color-blue-600)}@supports (color: color-mix(in lab,red,red)){.bg-blue-600\/10{background-color:color-mix(in oklab,var(--color-blue-600) 10%,transparent)}}.bg-blue-700{background-color:var(--color-blue-700)}.bg-current{background-color:currentcolor}.bg-cyan-50{background-color:var(--color-cyan-50)}.bg-cyan-700{background-color:var(--color-cyan-700)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\/70{background-color:var(--color-emerald-50)}@supports (color: color-mix(in lab,red,red)){.bg-emerald-50\/70{background-color:color-mix(in oklab,var(--color-emerald-50) 70%,transparent)}}.bg-emerald-50\/95{background-color:var(--color-emerald-50)}@supports (color: color-mix(in lab,red,red)){.bg-emerald-50\/95{background-color:color-mix(in oklab,var(--color-emerald-50) 95%,transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-200{background-color:var(--color-emerald-200)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/85{background-color:var(--color-emerald-500)}@supports (color: color-mix(in lab,red,red)){.bg-emerald-500\/85{background-color:color-mix(in oklab,var(--color-emerald-500) 85%,transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-emerald-700{background-color:var(--color-emerald-700)}.bg-fuchsia-50{background-color:var(--color-fuchsia-50)}.bg-fuchsia-100{background-color:var(--color-fuchsia-100)}.bg-fuchsia-200{background-color:var(--color-fuchsia-200)}.bg-fuchsia-700{background-color:var(--color-fuchsia-700)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-700{background-color:var(--color-green-700)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-200{background-color:var(--color-indigo-200)}.bg-indigo-700{background-color:var(--color-indigo-700)}.bg-lime-50{background-color:var(--color-lime-50)}.bg-lime-700{background-color:var(--color-lime-700)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-700{background-color:var(--color-orange-700)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-pink-700{background-color:var(--color-pink-700)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-purple-700{background-color:var(--color-purple-700)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\/95{background-color:color-mix(in srgb,oklch(97.1% .013 17.38) 95%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-red-50\/95{background-color:color-mix(in oklab,var(--color-red-50) 95%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-700{background-color:var(--color-red-700)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-50\/40{background-color:var(--color-rose-50)}@supports (color: color-mix(in lab,red,red)){.bg-rose-50\/40{background-color:color-mix(in oklab,var(--color-rose-50) 40%,transparent)}}.bg-rose-50\/60{background-color:var(--color-rose-50)}@supports (color: color-mix(in lab,red,red)){.bg-rose-50\/60{background-color:color-mix(in oklab,var(--color-rose-50) 60%,transparent)}}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-200{background-color:var(--color-rose-200)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-700{background-color:var(--color-rose-700)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-50\/95{background-color:color-mix(in srgb,oklch(97.7% .013 236.62) 95%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-sky-50\/95{background-color:color-mix(in oklab,var(--color-sky-50) 95%,transparent)}}.bg-sky-100{background-color:var(--color-sky-100)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-sky-700{background-color:var(--color-sky-700)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/60{background-color:var(--color-slate-50)}@supports (color: color-mix(in lab,red,red)){.bg-slate-50\/60{background-color:color-mix(in oklab,var(--color-slate-50) 60%,transparent)}}.bg-slate-50\/70{background-color:var(--color-slate-50)}@supports (color: color-mix(in lab,red,red)){.bg-slate-50\/70{background-color:color-mix(in oklab,var(--color-slate-50) 70%,transparent)}}.bg-slate-50\/80{background-color:var(--color-slate-50)}@supports (color: color-mix(in lab,red,red)){.bg-slate-50\/80{background-color:color-mix(in oklab,var(--color-slate-50) 80%,transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-200\/80{background-color:var(--color-slate-200)}@supports (color: color-mix(in lab,red,red)){.bg-slate-200\/80{background-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}.bg-slate-200\/90{background-color:var(--color-slate-200)}@supports (color: color-mix(in lab,red,red)){.bg-slate-200\/90{background-color:color-mix(in oklab,var(--color-slate-200) 90%,transparent)}}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-300\/70{background-color:var(--color-slate-300)}@supports (color: color-mix(in lab,red,red)){.bg-slate-300\/70{background-color:color-mix(in oklab,var(--color-slate-300) 70%,transparent)}}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\/40{background-color:var(--color-slate-900)}@supports (color: color-mix(in lab,red,red)){.bg-slate-900\/40{background-color:color-mix(in oklab,var(--color-slate-900) 40%,transparent)}}.bg-stone-50{background-color:var(--color-stone-50)}.bg-stone-700{background-color:var(--color-stone-700)}.bg-teal-50{background-color:var(--color-teal-50)}.bg-teal-700{background-color:var(--color-teal-700)}.bg-transparent{background-color:transparent}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-50\/70{background-color:var(--color-violet-50)}@supports (color: color-mix(in lab,red,red)){.bg-violet-50\/70{background-color:color-mix(in oklab,var(--color-violet-50) 70%,transparent)}}.bg-violet-100{background-color:var(--color-violet-100)}.bg-violet-200{background-color:var(--color-violet-200)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-violet-600{background-color:var(--color-violet-600)}.bg-violet-600\/10{background-color:var(--color-violet-600)}@supports (color: color-mix(in lab,red,red)){.bg-violet-600\/10{background-color:color-mix(in oklab,var(--color-violet-600) 10%,transparent)}}.bg-violet-700{background-color:var(--color-violet-700)}.bg-white{background-color:var(--color-white)}.bg-white\/15{background-color:color-mix(in srgb,#fff 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/25{background-color:color-mix(in srgb,#fff 25%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-white\/25{background-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.bg-white\/35{background-color:color-mix(in srgb,#fff 35%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-white\/35{background-color:color-mix(in oklab,var(--color-white) 35%,transparent)}}.bg-white\/60{background-color:color-mix(in srgb,#fff 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.bg-white\/70{background-color:color-mix(in srgb,#fff 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.bg-white\/75{background-color:color-mix(in srgb,#fff 75%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-white\/75{background-color:color-mix(in oklab,var(--color-white) 75%,transparent)}}.bg-white\/80{background-color:color-mix(in srgb,#fff 80%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-white\/95{background-color:color-mix(in srgb,#fff 95%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-700{background-color:var(--color-yellow-700)}.bg-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-700{background-color:var(--color-zinc-700)}.bg-linear-to-br{--tw-gradient-position: to bottom right;background-image:linear-gradient(var(--tw-gradient-stops))}@supports (background-image: linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position: to bottom right in oklab}}.bg-linear-to-r{--tw-gradient-position: to right;background-image:linear-gradient(var(--tw-gradient-stops))}@supports (background-image: linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position: to right in oklab}}.bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position: to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(90deg\,rgba\(58\,134\,255\,\.1\)\,rgba\(131\,56\,236\,\.08\)\)\]{background-image:linear-gradient(90deg,#3a86ff1a,#8338ec14)}.bg-\[linear-gradient\(135deg\,\#8338ec\,\#6d28d9\)\]{background-image:linear-gradient(135deg,#8338ec,#6d28d9)}.bg-\[linear-gradient\(135deg\,rgba\(58\,134\,255\,\.1\)\,rgba\(131\,56\,236\,\.12\)\)\]{background-image:linear-gradient(135deg,#3a86ff1a,#8338ec1f)}.bg-\[linear-gradient\(135deg\,rgba\(58\,134\,255\,\.14\)\,rgba\(131\,56\,236\,\.16\)\)\]{background-image:linear-gradient(135deg,#3a86ff24,#8338ec29)}.bg-\[linear-gradient\(135deg\,rgba\(239\,246\,255\,0\.98\)\,rgba\(224\,231\,255\,0\.96\)\)\]{background-image:linear-gradient(135deg,#eff6fffa,#e0e7fff5)}.bg-\[linear-gradient\(135deg\,var\(--brand-blue\)\,var\(--brand-purple\)\)\]{background-image:linear-gradient(135deg,var(--brand-blue),var(--brand-purple))}.bg-\[linear-gradient\(145deg\,\#131a24_0\%\,\#090c11_60\%\,\#1e293b_100\%\)\]{background-image:linear-gradient(145deg,#131a24,#090c11 60%,#1e293b)}.bg-\[linear-gradient\(145deg\,var\(--brand-blue\)_0\%\,var\(--brand-purple\)_100\%\)\]{background-image:linear-gradient(145deg,var(--brand-blue) 0%,var(--brand-purple) 100%)}.bg-\[linear-gradient\(180deg\,_\#faf7ff_0\%\,_\#f1f5ff_34\%\,_\#d9e8ff_100\%\)\]{background-image:linear-gradient(180deg,#faf7ff,#f1f5ff 34%,#d9e8ff)}.from-\[\#ac1c66\]{--tw-gradient-from: #ac1c66;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-50{--tw-gradient-from: var(--color-amber-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-50{--tw-gradient-from: var(--color-blue-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-50{--tw-gradient-from: var(--color-emerald-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-fuchsia-500{--tw-gradient-from: var(--color-fuchsia-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-50{--tw-gradient-from: var(--color-sky-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-50{--tw-gradient-from: var(--color-slate-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-100{--tw-gradient-from: var(--color-slate-100);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-50{--tw-gradient-from: var(--color-violet-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-700{--tw-gradient-from: var(--color-violet-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white{--tw-gradient-from: var(--color-white);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-blue-50{--tw-gradient-via: var(--color-blue-50);--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}.via-purple-600{--tw-gradient-via: var(--color-purple-600);--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}.via-slate-50{--tw-gradient-via: var(--color-slate-50);--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}.via-slate-100{--tw-gradient-via: var(--color-slate-100);--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}.via-slate-200{--tw-gradient-via: var(--color-slate-200);--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via: var(--color-white);--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}.to-\[\#4e4eb7\]{--tw-gradient-to: #4e4eb7;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-50{--tw-gradient-to: var(--color-blue-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-50\/80{--tw-gradient-to: var(--color-blue-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.to-blue-50\/80{--tw-gradient-to: color-mix(in oklab, var(--color-blue-50) 80%, transparent)}}.to-cyan-100\/80{--tw-gradient-to: var(--color-cyan-100);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.to-cyan-100\/80{--tw-gradient-to: color-mix(in oklab, var(--color-cyan-100) 80%, transparent)}}.to-emerald-100\/80{--tw-gradient-to: var(--color-emerald-100);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.to-emerald-100\/80{--tw-gradient-to: color-mix(in oklab, var(--color-emerald-100) 80%, transparent)}}.to-fuchsia-50{--tw-gradient-to: var(--color-fuchsia-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-fuchsia-500{--tw-gradient-to: var(--color-fuchsia-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-50{--tw-gradient-to: var(--color-indigo-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-50{--tw-gradient-to: var(--color-orange-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-100\/80{--tw-gradient-to: color-mix(in srgb, oklch(95.4% .038 75.164) 80%, transparent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.to-orange-100\/80{--tw-gradient-to: color-mix(in oklab, var(--color-orange-100) 80%, transparent)}}.to-slate-100{--tw-gradient-to: var(--color-slate-100);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-300{--tw-gradient-to: var(--color-slate-300);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-600{--tw-gradient-to: var(--color-violet-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.object-top{object-position:top}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.p-\[1\.4rem\]{padding:1.4rem}.p-\[1\.15rem\]{padding:1.15rem}.p-\[1\.35rem\]{padding:1.35rem}.p-\[1\.45rem\]{padding:1.45rem}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0\.5{padding-block: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)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.pe-5{padding-inline-end:calc(var(--spacing) * 5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-11{padding-left:calc(var(--spacing) * 11)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-\[\'Plus_Jakarta_Sans\'\,sans-serif\]{font-family:Plus Jakarta Sans,sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading, var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.text-\[\.9rem\]{font-size:.9rem}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.74rem\]{font-size:.74rem}.text-\[0\.76rem\]{font-size:.76rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.83rem\]{font-size:.83rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[0\.86rem\]{font-size:.86rem}.text-\[0\.88rem\]{font-size:.88rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.1rem\]{font-size:1.1rem}.text-\[1\.4rem\]{font-size:1.4rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.18rem\]{font-size:1.18rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[1\.45rem\]{font-size:1.45rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[1\.875rem\]{font-size:1.875rem}.text-\[5rem\]{font-size:5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.leading-5{--tw-leading: calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading: calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading: calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[1\.45\]{--tw-leading: 1.45;line-height:1.45}.leading-\[1\.55\]{--tw-leading: 1.55;line-height:1.55}.leading-\[1\.65\]{--tw-leading: 1.65;line-height:1.65}.leading-none{--tw-leading: 1;line-height:1}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading: var(--leading-tight);line-height:var(--leading-tight)}.font-\[var\(--font-display\)\]{--tw-font-weight: var(--font-display);font-weight:var(--font-display)}.font-black{--tw-font-weight: var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.03em\]{--tw-tracking: -.03em;letter-spacing:-.03em}.tracking-\[-0\.035em\]{--tw-tracking: -.035em;letter-spacing:-.035em}.tracking-\[0\.01em\]{--tw-tracking: .01em;letter-spacing:.01em}.tracking-\[0\.1em\]{--tw-tracking: .1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking: .2em;letter-spacing:.2em}.tracking-\[0\.05em\]{--tw-tracking: .05em;letter-spacing:.05em}.tracking-\[0\.06em\]{--tw-tracking: .06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking: .08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking: .12em;letter-spacing:.12em}.tracking-\[0\.13em\]{--tw-tracking: .13em;letter-spacing:.13em}.tracking-\[0\.14em\]{--tw-tracking: .14em;letter-spacing:.14em}.tracking-\[0\.15em\]{--tw-tracking: .15em;letter-spacing:.15em}.tracking-\[0\.16em\]{--tw-tracking: .16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking: .18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking: .22em;letter-spacing:.22em}.tracking-\[0\.28em\]{--tw-tracking: .28em;letter-spacing:.28em}.tracking-normal{--tw-tracking: var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking: var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking: var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#2563eb\]{color:#2563eb}.text-\[\#ac1c66\]{color:#ac1c66}.text-\[var\(--brand-ink\)\]{color:var(--brand-ink)}.text-\[var\(--pricing-accent-strong\)\]{color:var(--pricing-accent-strong)}.text-\[var\(--primary-strong\)\]{color:var(--primary-strong)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-700\/800{color:var(--color-amber-700)}@supports (color: color-mix(in lab,red,red)){.text-amber-700\/800{color:color-mix(in oklab,var(--color-amber-700) 800%,transparent)}}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-amber-950{color:var(--color-amber-950)}.text-blue-400{color:var(--color-blue-400)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-cyan-800{color:var(--color-cyan-800)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-600\/700{color:var(--color-emerald-600)}@supports (color: color-mix(in lab,red,red)){.text-emerald-600\/700{color:color-mix(in oklab,var(--color-emerald-600) 700%,transparent)}}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-900{color:var(--color-emerald-900)}.text-fuchsia-700{color:var(--color-fuchsia-700)}.text-fuchsia-800{color:var(--color-fuchsia-800)}.text-fuchsia-900{color:var(--color-fuchsia-900)}.text-gray-800{color:var(--color-gray-800)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-100{color:var(--color-indigo-100)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-800{color:var(--color-indigo-800)}.text-lime-900{color:var(--color-lime-900)}.text-neutral-800{color:var(--color-neutral-800)}.text-orange-800{color:var(--color-orange-800)}.text-pink-800{color:var(--color-pink-800)}.text-purple-800{color:var(--color-purple-800)}.text-purple-900{color:var(--color-purple-900)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-600\/700{color:var(--color-rose-600)}@supports (color: color-mix(in lab,red,red)){.text-rose-600\/700{color:color-mix(in oklab,var(--color-rose-600) 700%,transparent)}}.text-rose-700{color:var(--color-rose-700)}.text-rose-800{color:var(--color-rose-800)}.text-rose-900{color:var(--color-rose-900)}.text-sky-500{color:var(--color-sky-500)}.text-sky-700{color:var(--color-sky-700)}.text-sky-800{color:var(--color-sky-800)}.text-sky-900{color:var(--color-sky-900)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-slate-950{color:var(--color-slate-950)}.text-stone-800{color:var(--color-stone-800)}.text-teal-800{color:var(--color-teal-800)}.text-transparent{color:transparent}.text-violet-200{color:var(--color-violet-200)}.text-violet-500{color:var(--color-violet-500)}.text-violet-700{color:var(--color-violet-700)}.text-violet-800{color:var(--color-violet-800)}.text-violet-900{color:var(--color-violet-900)}.text-violet-950{color:var(--color-violet-950)}.text-white{color:var(--color-white)}.text-white\/10{color:color-mix(in srgb,#fff 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/10{color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.text-white\/70{color:color-mix(in srgb,#fff 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/80{color:color-mix(in srgb,#fff 80%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.text-white\/82{color:color-mix(in srgb,#fff 82%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/82{color:color-mix(in oklab,var(--color-white) 82%,transparent)}}.text-white\/90{color:color-mix(in srgb,#fff 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.text-yellow-900{color:var(--color-yellow-900)}.text-zinc-800{color:var(--color-zinc-800)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-\[\#ac1c66\]{accent-color:#ac1c66}.accent-violet-700{accent-color:var(--color-violet-700)}.opacity-0{opacity:0%}.opacity-70{opacity:70%}.opacity-75{opacity:75%}.opacity-80{opacity:80%}.opacity-100{opacity:100%}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_14px_28px_-18px_rgba\(139\,92\,246\,0\.9\)\]{--tw-shadow: 0 14px 28px -18px var(--tw-shadow-color, rgba(139,92,246,.9));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_16px_30px_-26px_rgba\(37\,99\,235\,0\.28\)\]{--tw-shadow: 0 16px 30px -26px var(--tw-shadow-color, rgba(37,99,235,.28));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_16px_30px_-28px_rgba\(15\,23\,42\,0\.24\)\]{--tw-shadow: 0 16px 30px -28px var(--tw-shadow-color, rgba(15,23,42,.24));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_30px_-24px_rgba\(58\,134\,255\,\.56\)\]{--tw-shadow: 0 18px 30px -24px var(--tw-shadow-color, rgba(58,134,255,.56));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_34px_rgba\(109\,40\,217\,0\.24\)\]{--tw-shadow: 0 18px 34px var(--tw-shadow-color, rgba(109,40,217,.24));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_22px_42px_-34px_rgba\(15\,23\,42\,\.18\)\]{--tw-shadow: 0 22px 42px -34px var(--tw-shadow-color, rgba(15,23,42,.18));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_22px_42px_-34px_rgba\(15\,23\,42\,\.28\)\]{--tw-shadow: 0 22px 42px -34px var(--tw-shadow-color, rgba(15,23,42,.28));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_28px_40px_-32px_rgba\(15\,23\,42\,\.58\)\]{--tw-shadow: 0 28px 40px -32px var(--tw-shadow-color, rgba(15,23,42,.58));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_0_0_0_1px_rgba\(191\,219\,254\,\.72\)\]{--tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgba(191,219,254,.72));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[3px\]{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[\#ac1c66\]\/20{--tw-shadow-color: color-mix(in srgb, #ac1c66 20%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-\[\#ac1c66\]\/20{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #ac1c66 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-amber-100\/80{--tw-shadow-color: var(--color-amber-100)}@supports (color: color-mix(in lab,red,red)){.shadow-amber-100\/80{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-100) 80%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-100\/80{--tw-shadow-color: var(--color-blue-100)}@supports (color: color-mix(in lab,red,red)){.shadow-blue-100\/80{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-100) 80%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-200{--tw-shadow-color: var(--color-blue-200)}@supports (color: color-mix(in lab,red,red)){.shadow-blue-200{--tw-shadow-color: color-mix(in oklab, var(--color-blue-200) var(--tw-shadow-alpha), transparent)}}.shadow-blue-950\/5{--tw-shadow-color: color-mix(in srgb, oklch(28.2% .091 267.935) 5%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-blue-950\/5{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-950) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-fuchsia-900\/20{--tw-shadow-color: var(--color-fuchsia-900)}@supports (color: color-mix(in lab,red,red)){.shadow-fuchsia-900\/20{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-900) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-fuchsia-950\/5{--tw-shadow-color: color-mix(in srgb, oklch(29.3% .136 325.661) 5%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-fuchsia-950\/5{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-950) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-fuchsia-950\/10{--tw-shadow-color: color-mix(in srgb, oklch(29.3% .136 325.661) 10%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-fuchsia-950\/10{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-950) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-950\/20{--tw-shadow-color: color-mix(in srgb, oklch(25.7% .09 281.288) 20%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-indigo-950\/20{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-950) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-100\/60{--tw-shadow-color: var(--color-slate-100)}@supports (color: color-mix(in lab,red,red)){.shadow-slate-100\/60{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-100) 60%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-100\/70{--tw-shadow-color: var(--color-slate-100)}@supports (color: color-mix(in lab,red,red)){.shadow-slate-100\/70{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-100) 70%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-200{--tw-shadow-color: var(--color-slate-200)}@supports (color: color-mix(in lab,red,red)){.shadow-slate-200{--tw-shadow-color: color-mix(in oklab, var(--color-slate-200) var(--tw-shadow-alpha), transparent)}}.shadow-slate-200\/80{--tw-shadow-color: var(--color-slate-200)}@supports (color: color-mix(in lab,red,red)){.shadow-slate-200\/80{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 80%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-200\/90{--tw-shadow-color: var(--color-slate-200)}@supports (color: color-mix(in lab,red,red)){.shadow-slate-200\/90{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 90%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-300\/60{--tw-shadow-color: var(--color-slate-300)}@supports (color: color-mix(in lab,red,red)){.shadow-slate-300\/60{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-300) 60%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-900\/5{--tw-shadow-color: var(--color-slate-900)}@supports (color: color-mix(in lab,red,red)){.shadow-slate-900\/5{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-900\/10{--tw-shadow-color: var(--color-slate-900)}@supports (color: color-mix(in lab,red,red)){.shadow-slate-900\/10{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-violet-100\/70{--tw-shadow-color: var(--color-violet-100)}@supports (color: color-mix(in lab,red,red)){.shadow-violet-100\/70{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-100) 70%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-violet-950\/5{--tw-shadow-color: color-mix(in srgb, oklch(28.3% .141 291.089) 5%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-violet-950\/5{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-950) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-amber-200{--tw-ring-color: var(--color-amber-200)}.ring-blue-100{--tw-ring-color: var(--color-blue-100)}.ring-blue-200{--tw-ring-color: var(--color-blue-200)}.ring-emerald-200{--tw-ring-color: var(--color-emerald-200)}.ring-fuchsia-100{--tw-ring-color: var(--color-fuchsia-100)}.ring-rose-200{--tw-ring-color: var(--color-rose-200)}.ring-sky-200{--tw-ring-color: var(--color-sky-200)}.ring-slate-200{--tw-ring-color: var(--color-slate-200)}.ring-slate-300{--tw-ring-color: var(--color-slate-300)}.ring-violet-100{--tw-ring-color: var(--color-violet-100)}.ring-white\/70{--tw-ring-color: color-mix(in srgb, #fff 70%, transparent)}@supports (color: color-mix(in lab,red,red)){.ring-white\/70{--tw-ring-color: color-mix(in oklab, var(--color-white) 70%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);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,)}.\!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,)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[3px\]{--tw-backdrop-blur: blur(3px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[16px\]{--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur: blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur: blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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,-webkit-backdrop-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-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-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))}.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))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-150{--tw-duration: .15s;transition-duration:.15s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style: none;outline-style:none}.\[scrollbar-width\:none\]{scrollbar-width:none}.ring-inset{--tw-ring-inset: inset}.group-focus-within\:text-\[\#ac1c66\]:is(:where(.group):focus-within *){color:#ac1c66}.group-focus-within\:text-blue-600:is(:where(.group):focus-within *){color:var(--color-blue-600)}@media(hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x: calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.group-hover\:gap-3:is(:where(.group):hover *){gap:calc(var(--spacing) * 3)}}@media(hover:hover){.group-hover\:border-violet-300:is(:where(.group):hover *){border-color:var(--color-violet-300)}}@media(hover:hover){.group-hover\:bg-slate-200:is(:where(.group):hover *){background-color:var(--color-slate-200)}}@media(hover:hover){.group-hover\:text-blue-500:is(:where(.group):hover *){color:var(--color-blue-500)}}@media(hover:hover){.group-hover\:text-violet-600:is(:where(.group):hover *){color:var(--color-violet-600)}}@media(hover:hover){.group-hover\:text-violet-800:is(:where(.group):hover *){color:var(--color-violet-800)}}.peer-checked\:translate-x-5:is(:where(.peer):checked~*){--tw-translate-x: calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-checked\:border-blue-600:is(:where(.peer):checked~*){border-color:var(--color-blue-600)}.peer-checked\:bg-blue-600:is(:where(.peer):checked~*){background-color:var(--color-blue-600)}.peer-checked\:bg-emerald-500:is(:where(.peer):checked~*){background-color:var(--color-emerald-500)}.peer-checked\:bg-fuchsia-700:is(:where(.peer):checked~*){background-color:var(--color-fuchsia-700)}.peer-checked\:bg-indigo-600:is(:where(.peer):checked~*){background-color:var(--color-indigo-600)}.peer-checked\:text-white:is(:where(.peer):checked~*){color:var(--color-white)}.peer-disabled\:opacity-60:is(:where(.peer):disabled~*){opacity:60%}.placeholder\:text-slate-500::placeholder{color:var(--color-slate-500)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0px}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}.empty\:hidden:empty{display:none}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y: calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.hover\:border-\[rgba\(59\,130\,246\,0\.2\)\]:hover{border-color:#3b82f633}}@media(hover:hover){.hover\:border-amber-300:hover{border-color:var(--color-amber-300)}}@media(hover:hover){.hover\:border-amber-400:hover{border-color:var(--color-amber-400)}}@media(hover:hover){.hover\:border-amber-600:hover{border-color:var(--color-amber-600)}}@media(hover:hover){.hover\:border-blue-200:hover{border-color:var(--color-blue-200)}}@media(hover:hover){.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}}@media(hover:hover){.hover\:border-blue-600:hover{border-color:var(--color-blue-600)}}@media(hover:hover){.hover\:border-cyan-300:hover{border-color:var(--color-cyan-300)}}@media(hover:hover){.hover\:border-cyan-600:hover{border-color:var(--color-cyan-600)}}@media(hover:hover){.hover\:border-emerald-300:hover{border-color:var(--color-emerald-300)}}@media(hover:hover){.hover\:border-emerald-600:hover{border-color:var(--color-emerald-600)}}@media(hover:hover){.hover\:border-fuchsia-300:hover{border-color:var(--color-fuchsia-300)}}@media(hover:hover){.hover\:border-fuchsia-600:hover{border-color:var(--color-fuchsia-600)}}@media(hover:hover){.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}}@media(hover:hover){.hover\:border-gray-600:hover{border-color:var(--color-gray-600)}}@media(hover:hover){.hover\:border-green-300:hover{border-color:var(--color-green-300)}}@media(hover:hover){.hover\:border-green-600:hover{border-color:var(--color-green-600)}}@media(hover:hover){.hover\:border-indigo-300:hover{border-color:var(--color-indigo-300)}}@media(hover:hover){.hover\:border-indigo-600:hover{border-color:var(--color-indigo-600)}}@media(hover:hover){.hover\:border-lime-300:hover{border-color:var(--color-lime-300)}}@media(hover:hover){.hover\:border-lime-600:hover{border-color:var(--color-lime-600)}}@media(hover:hover){.hover\:border-neutral-300:hover{border-color:var(--color-neutral-300)}}@media(hover:hover){.hover\:border-neutral-600:hover{border-color:var(--color-neutral-600)}}@media(hover:hover){.hover\:border-orange-300:hover{border-color:var(--color-orange-300)}}@media(hover:hover){.hover\:border-orange-600:hover{border-color:var(--color-orange-600)}}@media(hover:hover){.hover\:border-pink-300:hover{border-color:var(--color-pink-300)}}@media(hover:hover){.hover\:border-pink-600:hover{border-color:var(--color-pink-600)}}@media(hover:hover){.hover\:border-purple-300:hover{border-color:var(--color-purple-300)}}@media(hover:hover){.hover\:border-purple-600:hover{border-color:var(--color-purple-600)}}@media(hover:hover){.hover\:border-red-300:hover{border-color:var(--color-red-300)}}@media(hover:hover){.hover\:border-red-400:hover{border-color:var(--color-red-400)}}@media(hover:hover){.hover\:border-red-600:hover{border-color:var(--color-red-600)}}@media(hover:hover){.hover\:border-rose-200:hover{border-color:var(--color-rose-200)}}@media(hover:hover){.hover\:border-rose-300:hover{border-color:var(--color-rose-300)}}@media(hover:hover){.hover\:border-rose-400:hover{border-color:var(--color-rose-400)}}@media(hover:hover){.hover\:border-rose-600:hover{border-color:var(--color-rose-600)}}@media(hover:hover){.hover\:border-sky-300:hover{border-color:var(--color-sky-300)}}@media(hover:hover){.hover\:border-sky-600:hover{border-color:var(--color-sky-600)}}@media(hover:hover){.hover\:border-slate-200:hover{border-color:var(--color-slate-200)}}@media(hover:hover){.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}}@media(hover:hover){.hover\:border-slate-400:hover{border-color:var(--color-slate-400)}}@media(hover:hover){.hover\:border-slate-600:hover{border-color:var(--color-slate-600)}}@media(hover:hover){.hover\:border-stone-300:hover{border-color:var(--color-stone-300)}}@media(hover:hover){.hover\:border-stone-600:hover{border-color:var(--color-stone-600)}}@media(hover:hover){.hover\:border-teal-300:hover{border-color:var(--color-teal-300)}}@media(hover:hover){.hover\:border-teal-600:hover{border-color:var(--color-teal-600)}}@media(hover:hover){.hover\:border-violet-300:hover{border-color:var(--color-violet-300)}}@media(hover:hover){.hover\:border-violet-600:hover{border-color:var(--color-violet-600)}}@media(hover:hover){.hover\:border-yellow-300:hover{border-color:var(--color-yellow-300)}}@media(hover:hover){.hover\:border-yellow-600:hover{border-color:var(--color-yellow-600)}}@media(hover:hover){.hover\:border-zinc-300:hover{border-color:var(--color-zinc-300)}}@media(hover:hover){.hover\:border-zinc-600:hover{border-color:var(--color-zinc-600)}}@media(hover:hover){.hover\:bg-\[\#9c075a\]:hover{background-color:#9c075a}}@media(hover:hover){.hover\:bg-\[\#fff1f7\]:hover{background-color:#fff1f7}}@media(hover:hover){.hover\:bg-amber-50:hover{background-color:var(--color-amber-50)}}@media(hover:hover){.hover\:bg-amber-100:hover{background-color:var(--color-amber-100)}}@media(hover:hover){.hover\:bg-amber-100\/90:hover{background-color:var(--color-amber-100)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-amber-100\/90:hover{background-color:color-mix(in oklab,var(--color-amber-100) 90%,transparent)}}}@media(hover:hover){.hover\:bg-amber-200:hover{background-color:var(--color-amber-200)}}@media(hover:hover){.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}}@media(hover:hover){.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}}@media(hover:hover){.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}}@media(hover:hover){.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}}@media(hover:hover){.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}}@media(hover:hover){.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}}@media(hover:hover){.hover\:bg-cyan-100:hover{background-color:var(--color-cyan-100)}}@media(hover:hover){.hover\:bg-cyan-600:hover{background-color:var(--color-cyan-600)}}@media(hover:hover){.hover\:bg-emerald-50:hover{background-color:var(--color-emerald-50)}}@media(hover:hover){.hover\:bg-emerald-100:hover{background-color:var(--color-emerald-100)}}@media(hover:hover){.hover\:bg-emerald-100\/90:hover{background-color:var(--color-emerald-100)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-emerald-100\/90:hover{background-color:color-mix(in oklab,var(--color-emerald-100) 90%,transparent)}}}@media(hover:hover){.hover\:bg-emerald-600:hover{background-color:var(--color-emerald-600)}}@media(hover:hover){.hover\:bg-fuchsia-50:hover{background-color:var(--color-fuchsia-50)}}@media(hover:hover){.hover\:bg-fuchsia-100:hover{background-color:var(--color-fuchsia-100)}}@media(hover:hover){.hover\:bg-fuchsia-600:hover{background-color:var(--color-fuchsia-600)}}@media(hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}}@media(hover:hover){.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}}@media(hover:hover){.hover\:bg-green-100:hover{background-color:var(--color-green-100)}}@media(hover:hover){.hover\:bg-green-600:hover{background-color:var(--color-green-600)}}@media(hover:hover){.hover\:bg-indigo-50:hover{background-color:var(--color-indigo-50)}}@media(hover:hover){.hover\:bg-indigo-100:hover{background-color:var(--color-indigo-100)}}@media(hover:hover){.hover\:bg-indigo-600:hover{background-color:var(--color-indigo-600)}}@media(hover:hover){.hover\:bg-lime-100:hover{background-color:var(--color-lime-100)}}@media(hover:hover){.hover\:bg-lime-600:hover{background-color:var(--color-lime-600)}}@media(hover:hover){.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}}@media(hover:hover){.hover\:bg-neutral-600:hover{background-color:var(--color-neutral-600)}}@media(hover:hover){.hover\:bg-orange-100:hover{background-color:var(--color-orange-100)}}@media(hover:hover){.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)}}@media(hover:hover){.hover\:bg-pink-100:hover{background-color:var(--color-pink-100)}}@media(hover:hover){.hover\:bg-pink-600:hover{background-color:var(--color-pink-600)}}@media(hover:hover){.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}}@media(hover:hover){.hover\:bg-purple-600:hover{background-color:var(--color-purple-600)}}@media(hover:hover){.hover\:bg-red-50:hover{background-color:var(--color-red-50)}}@media(hover:hover){.hover\:bg-red-100:hover{background-color:var(--color-red-100)}}@media(hover:hover){.hover\:bg-red-100\/90:hover{background-color:color-mix(in srgb,oklch(93.6% .032 17.717) 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-red-100\/90:hover{background-color:color-mix(in oklab,var(--color-red-100) 90%,transparent)}}}@media(hover:hover){.hover\:bg-red-600:hover{background-color:var(--color-red-600)}}@media(hover:hover){.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}}@media(hover:hover){.hover\:bg-rose-100:hover{background-color:var(--color-rose-100)}}@media(hover:hover){.hover\:bg-rose-200:hover{background-color:var(--color-rose-200)}}@media(hover:hover){.hover\:bg-rose-600:hover{background-color:var(--color-rose-600)}}@media(hover:hover){.hover\:bg-sky-50:hover{background-color:var(--color-sky-50)}}@media(hover:hover){.hover\:bg-sky-100:hover{background-color:var(--color-sky-100)}}@media(hover:hover){.hover\:bg-sky-100\/90:hover{background-color:color-mix(in srgb,oklch(95.1% .026 236.824) 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-sky-100\/90:hover{background-color:color-mix(in oklab,var(--color-sky-100) 90%,transparent)}}}@media(hover:hover){.hover\:bg-sky-600:hover{background-color:var(--color-sky-600)}}@media(hover:hover){.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}}@media(hover:hover){.hover\:bg-slate-50\/70:hover{background-color:var(--color-slate-50)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-slate-50\/70:hover{background-color:color-mix(in oklab,var(--color-slate-50) 70%,transparent)}}}@media(hover:hover){.hover\:bg-slate-50\/80:hover{background-color:var(--color-slate-50)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-slate-50\/80:hover{background-color:color-mix(in oklab,var(--color-slate-50) 80%,transparent)}}}@media(hover:hover){.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}}@media(hover:hover){.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}}@media(hover:hover){.hover\:bg-slate-600:hover{background-color:var(--color-slate-600)}}@media(hover:hover){.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}}@media(hover:hover){.hover\:bg-stone-100:hover{background-color:var(--color-stone-100)}}@media(hover:hover){.hover\:bg-stone-600:hover{background-color:var(--color-stone-600)}}@media(hover:hover){.hover\:bg-teal-100:hover{background-color:var(--color-teal-100)}}@media(hover:hover){.hover\:bg-teal-600:hover{background-color:var(--color-teal-600)}}@media(hover:hover){.hover\:bg-violet-50:hover{background-color:var(--color-violet-50)}}@media(hover:hover){.hover\:bg-violet-100:hover{background-color:var(--color-violet-100)}}@media(hover:hover){.hover\:bg-violet-200:hover{background-color:var(--color-violet-200)}}@media(hover:hover){.hover\:bg-violet-600:hover{background-color:var(--color-violet-600)}}@media(hover:hover){.hover\:bg-violet-700:hover{background-color:var(--color-violet-700)}}@media(hover:hover){.hover\:bg-white:hover{background-color:var(--color-white)}}@media(hover:hover){.hover\:bg-white\/85:hover{background-color:color-mix(in srgb,#fff 85%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-white\/85:hover{background-color:color-mix(in oklab,var(--color-white) 85%,transparent)}}}@media(hover:hover){.hover\:bg-yellow-100:hover{background-color:var(--color-yellow-100)}}@media(hover:hover){.hover\:bg-yellow-600:hover{background-color:var(--color-yellow-600)}}@media(hover:hover){.hover\:bg-zinc-100:hover{background-color:var(--color-zinc-100)}}@media(hover:hover){.hover\:bg-zinc-600:hover{background-color:var(--color-zinc-600)}}@media(hover:hover){.hover\:bg-\[linear-gradient\(135deg\,rgba\(239\,246\,255\,0\.94\)\,rgba\(238\,242\,255\,0\.92\)\)\]:hover{background-image:linear-gradient(135deg,#eff6fff0,#eef2ffeb)}}@media(hover:hover){.hover\:text-\[\#9c075a\]:hover{color:#9c075a}}@media(hover:hover){.hover\:text-amber-700:hover{color:var(--color-amber-700)}}@media(hover:hover){.hover\:text-amber-800:hover{color:var(--color-amber-800)}}@media(hover:hover){.hover\:text-blue-600:hover{color:var(--color-blue-600)}}@media(hover:hover){.hover\:text-blue-700:hover{color:var(--color-blue-700)}}@media(hover:hover){.hover\:text-emerald-700:hover{color:var(--color-emerald-700)}}@media(hover:hover){.hover\:text-red-700:hover{color:var(--color-red-700)}}@media(hover:hover){.hover\:text-red-800:hover{color:var(--color-red-800)}}@media(hover:hover){.hover\:text-rose-500:hover{color:var(--color-rose-500)}}@media(hover:hover){.hover\:text-rose-600:hover{color:var(--color-rose-600)}}@media(hover:hover){.hover\:text-rose-700:hover{color:var(--color-rose-700)}}@media(hover:hover){.hover\:text-rose-800:hover{color:var(--color-rose-800)}}@media(hover:hover){.hover\:text-sky-700:hover{color:var(--color-sky-700)}}@media(hover:hover){.hover\:text-slate-600:hover{color:var(--color-slate-600)}}@media(hover:hover){.hover\:text-slate-700:hover{color:var(--color-slate-700)}}@media(hover:hover){.hover\:text-slate-900:hover{color:var(--color-slate-900)}}@media(hover:hover){.hover\:text-slate-950:hover{color:var(--color-slate-950)}}@media(hover:hover){.hover\:text-violet-700:hover{color:var(--color-violet-700)}}@media(hover:hover){.hover\:text-violet-800:hover{color:var(--color-violet-800)}}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}}@media(hover:hover){.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(hover:hover){.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(hover:hover){.hover\:shadow-slate-900\/10:hover{--tw-shadow-color: var(--color-slate-900)}@supports (color: color-mix(in lab,red,red)){.hover\:shadow-slate-900\/10:hover{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 10%, transparent) var(--tw-shadow-alpha), transparent)}}}.focus\:border-\[\#ac1c66\]:focus{border-color:#ac1c66}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:border-blue-400\/35:focus{border-color:var(--color-blue-400)}@supports (color: color-mix(in lab,red,red)){.focus\:border-blue-400\/35:focus{border-color:color-mix(in oklab,var(--color-blue-400) 35%,transparent)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-fuchsia-600:focus{border-color:var(--color-fuchsia-600)}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:border-slate-500:focus{border-color:var(--color-slate-500)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:ring-0:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#f7d6e6\]:focus{--tw-ring-color: #f7d6e6}.focus\:ring-blue-100:focus{--tw-ring-color: var(--color-blue-100)}.focus\:ring-blue-100\/70:focus{--tw-ring-color: var(--color-blue-100)}@supports (color: color-mix(in lab,red,red)){.focus\:ring-blue-100\/70:focus{--tw-ring-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent)}}.focus\:ring-blue-500:focus{--tw-ring-color: var(--color-blue-500)}.focus\:ring-blue-500\/8:focus{--tw-ring-color: var(--color-blue-500)}@supports (color: color-mix(in lab,red,red)){.focus\:ring-blue-500\/8:focus{--tw-ring-color: color-mix(in oklab, var(--color-blue-500) 8%, transparent)}}.focus\:outline-none:focus{--tw-outline-style: none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-amber-200:focus-visible{--tw-ring-color: var(--color-amber-200)}.focus-visible\:ring-amber-300:focus-visible{--tw-ring-color: var(--color-amber-300)}.focus-visible\:ring-blue-200:focus-visible{--tw-ring-color: var(--color-blue-200)}.focus-visible\:ring-blue-300:focus-visible{--tw-ring-color: var(--color-blue-300)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-color: var(--color-blue-500)}.focus-visible\:ring-cyan-200:focus-visible{--tw-ring-color: var(--color-cyan-200)}.focus-visible\:ring-cyan-300:focus-visible{--tw-ring-color: var(--color-cyan-300)}.focus-visible\:ring-emerald-200:focus-visible{--tw-ring-color: var(--color-emerald-200)}.focus-visible\:ring-emerald-300:focus-visible{--tw-ring-color: var(--color-emerald-300)}.focus-visible\:ring-fuchsia-200:focus-visible{--tw-ring-color: var(--color-fuchsia-200)}.focus-visible\:ring-fuchsia-300:focus-visible{--tw-ring-color: var(--color-fuchsia-300)}.focus-visible\:ring-gray-200:focus-visible{--tw-ring-color: var(--color-gray-200)}.focus-visible\:ring-gray-300:focus-visible{--tw-ring-color: var(--color-gray-300)}.focus-visible\:ring-green-200:focus-visible{--tw-ring-color: var(--color-green-200)}.focus-visible\:ring-green-300:focus-visible{--tw-ring-color: var(--color-green-300)}.focus-visible\:ring-indigo-200:focus-visible{--tw-ring-color: var(--color-indigo-200)}.focus-visible\:ring-indigo-300:focus-visible{--tw-ring-color: var(--color-indigo-300)}.focus-visible\:ring-lime-200:focus-visible{--tw-ring-color: var(--color-lime-200)}.focus-visible\:ring-lime-300:focus-visible{--tw-ring-color: var(--color-lime-300)}.focus-visible\:ring-neutral-200:focus-visible{--tw-ring-color: var(--color-neutral-200)}.focus-visible\:ring-neutral-300:focus-visible{--tw-ring-color: var(--color-neutral-300)}.focus-visible\:ring-orange-200:focus-visible{--tw-ring-color: var(--color-orange-200)}.focus-visible\:ring-orange-300:focus-visible{--tw-ring-color: var(--color-orange-300)}.focus-visible\:ring-pink-200:focus-visible{--tw-ring-color: var(--color-pink-200)}.focus-visible\:ring-pink-300:focus-visible{--tw-ring-color: var(--color-pink-300)}.focus-visible\:ring-purple-200:focus-visible{--tw-ring-color: var(--color-purple-200)}.focus-visible\:ring-purple-300:focus-visible{--tw-ring-color: var(--color-purple-300)}.focus-visible\:ring-red-200:focus-visible{--tw-ring-color: var(--color-red-200)}.focus-visible\:ring-red-300:focus-visible{--tw-ring-color: var(--color-red-300)}.focus-visible\:ring-rose-200:focus-visible{--tw-ring-color: var(--color-rose-200)}.focus-visible\:ring-rose-300:focus-visible{--tw-ring-color: var(--color-rose-300)}.focus-visible\:ring-sky-200:focus-visible{--tw-ring-color: var(--color-sky-200)}.focus-visible\:ring-sky-300:focus-visible{--tw-ring-color: var(--color-sky-300)}.focus-visible\:ring-slate-200:focus-visible{--tw-ring-color: var(--color-slate-200)}.focus-visible\:ring-slate-300:focus-visible{--tw-ring-color: var(--color-slate-300)}.focus-visible\:ring-stone-200:focus-visible{--tw-ring-color: var(--color-stone-200)}.focus-visible\:ring-stone-300:focus-visible{--tw-ring-color: var(--color-stone-300)}.focus-visible\:ring-teal-200:focus-visible{--tw-ring-color: var(--color-teal-200)}.focus-visible\:ring-teal-300:focus-visible{--tw-ring-color: var(--color-teal-300)}.focus-visible\:ring-violet-200:focus-visible{--tw-ring-color: var(--color-violet-200)}.focus-visible\:ring-violet-300:focus-visible{--tw-ring-color: var(--color-violet-300)}.focus-visible\:ring-yellow-200:focus-visible{--tw-ring-color: var(--color-yellow-200)}.focus-visible\:ring-yellow-300:focus-visible{--tw-ring-color: var(--color-yellow-300)}.focus-visible\:ring-zinc-200:focus-visible{--tw-ring-color: var(--color-zinc-200)}.focus-visible\:ring-zinc-300:focus-visible{--tw-ring-color: var(--color-zinc-300)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style: none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset: inset}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-100:disabled{background-color:var(--color-slate-100)}.disabled\:text-slate-400:disabled{color:var(--color-slate-400)}.disabled\:opacity-40:disabled{opacity:40%}.disabled\:opacity-50:disabled{opacity:50%}.disabled\:opacity-60:disabled{opacity:60%}.disabled\:opacity-70:disabled{opacity:70%}.disabled\:shadow-none:disabled{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.disabled\:hover\:translate-y-0:disabled:hover{--tw-translate-y: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(width<64rem){.max-lg\:flex-col{flex-direction:column}}@media(width<64rem){.max-lg\:items-stretch{align-items:stretch}}@media(width<48rem){.max-md\:items-start{align-items:flex-start}}@media(width>=40rem){.sm\:col-span-2{grid-column:span 2 / span 2}}@media(width>=40rem){.sm\:col-span-3{grid-column:span 3 / span 3}}@media(width>=40rem){.sm\:col-span-7{grid-column:span 7 / span 7}}@media(width>=40rem){.sm\:mb-9{margin-bottom:calc(var(--spacing) * 9)}}@media(width>=40rem){.sm\:ml-auto{margin-left:auto}}@media(width>=40rem){.sm\:block{display:block}}@media(width>=40rem){.sm\:flex{display:flex}}@media(width>=40rem){.sm\:h-10{height:calc(var(--spacing) * 10)}}@media(width>=40rem){.sm\:h-11{height:calc(var(--spacing) * 11)}}@media(width>=40rem){.sm\:w-10{width:calc(var(--spacing) * 10)}}@media(width>=40rem){.sm\:w-11{width:calc(var(--spacing) * 11)}}@media(width>=40rem){.sm\:w-40{width:calc(var(--spacing) * 40)}}@media(width>=40rem){.sm\:w-44{width:calc(var(--spacing) * 44)}}@media(width>=40rem){.sm\:w-72{width:calc(var(--spacing) * 72)}}@media(width>=40rem){.sm\:w-80{width:calc(var(--spacing) * 80)}}@media(width>=40rem){.sm\:w-auto{width:auto}}@media(width>=40rem){.sm\:max-w-48{max-width:calc(var(--spacing) * 48)}}@media(width>=40rem){.sm\:max-w-56{max-width:calc(var(--spacing) * 56)}}@media(width>=40rem){.sm\:max-w-sm{max-width:var(--container-sm)}}@media(width>=40rem){.sm\:min-w-56{min-width:calc(var(--spacing) * 56)}}@media(width>=40rem){.sm\:min-w-64{min-width:calc(var(--spacing) * 64)}}@media(width>=40rem){.sm\:flex-1{flex:1}}@media(width>=40rem){.sm\:basis-auto{flex-basis:auto}}@media(width>=40rem){.sm\:rotate-0{rotate:0deg}}@media(width>=40rem){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media(width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=40rem){.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(width>=40rem){.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}}@media(width>=40rem){.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}}@media(width>=40rem){.sm\:grid-cols-\[4\.25rem_minmax\(0\,1fr\)\]{grid-template-columns:4.25rem minmax(0,1fr)}}@media(width>=40rem){.sm\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\]{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}@media(width>=40rem){.sm\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}}@media(width>=40rem){.sm\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}}@media(width>=40rem){.sm\:flex-row{flex-direction:row}}@media(width>=40rem){.sm\:flex-nowrap{flex-wrap:nowrap}}@media(width>=40rem){.sm\:flex-wrap{flex-wrap:wrap}}@media(width>=40rem){.sm\:items-center{align-items:center}}@media(width>=40rem){.sm\:items-end{align-items:flex-end}}@media(width>=40rem){.sm\:items-start{align-items:flex-start}}@media(width>=40rem){.sm\:justify-between{justify-content:space-between}}@media(width>=40rem){.sm\:justify-end{justify-content:flex-end}}@media(width>=40rem){.sm\:gap-2{gap:calc(var(--spacing) * 2)}}@media(width>=40rem){.sm\:gap-3{gap:calc(var(--spacing) * 3)}}@media(width>=40rem){.sm\:gap-5{gap:calc(var(--spacing) * 5)}}@media(width>=40rem){:where(.sm\:space-y-2>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}}@media(width>=40rem){:where(.sm\:space-y-3\.5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}}@media(width>=40rem){:where(.sm\:space-y-8>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}}@media(width>=40rem){:where(.sm\:space-y-10>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}}@media(width>=40rem){:where(.sm\:divide-x>:not(:last-child)){--tw-divide-x-reverse: 0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}}@media(width>=40rem){:where(.sm\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px * var(--tw-divide-y-reverse));border-bottom-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)))}}@media(width>=40rem){.sm\:self-auto{align-self:auto}}@media(width>=40rem){.sm\:overflow-visible{overflow:visible}}@media(width>=40rem){.sm\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0px}}@media(width>=40rem){.sm\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}}@media(width>=40rem){.sm\:border-slate-200{border-color:var(--color-slate-200)}}@media(width>=40rem){.sm\:p-0{padding:calc(var(--spacing) * 0)}}@media(width>=40rem){.sm\:p-5{padding:calc(var(--spacing) * 5)}}@media(width>=40rem){.sm\:p-6{padding:calc(var(--spacing) * 6)}}@media(width>=40rem){.sm\:p-8{padding:calc(var(--spacing) * 8)}}@media(width>=40rem){.sm\:p-10{padding:calc(var(--spacing) * 10)}}@media(width>=40rem){.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}}@media(width>=40rem){.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}}@media(width>=40rem){.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}}@media(width>=40rem){.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media(width>=40rem){.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media(width>=40rem){.sm\:px-9{padding-inline:calc(var(--spacing) * 9)}}@media(width>=40rem){.sm\:py-2{padding-block:calc(var(--spacing) * 2)}}@media(width>=40rem){.sm\:py-5{padding-block:calc(var(--spacing) * 5)}}@media(width>=40rem){.sm\:py-6{padding-block:calc(var(--spacing) * 6)}}@media(width>=40rem){.sm\:py-8{padding-block:calc(var(--spacing) * 8)}}@media(width>=40rem){.sm\:py-9{padding-block:calc(var(--spacing) * 9)}}@media(width>=40rem){.sm\:py-10{padding-block:calc(var(--spacing) * 10)}}@media(width>=40rem){.sm\:pt-5{padding-top:calc(var(--spacing) * 5)}}@media(width>=40rem){.sm\:pt-6{padding-top:calc(var(--spacing) * 6)}}@media(width>=40rem){.sm\:pr-4{padding-right:calc(var(--spacing) * 4)}}@media(width>=40rem){.sm\:pb-0{padding-bottom:calc(var(--spacing) * 0)}}@media(width>=40rem){.sm\:pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}}@media(width>=40rem){.sm\:pb-6{padding-bottom:calc(var(--spacing) * 6)}}@media(width>=40rem){.sm\:pl-4{padding-left:calc(var(--spacing) * 4)}}@media(width>=40rem){.sm\:text-right{text-align:right}}@media(width>=40rem){.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}}@media(width>=40rem){.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}}@media(width>=40rem){.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}}@media(width>=40rem){.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}}@media(width>=40rem){.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}}@media(width>=40rem){.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}}@media(width>=40rem){.sm\:text-\[0\.95rem\]{font-size:.95rem}}@media(width>=40rem){.sm\:text-\[1\.95rem\]{font-size:1.95rem}}@media(width>=48rem){.md\:col-span-2{grid-column:span 2 / span 2}}@media(width>=48rem){.md\:col-span-3{grid-column:span 3 / span 3}}@media(width>=48rem){.md\:col-span-4{grid-column:span 4 / span 4}}@media(width>=48rem){.md\:col-span-5{grid-column:span 5 / span 5}}@media(width>=48rem){.md\:col-span-9{grid-column:span 9 / span 9}}@media(width>=48rem){.md\:col-span-12{grid-column:span 12 / span 12}}@media(width>=48rem){.md\:flex{display:flex}}@media(width>=48rem){.md\:hidden{display:none}}@media(width>=48rem){.md\:w-1\/2{width:50%}}@media(width>=48rem){.md\:w-80{width:calc(var(--spacing) * 80)}}@media(width>=48rem){.md\:w-auto{width:auto}}@media(width>=48rem){.md\:flex-none{flex:none}}@media(width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=48rem){.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media(width>=48rem){.md\:grid-cols-\[0\.6fr_auto\]{grid-template-columns:.6fr auto}}@media(width>=48rem){.md\:grid-cols-\[0\.8fr_0\.8fr_0\.8fr_1fr\]{grid-template-columns:.8fr .8fr .8fr 1fr}}@media(width>=48rem){.md\:grid-cols-\[1\.1fr_0\.8fr_0\.8fr\]{grid-template-columns:1.1fr .8fr .8fr}}@media(width>=48rem){.md\:grid-cols-\[1\.1fr_1fr_0\.8fr_0\.9fr\]{grid-template-columns:1.1fr 1fr .8fr .9fr}}@media(width>=48rem){.md\:grid-cols-\[1\.1fr_1fr_1fr_0\.9fr_0\.9fr\]{grid-template-columns:1.1fr 1fr 1fr .9fr .9fr}}@media(width>=48rem){.md\:grid-cols-\[1\.2fr_0\.6fr\]{grid-template-columns:1.2fr .6fr}}@media(width>=48rem){.md\:grid-cols-\[1\.2fr_0\.8fr_0\.7fr_0\.7fr_0\.7fr_0\.7fr\]{grid-template-columns:1.2fr .8fr .7fr .7fr .7fr .7fr}}@media(width>=48rem){.md\:grid-cols-\[1\.3fr_0\.8fr_0\.6fr\]{grid-template-columns:1.3fr .8fr .6fr}}@media(width>=48rem){.md\:grid-cols-\[1\.3fr_1fr_0\.9fr_0\.8fr_0\.8fr\]{grid-template-columns:1.3fr 1fr .9fr .8fr .8fr}}@media(width>=48rem){.md\:grid-cols-\[1\.4fr_0\.7fr_0\.8fr_0\.8fr_0\.8fr_0\.8fr_0\.45fr\]{grid-template-columns:1.4fr .7fr .8fr .8fr .8fr .8fr .45fr}}@media(width>=48rem){.md\:grid-cols-\[1\.4fr_0\.9fr_0\.9fr_0\.9fr_0\.8fr\]{grid-template-columns:1.4fr .9fr .9fr .9fr .8fr}}@media(width>=48rem){.md\:grid-cols-\[1\.5fr_0\.7fr_1fr_0\.95fr_0\.9fr_0\.7fr_0\.7fr_0\.55fr\]{grid-template-columns:1.5fr .7fr 1fr .95fr .9fr .7fr .7fr .55fr}}@media(width>=48rem){.md\:grid-cols-\[1\.5fr_0\.9fr_1fr_0\.8fr_0\.7fr\]{grid-template-columns:1.5fr .9fr 1fr .8fr .7fr}}@media(width>=48rem){.md\:grid-cols-\[1fr_1fr_0\.8fr\]{grid-template-columns:1fr 1fr .8fr}}@media(width>=48rem){.md\:grid-cols-\[1fr_1fr_0\.8fr_1fr_1fr\]{grid-template-columns:1fr 1fr .8fr 1fr 1fr}}@media(width>=48rem){.md\:grid-cols-\[1fr_1fr_1fr\]{grid-template-columns:1fr 1fr 1fr}}@media(width>=48rem){.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}}@media(width>=48rem){.md\:flex-col{flex-direction:column}}@media(width>=48rem){.md\:flex-row{flex-direction:row}}@media(width>=48rem){.md\:flex-nowrap{flex-wrap:nowrap}}@media(width>=48rem){.md\:items-center{align-items:center}}@media(width>=48rem){.md\:items-end{align-items:flex-end}}@media(width>=48rem){.md\:justify-between{justify-content:space-between}}@media(width>=48rem){.md\:justify-end{justify-content:flex-end}}@media(width>=48rem){.md\:p-5{padding:calc(var(--spacing) * 5)}}@media(width>=48rem){.md\:p-6{padding:calc(var(--spacing) * 6)}}@media(width>=48rem){.md\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media(width>=48rem){.md\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media(width>=48rem){.md\:px-10{padding-inline:calc(var(--spacing) * 10)}}@media(width>=64rem){.lg\:sticky{position:sticky}}@media(width>=64rem){.lg\:top-8{top:calc(var(--spacing) * 8)}}@media(width>=64rem){.lg\:z-20{z-index:20}}@media(width>=64rem){.lg\:col-span-1{grid-column:span 1 / span 1}}@media(width>=64rem){.lg\:col-span-2{grid-column:span 2 / span 2}}@media(width>=64rem){.lg\:col-span-3{grid-column:span 3 / span 3}}@media(width>=64rem){.lg\:col-span-4{grid-column:span 4 / span 4}}@media(width>=64rem){.lg\:col-start-auto{grid-column-start:auto}}@media(width>=64rem){.lg\:mt-auto{margin-top:auto}}@media(width>=64rem){.lg\:flex{display:flex}}@media(width>=64rem){.lg\:hidden{display:none}}@media(width>=64rem){.lg\:h-full{height:100%}}@media(width>=64rem){.lg\:min-h-0{min-height:calc(var(--spacing) * 0)}}@media(width>=64rem){.lg\:min-h-\[39rem\]{min-height:39rem}}@media(width>=64rem){.lg\:min-h-\[44rem\]{min-height:44rem}}@media(width>=64rem){.lg\:min-h-screen{min-height:100vh}}@media(width>=64rem){.lg\:w-52{width:calc(var(--spacing) * 52)}}@media(width>=64rem){.lg\:w-64{width:calc(var(--spacing) * 64)}}@media(width>=64rem){.lg\:w-72{width:calc(var(--spacing) * 72)}}@media(width>=64rem){.lg\:w-\[17rem\]{width:17rem}}@media(width>=64rem){.lg\:w-auto{width:auto}}@media(width>=64rem){.lg\:max-w-\[16rem\]{max-width:16rem}}@media(width>=64rem){.lg\:max-w-\[18rem\]{max-width:18rem}}@media(width>=64rem){.lg\:min-w-\[12rem\]{min-width:12rem}}@media(width>=64rem){.lg\:min-w-\[16rem\]{min-width:16rem}}@media(width>=64rem){.lg\:min-w-\[32rem\]{min-width:32rem}}@media(width>=64rem){.lg\:flex-1{flex:1}}@media(width>=64rem){.lg\:basis-\[13\.5rem\]{flex-basis:13.5rem}}@media(width>=64rem){.lg\:basis-\[13rem\]{flex-basis:13rem}}@media(width>=64rem){.lg\:basis-\[14rem\]{flex-basis:14rem}}@media(width>=64rem){.lg\:basis-\[18rem\]{flex-basis:18rem}}@media(width>=64rem){.lg\:translate-x-0{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(width>=64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(width>=64rem){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(width>=64rem){.lg\:grid-cols-\[0\.9fr_1\.4fr\]{grid-template-columns:.9fr 1.4fr}}@media(width>=64rem){.lg\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}}@media(width>=64rem){.lg\:grid-cols-\[2\.5rem_minmax\(0\,1fr\)_minmax\(13rem\,17rem\)\]{grid-template-columns:2.5rem minmax(0,1fr) minmax(13rem,17rem)}}@media(width>=64rem){.lg\:grid-cols-\[4\.9rem_minmax\(0\,1fr\)\]{grid-template-columns:4.9rem minmax(0,1fr)}}@media(width>=64rem){.lg\:grid-cols-\[18rem_minmax\(0\,1fr\)\]{grid-template-columns:18rem minmax(0,1fr)}}@media(width>=64rem){.lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)_auto\]{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) auto}}@media(width>=64rem){.lg\:grid-cols-\[minmax\(0\,1fr\)_9rem_auto\]{grid-template-columns:minmax(0,1fr) 9rem auto}}@media(width>=64rem){.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(30rem\,0\.95fr\)\]{grid-template-columns:minmax(0,1fr) minmax(30rem,.95fr)}}@media(width>=64rem){.lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\]{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}@media(width>=64rem){.lg\:grid-cols-\[minmax\(18rem\,22rem\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr)}}@media(width>=64rem){.lg\:grid-cols-\[minmax\(19rem\,0\.72fr\)_minmax\(0\,1\.45fr\)\]{grid-template-columns:minmax(19rem,.72fr) minmax(0,1.45fr)}}@media(width>=64rem){.lg\:flex-col{flex-direction:column}}@media(width>=64rem){.lg\:flex-row{flex-direction:row}}@media(width>=64rem){.lg\:flex-wrap{flex-wrap:wrap}}@media(width>=64rem){.lg\:items-center{align-items:center}}@media(width>=64rem){.lg\:items-end{align-items:flex-end}}@media(width>=64rem){.lg\:items-start{align-items:flex-start}}@media(width>=64rem){.lg\:justify-between{justify-content:space-between}}@media(width>=64rem){.lg\:justify-center{justify-content:center}}@media(width>=64rem){.lg\:justify-end{justify-content:flex-end}}@media(width>=64rem){.lg\:gap-4{gap:calc(var(--spacing) * 4)}}@media(width>=64rem){.lg\:gap-8{gap:calc(var(--spacing) * 8)}}@media(width>=64rem){:where(.lg\:space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}}@media(width>=64rem){:where(.lg\:divide-x>:not(:last-child)){--tw-divide-x-reverse: 0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}}@media(width>=64rem){:where(.lg\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px * var(--tw-divide-y-reverse));border-bottom-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)))}}@media(width>=64rem){:where(.lg\:divide-slate-200>:not(:last-child)){border-color:var(--color-slate-200)}}@media(width>=64rem){.lg\:overflow-hidden{overflow:hidden}}@media(width>=64rem){.lg\:overflow-y-auto{overflow-y:auto}}@media(width>=64rem){.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0px}}@media(width>=64rem){.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}}@media(width>=64rem){.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}}@media(width>=64rem){.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}}@media(width>=64rem){.lg\:border-slate-200{border-color:var(--color-slate-200)}}@media(width>=64rem){.lg\:p-8{padding:calc(var(--spacing) * 8)}}@media(width>=64rem){.lg\:p-12{padding:calc(var(--spacing) * 12)}}@media(width>=64rem){.lg\:p-16{padding:calc(var(--spacing) * 16)}}@media(width>=64rem){.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media(width>=64rem){.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}}@media(width>=64rem){.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}}@media(width>=64rem){.lg\:px-14{padding-inline:calc(var(--spacing) * 14)}}@media(width>=64rem){.lg\:py-8{padding-block:calc(var(--spacing) * 8)}}@media(width>=64rem){.lg\:py-10{padding-block:calc(var(--spacing) * 10)}}@media(width>=64rem){.lg\:py-12{padding-block:calc(var(--spacing) * 12)}}@media(width>=64rem){.lg\:pt-0{padding-top:calc(var(--spacing) * 0)}}@media(width>=64rem){.lg\:pb-3{padding-bottom:calc(var(--spacing) * 3)}}@media(width>=64rem){.lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}}@media(width>=64rem){.lg\:pb-14{padding-bottom:calc(var(--spacing) * 14)}}@media(width>=64rem){.lg\:pl-5{padding-left:calc(var(--spacing) * 5)}}@media(width>=64rem){.lg\:pl-6{padding-left:calc(var(--spacing) * 6)}}@media(width>=64rem){.lg\:pl-72{padding-left:calc(var(--spacing) * 72)}}@media(width>=64rem){.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}}@media(width>=64rem){.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}}@media(width>=64rem){.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}}@media(width>=64rem){.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}}@media(width>=80rem){.xl\:sticky{position:sticky}}@media(width>=80rem){.xl\:top-8{top:calc(var(--spacing) * 8)}}@media(width>=80rem){.xl\:col-span-1{grid-column:span 1 / span 1}}@media(width>=80rem){.xl\:col-span-2{grid-column:span 2 / span 2}}@media(width>=80rem){.xl\:col-span-3{grid-column:span 3 / span 3}}@media(width>=80rem){.xl\:col-span-4{grid-column:span 4 / span 4}}@media(width>=80rem){.xl\:col-span-5{grid-column:span 5 / span 5}}@media(width>=80rem){.xl\:col-span-6{grid-column:span 6 / span 6}}@media(width>=80rem){.xl\:col-span-7{grid-column:span 7 / span 7}}@media(width>=80rem){.xl\:col-span-8{grid-column:span 8 / span 8}}@media(width>=80rem){.xl\:flex{display:flex}}@media(width>=80rem){.xl\:h-full{height:100%}}@media(width>=80rem){.xl\:min-h-screen{min-height:100vh}}@media(width>=80rem){.xl\:w-56{width:calc(var(--spacing) * 56)}}@media(width>=80rem){.xl\:w-auto{width:auto}}@media(width>=80rem){.xl\:flex-1{flex:1}}@media(width>=80rem){.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media(width>=80rem){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(width>=80rem){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(width>=80rem){.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media(width>=80rem){.xl\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}}@media(width>=80rem){.xl\:grid-cols-\[1fr_0\.9fr\]{grid-template-columns:1fr .9fr}}@media(width>=80rem){.xl\:grid-cols-\[5\.4rem_minmax\(0\,1fr\)\]{grid-template-columns:5.4rem minmax(0,1fr)}}@media(width>=80rem){.xl\:grid-cols-\[18rem_minmax\(0\,1fr\)\]{grid-template-columns:18rem minmax(0,1fr)}}@media(width>=80rem){.xl\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(320px\,0\.95fr\)\]{grid-template-columns:minmax(0,1.4fr) minmax(320px,.95fr)}}@media(width>=80rem){.xl\:grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(320px\,0\.95fr\)\]{grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr)}}@media(width>=80rem){.xl\:grid-cols-\[minmax\(0\,1fr\)_18rem\]{grid-template-columns:minmax(0,1fr) 18rem}}@media(width>=80rem){.xl\:grid-cols-\[minmax\(0\,1fr\)_20rem\]{grid-template-columns:minmax(0,1fr) 20rem}}@media(width>=80rem){.xl\:grid-cols-\[minmax\(0\,1fr\)_22rem\]{grid-template-columns:minmax(0,1fr) 22rem}}@media(width>=80rem){.xl\:grid-cols-\[minmax\(0\,3fr\)_minmax\(17rem\,1fr\)\]{grid-template-columns:minmax(0,3fr) minmax(17rem,1fr)}}@media(width>=80rem){.xl\:grid-cols-\[minmax\(0\,3fr\)_minmax\(18rem\,1fr\)\]{grid-template-columns:minmax(0,3fr) minmax(18rem,1fr)}}@media(width>=80rem){.xl\:flex-col{flex-direction:column}}@media(width>=80rem){.xl\:flex-row{flex-direction:row}}@media(width>=80rem){.xl\:flex-nowrap{flex-wrap:nowrap}}@media(width>=80rem){.xl\:items-center{align-items:center}}@media(width>=80rem){.xl\:items-end{align-items:flex-end}}@media(width>=80rem){.xl\:items-start{align-items:flex-start}}@media(width>=80rem){.xl\:justify-between{justify-content:space-between}}@media(width>=80rem){.xl\:justify-end{justify-content:flex-end}}@media(width>=80rem){.xl\:gap-5{gap:calc(var(--spacing) * 5)}}@media(width>=80rem){.xl\:gap-6{gap:calc(var(--spacing) * 6)}}@media(width>=80rem){:where(.xl\:space-y-14>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)))}}@media(width>=80rem){.xl\:overflow-y-auto{overflow-y:auto}}@media(width>=80rem){.xl\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}}@media(width>=80rem){.xl\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}}@media(width>=80rem){.xl\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}}@media(width>=80rem){.xl\:border-slate-200{border-color:var(--color-slate-200)}}@media(width>=80rem){.xl\:p-12{padding:calc(var(--spacing) * 12)}}@media(width>=80rem){.xl\:px-4{padding-inline:calc(var(--spacing) * 4)}}@media(width>=80rem){.xl\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media(width>=80rem){.xl\:px-10{padding-inline:calc(var(--spacing) * 10)}}@media(width>=80rem){.xl\:px-12{padding-inline:calc(var(--spacing) * 12)}}@media(width>=80rem){.xl\:py-8{padding-block:calc(var(--spacing) * 8)}}@media(width>=80rem){.xl\:py-12{padding-block:calc(var(--spacing) * 12)}}@media(width>=80rem){.xl\:pl-6{padding-left:calc(var(--spacing) * 6)}}@media(width>=80rem){.xl\:pl-8{padding-left:calc(var(--spacing) * 8)}}@media(width>=80rem){.xl\:text-\[0\.95rem\]{font-size:.95rem}}@media(width>=80rem){.xl\:text-\[1\.05rem\]{font-size:1.05rem}}@media(width>=96rem){.\32xl\:col-span-3{grid-column:span 3 / span 3}}@media(width>=96rem){.\32xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=96rem){.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=96rem){.\32xl\:grid-cols-\[minmax\(0\,0\.95fr\)_minmax\(0\,1\.05fr\)\]{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}}@media(width>=96rem){.\32xl\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(18rem\,0\.8fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr)}}@media(width>=96rem){.\32xl\:items-start{align-items:flex-start}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url("./media/be-vietnam-pro-vietnamese-400-normal-AYP4TBQP.woff2") format("woff2"),url("./media/be-vietnam-pro-vietnamese-400-normal-XCSVBHAH.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url("./media/be-vietnam-pro-latin-ext-400-normal-VIXFGEVI.woff2") format("woff2"),url("./media/be-vietnam-pro-latin-ext-400-normal-H5FLM5EA.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url("./media/be-vietnam-pro-latin-400-normal-GO7MVAWD.woff2") format("woff2"),url("./media/be-vietnam-pro-latin-400-normal-RVJKSZUF.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url("./media/be-vietnam-pro-vietnamese-500-normal-4TYGC47D.woff2") format("woff2"),url("./media/be-vietnam-pro-vietnamese-500-normal-X6H4D6SQ.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url("./media/be-vietnam-pro-latin-ext-500-normal-4V547L43.woff2") format("woff2"),url("./media/be-vietnam-pro-latin-ext-500-normal-OT6QGGBR.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url("./media/be-vietnam-pro-latin-500-normal-ICUK3VUJ.woff2") format("woff2"),url("./media/be-vietnam-pro-latin-500-normal-7QE332AG.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url("./media/be-vietnam-pro-vietnamese-600-normal-JNWISTGY.woff2") format("woff2"),url("./media/be-vietnam-pro-vietnamese-600-normal-WRJMS4YC.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url("./media/be-vietnam-pro-latin-ext-600-normal-CBJZJMMX.woff2") format("woff2"),url("./media/be-vietnam-pro-latin-ext-600-normal-4EIVITBO.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url("./media/be-vietnam-pro-latin-600-normal-BUKYBXKC.woff2") format("woff2"),url("./media/be-vietnam-pro-latin-600-normal-3FZKMTWI.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url("./media/be-vietnam-pro-vietnamese-700-normal-2FUHI57A.woff2") format("woff2"),url("./media/be-vietnam-pro-vietnamese-700-normal-6TZDSQEZ.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url("./media/be-vietnam-pro-latin-ext-700-normal-O2T6GATN.woff2") format("woff2"),url("./media/be-vietnam-pro-latin-ext-700-normal-RSM77A7Z.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url("./media/be-vietnam-pro-latin-700-normal-D4XLH5H5.woff2") format("woff2"),url("./media/be-vietnam-pro-latin-700-normal-T76PCEOT.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url("./media/be-vietnam-pro-vietnamese-800-normal-TB6OVGWM.woff2") format("woff2"),url("./media/be-vietnam-pro-vietnamese-800-normal-LZ4DBK7R.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url("./media/be-vietnam-pro-latin-ext-800-normal-F64YS6Y3.woff2") format("woff2"),url("./media/be-vietnam-pro-latin-ext-800-normal-GEKJRK7N.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url("./media/be-vietnam-pro-latin-800-normal-LFOVTTAB.woff2") format("woff2"),url("./media/be-vietnam-pro-latin-800-normal-Z4HFAQGU.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url("./media/plus-jakarta-sans-cyrillic-ext-400-normal-2NNEY4IT.woff2") format("woff2"),url("./media/plus-jakarta-sans-cyrillic-ext-400-normal-R5TFPZPA.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url("./media/plus-jakarta-sans-vietnamese-400-normal-4YNBRCN2.woff2") format("woff2"),url("./media/plus-jakarta-sans-vietnamese-400-normal-7YKB3GLW.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url("./media/plus-jakarta-sans-latin-ext-400-normal-DETV4OMK.woff2") format("woff2"),url("./media/plus-jakarta-sans-latin-ext-400-normal-3TVPHM4Q.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url("./media/plus-jakarta-sans-latin-400-normal-EIG3GRNB.woff2") format("woff2"),url("./media/plus-jakarta-sans-latin-400-normal-GNGT626H.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url("./media/plus-jakarta-sans-cyrillic-ext-500-normal-ICQOKO3Z.woff2") format("woff2"),url("./media/plus-jakarta-sans-cyrillic-ext-500-normal-EYPG33CN.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url("./media/plus-jakarta-sans-vietnamese-500-normal-VNXHDEF3.woff2") format("woff2"),url("./media/plus-jakarta-sans-vietnamese-500-normal-INHXTASZ.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url("./media/plus-jakarta-sans-latin-ext-500-normal-ZEMRWY4K.woff2") format("woff2"),url("./media/plus-jakarta-sans-latin-ext-500-normal-UA6NZWG2.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url("./media/plus-jakarta-sans-latin-500-normal-NGHMNRZC.woff2") format("woff2"),url("./media/plus-jakarta-sans-latin-500-normal-77CDR4QO.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url("./media/plus-jakarta-sans-cyrillic-ext-600-normal-S7UNJGCL.woff2") format("woff2"),url("./media/plus-jakarta-sans-cyrillic-ext-600-normal-QYPGW4MS.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url("./media/plus-jakarta-sans-vietnamese-600-normal-V3IXZNX5.woff2") format("woff2"),url("./media/plus-jakarta-sans-vietnamese-600-normal-P5XL7VYH.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url("./media/plus-jakarta-sans-latin-ext-600-normal-7SBJ4PZZ.woff2") format("woff2"),url("./media/plus-jakarta-sans-latin-ext-600-normal-KTG2KSBM.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url("./media/plus-jakarta-sans-latin-600-normal-EJXYMLOY.woff2") format("woff2"),url("./media/plus-jakarta-sans-latin-600-normal-FM56PCEU.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url("./media/plus-jakarta-sans-cyrillic-ext-700-normal-BPSWBP5S.woff2") format("woff2"),url("./media/plus-jakarta-sans-cyrillic-ext-700-normal-5PWJCKSC.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url("./media/plus-jakarta-sans-vietnamese-700-normal-OTDKNK4B.woff2") format("woff2"),url("./media/plus-jakarta-sans-vietnamese-700-normal-WJ3WOQI4.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url("./media/plus-jakarta-sans-latin-ext-700-normal-KUHVEBZO.woff2") format("woff2"),url("./media/plus-jakarta-sans-latin-ext-700-normal-JCLRB63R.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url("./media/plus-jakarta-sans-latin-700-normal-3BBEPNMU.woff2") format("woff2"),url("./media/plus-jakarta-sans-latin-700-normal-F25JOMMF.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url("./media/plus-jakarta-sans-cyrillic-ext-800-normal-H6GEZSAJ.woff2") format("woff2"),url("./media/plus-jakarta-sans-cyrillic-ext-800-normal-TU3TCRUV.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url("./media/plus-jakarta-sans-vietnamese-800-normal-JLS7EPQM.woff2") format("woff2"),url("./media/plus-jakarta-sans-vietnamese-800-normal-KLRGDIAF.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url("./media/plus-jakarta-sans-latin-ext-800-normal-6I4TSQ3H.woff2") format("woff2"),url("./media/plus-jakarta-sans-latin-ext-800-normal-4KWVWNBI.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url("./media/plus-jakarta-sans-latin-800-normal-6VZCEYVW.woff2") format("woff2"),url("./media/plus-jakarta-sans-latin-800-normal-EORNKM4V.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--design-name: "Verbenia Frontend";--design-notes: 'Documento de referencia visual del frontend SaaS de Verbenia.nnAlcance de este documento:n- Incluye solo la aplicacion SaaS ubicada en `frontend/`.n- Excluye deliberadamente `landing/`.n- Excluye backend y APIs salvo cuando ayudan a interpretar estados de interfaz.n- Prioriza evidencia real del codigo inspeccionado entre `frontend/src/`, `frontend/package.json` y `frontend/angular.json`.nnArchivos base consultados para esta documentacion:n- `frontend/package.json`n- `frontend/angular.json`n- `frontend/src/index.html`n- `frontend/src/styles.css`n- `frontend/src/styles/design-tokens.css`n- `frontend/src/app/app.routes.ts`n- `frontend/src/app/shared/config/brand-theme.ts`n- `frontend/src/app/shared/ui/**`n- `frontend/src/app/features/**`nn## 1. Resumen visual del productonnTipo de SaaS inferido:n- SaaS de gestion para organizaciones festivas, comisiones, hermandades o agrupaciones locales.n- Combina operativa administrativa, finanzas, eventos, censos, accesos, comunicaciones internas, ropa y analitica.nnSensacion visual actual:n- Moderna y expresiva.n- Bastante sobria en estructura, pero con una capa cromatica viva y festiva.n- Mezcla dos registros: una base de productividad SaaS (blancos, grises, tablas, sidebars, tarjetas) y un acento de marca vibrante (rosa, violeta, azul electrico).n- No es minimalista extrema: la interfaz favorece abundancia de datos, filtros, cards KPI, tablas y modales operativos.nnNivel de densidad de informacion:n- Medio-alto en modulos de operaciones, usuarios, censo, eventos y settings.n- Medio en dashboard y analytics.n- Bajo-medio en autenticacion.nnPublico objetivo inferido:n- Usuarios administrativos y de directiva.n- Miembros con acceso parcial.n- Gestores no tecnicos que necesitan operaciones frecuentes, visibilidad de estados y navegacion clara.nnPrincipios visuales actuales:n- Navegacion persistente y contexto siempre visible.n- Cards grandes y redondeadas para modulos importantes.n- Acciones primarias muy visibles, normalmente en azul o degradado de marca.n- Uso intensivo de pills, chips y badges para estado y taxonomia.n- Skeletons consistentes durante carga.n- Side panels para detalle/edicion rapida sin abandonar contexto.n- Tablas amplias con filtros arriba y acciones compactas a la derecha.nnObservacion clave:n- Existe un sistema de tokens central (`frontend/src/styles/design-tokens.css`), pero varias vistas siguen usando clases Tailwind y colores hardcodeados en paralelo. El resultado visual final es coherente, aunque no totalmente purista desde el punto de vista de design system.nn## 2. Arquitectura visual del frontendnnFramework:n- Angular 21 standalone (`@angular/core`, `@angular/router`) segun `frontend/package.json`.n- Bootstrap principal en `frontend/src/main.ts`.nnSistema de rutas:n- Archivo principal: `frontend/src/app/app.routes.ts`.n- Rutas lazy por `loadComponent`.n- Guards visualmente relevantes: `authGuard`, `guestGuard`, `organizationAccessGuard`.nnRutas/paginas SaaS detectadas:nn| Ruta | Componente | Observacion visual |n| --- | --- | --- |n| `/auth` | `auth-page.component` | Pantalla de autenticacion split-screen |n| `/auth/verify-email` | `auth-page.component` | Estado de verificacion |n| `/auth/forgot-password` | `auth-page.component` | Recuperacion |n| `/auth/reset-password` | `auth-page.component` | Reset |n| `/organization-access/:slug` | `organization-access-page.component` | Acceso por organizacion |n| `/member-access/activate` | `member-user-validation-page.component` | Activacion |n| `/member-user/validate` | `member-user-validation-page.component` | Validacion |n| `/dashboard` | `dashboard-page.component` | Dashboard personal |n| `/dashboard/settings` | `user-settings-page.component` | Ajustes personales |n| `/organization/:id` | `organization-dashboard-overview.component` | Dashboard organizacional |n| `/organization/:id/feed` | `organization-feed-page.component` | Comunicaciones/feed |n| `/organization/:id/members` y `/subscribers` | `organization-subscribers-page.component` | Miembros/abonados |n| `/organization/:id/members/census` | `organization-census-page.component` | Censo |n| `/organization/:id/settings` | `organization-settings-overview-page.component` | Configuracion organizacion y billing |n| `/organization/:id/access` y `/users` | `organization-settings-access-section.component` | Accesos/permisos |n| `/organization/:id/departments` | `organization-delegations-page.component` | Delegaciones |n| `/organization/:id/advertisements` | `organization-advertisements-page.component` | Publicidades |n| `/organization/:id/advertisements/types` | `organization-advertisement-types-page.component` | Tipos de publicidad |n| `/organization/:id/clothing` | `organization-clothing-page.component` | Catalogo/gestion ropa |n| `/organization/:id/clothing/catalog` | `organization-clothing-catalog-page.component` | Catalogo |n| `/organization/:id/clothing/orders` | `organization-clothing-page.component` | Pedidos |n| `/organization/:id/operations/transactions` | `transactions-page.component` | Transacciones |n| `/organization/:id/operations/transactions/payment-types` | `payment-types-page.component` | Tipos de pago |n| `/organization/:id/operations/transactions/contacts` | `organization-contacts-page.component` | Contactos |n| `/organization/:id/operations/estimates` | `estimates-page.component` | Presupuestos |n| `/organization/:id/events` | `organization-events-page.component` | Eventos |n| `/organization/:id/events/:eventId` | `organization-event-detail-page.component` | Detalle evento |n| `/organization/:id/analytics` | `organization-analytics-page.component` | Hub de analitica |n| `/organization/:id/analytics/pyg` | `organization-analytics-pyg-page.component` | Perdidas y ganancias |n| `/organization/:id/analytics/cashflow` | `organization-analytics-cashflow-page.component` | Cashflow |n| `/organization/:id/tasks` | `organization-tasks-page.component` | Tareas |n| `/organization/:id/tasks/:taskId` | `organization-task-detail-page.component` | Detalle tarea |nnEstructura de carpetas relevante:n- `frontend/src/app/features/`: pantallas por dominio.n- `frontend/src/app/shared/ui/`: componentes visuales reutilizables.n- `frontend/src/app/shared/config/`: constantes visuales y de marca.n- `frontend/src/app/shared/utils/`: utilidades con impacto visual indirecto (badges, status, busquedas).n- `frontend/src/styles.css`: capa global principal con utilidades y componentes CSS.n- `frontend/src/styles/design-tokens.css`: tokens globales.nnDonde viven los componentes:n- Layout de organizacion: `frontend/src/app/features/organization/organization-navbar.component.*`n- Primitives: `frontend/src/app/shared/ui/app-primitives/`n- Modales y paneles: `frontend/src/app/shared/ui/modal/`, `side-panel-modal/`, `payment-modal/`, `confirm-action-modal/`n- Formularios: `frontend/src/app/shared/ui/form-controls/`, `select2-field/`, `media-file-upload/`n- Datos y tablas: `table-card/`, `pagination-controls/`, `data-summary-card/`, `report-section-card/`nnDonde viven los estilos:n- Globales: `frontend/src/styles.css`n- Tokens: `frontend/src/styles/design-tokens.css`n- CSS por feature: por ejemplo `organization-events-page.component.css`, `organization-feed-page.component.css`, `organization-tasks-page.component.css`n- CSS por componente: por ejemplo `table-card.component.css`, `media-file-upload.component.css`, `select2-field.component.css`, `image-carousel.component.css`nnTemas, colores y tokens:n- CSS custom properties en `frontend/src/styles/design-tokens.css`.n- Variables puente de aplicacion en `:root` de `frontend/src/styles.css` (`--fi-app-*`).n- Paleta TS para chips en `frontend/src/app/shared/config/brand-theme.ts`.nnLibrerias UI detectadas:n- Tailwind CSS 4, importado en `frontend/src/styles.css`.n- Material Symbols Outlined para iconos cargados en local.n- `@angular/cdk/overlay-prebuilt.css` para overlays.n- `ng-select2-component` para selects enriquecidos.n- `@fullcalendar/angular` para calendarios.n- `ng-apexcharts` y `apexcharts` para graficos.nnConfiguracion Tailwind:n- No se detecta `tailwind.config.*` en `frontend/`.n- Se asume uso de valores por defecto de Tailwind 4 y extensiones via `@theme` en `frontend/src/styles.css`.nn## 3. Layout generalnn### 3.1 Shell principal de organizacionnnClase base:n- `.fi-organization-shell` en `frontend/src/styles.css`.nnValores clave:n- `min-h-screen`n- `lg:pl-72` para dejar espacio a sidebar fija de 18rem.n- fondo `#F3F5F7`.nnZona principal de contenido en pantallas organizacionales:n- `max-w-[96rem]`n- `px-4 py-12`n- `md:px-8`n- `xl:px-12`n- `space-y-8`nnEsto se repite en:n- `organization-dashboard-overview.component.html`n- `organization-events-page.component.html`n- `organization-feed-page.component.html`n- `transactions-page.component.html`n- `organization-clothing-orders-page.component.html`nn### 3.2 Sidebar de organizacionnnArchivo clave:n- `frontend/src/app/features/organization/organization-navbar.component.html`nnEstructura:n- `aside` fijo a la izquierda.n- ancho `w-72` (18rem).n- `fixed inset-y-0 left-0`.n- `px-5 pt-6 pb-2`.n- borde derecho `border-r border-slate-100`.n- fondo `bg-white`.n- sombra ligera `shadow-sm`.nnTipografia y tono:n- seccion de navegacion en `font-[\'Plus_Jakarta_Sans\',sans-serif]`.n- labels de grupo en `text-[10px] uppercase tracking-[0.2em] text-slate-500`.nnLinks:n- links principales: `rounded-full px-4 py-2.5 text-sm font-semibold`.n- activo: `bg-slate-900 text-white shadow-lg shadow-slate-200`.n- inactivo: `text-slate-500 hover:text-slate-900`.n- sublinks: `py-2 text-[12px]` con el mismo lenguaje pill.nnResponsive:n- en mobile se oculta fuera del viewport y entra con `translate-x`.n- overlay full-screen `bg-slate-900/40`.n- boton hamburger `h-11 w-11 rounded-2xl`.nn### 3.3 Header/topbar de organizacionnnArchivo clave:n- `frontend/src/app/features/organization/organization-navbar.component.html`nnPatron:n- barra sticky superior separada del sidebar.n- `sticky top-0 z-10 border-b border-slate-100 bg-white/80 backdrop-blur-xl`.n- padding `px-4 py-2 md:px-8 xl:px-12`.nnContenido:n- boton de menu movil.n- nombre organizacion + plan.n- boton notificaciones `h-10 w-10 rounded-xl`.n- menu de perfil `rounded-2xl px-4 py-2`.n- avatar circular con gradiente fucsia-violeta.nnDropdowns:n- notificaciones: `w-[min(20rem,calc(100vw-2rem))] sm:w-80`, `rounded-[1.75rem]`, `p-4`, `shadow-2xl`.n- perfil: `w-[min(19rem,calc(100vw-1.5rem))]`, `rounded-[1.75rem]`, `p-2.5` interno.nn### 3.4 Dashboard personal y ajustes de usuarionnArchivos:n- `frontend/src/app/features/dashboard/dashboard-page.component.html`n- `frontend/src/app/features/user/user-settings-page.component.html`nnPatron distinto al shell organizacional:n- grid `lg:grid-cols-5`.n- panel principal `lg:col-span-4`.n- rail derecho `lg:col-span-1` para calendario.n- sidebar interna izquierda de `18rem` dentro del panel principal.n- contenedor maximo `max-w-[120rem]`.nn### 3.5 AutenticacionnnArchivo:n- `frontend/src/app/features/auth/auth-page.component.html`nnLayout:n- desktop: split 50/50 con columna visual izquierda y formulario a la derecha.n- izquierda: `hidden md:flex w-1/2`.n- derecha: `w-full md:w-1/2 max-w-xl`.nnResponsive:n- en movil desaparece el hero izquierdo.n- se muestra cabecera compacta con logo y texto de marca.nn### 3.6 Anchuras y contenedores recurrentesnn| Patron | Valor |n| --- | --- |n| Sidebar organizacion | `w-72` |n| Main organizacion | `max-w-[96rem]` |n| Main dashboard/settings personales | `max-w-[120rem]` |n| Header navbar global de organizacion | `px-4 md:px-8 xl:px-12` |n| Modal general | `max-w-lg`, `max-w-xl`, `max-w-2xl`, `max-w-4xl`, `max-w-5xl`, `max-w-6xl` segun caso |n| Side panel | `max-width: min(34vw, 560px)` y `min-width: min(100vw, 380px)` |nn### 3.7 Breakpoints usadosnnComo no existe `tailwind.config.*`, se infieren los defaults:n- `sm`: 640pxn- `md`: 768pxn- `lg`: 1024pxn- `xl`: 1280pxn- `2xl`: 1536pxnnComportamientos confirmados en codigo:n- formularios de 2 columnas en `md:`.n- sidebar fija desde `lg`.n- layouts complejos de dashboards en `lg`/`xl`.n- mini calendar de eventos aparece como segunda columna en `xl`.nn## 4. Paleta de coloresnnFuente principal:n- `frontend/src/styles/design-tokens.css`n- `frontend/src/styles.css`nn### 4.1 Colores semanticos principalesnn| Nombre inferido | Token/valor | Uso principal | Ejemplos |n| --- | --- | --- | --- |n| Brand ink | `--brand-ink: #0e0e11` | Titulos oscuros y contraste maximo | `design-tokens.css`, `page-header-card.component.ts` |n| Texto principal | `--text: #2f2e32` | Texto base | `design-tokens.css`, `styles.css` |n| Texto secundario | `--text-muted: #5d5b5f` | Subtitulos, hint, labels secundarios | `styles.css`, formularios y cards |n| Primario rosa | `--primary: #ac1c66` | CTA, focus, acentos de marca | `design-tokens.css`, auth, modales |n| Primario fuerte | `--primary-strong: #9c075a` | hover y contraste | auth buttons, `styles.css` |n| Primario suave | `--primary-soft: color-mix(... #ff6eac ...)` | hover suave, fondos de chips, inputs foco suave | `styles.css` |n| Accent azul | `--accent: #4e4eb7` | acento secundario, chips, icon buttons | tokens y badge classes |n| Accent fuerte violeta | `--accent-strong: #94387c` | gradientes, iconografia secundaria | tokens, gradientes, chips |n| Accent rose | `--accent-rose: #ac1c66` | errores suaves, acciones destructivas ligeras | formularios, media upload |n| Warning | `--warning: #ffa9e0` | advertencias de marca, no tipico amarillo puro | tokens |n| Error | `--error: #b41340` | acciones destructivas y estados de error | `design-tokens.css`, botones danger |n| Background page | `--background: #faf5fb` | fondo global tokenizado | `design-tokens.css` |n| Background strong | `--background-strong: #ffffff` | superficies principales | modales, cards, tablas |n| Surface low | `--surface-low: #f4eff5` | paneles suaves | tokens, side panels |n| Surface high | `--surface-high: #e5e1e8` | fondos neutrales suaves | badges y superficies |n| Neutral strong | `--neutral-strong: #78767b` | bordes, tonos de apoyo | tokens |nn### 4.2 Variables puente usadas en la appnnEn `frontend/src/styles.css`:nn| Variable | Valor/origen | Uso |n| --- | --- | --- |n| `--fi-app-bg` | `var(--background)` | fondos generales |n| `--fi-app-bg-strong` | `var(--background-strong)` | modales, side panels, inputs |n| `--fi-app-surface` | `var(--surface-low)` | disabled, panels suaves |n| `--fi-app-border` | mezcla desde `--outline-soft` | bordes por defecto |n| `--fi-app-border-strong` | mezcla desde `--neutral-strong` | hover/estado fuerte |n| `--fi-app-border-interactive` | mezcla desde `--accent` | foco/hovers interactivos |n| `--fi-app-backdrop` | mezcla sobre `--brand-ink-strong` al 38% | backdrop modal |n| `--fi-app-backdrop-strong` | mezcla sobre `--brand-ink-strong` al 54% | backdrop side panel |n| `--fi-app-primary-gradient` | degradado 135deg de `--primary` a `--accent-strong` | botones y CTAs destacados |n| `--fi-app-danger-gradient` | degradado de `--error` | acciones destructivas |nn### 4.3 Colores reales hardcodeados adicionalesnnAdemas del sistema tokenizado, se detectan muchos colores directos en clases Tailwind o hex:nn| Valor | Uso |n| --- | --- |n| `#ac1c66` | botones auth, textos de enlace, hero auth |n| `#9c075a` | hover auth |n| `#eef2ff` | fondo del hero auth |n| `#f7d6e6` | ring de focus auth |n| `bg-slate-900` / `#0f172a` | items activos, segmented control, botones oscuros, sidebar personal |n| `bg-blue-50`, `text-blue-600`, `border-blue-200` | vacios, badges, cards de accion, filtros, modales secundarios |n| `bg-violet-50`, `text-violet-700` | tags, cards y rails secundarios |n| `bg-emerald-50`, `text-emerald-600/700` | exito y completado |n| `bg-amber-50`, `text-amber-700/800` | warnings y action-required-alert |n| `bg-rose-50`, `text-rose-600/700` | destructive soft |nn### 4.4 Estado, feedback y overlaysnn| Estado | Color |n| --- | --- |n| Success toast | `emerald-50/95`, `emerald-200/90`, `emerald-900`, barra `emerald-500` |n| Error toast | `red-50/95`, `red-200/90`, `red-900`, barra `red-500` |n| Warning toast | `amber-50/95`, `amber-200/90`, `amber-900`, barra `amber-500` |n| Info toast | `sky-50/95`, `sky-200/90`, `sky-900`, barra `sky-500` |n| Modal backdrop | `var(--fi-app-backdrop)` |n| Side panel backdrop | `var(--fi-app-backdrop-strong)` + blur 2px |n| Loading skeleton | `bg-slate-200/80` + shimmer blanco translcido |nn### 4.5 Sombras dependientes de colornnTokens:n- `--button-shadow: 0 18px 34px color-mix(in srgb, #9c075a 22%, transparent)`n- `--shadow-ambient`n- `--shadow-lifted`nnSombras comunes reales:n- cards feed: `0 22px 42px -34px rgba(15,23,42,.28)`n- dropdowns navbar: `shadow-2xl shadow-slate-200/80`n- overflow menu: `0 24px 48px -20px rgba(15,23,42,0.28)`n- event cards activas: sombra coloreada con el acento del eventonn## 5. TipografiannFuente real cargada en HTML:n- `frontend/src/index.html` carga Google Fonts:n  - `Be Vietnam Pro`n  - `Plus Jakarta Sans`nnRoles tipograficos:n- display/headings: `Plus Jakarta Sans`n- body/labels: `Be Vietnam Pro`nnTokens tipograficos en `design-tokens.css`:nn| Token | Valor |n| --- | --- |n| `--type-headline-lg-font-size` | `40px` |n| `--type-headline-lg-font-weight` | `700` |n| `--type-headline-lg-line-height` | `1.2` |n| `--type-headline-md-font-size` | `32px` |n| `--type-headline-md-font-weight` | `600` |n| `--type-body-lg-font-size` | `18px` |n| `--type-body-lg-line-height` | `1.6` |n| `--type-body-md-font-size` | `16px` |n| `--type-body-md-line-height` | `1.5` |n| `--type-label-md-font-size` | `14px` |n| `--type-label-md-font-weight` | `500` |nnEscala real observada:nn| Uso | Estilo real |n| --- | --- |n| H1 principal de pagina | `clamp(2.65rem, 4vw, 4rem)`, peso `900`, tracking `-0.05em` en `page-header-card.component.ts` |n| Titulos de dashboard local | `text-xl font-black tracking-wide` |n| Titulo auth hero | `text-4xl lg:text-5xl font-black` |n| Subtitulo pagina | `text-sm` a `text-base`, `leading-6` o `leading-7` |n| Label formulario | `text-sm font-semibold` |n| Hint/error | `text-xs` |n| Encabezado tabla | `text-xs uppercase tracking-wide` |n| Badges | `0.68rem` a `0.78rem`, uppercase, tracking alto |n| Botones | `0.8rem` a `0.92rem`, peso 700-800 |nnPatrones tipograficos importantes:n- Titulos usan mucho `font-black` y tracking negativo para dar caracter.n- Metadata usa uppercase con tracking entre `0.08em` y `0.24em`.n- El producto evita tama\f1os demasiado pequenos para contenido operativo principal; el cuerpo habitual se mueve entre 14px y 16px.nnSnippet real:nn```cssn.fi-page-header-title {n  font-family: var(--font-display);n  font-size: clamp(2.65rem, 4vw, 4rem);n  line-height: 0.92;n  font-weight: 900;n  letter-spacing: -0.05em;n}n```nn## 6. Sistema de espaciadonnEscala base desde tokens:n- `--space-xs: 4px`n- `--space-sm: 8px`n- `--space-md: 16px`n- `--space-lg: 24px`n- `--space-xl: 32px`n- `--space-gutter: 24px`n- `--space-margin: 24px`nnAplicacion real:nn| Superficie | Espaciado detectado |n| --- | --- |n| Main organizacion | `px-4 py-12 md:px-8 xl:px-12` |n| Cards KPI | `p-6` |n| Feed card | `p-[1.35rem]` |n| Header table-card | `p-4 md:p-5` |n| Modal panel | `p-4 sm:p-6 lg:p-8` |n| Side panel content | `px-4 py-4 sm:px-5` |n| Inputs | `px-3.5 py-2.5` |n| Search de tablas | `pl-10 pr-3 py-2.5` |n| Boton `app-button` md | `px-5 py-3.5` |n| Boton `app-button` sm | `px-4 py-2.5` |n| Icon button | dimensiones fijas `2.45rem` o `2.85rem` |n| Paginacion | `px-4 py-4` |nnSeparaciones recurrentes:n- bloques de pagina: `space-y-8` o `space-y-12`n- grids importantes: `gap-4`, `gap-5`, `gap-6`n- acciones header: `gap-3`n- listas de cards: `gap-4` o `gap-5`n- modales/formularios: `space-y-4` y `space-y-5`n- tablas: celdas `px-4 py-3` o `py-4`nnPrincipio general:n- La app usa un ritmo 8px consistente, pero visualmente prefiere superficies grandes y respiradas: cards de 24px, margenes verticales generosos, botones tipo pill con bastante padding horizontal.nn## 7. Bordes, radios y sombrasnnTokens globales:n- `--radius-sm: 0.5rem`n- `--radius-default: 1rem`n- `--radius-md: 1.5rem`n- `--radius-lg: 2rem`n- `--radius-xl: 3rem`n- `--radius-full: 9999px`nnAplicacion real:nn| Elemento | Radio habitual |n| --- | --- |n| Buttons principales | `rounded-full` |n| Inputs estandar | `rounded-md` |n| Select2 | `999px` |n| Cards normales | `rounded-[1.5rem]` a `rounded-[1.75rem]` |n| KPI cards | `rounded-[2rem]` |n| Modales | `rounded-2xl` |n| Side panels | bordes internos, panel con imagen/fondo suave, header `rounded-xl` en iconos |n| Dropdowns grandes | `rounded-[1.75rem]` |n| Badges/chips | `999px` |nnBordes:n- por defecto `1px solid var(--fi-app-border)` o `border-slate-200`.n- se usan dashed borders para empty states importantes.n- controles interactivos suben contraste en hover con `--fi-app-border-strong`.nnSombras:n- suaves y difusas; la mayoria evita sombras duras.n- cards blancas: `shadow-sm`, o sombras custom con opacidad baja.n- overlays y dropdowns: `shadow-2xl` o valores custom largos.n- hover: pequena elevacion `translateY(-1px/-2px)` + sombra algo mas amplia.nnEstados hover/focus/active:n- hover muy comun: `translateY(-1px)`.n- focus: halo de 3px o 4px con `--fi-app-focus-ring`.n- active visual fuerte en segmented controls y navbar con fondo `slate-900`.nn## 8. Botonesnn### 8.1 `app-button`nnArchivo:n- `frontend/src/app/shared/ui/app-primitives/app-button.component.ts`nnBase:n- `inline-flex`n- `rounded-full`n- `border`n- `font-semibold`n- transiciones `duration-150`nnTamanos:n- `sm`: `min-h-10 px-4 py-2.5 text-[0.8rem]`n- `md`: `min-h-12 px-5 py-3.5 text-[0.88rem]`nnVariantes de color:n- 22 paletas Tailwind (`slate`, `blue`, `rose`, `emerald`, etc.) en modo solid o light.n- Las mas usadas en la app son:n  - `blue` solid para CTA principal.n  - `slate` light para cancelar o secundarias neutrales.n  - `rose` light para editar/destructivo suave.n  - `indigo` light o solid para acciones de detalle.nnEstados:n- hover: `-translate-y-0.5`n- disabled: `opacity-70`, sin sombra ni elevacionn- focus: ring Tailwind segun tononn### 8.2 Botones de modal globalesnnDefinidos en `frontend/src/styles.css`:nn| Clase | Rasgos |n| --- | --- |n| `.fi-modal-primary-btn` | `min-h-11`, `px-4 py-2`, `rounded-full`, degradado de marca |n| `.fi-modal-secondary-btn` | `min-h-11`, borde suave, gradiente muy claro, texto de tono primario |n| `.fi-modal-danger-btn` | degradado rojo, sombra roja suave |nnHover:n- `transform: translateY(-1px)`n- `filter: saturate(1.04)`nn### 8.3 Boton iconiconnArchivo:n- `frontend/src/app/shared/ui/app-primitives/app-icon-button.component.ts`nnVariantes:n- tonos `blue`, `indigo`, `emerald`, `amber`, `rose`, `slate`, `violet`n- `solid` y `soft`nnTamanos:n- `sm`: `2.45rem`n- `md`: `2.85rem`nnUso:n- acciones por fila en tablasn- pagosn- previews de archivosn- menus overflow combinados con triggernn### 8.4 Botones de autenticacionnnNo usan `app-button`, sino estilos hardcodeados:n- `rounded-full`n- `bg-[#ac1c66]`n- `px-4 py-3.5`n- `text-sm font-bold text-white`n- `shadow-lg shadow-[#ac1c66]/20`nnEsto los hace visualmente mas \201c brand-first\201d  que el resto del producto.nn### 8.5 Segmented control como pseudo-botonnnArchivo:n- `frontend/src/app/shared/ui/app-primitives/app-segmented-control.component.ts`nnPatron:n- contenedor pill `border radius 999px`, `padding 0.45rem`n- opcion activa `bg #0f172a text white`n- hover de inactivas con gris suavenn### 8.6 Botones no extensivamente usadosnn`app-gradient-action-button`:n- definido en `frontend/src/app/shared/ui/gradient-action-button/gradient-action-button.component.ts`n- gradiente principal y sombra coloreadan- no se detecto uso explicito en las pantallas inspeccionadasnn## 9. Formulariosnn### 9.1 Control base `app-form-control`nnArchivo:n- `frontend/src/app/shared/ui/form-controls/form-control.component.ts`nnPatron:n- label arriban- hint y error debajon- soporte `text`, `email`, `password`, `number`, `date`, `time`, `datetime-local`, `textarea`, `custom`nnInput real (`.fi-form-input`, `.fi-form-textarea` en `styles.css`):n- `rounded-md`n- `border: 1px solid var(--fi-app-border)`n- `background: var(--fi-app-bg-strong)`n- `font-size: 0.94rem`n- `line-height: 1.45`n- `px-3.5 py-2.5`n- textarea `min-height: 7rem`nnEstados:n- hover: borde mas fuerten- focus: borde `var(--primary)` + halo 4pxn- disabled: `cursor-not-allowed`, fondo `var(--fi-app-surface)`, texto mutadon- error: `text-xs font-medium`, color `var(--accent-rose)`nn### 9.2 Select enriquecido `app-select2-field`nnArchivos:n- `frontend/src/app/shared/ui/select2-field/select2-field.component.ts`n- `frontend/src/app/shared/ui/select2-field/select2-field.component.css`n- ajustes visuales profundos en `frontend/src/styles.css`nnMedidas:n- default: altura `2.75rem`, fuente `0.94rem`n- compact: altura `2.2rem`, fuente `0.82rem`nnRasgos:n- control pill (`border-radius: 999px`)n- dropdown con `border-radius: 1rem`n- search field pilln- opciones con `border-radius: 999px`n- seleccion/hover con `primary-soft` y `primary-strong`nn### 9.3 CheckboxnnArchivo:n- `frontend/src/app/shared/ui/form-controls/form-checkbox.component.ts`nnRasgos:n- input `h-4 w-4`n- `accent-color: var(--primary-strong)`n- label `text-sm font-medium`nn### 9.4 Textarea dedicadannArchivo:n- `frontend/src/app/shared/ui/form-controls/form-textarea.component.ts`nnUsa la misma clase `.fi-form-textarea` del sistema global.nn### 9.5 File uploadnnArchivos:n- `frontend/src/app/shared/ui/media-file-upload/media-file-upload.component.*`nnRasgos visuales:n- contenedor `border-radius: 0.9rem`n- padding `0.55rem 0.65rem`n- boton interno pequeno `0.72rem`, fondo `var(--primary-soft)`n- lista de archivos en grid 1/2/3 columnas segun viewportn- chips de archivo con remove button rose softnn### 9.6 Switches y togglesnnNo existe un primitive generic de switch.nnSwitch detectado explicitamente:n- feed composer: `.fi-feed-toggle-switch`n- ancho `2.8rem`, alto `1.55rem`n- knob `1.22rem`n- activo con gradiente `var(--brand-blue)` a `var(--brand-purple)`nn### 9.7 Validaciones y mensajesnnPatrones detectados:n- validacion inline bajo campon- texto de error corto, directo y en rojo/rosen- en auth se usa rojo Tailwind directo (`text-red-600`)n- en formularios compartidos se usa `var(--accent-rose)`n- algunas advertencias de negocio se muestran como banners dentro del form:n  - evento en fecha pasada: bloque `amber-50`n  - explicaciones de contabilidad: bloque `blue-50`nn### 9.8 Medidas y organizacionnnPatrones comunes:n- formularios en grid `md:grid-cols-2`n- textareas y uploads suelen ocupar `md:col-span-2`n- acciones abajo alineadas a la derecha o full width en mobilenn## 10. Modales y dialogosnn### 10.1 Modal generalnnArchivo:n- `frontend/src/app/shared/ui/modal/modal.component.ts`nnEstructura:n- backdrop fijo full-screenn- panel centrado en desktop, bottom-sheet visual en mobile por `items-end sm:items-center`n- cierre por click en backdropnnBackdrop:n- `fixed inset-0 z-[90]`n- `px-3 py-4 sm:px-4 sm:py-6`n- color `var(--fi-app-backdrop)`nnPanel:n- `w-full rounded-2xl border bg-white p-4 sm:p-6 lg:p-8`n- `max-height: calc(100vh - 2rem)`n- `box-shadow: var(--fi-app-shadow-soft)`nnHeader:n- icono grande `text-3xl`, bloque `p-2 rounded-lg`n- titulo `text-lg font-semibold`n- close `h-9 w-9 rounded-full`nn### 10.2 Modal form layoutnnArchivos:n- `modal-form-layout.component.ts`n- `dual-modal-form-layout.component.ts`n- estilos en `frontend/src/styles.css`nnRasgos:n- cuerpo `gap-4` o `gap-3`n- footer con borde superiorn- acciones apiladas en movil y alineadas a la derecha en desktopn- dual layout: `lg:grid-cols-[0.9fr_1.4fr]`n- panel derecho en modales duales usa superficie suave (`var(--fi-app-surface)`)nn### 10.3 Side panel modalnnArchivo:n- `frontend/src/app/shared/ui/side-panel-modal/side-panel-modal.component.ts`nnBackdrop:n- `z-[100]`n- blur 2pxn- opacidad animada en 200msnnPanel:n- entra desde la derecha con `translate-x`n- `max-width: min(34vw, 560px)`n- `min-width: min(100vw, 380px)`n- en movil ocupa ancho completon- fondo con glow radial superiornnHeader del side panel:n- stickyn- `px-4 py-4 sm:px-5`n- icono `h-10 w-10 rounded-xl`n- close `h-9 w-9 rounded-full`nnUso principal:n- detalle/edicion de tareasn- alta/edicion de eventosn- detalle eventon- detalle item o pedido en ropann### 10.4 Payment modalnnArchivo:n- `frontend/src/app/shared/ui/payment-modal/payment-modal.component.ts`nnPatron:n- modal flush con layout dualn- columna izquierda = formularion- columna derecha = resumen, progreso y tabla de pagosnnElementos visuales:n- summary cards internas `rounded-2xl border border-blue-200 p-4`n- barra de progreso `h-3 rounded-full bg-slate-200`n- completado en verde, en curso en azulnn### 10.5 Dialogos destructivosnnArchivo:n- `frontend/src/app/shared/ui/confirm-action-modal/confirm-action-modal.component.ts`nnRasgos:n- `max-w-lg`n- boton cancel secundarion- boton confirm `fi-modal-danger-btn`n- texto principal + detalle opcionalnn### 10.6 ResponsivennEn `frontend/src/styles.css`:n- debajo de 640px, las acciones del modal pasan a columna.n- side panel pasa a `max-width: 100vw`.n- botones de accion se estiran a `width: 100%`.nn## 11. Tablas y listadosnnPrimitive principal:n- `frontend/src/app/shared/ui/table-card/table-card.component.ts`nnContainer:n- si `withContainer=true`: `rounded-3xl bg-white shadow-sm shadow-slate-900/5`n- header `border-b bg-slate-50/60 p-4 md:p-5`n- inner shell `overflow-x-auto`nnBusqueda:n- ancho habitual `md:w-80`n- icono search a la izquierdan- `rounded-xl border border-slate-200 bg-white py-2.5 pl-10 pr-3`nnTablas reales:n- header casi siempre `bg-slate-100 text-left text-xs uppercase tracking-wide text-slate-500`n- body `divide-y divide-slate-200 bg-white`n- celdas `px-4 py-3` o `py-4`nnAcciones por fila:n- icon buttons softn- overflow menu para acciones secundariasn- toggles inline en usuariosnnPaginacion:n- `frontend/src/app/shared/ui/pagination-controls/pagination-controls.component.ts`n- footer con borde superiorn- botones prev/next `rounded-lg border border-blue-200 bg-blue-50`nnTotales:n- `TableCardComponent` puede inyectar `tfoot` dinamico con fila total.n- usado en operaciones y ropa.nnEstados vacios:n- filas centradas con mensaje corto en `text-sm text-slate-500`n- o cards completas con dashed border y CTAnnEstados loading:n- skeleton inline dentro de la tablan- `fi-skeleton-inline` con icon circle + lineasnnResponsive:n- normalmente `overflow-x-auto`, no transformacion sistematica a cards en mobile.n- los filtros superiores si se apilan.nnEjemplos fuertes:n- transacciones: `transactions-page.component.html`n- accesos: `organization-settings-access-section.component.html`n- pedidos ropa: `organization-clothing-orders-page.component.html`n- payment types / advertisement types / fee types / contacts / departmentsnn## 12. Cards y panelesnn### 12.1 KPI cardsnnArchivo:n- `frontend/src/app/shared/ui/data-summary-card/data-summary-card.component.ts`nnRasgos:n- `rounded-[2rem] p-6`n- variante `festival` con gradientes intensosn- variante `default` blanca con orb decorativa suaven- icono `3.2rem` en bloque redondeadon- soporte inferior para detalle/progresonn### 12.2 Page header cardnnArchivo:n- `frontend/src/app/shared/ui/page-header-card/page-header-card.component.ts`nnRasgos:n- grid con copy a la izquierda y meta/actions a la derechan- gap `1.5rem`n- titulo display muy granden- max width copy `48rem`nn### 12.3 Cards de entidadnnEjemplos:n- dashboard personal de organizaciones: `rounded-[1.5rem] border p-6 shadow-sm transition hover:shadow-lg`n- feed posts: `rounded-[1.75rem] border ... p-[1.35rem]`n- event cards: `rounded-[1.75rem]`, franja lateral por color, datos en facts internosn- task cards: `rounded-[1.5rem] border bg-white/95 p-4`nn### 12.4 Report section cardsnnArchivo:n- `frontend/src/app/shared/ui/report-section-card/report-section-card.component.ts`nnRasgos:n- `rounded-[1.9rem] border border-slate-200 bg-white shadow-sm`n- header con borde inferior, padding `px-6 py-6`n- permite valor resumen a la derecha y colapso opcionalnn### 12.5 Paneles lateralesnnSide panels usan:n- cabecera stickyn- cuerpo scrollablen- tipografia secundaria y grids simples de detallen- tabs estilo segmented/border-bottom dentro del panelnn## 13. Navegacionnn### 13.1 Sidebar organizacionalnnYa descrita en seccion 3.nnRasgos clave:n- agrupacion en \201cGeneral\201d  y \201cHerramientas\201dn- submenus desplegablesn- iconos Material Symbols Outlinedn- estado activo oscuro y muy claron- plan locks con icono candadonn### 13.2 Navbar/topbarnnElementos:n- notificacionesn- perfiln- acceso a settings o salidan- plan labelnn### 13.3 Navegacion de dashboard personalnnNo reutiliza el navbar de organizacion.nnRasgos:n- sidebar interna con avatar grande y logon- solo tres acciones: dashboard, configuracion, logoutnn### 13.4 Tabs y segmented controlsnnUsados para:n- modo login/registern- filtros de tareasn- vista de eventosn- fecha de transaccionesn- secciones de configuracionnn### 13.5 BreadcrumbsnnNo detectados explicitamente.nn### 13.6 Selector de organizacionnnNo hay selector global de organizacion dedicado; la organizacion actual se fija por ruta y se refleja en sidebar/header.nn## 14. IconografiannLibreria:n- Material Symbols Outlined local.nnPatrones:n- iconos renderizados con nombres semanticos del sistema compartidon- tamanos frecuentes `text-sm`, `text-base`, `text-lg`, `text-xl`, `text-2xl`, `text-3xl`nnUsos frecuentes:n- navegacion: `chart-pie`, `users`, `calendar`, `wallet`, `bullhorn`, `cog`n- botones: `plus`, `save`, `times`, `pen`, `trash`, `arrow-right`n- estados vacios: `calendar-times`, `landmark`, `clipboard-list`, `newspaper`n- alertas: `exclamation-triangle`, `info-circle`nnEstilo general:n- iconografia de trazo limpio mediante Material Symbols Outlined.n- no se detecta mezcla de proveedores de iconos en runtime.nn## 15. Badges, tags y estadosnnPrimitives:n- `app-badge`n- `app-festive-badge`n- `app-data-chip`n- chips de marca `fi-brand-chip-*`nn### 15.1 `app-badge`nnTonos:n- `blue`, `violet`, `emerald`, `amber`, `slate`, `rose`nnTamanos:n- `sm`: `min-height 1.9rem`, `font-size 0.68rem`n- `md`: `min-height 2.2rem`, `font-size 0.72rem`nnCasos de uso:n- tipo de transaccionn- tags de transaccionn- estados ligeros y taxonomiasnn### 15.2 `app-festive-badge`nnTonos:n- `primary`, `rose`, `teal`, `slate`nnRasgo distintivo:n- blob decorativo internonnEstado de uso:n- componente presente; no se detecto uso fuerte en las pantallas principales inspeccionadasnn### 15.3 Estados de dominio observadosnn| Dominio | Tratamiento visual |n| --- | --- |n| Rol de usuario | badge o pill con `amber`, `blue`, `violet`, `slate` |n| Estado de pedido ropa | select editable o pill simple |n| Estado de cobro | pill con icono y color segun pago |n| Estado de tarea | badge uppercase compacta |n| Evento bloqueado | pill `event-card__status--locked` en rojo suave |n| Plan activo/bloqueado | labels y overlays con candado |nn## 16. Alertas, toasts y feedbacknn### 16.1 ToastsnnArchivo:n- `frontend/src/app/shared/ui/notification-toast/notification-toast.component.ts`nnPosicion:n- fijo arriba a la derechan- `top: 1rem; right: 1rem; z-index: 1200`nnTamano:n- `width: min(26rem, calc(100vw - 2rem))`nnAnimacion:n- entrada `260ms cubic-bezier(0.22, 1, 0.36, 1)`n- salida `220ms ease`nnContenido:n- iconon- mensajen- close buttonn- progress bar de autocierrennDuracion:n- `durationMs` por defecto `5000`n- minimo de seguridad `2500`nn### 16.2 Inline alertsnnComponentes:n- `app-action-required-alert` para CTA contextual en ambern- banners informativos hardcodeados en analytics, events y formsnn### 16.3 ConfirmacionesnnPatron:n- modal destructivon- textos cortosn- boton rojo degradadonn### 16.4 Feedback de loadingnnPatron dominante:n- skeletons, no spinners globales largosn- spinners puntuales en auth verify, Google y algunos botonesnn## 17. Estados de interfaznn### 17.1 LoadingnnSistema global en `frontend/src/styles.css`:n- `fi-skeleton-panel`n- `fi-skeleton-shimmer`n- `fi-skeleton-circle`n- `fi-skeleton-line`n- `fi-skeleton-pill`n- `fi-skeleton-inline`n- `fi-skeleton-table`n- `fi-skeleton-split`nnUso fuerte en:n- dashboard personaln- dashboard organizacionaln- tareasn- eventosn- settingsn- tablas operativasnn### 17.2 Empty statesnnPatrones:n- icono circular arriban- titulo fuerten- descripcion cortan- CTA si el usuario tiene permisosn- dashed border cuando el vacio es estructuralnnEjemplos:n- no organizacionesn- no eventosn- no tareasn- no publicacionesn- no notificacionesn- no pagosnn### 17.3 Error statesnnPatron dominante:n- `app-notification-toast` tipo `error`n- errores inline por campo en formsnnNo se detecta una pagina global de error dedicada.nn### 17.4 Unauthorized / forbidden / not foundnnNo detectados explicitamente como pantallas dedicadas en `frontend/src/app/features/`.nnSi existen restricciones, suelen expresarse asi:n- guard de rutan- botones deshabilitadosn- iconos de candadon- overlays de plan bloqueadon- textos como \201cSin permisos para gestionar pagos\201dnn### 17.5 Onboarding / primera configuracionnnDetectado parcialmente:n- wizard para crear organizacion en dashboardn- activacion/validacion de usuario miembron- auth verify/reset flowsnn## 18. Patrones responsivennReglas observadas:n- mobile-first generaln- columnas simples en mobile, dos columnas desde `md`, layouts densos desde `lg` y `xl`nnCasos concretos:n- sidebar organizacion: drawer en mobile, fija en desktopn- auth: hero oculto en mobilen- modales: acciones full-width en mobilen- side panel: full-width en mobilen- task/event cards: facts pasan a 1 columna en mobilen- media upload: lista de archivos 1 columna en mobile, 2 en tablet, 3 en desktopn- feed image grid: 1 columna en mobile, 2 en desktopn- tables: scroll horizontal, no redise\f1o card-first sistematiconn## 19. Animaciones y transicionesnnDuraciones detectadas:n- 150ms: hover basico, color/border transitionsn- 180ms: inputs, task/event cards, icon buttonsn- 200ms: side panel y overlayn- 220ms: toast exitn- 260ms: toast entern- 300ms: progress connectors/barrasnnEasings:n- `ease`, `ease-out`, y en toast `cubic-bezier(0.22, 1, 0.36, 1)`nnMicrointeracciones comunes:n- `translateY(-1px)` en botonesn- `translateY(-2px)` en cards de evento y tarean- saturacion leve en botones con gradienten- shimmer de skeletonn- slide/fade en paneles de comentarios y toggles internosnn## 20. Pantallas principales detectadasnn### 20.1 `/auth`nnProposito:n- login, registro, forgot password, reset y verify email dentro del mismo contenedor visual.nnLayout:n- split hero + form.nnComponentes:n- `app-notification-toast`n- formularios raw y algunos botones rawnnJerarquia visual:n- hero de marca a la izquierdan- heading y subtitulo a la derechan- switch login/register arriba del formn- CTA primario rosa a ancho completonnEstados:n- error/success toastn- loading verify email con spinnern- loading Googlenn### 20.2 `/dashboard`nnProposito:n- hub del usuario para entrar en organizaciones y crear una nueva.nnLayout:n- sidebar interna + grid de cards + rail derecho calendario.nnComponentes:n- `app-button`, `app-modal`, `app-wizard-stepper`, `app-form-control`, `app-media-file-upload`nnEstados:n- skeleton de cardsn- empty state sin organizacionesn- modal wizard de crear organizacionnn### 20.3 `/dashboard/settings`nnProposito:n- editar perfil y seguridad.nnLayout:n- mismo shell del dashboard personal.nnComponentes:n- `app-segmented-control`n- `app-form-control`n- `app-button`nnEstados:n- skeleton de cargan- formularios por modulonn### 20.4 `/organization/:id`nnProposito:n- overview de la organizacion con KPIs, eventos y graficos.nnLayout:n- shell organizacional + header grande + cards KPI + tablas/graficos.nnComponentes:n- `app-page-header-card`n- `app-data-chip`n- `app-data-summary-card`n- `app-table-card`n- `apx-chart`nnEstados:n- skeleton cardsn- empty state de eventosn- empty state de ranking de eventosnn### 20.5 `/organization/:id/feed`nnProposito:n- panel de comunicaciones y publicaciones.nnLayout:n- cabecera + composer + lista de posts + rail de destacados.nnComponentes:n- `app-button`n- `app-select2-field`n- `app-initials-avatar-stack`n- `app-image-carousel`nnJerarquia visual:n- composer como card prominenten- posts como cards blancas redondeadasn- comentarios anidadosnnEstados:n- loading postsn- empty state de publicacionesn- empty state de comentariosn- featured rail loadingnn### 20.6 `/organization/:id/users`nnProposito:n- gestionar accesos y roles.nnLayout:n- page header + segmented filter + table-card.nnComponentes:n- `app-table-card`n- `app-pagination-controls`n- `app-modal`nnAcciones principales:n- ver URL de acceson- activar/desactivar usuariosnn### 20.7 `/organization/:id/events`nnProposito:n- agenda y gestion completa de eventos.nnLayout:n- header + filtros + schedule cards o full calendar.nnComponentes:n- `app-segmented-control`n- `app-button`n- `app-side-panel-modal`n- `app-payment-modal`n- `full-calendar`nnEstados:n- skeleton layoutn- vacio para no eventosn- vacios por busquedan- lock por permisos o plannn### 20.8 `/organization/:id/tasks`nnProposito:n- coordinar tareas y responsables.nnLayout:n- columna izquierda de lista filtrable + calendario a la derecha.nnComponentes:n- `app-segmented-control`n- `app-initials-avatar-stack`n- `app-side-panel-modal`n- `app-form-control`nnEstados:n- skeleton splitn- empty global de tareasn- empty por filtron- comments loading/emptynn### 20.9 `/organization/:id/operations/transactions`nnProposito:n- control financiero y pagos.nnLayout:n- header con filtros de fechan- fila KPIn- barra de filtros select2n- tabla principalnnComponentes:n- `app-data-summary-card`n- `app-select2-field`n- `app-table-card`n- `app-badge`n- `app-icon-button`n- `app-payment-modal`n- `app-confirm-action-modal`n- `app-image-carousel`nnEstados:n- loading inline en tablan- vacio por filtrosn- modales de editar/crear y pagosnn### 20.10 `/organization/:id/clothing` y `/clothing/orders`nnProposito:n- pedidos de ropa, estados y cobros.nnLayout:n- header + filtros de estado/cobro + tabla o modal wizard.nnComponentes:n- `app-year-chip`n- `app-select2-field`n- `app-table-card`n- `app-wizard-stepper`n- `app-payment-modal`nnEstados:n- skeleton tablen- vacio con CTA o aviso de catalogo vacionn### 20.11 `/organization/:id/settings`nnProposito:n- billing, datos de organizacion, tags y otros ajustes.nnLayout:n- page header + segmented control + cards/blocs por modulo.nnComponentes:n- `app-button`n- `app-segmented-control`n- `app-media-file-upload`n- `app-form-control`nnNotas de dise\f1o:n- billing usa cards blancas limpias y CTAs oscuras tipo SaaS billing clasico.nn### 20.12 `/organization/:id/analytics`nnProposito:n- hub de analitica y entrada a reportes.nnLayout:n- header + info alert + bloques por categoria + cards visuales con imagen.nnEstados:n- skeleton cardsn- overlays de lock por plannn### 20.13 `/organization/:id/analytics/cashflow` y `/analytics/pyg`nnProposito:n- reportes detallados.nnComponentes:n- `app-report-section-card`n- `apx-chart`nnNotas:n- lenguaje mas analitico, con cards blancas y encabezados fuertes.nn## 21. Componentes reutilizablesnnLista de componentes UI detectados en `frontend/src/app/shared/ui/`.nn| Componente | Archivo | Proposito | Variantes/props visuales | Uso detectado |n| --- | --- | --- | --- | --- |n| `app-modal` | `shared/ui/modal/modal.component.ts` | modal general | `title`, `subtitle`, `titleIconClass`, `maxWidthClass`, `flushPanel` | dashboard, transacciones, tipos de pago, accesos, etc. |n| `app-plan-feature-modal` | `shared/ui/modal/modal.component.ts` | upsell de plan | `featureName`, `requiredPlanName` | navbar, analytics |n| `app-side-panel-modal` | `shared/ui/side-panel-modal/side-panel-modal.component.ts` | panel lateral | `title`, `subtitle`, `dismissMode` | tareas, eventos, ropa |n| `app-table-card` | `shared/ui/table-card/table-card.component.ts` | tabla con header, search y footer | `withContainer`, `showSearch`, `showTableBorder`, totales | transacciones, usuarios, accesos, tipos, ropa, departamentos |n| `app-page-header-card` | `shared/ui/page-header-card/page-header-card.component.ts` | encabezado de pagina | `eyebrow`, `title`, `subtitle`, slots meta/actions | casi todas las pantallas de app |n| `app-data-summary-card` | `shared/ui/data-summary-card/data-summary-card.component.ts` | KPI card | `accent`, `variant`, `detail`, `progress`, `iconPosition` | dashboard overview, transacciones, estimates |n| `app-notification-toast` | `shared/ui/notification-toast/notification-toast.component.ts` | feedback toast | `type`, `durationMs` | app-wide |n| `app-button` | `shared/ui/app-primitives/app-button.component.ts` | CTA general | `color`, `light`, `size`, `fullWidth`, `iconClass` | app-wide |n| `app-icon-button` | `shared/ui/app-primitives/app-icon-button.component.ts` | accion iconica | `tone`, `solid`, `size` | tablas, pagos, menus |n| `app-badge` | `shared/ui/app-primitives/app-badge.component.ts` | badge pill | `tone`, `size`, `iconClass` | transacciones y taxonomias |n| `app-data-chip` | `shared/ui/app-primitives/app-data-chip.component.ts` | chip de metadato | `backgroundColor`, `whiteBackground` | dashboard overview |n| `app-year-chip` | `shared/ui/app-primitives/app-year-chip.component.ts` | selector compacto de ejercicio | `min`, `max`, `whiteBackground` | transacciones, ropa |n| `app-segmented-control` | `shared/ui/app-primitives/app-segmented-control.component.ts` | tabs/filtros pill | `options`, `value`, `disabled` | tareas, eventos, settings, filtros |n| `app-overflow-menu` | `shared/ui/app-primitives/app-overflow-menu.component.ts` | menu contextual flotante | `options`, `triggerTone`, `triggerIconClass` | tablas operativas |n| `app-form-control` | `shared/ui/form-controls/form-control.component.ts` | input/textarea/control base | `type`, `label`, `error`, `hint`, `icon`, `optional` | app-wide |n| `app-form-textarea` | `shared/ui/form-controls/form-textarea.component.ts` | textarea simple | `rows`, `placeholder` | soporte base, uso explicito no revisado a fondo |n| `app-form-checkbox` | `shared/ui/form-controls/form-checkbox.component.ts` | checkbox simple | `label` | disponible; uso fuerte no revisado |n| `app-select2-field` | `shared/ui/select2-field/select2-field.component.ts` | select enriquecido | `searchable`, `clearable`, `size`, `compact`, `placeholder` | transacciones, feed, settings, eventos, censos |n| `app-media-file-upload` | `shared/ui/media-file-upload/media-file-upload.component.ts` | subida de archivo | `accept`, `multiple`, `maxFiles`, `existingFile*` | dashboard, transacciones, settings |n| `app-payment-modal` | `shared/ui/payment-modal/payment-modal.component.ts` | formulario + listado de pagos | muchos props de labels/resumen | transacciones, eventos, departamentos, ropa |n| `app-confirm-action-modal` | `shared/ui/confirm-action-modal/confirm-action-modal.component.ts` | confirmacion destructiva | `title`, `subtitle`, `message`, `confirmLabel`, `busy` | transacciones, tasks, tipos |n| `app-modal-form-layout` | `shared/ui/modal-form-layout/modal-form-layout.component.ts` | layout de formulario en modal | `showHeader`, `showFooter`, `compactBody` | base compartida |n| `app-dual-modal-form-layout` | `shared/ui/modal-form-layout/dual-modal-form-layout.component.ts` | modal dual left/right | mismas props de layout | payment modal |n| `app-pagination-controls` | `shared/ui/pagination-controls/pagination-controls.component.ts` | paginacion | `currentPage`, `totalItems`, `pageSize` | tablas app-wide |n| `app-festive-badge` | `shared/ui/festive-badge/festive-badge.component.ts` | badge decorativo con blob | `tone`, `size`, `showBlob`, `fullWidth` | no detectado explicitamente en pantallas clave inspeccionadas |n| `app-initials-avatar-stack` | `shared/ui/initials-avatar-stack/initials-avatar-stack.component.ts` | avatares con iniciales | `members`, `maxVisible`, `seed`, `itemSizeClass` | tareas, feed/comentarios |n| `app-image-carousel` | `shared/ui/image-carousel/image-carousel.component.ts` | visor de imagen/PDF | `showDeleteAction`, `showDefaultAction` | transacciones, feed, contacts |n| `app-action-required-alert` | `shared/ui/action-required-alert/action-required-alert.component.ts` | banner CTA amber | `message`, `actionRoute`, `actionLabel` | census, advertisements, estimates |n| `app-report-section-card` | `shared/ui/report-section-card/report-section-card.component.ts` | bloque analitico | `headerValue`, `collapsible` | cashflow, PYG |n| `app-wizard-stepper` | `shared/ui/wizard-stepper/wizard-stepper.component.ts` | stepper de wizards | `variant`, `align`, `currentStep` | crear organizacion, pedidos ropa |n| `app-gradient-action-button` | `shared/ui/gradient-action-button/gradient-action-button.component.ts` | CTA con gradiente fuerte | `size`, `fullWidth` | no detectado explicitamente en uso principal |nn## 22. Reglas de diseno para nuevas pantallasnnEstas reglas sintetizan el comportamiento actual del producto y son las que conviene mantener si se generan pantallas nuevas con Google Stitch.nn### 22.1 Estructura de paginann- En modulos de organizacion, usar shell con sidebar fija de 18rem y contenido `max-w-[96rem]`.n- Mantener `px-4 py-12` en mobile y subir a `md:px-8 xl:px-12`.n- Empezar con `app-page-header-card` siempre que la pantalla sea de primer nivel.n- Dejar `space-y-8` entre secciones principales.nn### 22.2 Headersnn- Usar eyebrow en uppercase cuando ayude a ubicar el modulo (`General`, `Herramientas`, `Organizacion`).n- El titulo principal debe seguir el patron display grande y contundente.n- Las acciones principales deben vivir en el area derecha del header, no dispersas dentro de la tabla.nn### 22.3 Formulariosnn- Preferir `app-form-control` y `app-select2-field` antes que inputs raw, salvo auth o casos muy especificos.n- Formularios largos: `md:grid-cols-2` con campos amplios en `md:col-span-2`.n- Labels arriba, errores debajo, hint corto.n- Mantener focus con borde primario y halo suave.nn### 22.4 Acciones primarias/secundariasnn- Primaria: `app-button` o `fi-modal-primary-btn`.n- Secundaria: `app-button color="slate" [light]="true"` o `fi-modal-secondary-btn`.n- Destructiva: `app-button color="rose" [light]="true"` para suave, `fi-modal-danger-btn` para confirmacion real.n- Acciones de fila: `app-icon-button` soft + `app-overflow-menu`.nn### 22.5 Modalesnn- Usar `app-modal` para creacion/edicion centrada.n- Usar `app-side-panel-modal` para detalle contextual o edicion rapida sin abandonar la lista.n- En mobile, aceptar stacking vertical de acciones y full-width buttons.nn### 22.6 Tablasnn- Envolver siempre en `app-table-card`.n- Header con buscador a la izquierda y acciones a la derecha.n- Column headers: `text-xs uppercase tracking-wide text-slate-500 bg-slate-50`.n- Acciones a la derecha, compactas y sin ruido.nn### 22.7 Empty statesnn- Card o bloque centrado.n- Icono circular arriba.n- Titulo + descripcion.n- CTA solo si el usuario tiene permisos.nn### 22.8 Colores a usar y evitarnnUsar:n- rosa primario `#ac1c66`n- hover `#9c075a`n- azul accent `#4e4eb7`n- violeta `#94387c`n- fondos blancos y slate suavesn- verdes/amber/rose solo para estadosnnEvitar:n- introducir verdes dominantes como color principaln- negros plenos en grandes superficies salvo botones/activos concretosn- introducir otro sistema de color no presente (por ejemplo turquesa dominante o naranja corporativo)nn### 22.9 Spacing y formann- Mantener cards grandes y redondeadas (`1.5rem` a `2rem`).n- Mantener botones y chips muy pill.n- Mantener 8px como escala base.nn### 22.10 Iconosnn- Seguir con Material Symbols Outlined.n- Priorizar nombres semanticos del sistema compartido de iconos.n- Evitar mezclar otros proveedores de iconos en runtime.nn### 22.11 Tono visualnn- SaaS operativo pero no frio.n- Productivo, limpio, ligeramente festivo.n- Mas \201cwhite cards + vibrant accents\201d  que \201c dark dashboard\201d  o \201cneomorfismo\201d.nn## 23. Prompt base para Google StitchnnUsa este prompt como base para generar nuevas pantallas del SaaS manteniendo coherencia con el frontend actual de Verbenia:nn> Dise\f1 a una pantalla nueva para un SaaS de gestion de organizaciones festivas llamado Verbenia. El estilo debe seguir una interfaz Angular moderna de productividad con tarjetas blancas grandes, layout claro, sidebar fija de 18rem en desktop, topbar ligera con blur, fondo general muy suave entre blanco y lila rosado, y una paleta de marca vibrante basada en rosa `#ac1c66`, rosa fuerte `#9c075a`, azul `#4e4eb7` y violeta `#94387c`. Usa tipografia Plus Jakarta Sans para titulos y Be Vietnam Pro para texto funcional. Mant\e9n titulos grandes y pesados, labels en uppercase con tracking generoso, botones pill redondeados, cards con radios de 1.5rem a 2rem, y sombras suaves largas. Las acciones primarias deben ir en azul o en gradiente de marca; las secundarias deben ser claras, con borde suave y fondo blanco o muy tenue. Los formularios deben tener labels arriba, inputs limpios con borde fino, focus ring rosa/azul suave y selects tipo pill. Las tablas deben estar dentro de una card contenedora con buscador arriba, encabezado gris muy claro, filas blancas con divisores suaves y acciones por fila con icon buttons o menu de overflow. Los modales centrados deben tener backdrop oscuro transl\fa cido, panel blanco redondeado y cabecera con icono; los paneles laterales deben deslizarse desde la derecha y ocupar hasta 560px. Los estados vac\edos deben llevar icono circular, mensaje claro y CTA si hay permisos. Usa iconos Material Symbols Outlined con trazo limpio y consistencia semantica. Mant\e9n un tono visual profesional, limpio y ligeramente festivo; no conviertas la interfaz en una landing comercial, no uses dark mode, no introduzcas una nueva paleta, y no hagas el layout minimalista extremo ni demasiado corporativo gris. Si la nueva pantalla es de organizacion, debe empezar con un page header grande y luego bloques con `space-y-8`, filtros compactos y contenido en cards o tablas blancas.nn## Notas y limites de deteccionnn- No se detectaron paginas dedicadas de 403, 404 o unauthorized dentro de `frontend/src/app/features/`.n- No se detecto `tailwind.config.*`; los breakpoints se asumen por defecto de Tailwind 4.n- Algunos componentes existen en `shared/ui` pero no se encontraron en uso fuerte dentro de las pantallas revisadas (`app-gradient-action-button`, `app-festive-badge`).n- El sistema visual actual combina tokens CSS con bastantes clases Tailwind/hardcodes. Para nuevas pantallas conviene seguir el resultado visual actual, no perseguir una pureza teorica del token system que hoy no existe completamente.';--font-body: "Be Vietnam Pro";--font-display: "Plus Jakarta Sans";--font-label: "Be Vietnam Pro";--radius-sm: .5rem;--radius-default: 1rem;--radius-md: 1.5rem;--radius-lg: 2rem;--radius-xl: 3rem;--radius-full: 9999px;--space-base: 8px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-gutter: 24px;--space-margin: 24px;--brand-ink: #2f2e32;--brand-ink-strong: #2f2e32;--brand-cyan: #4e4eb7;--brand-blue: #4e4eb7;--brand-pink: #ac1c66;--brand-purple: #94387c;--brand-yellow: #94387c;--brand-orange: #94387c;--background: #f8f5fb;--background-strong: #ffffff;--surface-low: #f4eff5;--surface-high: #e5e1e8;--surface-soft: color-mix(in srgb, #ffffff 90%, transparent);--surface-glass: color-mix(in srgb, #ffffff 84%, transparent);--surface-panel: color-mix(in srgb, #f8f5fb 88%, transparent);--surface-accent: #f4eff5;--surface-border: color-mix(in srgb, #706e73 18%, transparent);--text: #2f2e32;--text-muted: #706e73;--primary: #ac1c66;--primary-strong: #ac1c66;--primary-soft: color-mix(in srgb, #ac1c66 18%, #ffffff 82%);--accent: #4e4eb7;--accent-strong: #94387c;--accent-soft: color-mix(in srgb, #4e4eb7 18%, #ffffff 82%);--accent-rose: #ac1c66;--accent-rose-soft: color-mix(in srgb, #ac1c66 18%, #ffffff 82%);--warning: #94387c;--warning-soft: color-mix(in srgb, #94387c 18%, #ffffff 82%);--warning-strong: #94387c;--support-blue: #3a86ff;--support-blue-strong: #3a86ff;--support-blue-soft: color-mix(in srgb, #3a86ff 18%, #ffffff 82%);--support-blue-bg: color-mix(in srgb, #3a86ff 18%, #ffffff 82%);--support-blue-fg: #3a86ff;--neutral-strong: #706e73;--neutral-soft: #e0dbe3;--page-top: color-mix(in srgb, #ffffff 70%, #f8f5fb 30%);--page-bottom: color-mix(in srgb, #f4eff5 68%, #f8f5fb 32%);--glow-primary: color-mix(in srgb, #ac1c66 18%, transparent);--glow-accent: color-mix(in srgb, #4e4eb7 12%, transparent);--glow-soft: color-mix(in srgb, #ffffff 92%, transparent);--button-shadow: 0 18px 34px color-mix(in srgb, #ac1c66 22%, transparent);--shadow-ambient: 0 16px 30px -28px color-mix(in srgb, #2f2e32 24%, transparent);--shadow-lifted: 0 28px 48px -32px color-mix(in srgb, #2f2e32 34%, transparent);--outline-soft: color-mix(in srgb, #706e73 24%, transparent);--ring-soft: color-mix(in srgb, #4e4eb7 22%, transparent);--state-hover: color-mix(in srgb, #ac1c66 8%, transparent);--state-selected: color-mix(in srgb, #94387c 12%, transparent);--tone-primary-bg: color-mix(in srgb, #ac1c66 18%, #ffffff 82%);--tone-primary-fg: #ac1c66;--tone-secondary-bg: color-mix(in srgb, #94387c 18%, #ffffff 82%);--tone-secondary-fg: #94387c;--tone-tertiary-bg: color-mix(in srgb, #4e4eb7 18%, #ffffff 82%);--tone-tertiary-fg: #4e4eb7;--tone-warning-bg: color-mix(in srgb, #94387c 18%, #ffffff 82%);--tone-warning-fg: #94387c;--icon-yellow: #f5b700;--icon-yellow-bg: color-mix(in srgb, #f5b700 14%, #ffffff 86%);--icon-yellow-fg: color-mix(in srgb, #f5b700 72%, #2f2e32 28%);--icon-green: #16a34a;--icon-green-bg: color-mix(in srgb, #16a34a 14%, #ffffff 86%);--icon-green-fg: color-mix(in srgb, #16a34a 72%, #2f2e32 28%);--icon-red: #e11d48;--icon-red-bg: color-mix(in srgb, #e11d48 14%, #ffffff 86%);--icon-red-fg: color-mix(in srgb, #e11d48 72%, #2f2e32 28%);--icon-blue: #3a86ff;--icon-blue-bg: color-mix(in srgb, #3a86ff 14%, #ffffff 86%);--icon-blue-fg: color-mix(in srgb, #3a86ff 72%, #2f2e32 28%);--icon-cyan: #0891b2;--icon-cyan-bg: color-mix(in srgb, #0891b2 14%, #ffffff 86%);--icon-cyan-fg: color-mix(in srgb, #0891b2 72%, #2f2e32 28%);--icon-violet: #7c3aed;--icon-violet-bg: color-mix(in srgb, #7c3aed 14%, #ffffff 86%);--icon-violet-fg: color-mix(in srgb, #7c3aed 72%, #2f2e32 28%);--icon-orange: #f97316;--icon-orange-bg: color-mix(in srgb, #f97316 14%, #ffffff 86%);--icon-orange-fg: color-mix(in srgb, #f97316 72%, #2f2e32 28%);--error: #ac1c66;--error-container: color-mix(in srgb, #ac1c66 18%, #ffffff 82%);--on-error-container: #ac1c66;--surface-tint: #ac1c66;--fi-color-slate-50: color-mix(in srgb, #ffffff 88%, #f8f5fb 12%);--fi-color-slate-100: color-mix(in srgb, #ffffff 58%, #f8f5fb 42%);--fi-color-slate-200: #f4eff5;--fi-color-slate-300: #e0dbe3;--fi-color-slate-400: #e0dbe3;--fi-color-slate-500: #706e73;--fi-color-slate-600: color-mix(in srgb, #706e73 74%, #2f2e32 26%);--fi-color-slate-700: color-mix(in srgb, #2f2e32 72%, #2f2e32 28%);--fi-color-slate-800: color-mix(in srgb, #2f2e32 82%, #2f2e32 18%);--fi-color-slate-900: #2f2e32;--fi-color-blue-50: color-mix(in srgb, #ffffff 86%, color-mix(in srgb, #4e4eb7 18%, #ffffff 82%) 14%);--fi-color-blue-100: color-mix(in srgb, #ffffff 70%, color-mix(in srgb, #4e4eb7 18%, #ffffff 82%) 30%);--fi-color-blue-200: color-mix(in srgb, #ffffff 52%, color-mix(in srgb, #4e4eb7 18%, #ffffff 82%) 48%);--fi-color-blue-300: color-mix(in srgb, color-mix(in srgb, #4e4eb7 18%, #ffffff 82%) 72%, #4e4eb7 28%);--fi-color-blue-400: color-mix(in srgb, #4e4eb7 74%, #ffffff 26%);--fi-color-blue-500: #4e4eb7;--fi-color-blue-600: #4e4eb7;--fi-color-blue-700: #4e4eb7;--fi-color-blue-800: color-mix(in srgb, #4e4eb7 82%, #2f2e32 18%);--fi-color-blue-900: color-mix(in srgb, #4e4eb7 68%, #2f2e32 32%);--fi-color-indigo-50: color-mix(in srgb, #ffffff 88%, color-mix(in srgb, #94387c 18%, #ffffff 82%) 12%);--fi-color-indigo-100: color-mix(in srgb, #ffffff 72%, color-mix(in srgb, #94387c 18%, #ffffff 82%) 28%);--fi-color-indigo-200: color-mix(in srgb, #ffffff 54%, color-mix(in srgb, #94387c 18%, #ffffff 82%) 46%);--fi-color-indigo-300: color-mix(in srgb, color-mix(in srgb, #94387c 18%, #ffffff 82%) 72%, #94387c 28%);--fi-color-indigo-400: color-mix(in srgb, #94387c 72%, #ffffff 28%);--fi-color-indigo-500: #94387c;--fi-color-indigo-600: #94387c;--fi-color-indigo-700: #94387c;--fi-color-indigo-800: color-mix(in srgb, #94387c 82%, #2f2e32 18%);--fi-color-indigo-900: color-mix(in srgb, #94387c 68%, #2f2e32 32%);--fi-color-violet-50: color-mix(in srgb, #ffffff 88%, color-mix(in srgb, #94387c 18%, #ffffff 82%) 12%);--fi-color-violet-100: color-mix(in srgb, #ffffff 70%, color-mix(in srgb, #94387c 18%, #ffffff 82%) 30%);--fi-color-violet-200: color-mix(in srgb, #ffffff 52%, color-mix(in srgb, #94387c 18%, #ffffff 82%) 48%);--fi-color-violet-300: color-mix(in srgb, color-mix(in srgb, #94387c 18%, #ffffff 82%) 72%, #94387c 28%);--fi-color-violet-400: color-mix(in srgb, #94387c 74%, #ffffff 26%);--fi-color-violet-500: #94387c;--fi-color-violet-600: #94387c;--fi-color-violet-700: #94387c;--fi-color-violet-800: color-mix(in srgb, #94387c 82%, #2f2e32 18%);--fi-color-violet-900: color-mix(in srgb, #94387c 68%, #2f2e32 32%);--fi-color-cyan-50: color-mix(in srgb, #ffffff 86%, color-mix(in srgb, #4e4eb7 18%, #ffffff 82%) 14%);--fi-color-cyan-100: color-mix(in srgb, #ffffff 70%, color-mix(in srgb, #4e4eb7 18%, #ffffff 82%) 30%);--fi-color-cyan-200: color-mix(in srgb, #ffffff 54%, color-mix(in srgb, #4e4eb7 18%, #ffffff 82%) 46%);--fi-color-cyan-300: color-mix(in srgb, color-mix(in srgb, #4e4eb7 18%, #ffffff 82%) 68%, #4e4eb7 32%);--fi-color-cyan-400: color-mix(in srgb, #4e4eb7 76%, #ffffff 24%);--fi-color-cyan-500: #4e4eb7;--fi-color-cyan-600: #4e4eb7;--fi-color-cyan-700: #4e4eb7;--fi-color-cyan-800: color-mix(in srgb, #4e4eb7 82%, #2f2e32 18%);--fi-color-cyan-900: color-mix(in srgb, #4e4eb7 68%, #2f2e32 32%);--fi-color-emerald-50: #ecfdf5;--fi-color-emerald-100: #d1fae5;--fi-color-emerald-200: #a7f3d0;--fi-color-emerald-300: #6ee7b7;--fi-color-emerald-400: #34d399;--fi-color-emerald-500: #10b981;--fi-color-emerald-600: #059669;--fi-color-emerald-700: #047857;--fi-color-emerald-800: #065f46;--fi-color-emerald-900: #064e3b;--fi-color-rose-50: color-mix(in srgb, #ffffff 86%, color-mix(in srgb, #ac1c66 18%, #ffffff 82%) 14%);--fi-color-rose-100: color-mix(in srgb, #ffffff 70%, color-mix(in srgb, #ac1c66 18%, #ffffff 82%) 30%);--fi-color-rose-200: color-mix(in srgb, #ffffff 54%, color-mix(in srgb, #ac1c66 18%, #ffffff 82%) 46%);--fi-color-rose-300: color-mix(in srgb, color-mix(in srgb, #ac1c66 18%, #ffffff 82%) 72%, #ac1c66 28%);--fi-color-rose-400: color-mix(in srgb, #ac1c66 74%, #ffffff 26%);--fi-color-rose-500: #ac1c66;--fi-color-rose-600: #ac1c66;--fi-color-rose-700: #ac1c66;--fi-color-rose-800: color-mix(in srgb, #ac1c66 82%, #2f2e32 18%);--fi-color-rose-900: color-mix(in srgb, #ac1c66 68%, #2f2e32 32%);--fi-color-fuchsia-50: color-mix(in srgb, #ffffff 86%, color-mix(in srgb, #ac1c66 18%, #ffffff 82%) 14%);--fi-color-fuchsia-100: color-mix(in srgb, #ffffff 70%, color-mix(in srgb, #ac1c66 18%, #ffffff 82%) 30%);--fi-color-fuchsia-200: color-mix(in srgb, #ffffff 54%, color-mix(in srgb, #ac1c66 18%, #ffffff 82%) 46%);--fi-color-fuchsia-300: color-mix(in srgb, color-mix(in srgb, #ac1c66 18%, #ffffff 82%) 72%, #ac1c66 28%);--fi-color-fuchsia-400: color-mix(in srgb, #ac1c66 74%, #ffffff 26%);--fi-color-fuchsia-500: #ac1c66;--fi-color-fuchsia-600: #ac1c66;--fi-color-fuchsia-700: #ac1c66;--fi-color-fuchsia-800: color-mix(in srgb, #ac1c66 82%, #2f2e32 18%);--fi-color-fuchsia-900: color-mix(in srgb, #ac1c66 68%, #2f2e32 32%);--fi-color-amber-50: color-mix(in srgb, #ffffff 88%, color-mix(in srgb, #94387c 18%, #ffffff 82%) 12%);--fi-color-amber-100: color-mix(in srgb, #ffffff 70%, color-mix(in srgb, #94387c 18%, #ffffff 82%) 30%);--fi-color-amber-200: color-mix(in srgb, #ffffff 54%, color-mix(in srgb, #94387c 18%, #ffffff 82%) 46%);--fi-color-amber-300: color-mix(in srgb, color-mix(in srgb, #94387c 18%, #ffffff 82%) 74%, #94387c 26%);--fi-color-amber-400: color-mix(in srgb, #94387c 72%, #ffffff 28%);--fi-color-amber-500: #94387c;--fi-color-amber-600: #94387c;--fi-color-amber-700: #94387c;--fi-color-amber-800: color-mix(in srgb, #94387c 82%, #2f2e32 18%);--fi-color-amber-900: color-mix(in srgb, #94387c 68%, #2f2e32 32%);--fi-color-lime-50: color-mix(in srgb, #ffffff 88%, color-mix(in srgb, #4e4eb7 18%, #ffffff 82%) 12%);--fi-color-lime-100: color-mix(in srgb, #ffffff 72%, color-mix(in srgb, #4e4eb7 18%, #ffffff 82%) 28%);--fi-color-lime-200: color-mix(in srgb, #ffffff 56%, color-mix(in srgb, #4e4eb7 18%, #ffffff 82%) 44%);--fi-color-lime-300: color-mix(in srgb, color-mix(in srgb, #4e4eb7 18%, #ffffff 82%) 70%, #4e4eb7 30%);--fi-color-lime-400: color-mix(in srgb, #4e4eb7 74%, #ffffff 26%);--fi-color-lime-500: #4e4eb7;--fi-color-lime-600: #4e4eb7;--fi-color-lime-700: #4e4eb7;--fi-color-lime-800: color-mix(in srgb, #4e4eb7 82%, #2f2e32 18%);--fi-color-lime-900: color-mix(in srgb, #4e4eb7 68%, #2f2e32 32%)}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/material-symbols-outlined.woff2) format("woff2")}:root{--fi-app-bg: var(--background);--fi-app-bg-strong: var(--background-strong);--fi-app-surface: var(--surface-low);--fi-app-surface-high: var(--surface-high);--fi-app-surface-soft: var(--surface-soft);--fi-app-surface-panel: var(--surface-panel);--fi-app-border: var(--outline-soft);--fi-app-border-strong: var(--neutral-strong);--fi-app-border-interactive: var(--accent);--fi-app-text: var(--text);--fi-app-text-muted: var(--text-muted);--fi-app-shadow-soft: var(--shadow-ambient);--fi-app-shadow-raised: var(--shadow-lifted);--fi-app-focus-ring: var(--ring-soft);--fi-app-focus-shadow: var(--accent);--fi-app-backdrop: var(--brand-ink-strong);--fi-app-backdrop-strong: var(--brand-ink-strong);--fi-app-primary-gradient: linear-gradient(135deg, var(--primary) 0%, var(--accent-strong) 100%);--fi-app-secondary-gradient: linear-gradient(135deg, var(--tone-primary-bg) 0%, var(--tone-secondary-bg) 100%);--fi-app-tertiary-gradient: linear-gradient(135deg, var(--tone-tertiary-bg) 0%, var(--accent) 100%);--fi-app-danger-gradient: linear-gradient(135deg, var(--error) 0%, var(--primary) 100%);--fi-app-panel-gradient: linear-gradient(180deg, var(--background-strong) 0%, var(--surface-low) 100%);--fi-page-gutter: 1.5rem;--fi-page-title-size: 1.8rem;--fi-page-subtitle-size: .875rem}@supports (color: color-mix(in lab,red,red)){:root{--fi-app-border: color-mix(in srgb, var(--outline-soft) 86%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root{--fi-app-border-strong: color-mix(in srgb, var(--neutral-strong) 32%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root{--fi-app-border-interactive: color-mix(in srgb, var(--accent) 32%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root{--fi-app-focus-shadow: color-mix(in srgb, var(--accent) 30%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root{--fi-app-backdrop: color-mix(in srgb, var(--brand-ink-strong) 38%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root{--fi-app-backdrop-strong: color-mix(in srgb, var(--brand-ink-strong) 54%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root{--fi-app-secondary-gradient: linear-gradient(135deg, color-mix(in srgb, var(--tone-primary-bg) 40%, var(--background-strong) 60%) 0%, color-mix(in srgb, var(--tone-secondary-bg) 56%, var(--background-strong) 44%) 100%)}}@supports (color: color-mix(in lab,red,red)){:root{--fi-app-tertiary-gradient: linear-gradient(135deg, color-mix(in srgb, var(--tone-tertiary-bg) 58%, var(--background-strong) 42%) 0%, color-mix(in srgb, var(--accent) 20%, var(--background-strong) 80%) 100%)}}@supports (color: color-mix(in lab,red,red)){:root{--fi-app-danger-gradient: linear-gradient(135deg, var(--error) 0%, color-mix(in srgb, var(--primary) 32%, var(--error) 68%) 100%)}}@supports (color: color-mix(in lab,red,red)){:root{--fi-app-panel-gradient: linear-gradient(180deg, color-mix(in srgb, var(--background-strong) 96%, transparent) 0%, color-mix(in srgb, var(--surface-low) 86%, transparent) 100%)}}.fi-brand-chip-primary,.fi-brand-chip-primary-soft,.fi-brand-chip-secondary,.fi-brand-chip-secondary-soft,.fi-brand-chip-tertiary,.fi-brand-chip-tertiary-soft,.fi-brand-chip-accent,.fi-brand-chip-surface{border-width:1px;border-style:solid}.fi-brand-chip-primary{border-color:var(--tone-primary-fg);background:var(--tone-primary-bg);color:var(--tone-primary-fg)}@supports (color: color-mix(in lab,red,red)){.fi-brand-chip-primary{border-color:color-mix(in srgb,var(--tone-primary-fg) 18%,transparent)}}.fi-brand-chip-primary-soft{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}@supports (color: color-mix(in lab,red,red)){.fi-brand-chip-primary-soft{border-color:color-mix(in srgb,var(--primary) 18%,transparent)}}.fi-brand-chip-secondary{border-color:var(--tone-secondary-fg);background:var(--tone-secondary-bg);color:var(--tone-secondary-fg)}@supports (color: color-mix(in lab,red,red)){.fi-brand-chip-secondary{border-color:color-mix(in srgb,var(--tone-secondary-fg) 18%,transparent)}}.fi-brand-chip-secondary-soft{border-color:var(--accent-strong);background:var(--accent-strong);color:var(--accent-strong)}@supports (color: color-mix(in lab,red,red)){.fi-brand-chip-secondary-soft{border-color:color-mix(in srgb,var(--accent-strong) 18%,transparent)}}@supports (color: color-mix(in lab,red,red)){.fi-brand-chip-secondary-soft{background:color-mix(in srgb,var(--accent-strong) 12%,transparent)}}.fi-brand-chip-tertiary{border-color:var(--tone-tertiary-fg);background:var(--tone-tertiary-bg);color:var(--tone-tertiary-fg)}@supports (color: color-mix(in lab,red,red)){.fi-brand-chip-tertiary{border-color:color-mix(in srgb,var(--tone-tertiary-fg) 18%,transparent)}}.fi-brand-chip-tertiary-soft{border-color:var(--accent-rose);background:var(--accent-rose-soft);color:var(--accent-rose)}@supports (color: color-mix(in lab,red,red)){.fi-brand-chip-tertiary-soft{border-color:color-mix(in srgb,var(--accent-rose) 18%,transparent)}}.fi-brand-chip-accent{border-color:var(--accent);background:var(--accent-soft);color:var(--tone-tertiary-fg)}@supports (color: color-mix(in lab,red,red)){.fi-brand-chip-accent{border-color:color-mix(in srgb,var(--accent) 18%,transparent)}}.fi-brand-chip-surface{border-color:var(--fi-app-border);background:var(--fi-app-surface);color:var(--fi-app-text)}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left,var(--glow-primary),transparent 32%),radial-gradient(circle at top right,var(--glow-accent),transparent 28%),linear-gradient(180deg,var(--page-top) 0%,var(--background) 52%,var(--page-bottom) 100%);color:var(--fi-app-text);font-family:var(--font-body)}.fi-feed-editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;border:1px solid rgba(148,163,184,.2);border-top:none;border-radius:0 0 1rem 1rem;background:#f8fafcf5;padding:.4rem}.fi-feed-editor .ql-toolbar.ql-snow,.fi-feed-editor .ql-container.ql-snow{border:1px solid rgba(148,163,184,.2)}.fi-feed-editor .ql-toolbar.ql-snow,.fi-comment-editor .ql-toolbar.ql-snow{display:none}.fi-feed-editor .ql-container.ql-snow{border-bottom:none;border-radius:1rem 1rem 0 0;background:#ffffffeb}.fi-feed-editor .ql-editor{font-size:1rem;line-height:1.55;color:var(--brand-ink);padding:.9rem 1rem}.fi-feed-editor .ql-editor.ql-blank:before,.fi-comment-editor .ql-editor.ql-blank:before{color:var(--text-muted);font-style:normal}.fi-feed-readonly-tip{border-radius:1rem;border:1px solid rgba(191,219,254,.88);background:linear-gradient(90deg,#3a86ff14,#8338ec0f);padding:.85rem 1rem;color:var(--primary-strong)}.fi-comments-panel{padding-top:.6rem;animation:fi-fade-slide-in .18s ease-out both}.fi-comments-panel__header,.fi-comment-reply-composer__footer,.fi-comment-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.fi-comments-panel__header{margin:1rem 0}.fi-comments-thread{display:flex;flex-direction:column;gap:1rem}.fi-comments-empty{display:flex;align-items:center;gap:.85rem;border-top:1px solid rgba(148,163,184,.2);padding-top:.9rem}.fi-comments-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:9999px;background:#3a86ff14;color:var(--primary-strong);flex-shrink:0}.fi-comments-empty__title,.fi-comment-composer__title,.fi-comment-reply-composer__title,.fi-comment-card__author{font-size:.92rem;font-weight:700;color:var(--brand-ink)}.fi-comment-composer__error{margin-top:.55rem;font-size:.78rem;color:var(--accent-rose)}.fi-comments-panel__load-more{display:flex;justify-content:center;margin-top:.9rem}.fi-comments-load-more,.fi-comment-action-btn{border:none;background:transparent;padding:0;font-size:.82rem;font-weight:700;color:var(--primary-strong)}.fi-comment-action-btn--ghost{color:var(--text-muted)}.fi-comment-card{display:flex;align-items:flex-start;gap:.75rem;padding-top:.9rem;border-top:1px solid rgba(148,163,184,.2)}.fi-comment-card--nested{margin-left:1rem}.fi-comment-card__avatar{flex-shrink:0;margin-top:.1rem}.fi-comment-card__body{min-width:0;flex:1}.fi-comment-card__bubble{margin-top:.42rem}.fi-comment-card__content{white-space:pre-line;font-size:.9rem;line-height:1.55;color:var(--brand-ink)}.fi-comment-card__actions{margin-top:.45rem}.fi-comment-replies{margin-top:.9rem}.fi-comment-editor .ql-container.ql-snow{border:1px solid rgba(148,163,184,.2);border-radius:.95rem;background:#fff}.fi-comment-editor--root .ql-editor{min-height:5.25rem}.fi-comment-editor--reply .ql-editor{min-height:4.2rem}.fi-comment-editor .ql-editor{padding:.8rem .92rem;font-size:.92rem;line-height:1.45;color:var(--brand-ink)}.fi-comment-composer__submit{width:2.4rem;height:2.4rem}@media(prefers-reduced-motion:reduce){.fi-comments-panel,.fi-comment-composer__submit{transition:none;animation:none}}@media(max-width:900px){.fi-comment-card__meta,.fi-comment-composer__footer,.fi-comment-reply-composer__footer{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.fi-comment-card--nested{margin-left:.5rem}}h1,h2,h3,h4,.font-display{font-family:var(--font-display)}.select2-overlay{z-index:1001!important}.cdk-overlay-container,.cdk-global-overlay-wrapper{z-index:95!important}.select2-overlay-backdrop{background:transparent}button{cursor:pointer}@layer components{.fi-organization-shell{min-height:100vh;color:var(--color-slate-900);background:#f3f5f7}@media(width>=64rem){.fi-organization-shell{padding-left:17rem}}.fi-organization-shell>main{min-width:0;max-width:none!important;padding:var(--fi-page-gutter)!important}.fi-organization-topbar-content{padding-inline:var(--fi-page-gutter)}.fi-navbar{position:sticky;top:calc(var(--spacing) * 0);z-index:30;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200);background-color:color-mix(in srgb,#fff 90%,transparent);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);border-bottom-color:var(--fi-app-border);background:var(--surface-soft);box-shadow:var(--fi-app-shadow-soft)}@supports (color: color-mix(in lab,red,red)){.fi-navbar{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}@media(width>=48rem){.fi-navbar{padding-inline:calc(var(--spacing) * 10)}}.fi-navbar-content{margin-inline:auto;display:flex;min-height:calc(var(--spacing) * 16);width:100%;max-width:var(--container-7xl);align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 4)}.fi-sidebar-nav{font-family:Plus Jakarta Sans,sans-serif}:where(.fi-sidebar-nav>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.fi-sidebar-nav__section>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.fi-sidebar-nav__section-title{padding-inline:calc(var(--spacing) * 4);font-size:10px;--tw-font-weight: var(--font-weight-black);font-weight:var(--font-weight-black);--tw-tracking: .2em;letter-spacing:.2em;color:var(--color-slate-500);text-transform:uppercase}:where(.fi-sidebar-nav__stack>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.fi-sidebar-nav__group>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}.fi-sidebar-nav__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem}.fi-sidebar-nav__row:hover .fi-sidebar-nav-item:not(.fi-sidebar-nav-item--active),.fi-sidebar-nav__row:focus-within .fi-sidebar-nav-item:not(.fi-sidebar-nav-item--active){color:var(--color-slate-900)}.fi-sidebar-nav__row:hover .fi-sidebar-nav-item__control,.fi-sidebar-nav__row:focus-within .fi-sidebar-nav-item__control,.fi-sidebar-nav__row:hover .fi-sidebar-nav-item__indicator:not(.fi-sidebar-nav-item__indicator--placeholder),.fi-sidebar-nav__row:focus-within .fi-sidebar-nav-item__indicator:not(.fi-sidebar-nav-item__indicator--placeholder){color:var(--color-slate-900)}.fi-sidebar-nav__row:hover .fi-sidebar-nav-item--active,.fi-sidebar-nav__row:focus-within .fi-sidebar-nav-item--active,.fi-sidebar-nav__row:hover .fi-sidebar-nav-item--active .fi-sidebar-nav-item__label,.fi-sidebar-nav__row:focus-within .fi-sidebar-nav-item--active .fi-sidebar-nav-item__label,.fi-sidebar-nav__row:hover .fi-sidebar-nav-subitem--active,.fi-sidebar-nav__row:focus-within .fi-sidebar-nav-subitem--active{color:#fff}.fi-sidebar-nav-item{display:flex;min-width:calc(var(--spacing) * 0);align-items:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-slate-500);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));--tw-duration: .15s;transition-duration:.15s}.fi-sidebar-nav-item--active{background-color:var(--color-slate-900);color:var(--color-white)}.fi-sidebar-nav-item--active:hover,.fi-sidebar-nav-item--active:focus-visible{color:#fff}.fi-sidebar-nav-item__leading{display:flex;min-width:calc(var(--spacing) * 0);flex:1;align-items:center;gap:calc(var(--spacing) * 2.5)}.fi-sidebar-nav-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fi-sidebar-nav-item__indicator,.fi-sidebar-nav-item__control{display:inline-flex;height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px)}.fi-sidebar-nav-item__indicator{color:var(--color-slate-500)}.fi-sidebar-nav-item__indicator--placeholder{opacity:0;pointer-events:none}.fi-sidebar-nav-item__control{color:var(--color-slate-500);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));--tw-duration: .15s;transition-duration:.15s}.fi-sidebar-nav-item__control--active{color:var(--color-slate-700)}.fi-sidebar-nav-submenu{max-height:calc(var(--spacing) * 0);overflow:hidden;opacity:0%;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}.fi-sidebar-nav-submenu--open{max-height:calc(var(--spacing) * 44);opacity:100%}.fi-sidebar-nav-submenu__inner{padding-top:calc(var(--spacing) * .5);padding-left:calc(var(--spacing) * 6)}.fi-sidebar-nav-subitem{display:flex;width:100%;align-items:center;gap:calc(var(--spacing) * 2.5);border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);text-align:left;font-size:12px;--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-slate-500);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));--tw-duration: .15s;transition-duration:.15s}.fi-sidebar-nav-subitem--active{background-color:var(--color-slate-900);color:var(--color-white);--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color: var(--color-slate-200)}@supports (color: color-mix(in lab,red,red)){.fi-sidebar-nav-subitem--active{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 80%, transparent) var(--tw-shadow-alpha), transparent)}}.fi-sidebar-nav-subitem--active:hover,.fi-sidebar-nav-subitem--active:focus-visible{color:#fff}.fi-modal-backdrop{position:fixed;inset:calc(var(--spacing) * 0);z-index:90;display:flex;align-items:flex-end;justify-content:center;overflow-y:auto;background-color:color-mix(in srgb,oklch(12.9% .042 264.695) 40%,transparent);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 3);background:var(--fi-app-backdrop)}@supports (color: color-mix(in lab,red,red)){.fi-modal-backdrop{background-color:color-mix(in oklab,var(--color-slate-950) 40%,transparent)}}@media(width>=40rem){.fi-modal-backdrop{align-items:center}}@media(width>=40rem){.fi-modal-backdrop{padding-inline:calc(var(--spacing) * 4)}}@media(width>=40rem){.fi-modal-backdrop{padding-block:calc(var(--spacing) * 6)}}.fi-side-panel-backdrop{position:fixed;inset:calc(var(--spacing) * 0);z-index:100;background-color:var(--color-slate-900);opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;background:var(--fi-app-backdrop-strong);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){.fi-side-panel-backdrop{background-color:color-mix(in oklab,var(--color-slate-900) 58%,transparent)}}.fi-side-panel-backdrop--open{opacity:100%}.fi-side-panel{position:absolute;top:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0);width:100%;--tw-translate-x: calc(var(--spacing) * 8);translate:var(--tw-translate-x) var(--tw-translate-y);border-left-style:var(--tw-border-style);border-left-width:1px;border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent);background-color:var(--color-white);opacity:0%;--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;width:min(100vw,34rem);height:100vh;height:100dvh;max-width:min(100vw,560px);min-width:min(100vw,320px);border-left-color:var(--fi-app-border);background-color:var(--fi-app-bg-strong);background-image:radial-gradient(120% 120% at 98% 0%,var(--glow-primary) 0%,rgba(255,255,255,0) 38%);box-shadow:var(--fi-app-shadow-raised)}.fi-side-panel--open{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);opacity:100%}.fi-side-panel-header{position:sticky;top:calc(var(--spacing) * 0);z-index:10;display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200);background-color:color-mix(in srgb,#fff 92%,transparent);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 4);border-bottom-color:var(--fi-app-border);background:var(--surface-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@supports (color: color-mix(in lab,red,red)){.fi-side-panel-header{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){.fi-side-panel-header{background-color:color-mix(in oklab,var(--color-white) 92%,transparent)}}@media(width>=40rem){.fi-side-panel-header{align-items:center}}@media(width>=40rem){.fi-side-panel-header{padding-inline:calc(var(--spacing) * 5)}}.fi-side-panel-header-icon{display:inline-flex;height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);align-items:center;justify-content:center;border-radius:var(--radius-xl);--tw-gradient-position: to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from: var(--color-blue-50);--tw-gradient-to: var(--color-indigo-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));color:var(--color-blue-700);--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color: var(--color-blue-100);background:linear-gradient(135deg,var(--primary-soft),rgba(106,230,232,.24));color:var(--tone-primary-fg);box-shadow:inset 0 1px #ffffffbf}.fi-side-panel-close{display:inline-flex;height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-slate-600);--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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,-webkit-backdrop-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));border-color:var(--fi-app-border);background:var(--fi-app-bg-strong);color:var(--fi-app-text-muted)}@media(hover:hover){.fi-side-panel-close:hover{border-color:var(--color-blue-200)}}@media(hover:hover){.fi-side-panel-close:hover{background-color:var(--color-blue-50)}}@media(hover:hover){.fi-side-panel-close:hover{color:var(--color-blue-700)}}.fi-side-panel-content{overflow-y:auto;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 4);height:calc(100vh - 73px);height:calc(100dvh - 73px);min-height:0;background:linear-gradient(180deg,#fbfdffa6,#fff0 28%)}@media(width>=40rem){.fi-side-panel-content{padding-inline:calc(var(--spacing) * 5)}}.fi-modal-panel{width:100%;border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem);overflow:hidden;display:flex;flex-direction:column;min-height:0;border-color:var(--fi-app-border);background:var(--fi-app-bg-strong);box-shadow:var(--fi-app-shadow-soft)}.fi-modal-panel--flush{padding:calc(var(--spacing) * 0);overflow:hidden}.fi-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 4)}@media(width>=40rem){.fi-modal-header{align-items:center}}@media(width>=40rem){.fi-modal-header{padding-inline:calc(var(--spacing) * 6)}}.fi-modal-header-icon{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--color-blue-50);padding:calc(var(--spacing) * 2);font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));color:var(--color-blue-600);background:var(--tone-primary-bg);color:var(--tone-primary-fg)}.fi-modal-header-content{min-width:calc(var(--spacing) * 0);flex:1}.fi-modal-title{display:flex;align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-slate-900);color:var(--fi-app-text)}.fi-modal-close{display:inline-flex;height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-slate-600);--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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,-webkit-backdrop-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));border-color:var(--fi-app-border);background:var(--fi-app-bg-strong);color:var(--fi-app-text-muted)}@media(hover:hover){.fi-modal-close:hover{border-color:var(--color-slate-300)}}@media(hover:hover){.fi-modal-close:hover{background-color:var(--color-slate-50)}}@media(hover:hover){.fi-modal-close:hover{color:var(--color-slate-800)}}.fi-modal-content{padding:calc(var(--spacing) * 4);color:var(--color-slate-700);max-height:calc(100vh - 9.5rem);max-height:calc(100dvh - 9.5rem);flex:1 1 auto;min-height:0;overflow-y:auto;color:var(--fi-app-text)}@media(width>=40rem){.fi-modal-content{padding:calc(var(--spacing) * 6)}}@media(width>=64rem){.fi-modal-content{padding:calc(var(--spacing) * 8)}}.fi-modal-footer{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-slate-200);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);border-color:var(--fi-app-border);background:var(--fi-app-bg-strong)}@media(width>=40rem){.fi-modal-footer{padding-inline:calc(var(--spacing) * 6)}}@media(width>=40rem){.fi-modal-footer{padding-block:calc(var(--spacing) * 4)}}.fi-modal-default-actions{display:flex;flex-direction:column-reverse;align-items:stretch;justify-content:flex-end;gap:calc(var(--spacing) * 3)}@media(width>=40rem){.fi-modal-default-actions{flex-direction:row}}@media(width>=40rem){.fi-modal-default-actions{align-items:center}}.fi-modal-panel--flush .fi-modal-content{max-height:none;flex:1 1 auto;padding:0;margin:0;overflow:auto}.fi-modal-primary-btn{display:inline-flex;min-height:calc(var(--spacing) * 11);align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);background-color:var(--color-blue-600);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white);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,-webkit-backdrop-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));border-radius:var(--radius-full);background:var(--fi-app-primary-gradient)}@media(hover:hover){.fi-modal-primary-btn:hover{background-color:var(--color-blue-500)}}.fi-modal-primary-btn:disabled{cursor:not-allowed}.fi-modal-primary-btn:disabled{opacity:60%}.fi-modal-secondary-btn{display:inline-flex;min-height:calc(var(--spacing) * 11);align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-200);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-blue-700);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,-webkit-backdrop-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));border-radius:var(--radius-full);border-color:var(--primary);background:var(--fi-app-secondary-gradient);color:var(--tone-primary-fg)}@supports (color: color-mix(in lab,red,red)){.fi-modal-secondary-btn{border-color:color-mix(in srgb,var(--primary) 18%,transparent)}}.fi-modal-danger-btn{display:inline-flex;min-height:calc(var(--spacing) * 11);align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white);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,-webkit-backdrop-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));border:1px solid var(--error);border-radius:var(--radius-full);background:var(--fi-app-danger-gradient);box-shadow:0 18px 28px -24px var(--error)}.fi-modal-danger-btn:disabled{cursor:not-allowed}.fi-modal-danger-btn:disabled{opacity:60%}@supports (color: color-mix(in lab,red,red)){.fi-modal-danger-btn{border:1px solid color-mix(in srgb,var(--error) 18%,transparent)}}@supports (color: color-mix(in lab,red,red)){.fi-modal-danger-btn{box-shadow:0 18px 28px -24px color-mix(in srgb,var(--error) 34%,transparent)}}.fi-modal-primary-btn:hover,.fi-modal-secondary-btn:hover,.fi-modal-danger-btn:hover{transform:translateY(-1px);filter:saturate(1.04)}.fi-form-field{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2)}.fi-form-field--full-width{width:100%}.fi-form-field--summary{gap:calc(var(--spacing) * 3)}.fi-form-label{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-slate-700);letter-spacing:.01em;color:var(--fi-app-text)}.fi-form-label--summary{font-size:11px;--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.18em;color:var(--fi-app-text-muted)}.fi-form-label-optional{margin-left:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height));--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-slate-500);color:var(--fi-app-text-muted)}.transaction-line-draft .fi-form-label{font-size:.75rem}.transaction-line-draft .fi-form-input,.transaction-line-draft .fi-form-textarea{font-size:.8rem}.fi-form-control-wrap{width:100%;padding:.25rem;margin:-.25rem}.fi-form-hint{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height));color:var(--color-slate-500);line-height:1.35;color:var(--fi-app-text-muted)}.fi-form-error{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-rose-600);line-height:1.35;color:var(--accent-rose)}.fi-form-input-wrap{position:relative;isolation:isolate}.fi-form-input-wrap--disabled{opacity:70%}.fi-form-input-icon{pointer-events:none;position:absolute;top:50%;left:calc(var(--spacing) * 3);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-slate-500);transition:color .16s ease;color:var(--fi-app-text-muted)}.fi-form-input-icon--right{right:calc(var(--spacing) * 3);left:auto}.fi-form-input,.fi-form-textarea{width:100%;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 2.5);color:var(--color-slate-900);--tw-outline-style: none;outline-style:none;font-size:.94rem;line-height:1.45;border-color:var(--fi-app-border);background:var(--fi-app-bg-strong);color:var(--fi-app-text);box-shadow:0 1px #23415f08;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .18s ease}.fi-form-input::placeholder,.fi-form-textarea::placeholder{color:var(--color-slate-500)}.fi-form-input:hover,.fi-form-textarea:hover{border-color:var(--color-slate-300);border-color:var(--fi-app-border-strong)}.fi-form-input:focus,.fi-form-textarea:focus{border-color:var(--color-blue-300);--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color: var(--color-blue-100)}@supports (color: color-mix(in lab,red,red)){.fi-form-input:focus,.fi-form-textarea:focus{--tw-ring-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent)}}.fi-form-input-wrap:focus-within .fi-form-input-icon{color:var(--color-blue-500)}.fi-form-input:disabled,.fi-form-textarea:disabled{cursor:not-allowed;border-color:var(--color-slate-200);background-color:var(--color-slate-100);color:var(--color-slate-500);border-color:var(--fi-app-border);background:var(--fi-app-surface);color:var(--fi-app-text-muted)}.fi-form-input--with-left-icon{padding-left:calc(var(--spacing) * 8)}.fi-form-input--with-right-icon{padding-right:calc(var(--spacing) * 8)}.fi-form-input-wrap--summary{display:flex;align-items:baseline}.fi-form-input-icon--summary{right:calc(var(--spacing) * 0);font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--color-slate-900);color:var(--fi-app-text)}.fi-form-input--summary,.fi-form-input--summary:hover{border-radius:0;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:calc(var(--spacing) * 0);padding-block:calc(var(--spacing) * 0);padding-right:calc(var(--spacing) * 8);font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--color-slate-900);min-height:2rem;line-height:1.25;border-color:transparent;background:transparent;color:var(--fi-app-text);box-shadow:inset 0 -2px 0 var(--fi-app-border)}.fi-form-input--summary:hover{box-shadow:inset 0 -2px 0 var(--fi-app-border-strong)}.fi-form-input--summary:focus{border-color:transparent;background-color:transparent;--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);box-shadow:inset 0 -2px 0 var(--accent)}@supports (color: color-mix(in lab,red,red)){.fi-form-input--summary:focus{box-shadow:inset 0 -2px color-mix(in srgb,var(--accent) 70%,transparent)}}.fi-form-input--summary:disabled{border-color:transparent;background-color:transparent}.fi-form-textarea{resize:vertical}.fi-form-input[type=date],.fi-form-input[type=time],.fi-form-input[type=datetime-local]{min-height:2.85rem}.fi-form-input[type=file]{padding:.45rem .6rem}.fi-form-input[type=file]::file-selector-button{margin-right:calc(var(--spacing) * 3);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-200);background-color:var(--color-blue-50);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-blue-700);border-color:var(--fi-app-border-interactive);background:var(--primary-soft);color:var(--primary-strong);transition:background-color .15s ease,border-color .15s ease,color .15s ease}.fi-form-input[type=file]:hover::file-selector-button{border-color:var(--color-blue-300);background-color:var(--color-blue-100);color:var(--color-blue-800);border-color:var(--primary);background:var(--tone-primary-bg);color:var(--tone-primary-fg)}app-select2-field,.fi-select2,.fi-select2-field,.fi-select2 .select2-container{display:block;width:100%}.fi-select2 .select2-container{width:100%!important}.fi-select2 .select2-container .select2-selection{position:relative!important;display:flex!important;align-items:center!important;min-height:var(--fi-select2-height, 2.75rem)!important;height:var(--fi-select2-height, 2.75rem)!important;border:1px solid var(--fi-app-border)!important;border-radius:999px!important;background:var(--fi-app-bg-strong)!important;padding:0!important;box-shadow:0 1px #0f172a08!important;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important;overflow:visible!important}.fi-select2 .select2-container:hover .select2-selection{border-color:var(--fi-app-border-strong)!important}.fi-select2 .select2-container.select2-container--focus .select2-selection,.fi-select2 .select2-container.select2-container--open .select2-selection,.fi-select2 .select2-container .select2-selection:focus-within{border-color:color-mix(in srgb,color-mix(in srgb,#4e4eb7 18%,#ffffff 82%) 72%,#4e4eb7 28%)!important;box-shadow:0 0 0 4px var(--color-blue-100),0 10px 20px -15px var(--fi-app-focus-shadow)!important}@supports (color: color-mix(in lab,red,red)){.fi-select2 .select2-container.select2-container--focus .select2-selection,.fi-select2 .select2-container.select2-container--open .select2-selection,.fi-select2 .select2-container .select2-selection:focus-within{box-shadow:0 0 0 4px color-mix(in oklab,var(--color-blue-100) 70%,transparent),0 10px 20px -15px var(--fi-app-focus-shadow)!important}}.fi-select2 .select2-container.select2-container--disabled .select2-selection{cursor:not-allowed!important;border-color:var(--fi-app-border)!important;background:var(--fi-app-surface)!important;box-shadow:none!important}.fi-select2 .select2-container .select2-selection__rendered{display:flex!important;align-items:center!important;width:100%!important;min-height:calc(var(--fi-select2-height, 2.75rem) - 2px)!important;padding:0 calc(var(--fi-select2-icon-space, 3.65rem) + .15rem) 0 var(--fi-select2-padding-inline, .9rem)!important;margin:0!important;color:var(--fi-app-text)!important;font-size:var(--fi-select2-font-size, .94rem)!important;font-weight:400!important;line-height:1.35!important}.fi-select2 .select2-container .select2-selection__placeholder{color:var(--fi-app-text-muted)!important;font-weight:400!important}.fi-select2 .select2-container.select2-container--disabled .select2-selection__rendered,.fi-select2 .select2-container.select2-container--disabled .select2-selection__placeholder{color:var(--fi-app-text-muted)!important}.fi-select2 .select2-container .select2-selection__clear{position:absolute!important;top:50%!important;transform:translate(10px,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important}.fi-select2 .select2-container .select2-selection__clear:hover{color:var(--fi-app-text)!important}.fi-select2 .select2-container .select2-selection__arrow{right:.8rem!important;width:.95rem!important;height:.95rem!important;pointer-events:none!important;z-index:1!important;padding-right:1rem!important;padding-left:.5rem!important}.fi-select2 .select2-container .select2-selection__arrow b{border-color:var(--fi-app-text-muted) transparent transparent transparent!important;border-style:solid!important;border-width:.35rem .3rem 0 .3rem!important;margin:0!important}.fi-select2 .select2-container.select2-container--open .select2-selection__arrow b{border-color:transparent transparent var(--fi-app-text-muted) transparent!important;border-width:0 .3rem .35rem .3rem!important}:is(.fi-select2,.select2-overlay) .select2-container .select2-dropdown{border:1px solid var(--fi-app-border)!important;border-radius:1rem!important;margin-top:.45rem!important;background:var(--fi-app-bg-strong)!important;box-shadow:0 24px 54px -32px #23415f4d,0 14px 30px -28px #4288d138!important;overflow:hidden!important}:is(.fi-select2,.select2-overlay) .select2-container .select2-search{padding:.65rem .65rem .35rem!important}:is(.fi-select2,.select2-overlay) .select2-container .select2-search__field{width:100%!important;border:1px solid var(--fi-app-border)!important;border-radius:999px!important;background:var(--fi-app-bg-strong)!important;padding:.56rem .78rem!important;font-size:.88rem!important;font-weight:400!important;line-height:1.35!important;color:var(--fi-app-text)!important;outline:0!important;box-shadow:0 1px #0f172a05!important}:is(.fi-select2,.select2-overlay) .select2-container .select2-search__field::placeholder{color:var(--fi-app-text-muted)!important}:is(.fi-select2,.select2-overlay) .select2-container .select2-search__field:hover{border-color:var(--fi-app-border-strong)!important}:is(.fi-select2,.select2-overlay) .select2-container .select2-search__field:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--fi-app-focus-ring)!important}:is(.fi-select2,.select2-overlay) .select2-container .select2-results{padding:0 .35rem .35rem!important}:is(.fi-select2,.select2-overlay) .select2-container .select2-results__options{max-height:16rem!important;padding:0!important}:is(.fi-select2,.select2-overlay) .select2-container .select2-results__option{border-radius:999px!important;padding:.68rem .8rem!important;font-size:.88rem!important;font-weight:400!important;line-height:1.35!important;color:var(--fi-app-text)!important;transition:background-color .15s ease,color .15s ease!important}:is(.fi-select2,.select2-overlay) .select2-container .select2-results__option--highlighted,:is(.fi-select2,.select2-overlay) .select2-container .select2-results__option:hover{background:var(--primary-soft)!important;color:var(--primary-strong)!important}:is(.fi-select2,.select2-overlay) .select2-container .select2-results__option--selected,:is(.fi-select2,.select2-overlay) .select2-container .select2-results__option[aria-selected=true]{background:var(--fi-app-surface)!important;color:var(--fi-app-text)!important;font-weight:600!important}:is(.fi-select2,.select2-overlay) .select2-container .select2-results__option--disabled,:is(.fi-select2,.select2-overlay) .select2-container .select2-results__message{color:var(--fi-app-text-muted)!important}:is(.fi-select2,.select2-overlay) .select2-container .select2-results__group{padding:.45rem .8rem .35rem!important;color:var(--fi-app-text-muted)!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important}.fi-form-checkbox{display:inline-flex;align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-slate-700)}.fi-form-checkbox-input{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);border-radius:.25rem;border-color:var(--color-slate-300);color:var(--color-blue-600);accent-color:var(--primary-strong)}.fi-form-checkbox-label{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-slate-700)}.fi-feed-avatar-stack{flex-shrink:0}.fi-feed-avatar-stack--single{display:inline-flex}.fi-feed-avatar-stack--single>div{gap:0}.fi-feed-avatar-stack--single>div>span{width:2rem;height:2rem;font-size:.72rem;box-shadow:none}.fi-comment-card__avatar>div>span,.fi-feed-avatar-stack--featured>div>span{box-shadow:none}.fi-comment-card__avatar>div>span{width:2rem;height:2rem;font-size:.72rem}.fi-feed-avatar-stack--featured>div>span{width:1.75rem;height:1.75rem;font-size:.68rem}.fi-comments-panel{display:flex;flex-direction:column;gap:1rem}.fi-comments-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;margin-bottom:0rem!important}.fi-comments-panel__eyebrow{margin:0;font-size:.69rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fi-app-text-muted)}.fi-comments-panel__title{margin:.2rem 0 0;font-size:.98rem;font-weight:700;color:var(--fi-app-text)}.fi-comments-panel__hint{margin:0;font-size:.74rem;line-height:1.45;color:var(--fi-app-text-muted)}.fi-comments-thread{display:flex;flex-direction:column;gap:.85rem}.fi-comments-panel__load-more{display:flex;justify-content:center}.fi-comments-load-more{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--fi-app-border-strong);border-radius:9999px;background:var(--fi-app-bg-strong);padding:.52rem .9rem;font-size:.76rem;font-weight:700;color:var(--fi-app-text-muted);transition:border-color .15s ease,background-color .15s ease,color .15s ease}.fi-comments-load-more:hover{border-color:var(--fi-app-border-interactive);background:var(--primary-soft);color:var(--primary-strong)}.fi-comments-empty{display:flex;align-items:flex-start;gap:.85rem;border:1px dashed var(--fi-app-border-strong);border-radius:.9rem;background:#ffffffd1;padding:1rem}.fi-comments-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;flex-shrink:0;border-radius:9999px;background:var(--primary-soft);color:var(--primary-strong);font-size:1rem}.fi-comments-empty__title{margin:0;font-size:.88rem;font-weight:600;color:var(--fi-app-text)}.fi-comments-empty__text{margin:.22rem 0 0;font-size:.8rem;line-height:1.45;color:var(--fi-app-text-muted)}.fi-comment-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start}.fi-comment-card--nested{margin-top:.15rem}.fi-comment-card__body{min-width:0}.fi-comment-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.fi-comment-card__author-group{display:flex;align-items:center;gap:.5rem;min-width:0}.fi-comment-card__author{margin:0;font-size:.78rem;font-weight:700;color:var(--fi-app-text)}.fi-comment-card__date{margin:0;flex-shrink:0;font-size:.7rem;color:var(--fi-app-text-muted)}.fi-comment-card__bubble{border:1px solid var(--fi-app-border);border-radius:.95rem;background:var(--fi-app-bg-strong);padding:.8rem .9rem;box-shadow:0 10px 24px -24px #0f172a52}.fi-comment-card__content{margin:0;white-space:pre-line;font-size:.86rem;line-height:1.55;color:var(--fi-app-text)}.fi-comment-card__actions{display:flex;align-items:center;gap:.55rem;margin-top:.45rem}.fi-comment-action-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:0;font-size:.76rem;font-weight:700;color:var(--primary-strong);transition:color .15s ease}.fi-comment-action-btn:hover{color:var(--tone-primary-fg)}.fi-comment-action-btn--ghost{border:1px solid var(--fi-app-border-strong);border-radius:.8rem;background:var(--fi-app-bg-strong);padding:.68rem .95rem;color:var(--fi-app-text-muted)}.fi-comment-action-btn--ghost:hover{border-color:var(--fi-app-border-interactive);background:var(--primary-soft);color:var(--primary-strong)}.fi-comment-replies{margin-top:.85rem;padding-top:.2rem;padding-left:1rem;border-left:2px solid var(--fi-app-border);display:flex;flex-direction:column;gap:.85rem}.fi-comment-reply-composer{margin-top:.75rem;padding:.85rem;display:flex;flex-direction:column;gap:.8rem}.fi-comment-reply-composer__title{margin:0;font-size:.78rem;font-weight:600;color:var(--fi-app-text)}.fi-comment-reply-composer__footer{display:flex;justify-content:flex-end;gap:.6rem}.fi-comment-composer{padding-top:1rem;display:flex;flex-direction:column;gap:.9rem}.fi-comment-composer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.fi-comment-composer__title{margin:.2rem 0 0;font-size:.86rem;color:var(--fi-app-text)}.fi-comment-composer__footer{display:flex;justify-content:space-between;gap:.85rem;margin-top:0!important;align-items:start}.fi-comment-composer__note{margin:0;max-width:24rem;font-size:.74rem;line-height:1.45;color:var(--fi-app-text-muted)}.fi-comment-composer__submit{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--primary-strong);border-radius:.8rem;background:var(--fi-app-primary-gradient);padding:.72rem 1rem;font-size:.78rem;font-weight:700;color:#fff;box-shadow:var(--button-shadow);transition:background-color .16s ease,border-color .16s ease,opacity .16s ease}.fi-comment-composer__submit:hover{background:linear-gradient(135deg,var(--primary-strong),var(--tone-primary-fg));border-color:var(--tone-primary-fg)}.fi-comment-composer__submit--reply{padding:.68rem .95rem;font-size:.75rem}.fi-comment-composer__submit:disabled{cursor:not-allowed;opacity:.68}@media(max-width:640px){.fi-comments-panel__header,.fi-comment-composer__footer,.fi-comment-card__meta,.fi-comment-reply-composer__footer{flex-direction:column;align-items:flex-start}.fi-comments-panel__hint{max-width:none;text-align:left}.fi-comment-composer__submit{width:100%;justify-content:center}.fi-comment-action-btn--ghost,.fi-comment-composer__submit--reply{width:100%}.fi-comment-replies{padding-left:.75rem}}.fi-modal-form-layout{display:flex;flex-direction:column}.fi-modal-form-header{margin-bottom:calc(var(--spacing) * 4)}.fi-modal-form-body{display:flex;flex-direction:column;gap:calc(var(--spacing) * 4)}.fi-modal-form-body--tight{gap:calc(var(--spacing) * 3)}.fi-modal-form-title{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-slate-900);color:var(--fi-app-text)}.fi-modal-form-subtitle{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-slate-500);color:var(--fi-app-text-muted)}.fi-modal-form-footer{display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-slate-200);padding-top:calc(var(--spacing) * 4);border-top-color:var(--fi-app-border)}@media(width>=40rem){.fi-modal-form-footer{flex-direction:row}}@media(width>=40rem){.fi-modal-form-footer{align-items:center}}@media(width>=40rem){.fi-modal-form-footer{justify-content:space-between}}.fi-modal-form-actions{margin-left:calc(var(--spacing) * 0);display:flex;width:100%;flex-direction:column;align-items:stretch;gap:calc(var(--spacing) * 2)}@media(width>=40rem){.fi-modal-form-actions{margin-left:auto}}@media(width>=40rem){.fi-modal-form-actions{width:auto}}@media(width>=40rem){.fi-modal-form-actions{flex-direction:row}}@media(width>=40rem){.fi-modal-form-actions{align-items:center}}@media(width>=40rem){.fi-modal-form-actions{gap:calc(var(--spacing) * 3)}}.fi-dual-modal-layout{display:grid;overflow:hidden}@media(width>=64rem){.fi-dual-modal-layout{grid-template-columns:.9fr 1.4fr}}.fi-dual-modal-left{background-color:var(--color-white);padding:calc(var(--spacing) * 4);min-width:0}@media(width>=40rem){.fi-dual-modal-left{padding:calc(var(--spacing) * 6)}}@media(width>=64rem){.fi-dual-modal-left{padding:calc(var(--spacing) * 8)}}.fi-dual-modal-right{background-color:var(--color-blue-50);padding:calc(var(--spacing) * 4);min-width:0;background:var(--fi-app-surface)}@media(width>=40rem){.fi-dual-modal-right{padding:calc(var(--spacing) * 6)}}.locked-report{opacity:0}.locked-report:hover{opacity:1}:where(td,th).text-right>.flex.justify-end>*{order:10}:where(td,th).text-right>.flex.justify-end>*[title*=Editar],:where(td,th).text-right>.flex.justify-end>*[aria-label*=Editar]{order:80}:where(td,th).text-right>.flex.justify-end>*[title*=Eliminar],:where(td,th).text-right>.flex.justify-end>*[aria-label*=Eliminar]{order:99}app-payment-modal app-table-card>section{border-radius:0;border-style:var(--tw-border-style);border-width:0px;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}app-payment-modal app-table-card>section>div:first-child{padding-inline:calc(var(--spacing) * 0);padding-top:calc(var(--spacing) * 0)}app-payment-modal app-table-card>section>div:nth-child(2){padding-inline:calc(var(--spacing) * 0);padding-bottom:calc(var(--spacing) * 0)}@media(max-width:640px){.fi-side-panel{min-width:100%;max-width:100vw}.fi-modal-content .flex.justify-end.gap-3,.fi-modal-content .flex.gap-3,.fi-modal-content .fi-modal-form-actions,.fi-modal-footer .flex.justify-end.gap-3,.fi-modal-footer .flex.gap-3,.fi-modal-footer .fi-modal-form-actions,.fi-modal-default-actions{flex-direction:column;align-items:stretch}.fi-modal-content .flex.justify-end.gap-3>button,.fi-modal-content .flex.gap-3>button,.fi-modal-content .fi-modal-form-actions>button,.fi-modal-content .fi-modal-form-actions>a,.fi-modal-content .fi-modal-primary-btn,.fi-modal-content .fi-modal-secondary-btn,.fi-modal-footer .flex.justify-end.gap-3>button,.fi-modal-footer .flex.gap-3>button,.fi-modal-footer .fi-modal-form-actions>button,.fi-modal-footer .fi-modal-form-actions>a,.fi-modal-footer .fi-modal-primary-btn,.fi-modal-footer .fi-modal-secondary-btn,.fi-modal-default-actions>button{width:100%;justify-content:center}.fi-modal-content table button.inline-flex.items-center.justify-center.rounded-lg{min-width:2.25rem;min-height:2.25rem}}@media(min-width:641px){.fi-modal-panel{max-height:90vh}.fi-modal-content{max-height:calc(90vh - 9rem)}}.fi-skeleton-panel,.fi-skeleton-hero{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:color-mix(in srgb,#fff 90%,transparent);padding:calc(var(--spacing) * 5);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@supports (color: color-mix(in lab,red,red)){.fi-skeleton-panel,.fi-skeleton-hero{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){.fi-skeleton-panel,.fi-skeleton-hero{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}@media(width>=40rem){.fi-skeleton-panel,.fi-skeleton-hero{padding:calc(var(--spacing) * 6)}}.fi-skeleton-shimmer,.fi-skeleton-icon,.fi-skeleton-circle,.fi-skeleton-line,.fi-skeleton-pill{position:relative;overflow:hidden;background-color:var(--color-slate-200)}@supports (color: color-mix(in lab,red,red)){.fi-skeleton-shimmer,.fi-skeleton-icon,.fi-skeleton-circle,.fi-skeleton-line,.fi-skeleton-pill{background-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}.fi-skeleton-shimmer:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgb(255 255 255 / .72),transparent);animation:fi-skeleton-shimmer 1.9s ease-in-out infinite}.fi-skeleton-icon{height:calc(var(--spacing) * 16);width:calc(var(--spacing) * 16);border-radius:var(--radius-2xl)}@media(width>=40rem){.fi-skeleton-icon{height:calc(var(--spacing) * 20)}}@media(width>=40rem){.fi-skeleton-icon{width:calc(var(--spacing) * 20)}}.fi-skeleton-circle{border-radius:calc(infinity * 1px)}.fi-skeleton-line{display:block;height:calc(var(--spacing) * 3);border-radius:calc(infinity * 1px)}.fi-skeleton-line--title{height:calc(var(--spacing) * 5)}@media(width>=40rem){.fi-skeleton-line--title{height:calc(var(--spacing) * 6)}}.fi-skeleton-line--metric{height:calc(var(--spacing) * 8)}@media(width>=40rem){.fi-skeleton-line--metric{height:calc(var(--spacing) * 9)}}.fi-skeleton-pill{display:inline-flex;height:calc(var(--spacing) * 8);border-radius:calc(infinity * 1px)}.fi-skeleton-copy{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking: .24em;letter-spacing:.24em;color:var(--color-slate-500);text-transform:uppercase}.fi-skeleton-note{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-slate-500)}.fi-skeleton-table{overflow:hidden;border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:color-mix(in srgb,#fff 90%,transparent);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@supports (color: color-mix(in lab,red,red)){.fi-skeleton-table{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){.fi-skeleton-table{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.fi-skeleton-table-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200);background-color:var(--color-slate-50);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 4)}@supports (color: color-mix(in lab,red,red)){.fi-skeleton-table-header{background-color:color-mix(in oklab,var(--color-slate-50) 80%,transparent)}}.fi-skeleton-table-row{display:grid;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-100);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 4)}.fi-skeleton-table-row:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}@media(width>=48rem){.fi-skeleton-table-row{grid-template-columns:1.2fr .8fr 1fr .6fr}}.fi-skeleton-inline{display:flex;align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:color-mix(in srgb,#fff 90%,transparent);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@supports (color: color-mix(in lab,red,red)){.fi-skeleton-inline{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){.fi-skeleton-inline{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.fi-skeleton-inline-compact{display:flex;align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-slate-50);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 3)}@supports (color: color-mix(in lab,red,red)){.fi-skeleton-inline-compact{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){.fi-skeleton-inline-compact{background-color:color-mix(in oklab,var(--color-slate-50) 80%,transparent)}}.fi-skeleton-badge-row{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 2)}.fi-skeleton-stats-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:calc(var(--spacing) * 4)}@media(width>=48rem){.fi-skeleton-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.fi-skeleton-stat-card{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:color-mix(in srgb,#fff 90%,transparent);padding:calc(var(--spacing) * 5);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@supports (color: color-mix(in lab,red,red)){.fi-skeleton-stat-card{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){.fi-skeleton-stat-card{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}@media(width>=40rem){.fi-skeleton-stat-card{padding:calc(var(--spacing) * 6)}}.fi-skeleton-split{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:calc(var(--spacing) * 6)}@media(width>=80rem){.fi-skeleton-split{grid-template-columns:repeat(3,minmax(0,1fr))}}.fi-skeleton-message{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-slate-50);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-slate-500)}@supports (color: color-mix(in lab,red,red)){.fi-skeleton-message{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}@supports (color: color-mix(in lab,red,red)){.fi-skeleton-message{background-color:color-mix(in oklab,var(--color-slate-50) 80%,transparent)}}}body.fi-scroll-lock{overflow:hidden}@keyframes fi-skeleton-shimmer{to{transform:translate(100%)}}@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-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-divide-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-ordinal{syntax: "*"; inherits: false;}@property --tw-slashed-zero{syntax: "*"; inherits: false;}@property --tw-numeric-figure{syntax: "*"; inherits: false;}@property --tw-numeric-spacing{syntax: "*"; inherits: false;}@property --tw-numeric-fraction{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: 0px;}@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-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@property --tw-divide-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@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-y-reverse: 0;--tw-space-x-reverse: 0;--tw-divide-y-reverse: 0;--tw-border-style: solid;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: 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-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-duration: initial;--tw-ease: initial;--tw-divide-x-reverse: 0}}}