@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-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-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-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-600: var(--fi-color-violet-600);--color-violet-700: var(--fi-color-violet-700);--color-violet-800: var(--fi-color-violet-800);--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-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{.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-\[calc\(100\%\+0\.5rem\)\]{top:calc(100% + .5rem)}.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-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-20{z-index:20}.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}.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-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.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-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-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.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-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.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}.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\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.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-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-full{height:100%}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-80{max-height:calc(var(--spacing) * 80)}.min-h-0{min-height:calc(var(--spacing) * 0)}.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-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\/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-5{width:calc(var(--spacing) * 5)}.w-5\/6{width:calc(5/6 * 100%)}.w-6{width:calc(var(--spacing) * 6)}.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-\[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%}.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-52{max-width:calc(var(--spacing) * 52)}.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-\[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-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-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-52{min-width:calc(var(--spacing) * 52)}.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%}.border-collapse{border-collapse:collapse}.-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)}.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}.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-\[3\.8rem_minmax\(0\,1fr\)\]{grid-template-columns:3.8rem minmax(0,1fr)}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.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-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-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.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-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-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\.6rem\]{border-radius:1.6rem}.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-none{border-radius:0}.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-t{border-top-style:var(--tw-border-style);border-top-width:1px}.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-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-300{border-color:var(--color-blue-300)}.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-600{border-color:var(--color-blue-600)}.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-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\/80{border-color:var(--color-slate-200)}@supports (color: color-mix(in lab,red,red)){.border-slate-200\/80{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}.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-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-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-500{background-color:var(--color-amber-500)}.bg-amber-600{background-color:var(--color-amber-600)}.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\/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-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-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-600{background-color:var(--color-indigo-600)}.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-100{background-color:var(--color-rose-100)}.bg-rose-600{background-color:var(--color-rose-600)}.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-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-600{background-color:var(--color-slate-600)}.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-slate-950{background-color:var(--color-slate-950)}.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-100{background-color:var(--color-violet-100)}.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-\[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-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-blue-700{--tw-gradient-from: var(--color-blue-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-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-slate-950{--tw-gradient-from: var(--color-slate-950);--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-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-50\/85{--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)}@supports (color: color-mix(in lab,red,red)){.via-slate-50\/85{--tw-gradient-via: color-mix(in oklab, var(--color-slate-50) 85%, transparent)}}.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-slate-900{--tw-gradient-via: var(--color-slate-900);--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-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-blue-900{--tw-gradient-to: var(--color-blue-900);--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-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-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-100\/80{--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))}@supports (color: color-mix(in lab,red,red)){.to-slate-100\/80{--tw-gradient-to: color-mix(in oklab, var(--color-slate-100) 80%, transparent)}}.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-slate-800{--tw-gradient-to: var(--color-slate-800);--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))}.to-white{--tw-gradient-to: 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))}.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-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-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{padding-block:calc(var(--spacing) * 0)}.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)}.pt-0\.5{padding-top: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)}.pr-0{padding-right:calc(var(--spacing) * 0)}.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-12{padding-bottom:calc(var(--spacing) * 12)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.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-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.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\.7rem\]{font-size:1.7rem}.text-\[1\.8rem\]{font-size:1.8rem}.text-\[1\.18rem\]{font-size:1.18rem}.text-\[1\.45rem\]{font-size:1.45rem}.text-\[1\.75rem\]{font-size:1.75rem}.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}.text-\[14px\]{font-size:14px}.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-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.01em\]{--tw-tracking: .01em;letter-spacing:.01em}.tracking-\[0\.2em\]{--tw-tracking: .2em;letter-spacing:.2em}.tracking-\[0\.05em\]{--tw-tracking: .05em;letter-spacing:.05em}.tracking-\[0\.08em\]{--tw-tracking: .08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking: .12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking: .14em;letter-spacing:.14em}.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)}.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\(--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-blue-100{color:var(--color-blue-100)}.text-blue-200{color:var(--color-blue-200)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.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-800{color:var(--color-green-800)}.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-700{color:var(--color-violet-700)}.text-violet-800{color:var(--color-violet-800)}.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}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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\(37\,99\,235\,0\.9\)\]{--tw-shadow: 0 14px 28px -18px var(--tw-shadow-color, rgba(37,99,235,.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_24px_-20px_rgba\(15\,23\,42\,0\.85\)\]{--tw-shadow: 0 18px 24px -20px var(--tw-shadow-color, rgba(15,23,42,.85));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\(15\,23\,42\,0\.45\)\]{--tw-shadow: 0 18px 30px -24px var(--tw-shadow-color, rgba(15,23,42,.45));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_30px_-28px_rgba\(15\,23\,42\,0\.22\)\]{--tw-shadow: 0 18px 30px -28px var(--tw-shadow-color, rgba(15,23,42,.22));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_36px_-24px_rgba\(15\,23\,42\,0\.72\)\]{--tw-shadow: 0 22px 36px -24px var(--tw-shadow-color, rgba(15,23,42,.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-\[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-xl{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px 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)}.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-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-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)}}.ring-amber-200{--tw-ring-color: var(--color-amber-200)}.ring-blue-200{--tw-ring-color: var(--color-blue-200)}.ring-emerald-200{--tw-ring-color: var(--color-emerald-200)}.ring-rose-200{--tw-ring-color: var(--color-rose-200)}.ring-slate-200{--tw-ring-color: var(--color-slate-200)}.ring-slate-300{--tw-ring-color: var(--color-slate-300)}.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,)}.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-blue-300:is(:where(.group):hover *){border-color:var(--color-blue-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-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}}.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-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-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-fuchsia-800:hover{background-color:var(--color-fuchsia-800)}}@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\/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-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-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\:shadow-\[0_24px_40px_-26px_rgba\(15\,23\,42\,0\.38\)\]:hover{--tw-shadow: 0 24px 40px -26px var(--tw-shadow-color, rgba(15,23,42,.38));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-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)}}.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\/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-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}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.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-4{margin-bottom:calc(var(--spacing) * 4)}}@media(width>=40rem){.sm\:block{display:block}}@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-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\: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\:min-w-\[12rem\]{min-width:12rem}}@media(width>=40rem){.sm\:flex-1{flex:1}}@media(width>=40rem){.sm\:basis-auto{flex-basis:auto}}@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-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\: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\:justify-start{justify-content:flex-start}}@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){: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){.sm\:self-auto{align-self:auto}}@media(width>=40rem){.sm\:overflow-visible{overflow:visible}}@media(width>=40rem){.sm\:p-0{padding:calc(var(--spacing) * 0)}}@media(width>=40rem){.sm\:p-4{padding:calc(var(--spacing) * 4)}}@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\:py-2{padding-block:calc(var(--spacing) * 2)}}@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-12{padding-block:calc(var(--spacing) * 12)}}@media(width>=40rem){.sm\:pt-6{padding-top:calc(var(--spacing) * 6)}}@media(width>=40rem){.sm\:pr-36{padding-right:calc(var(--spacing) * 36)}}@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-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-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--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-1{grid-column:span 1 / span 1}}@media(width>=48rem){.md\:col-span-2{grid-column:span 2 / span 2}}@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\:w-full{width:100%}}@media(width>=48rem){.md\:min-w-\[12rem\]{min-width:12rem}}@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-5{grid-template-columns:repeat(5,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\.2fr_0\.6fr\]{grid-template-columns:1.2fr .6fr}}@media(width>=48rem){.md\:grid-cols-\[1\.2fr_0\.8fr_0\.6fr\]{grid-template-columns:1.2fr .8fr .6fr}}@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\:gap-4{gap:calc(var(--spacing) * 4)}}@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-span-8{grid-column:span 8 / span 8}}@media(width>=64rem){.lg\:mt-0{margin-top:calc(var(--spacing) * 0)}}@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-screen{min-height:100vh}}@media(width>=64rem){.lg\:w-52{width:calc(var(--spacing) * 52)}}@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-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-\[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\: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){: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){.lg\:overflow-y-auto{overflow-y:auto}}@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-slate-200{border-color:var(--color-slate-200)}}@media(width>=64rem){.lg\:border-slate-200\/80{border-color:var(--color-slate-200)}@supports (color: color-mix(in lab,red,red)){.lg\:border-slate-200\/80{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}}@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\:ps-8{padding-inline-start:calc(var(--spacing) * 8)}}@media(width>=64rem){.lg\:pe-8{padding-inline-end:calc(var(--spacing) * 8)}}@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-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\,0\.7fr\)_minmax\(0\,1\.3fr\)\]{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}@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\: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\:flex-wrap{flex-wrap:wrap}}@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\: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\,1\.2fr\)_minmax\(18rem\,0\.8fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr)}}@media(width>=96rem){.\32xl\:grid-cols-\[minmax\(0\,3fr\)_minmax\(18rem\,1fr\)\]{grid-template-columns:minmax(0,3fr) minmax(18rem,1fr)}}.\[\&\:\:-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}: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/members/fee-types` | `organization-fee-types-page.component` | Tipos de cuota |n| `/organization/:id/settings` | `organization-settings-overview-page.component` | Configuracion organizacion y billing |n| `/organization/:id/access` y `/users` | `organization-users-page.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-users-page.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-50 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-users-page.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 color="blue"` 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, #78767b 18%, transparent);--text: #2f2e32;--text-muted: #5d5b5f;--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;--neutral-strong: #78767b;--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, #78767b 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;--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: #78767b;--fi-color-slate-600: color-mix(in srgb, #5d5b5f 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: color-mix(in srgb, #ffffff 88%, color-mix(in srgb, #94387c 18%, #ffffff 82%) 12%);--fi-color-emerald-100: color-mix(in srgb, #ffffff 72%, color-mix(in srgb, #94387c 18%, #ffffff 82%) 28%);--fi-color-emerald-200: color-mix(in srgb, #ffffff 56%, color-mix(in srgb, #94387c 18%, #ffffff 82%) 44%);--fi-color-emerald-300: color-mix(in srgb, color-mix(in srgb, #94387c 18%, #ffffff 82%) 70%, #94387c 30%);--fi-color-emerald-400: color-mix(in srgb, #94387c 72%, #ffffff 28%);--fi-color-emerald-500: #94387c;--fi-color-emerald-600: #94387c;--fi-color-emerald-700: #94387c;--fi-color-emerald-800: color-mix(in srgb, #94387c 82%, #2f2e32 18%);--fi-color-emerald-900: color-mix(in srgb, #94387c 68%, #2f2e32 32%);--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%)}@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:95}.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}.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-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-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)}.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-textarea{resize:vertical;min-height:7rem}.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-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;}@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-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}}}