@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-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}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "SF Pro", "Inter", ui-sans-serif, system-ui, sans-serif;--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:"SF Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--color-red-50:rgb(254 242 242);--color-red-100:rgb(255 226 226);--color-red-200:rgb(255 201 201);--color-red-400:rgb(255 100 103);--color-red-500:rgb(251 44 54);--color-red-600:rgb(231 0 11);--color-red-700:rgb(193 0 7);--color-red-900:rgb(130 24 26);--color-orange-50:rgb(255 247 237);--color-orange-100:rgb(255 237 212);--color-orange-400:rgb(255 137 4);--color-orange-500:rgb(255 105 0);--color-orange-700:rgb(202 53 0);--color-amber-50:rgb(255 251 235);--color-amber-100:rgb(254 243 198);--color-amber-200:rgb(254 230 133);--color-amber-300:rgb(255 210 48);--color-amber-400:rgb(255 185 0);--color-amber-500:rgb(254 154 0);--color-amber-600:rgb(225 113 0);--color-amber-700:rgb(187 77 0);--color-amber-800:rgb(151 60 0);--color-amber-900:rgb(123 51 6);--color-amber-950:rgb(70 25 1);--color-lime-50:rgb(247 254 231);--color-lime-100:rgb(236 252 202);--color-lime-200:rgb(216 249 153);--color-lime-700:rgb(73 125 0);--color-emerald-50:rgb(236 253 245);--color-emerald-100:rgb(208 250 229);--color-emerald-200:rgb(164 244 207);--color-emerald-300:rgb(94 233 181);--color-emerald-400:rgb(0 212 146);--color-emerald-500:rgb(0 188 125);--color-emerald-600:rgb(0 153 102);--color-emerald-700:rgb(0 122 85);--color-emerald-800:rgb(0 96 69);--color-emerald-900:rgb(0 79 59);--color-emerald-950:rgb(0 44 34);--color-teal-50:rgb(240 253 250);--color-teal-100:rgb(203 251 241);--color-teal-200:rgb(150 247 228);--color-teal-400:rgb(0 213 190);--color-teal-500:rgb(0 187 167);--color-teal-600:rgb(0 150 137);--color-teal-700:rgb(0 120 111);--color-teal-900:rgb(11 79 74);--color-cyan-50:rgb(236 254 255);--color-cyan-100:rgb(206 250 254);--color-cyan-200:rgb(162 244 253);--color-cyan-700:rgb(0 117 149);--color-sky-50:rgb(240 249 255);--color-sky-100:rgb(223 242 254);--color-sky-200:rgb(184 230 254);--color-sky-500:rgb(0 166 244);--color-sky-600:rgb(0 132 209);--color-sky-700:rgb(0 105 168);--color-blue-50:rgb(239 246 255);--color-blue-100:rgb(219 234 254);--color-blue-200:rgb(190 219 255);--color-blue-300:rgb(142 197 255);--color-blue-500:rgb(43 127 255);--color-blue-600:rgb(21 93 252);--color-blue-700:rgb(20 71 230);--color-blue-900:rgb(28 57 142);--color-indigo-50:rgb(238 242 255);--color-indigo-100:rgb(224 231 255);--color-indigo-200:rgb(198 210 255);--color-indigo-300:rgb(163 179 255);--color-indigo-400:rgb(124 134 255);--color-indigo-500:rgb(97 95 255);--color-indigo-600:rgb(79 57 246);--color-indigo-700:rgb(67 45 215);--color-indigo-800:rgb(55 42 172);--color-indigo-900:rgb(49 44 133);--color-indigo-950:rgb(30 26 77);--color-violet-50:rgb(245 243 255);--color-violet-100:rgb(237 233 254);--color-violet-200:rgb(221 214 255);--color-violet-400:rgb(166 132 255);--color-violet-500:rgb(142 81 255);--color-violet-600:rgb(127 34 254);--color-violet-700:rgb(112 8 231);--color-violet-800:rgb(93 14 192);--color-purple-50:rgb(250 245 255);--color-purple-100:rgb(243 232 255);--color-purple-200:rgb(233 212 255);--color-purple-500:rgb(173 70 255);--color-purple-600:rgb(152 16 250);--color-purple-700:rgb(130 0 219);--color-purple-800:rgb(110 17 176);--color-purple-900:rgb(89 22 139);--color-pink-50:rgb(253 242 248);--color-rose-50:rgb(255 241 242);--color-rose-100:rgb(255 228 230);--color-rose-200:rgb(255 204 211);--color-rose-400:rgb(255 99 126);--color-rose-500:rgb(255 32 86);--color-rose-600:rgb(236 0 63);--color-rose-700:rgb(199 0 54);--color-rose-900:rgb(139 8 54);--color-rose-950:rgb(77 2 24);--color-slate-50:rgb(248 250 252);--color-slate-100:rgb(241 245 249);--color-slate-200:rgb(226 232 240);--color-slate-300:rgb(202 213 226);--color-slate-400:rgb(144 161 185);--color-slate-500:rgb(98 116 142);--color-slate-600:rgb(69 85 108);--color-slate-700:rgb(49 65 88);--color-slate-800:rgb(29 41 61);--color-slate-900:rgb(15 23 43);--color-slate-950:rgb(2 6 24);--color-gray-50:rgb(249 250 251);--color-gray-100:rgb(243 244 246);--color-gray-200:rgb(229 231 235);--color-gray-300:rgb(209 213 220);--color-gray-400:rgb(153 161 175);--color-gray-500:rgb(106 114 130);--color-gray-600:rgb(74 85 101);--color-gray-700:rgb(54 65 83);--color-gray-900:rgb(16 24 40);--color-black:#000;--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-6xl:3.75rem;--text-6xl--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-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:2rem;--drop-shadow-sm:0 1px 2px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--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);--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Pro", "Inter", ui-sans-serif, system-ui, sans-serif;--radius-ios:1.15rem;--color-apple-blue:#0071e3;--color-apple-dark:#1d1d1f;--color-apple-bg:#f5f5f7}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{background-color:var(--color-apple-bg);color:var(--color-apple-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--color-apple-dark)}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-radius:var(--radius-2xl);border-color:var(--color-slate-200);background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);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:#0000}@supports (color:color-mix(in lab,red,red)){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 0%, transparent) var(--tw-shadow-alpha), transparent)}}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{--tw-outline-style:none;outline-style:none}:is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):focus{border-color:var(--color-indigo-200);--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:#4f39f61a}@supports (color:color-mix(in lab,red,red)){:is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):focus{--tw-ring-color:color-mix(in oklab, var(--color-indigo-600) 10%, transparent)}}table{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}thead th{background-color:#f8fafce6}@supports (color:color-mix(in lab,red,red)){thead th{background-color:color-mix(in oklab,var(--color-slate-50) 90%,transparent)}}thead th{--tw-font-weight:var(--font-weight-black);font-size:10px;font-weight:var(--font-weight-black);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-slate-500);text-transform:uppercase}tbody tr{border-color:var(--color-slate-100)}tbody tr:hover{background-color:#eef2ff4d}@supports (color:color-mix(in lab,red,red)){tbody tr:hover{background-color:color-mix(in oklab,var(--color-indigo-50) 30%,transparent)}}}@layer components{.page-shell{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);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:#0f172b0d;border-radius:2rem}@supports (color:color-mix(in lab,red,red)){.page-shell{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.section-card{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,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);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:#0f172b0d;border-radius:1.75rem}@supports (color:color-mix(in lab,red,red)){.section-card{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.status-pill{align-items:center;gap:calc(var(--spacing) * 1.5);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1);--tw-font-weight:var(--font-weight-black);font-size:10px;font-weight:var(--font-weight-black);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);text-transform:uppercase;border-radius:3.40282e38px;display:inline-flex}.form-section-title{--tw-font-weight:var(--font-weight-black);font-size:11px;font-weight:var(--font-weight-black);--tw-tracking:.18em;letter-spacing:.18em;color:var(--color-slate-400);text-transform:uppercase}.form-help-text{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-slate-400)}.data-table-shell{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,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:1.5rem;overflow:hidden}.btn-primary{align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-2xl);background-color:var(--color-indigo-600);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-white);text-transform:uppercase;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));display:inline-flex}@media(hover:hover){.btn-primary:hover{background-color:var(--color-indigo-700)}}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-2xl);background-color:var(--color-slate-100);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-slate-700);text-transform:uppercase;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));display:inline-flex}@media(hover:hover){.btn-secondary:hover{background-color:var(--color-slate-200)}}.btn-mini{border-radius:var(--radius-xl);background-color:var(--color-indigo-50);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-black);font-size:10px;font-weight:var(--font-weight-black);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-indigo-700);text-transform:uppercase;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))}@media(hover:hover){.btn-mini:hover{background-color:var(--color-indigo-100)}}.btn-mini:disabled{cursor:not-allowed;opacity:.4}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.\!start{inset-inline-start:var(--spacing)!important}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-1{top:calc(var(--spacing) * -1)}.-top-2{top:calc(var(--spacing) * -2)}.-top-4{top:calc(var(--spacing) * -4)}.-top-8{top:calc(var(--spacing) * -8)}.-top-10{top:calc(var(--spacing) * -10)}.-top-12{top:calc(var(--spacing) * -12)}.-top-16{top:calc(var(--spacing) * -16)}.-top-24{top:calc(var(--spacing) * -24)}.top-0{top:calc(var(--spacing) * 0)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-6{top:calc(var(--spacing) * 6)}.top-8{top:calc(var(--spacing) * 8)}.top-64{top:calc(var(--spacing) * 64)}.top-\[30\%\]{top:30%}.top-full{top:100%}.-right-1{right:calc(var(--spacing) * -1)}.-right-2{right:calc(var(--spacing) * -2)}.-right-4{right:calc(var(--spacing) * -4)}.-right-8{right:calc(var(--spacing) * -8)}.-right-10{right:calc(var(--spacing) * -10)}.right-0{right:calc(var(--spacing) * 0)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-1\/4{right:25%}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.right-8{right:calc(var(--spacing) * 8)}.right-12{right:calc(var(--spacing) * 12)}.right-24{right:calc(var(--spacing) * 24)}.right-\[210px\]{right:210px}.-bottom-2{bottom:calc(var(--spacing) * -2)}.-bottom-20{bottom:calc(var(--spacing) * -20)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-10{bottom:calc(var(--spacing) * 10)}.bottom-12{bottom:calc(var(--spacing) * 12)}.bottom-28{bottom:calc(var(--spacing) * 28)}.-left-20{left:calc(var(--spacing) * -20)}.-left-24{left:calc(var(--spacing) * -24)}.-left-\[41px\]{left:-41px}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-1\/3{left:33.3333%}.left-1\/4{left:25%}.left-3{left:calc(var(--spacing) * 3)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-4{left:calc(var(--spacing) * 4)}.left-6{left:calc(var(--spacing) * 6)}.left-10{left:calc(var(--spacing) * 10)}.left-12{left:calc(var(--spacing) * 12)}.left-\[160px\]{left:160px}.-z-10{z-index:-10}.z-0{z-index:0}.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-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.z-\[100\]{z-index:100}.z-\[101\]{z-index:101}.z-\[110\]{z-index:110}.z-\[120\]{z-index:120}.z-\[200\]{z-index:200}.z-\[300\]{z-index:300}.z-\[400\]{z-index:400}.z-\[500\]{z-index:500}.z-\[501\]{z-index:501}.z-\[9999\]{z-index:9999}.z-\[99999\]{z-index:99999}.order-last{order:9999}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-6{margin-block:calc(var(--spacing) * 6)}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.-mt-8{margin-top:calc(var(--spacing) * -8)}.-mt-32{margin-top:calc(var(--spacing) * -32)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-40{margin-top:calc(var(--spacing) * 40)}.mt-auto{margin-top:auto}.-mr-8{margin-right:calc(var(--spacing) * -8)}.-mr-32{margin-right:calc(var(--spacing) * -32)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.-mb-16{margin-bottom:calc(var(--spacing) * -16)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.-ml-16{margin-left:calc(var(--spacing) * -16)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.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-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-44{height:calc(var(--spacing) * 44)}.h-48{height:calc(var(--spacing) * 48)}.h-56{height:calc(var(--spacing) * 56)}.h-60{height:calc(var(--spacing) * 60)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-96{height:calc(var(--spacing) * 96)}.h-\[1px\]{height:1px}.h-\[32rem\]{height:32rem}.h-\[80px\]{height:80px}.h-\[300px\]{height:300px}.h-\[400px\]{height:400px}.h-\[450px\]{height:450px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-\[650px\]{height:650px}.h-\[800px\]{height:800px}.h-\[calc\(100vh-12rem\)\]{height:calc(100vh - 12rem)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-44{max-height:calc(var(--spacing) * 44)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[30vh\]{max-height:30vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[75vh\]{max-height:75vh}.max-h-\[80\%\]{max-height:80%}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[95vh\]{max-height:95vh}.max-h-\[300px\]{max-height:300px}.max-h-\[360px\]{max-height:360px}.max-h-\[400px\]{max-height:400px}.max-h-\[460px\]{max-height:460px}.max-h-\[520px\]{max-height:520px}.max-h-\[600px\]{max-height:600px}.max-h-full{max-height:100%}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-\[60vh\]{min-height:60vh}.min-h-\[72px\]{min-height:72px}.min-h-\[80px\]{min-height:80px}.min-h-\[96px\]{min-height:96px}.min-h-\[100px\]{min-height:100px}.min-h-\[297mm\]{min-height:297mm}.min-h-\[400px\]{min-height:400px}.min-h-\[600px\]{min-height:600px}.min-h-\[780px\]{min-height:780px}.min-h-\[850px\]{min-height:850px}.min-h-\[1000px\]{min-height:1000px}.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-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/4{width:50%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-5\/6{width:83.3333%}.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-11{width:calc(var(--spacing) * 11)}.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-32{width:calc(var(--spacing) * 32)}.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-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[32rem\]{width:32rem}.w-\[210mm\]{width:210mm}.w-\[400px\]{width:400px}.w-\[420px\]{width:420px}.w-\[450px\]{width:450px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[800px\]{width:800px}.w-\[1040px\]{width:1040px}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[80\%\]{max-width:80%}.max-w-\[85\%\]{max-width:85%}.max-w-\[86vw\]{max-width:86vw}.max-w-\[90px\]{max-width:90px}.max-w-\[90vw\]{max-width:90vw}.max-w-\[120px\]{max-width:120px}.max-w-\[130px\]{max-width:130px}.max-w-\[150px\]{max-width:150px}.max-w-\[200px\]{max-width:200px}.max-w-\[210mm\]{max-width:210mm}.max-w-\[220px\]{max-width:220px}.max-w-\[250px\]{max-width:250px}.max-w-\[320px\]{max-width:320px}.max-w-\[400px\]{max-width:400px}.max-w-\[460px\]{max-width:460px}.max-w-\[700px\]{max-width:700px}.max-w-\[1400px\]{max-width:1400px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[2100px\]{max-width:2100px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.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-\[70px\]{min-width:70px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[260px\]{min-width:260px}.min-w-\[280px\]{min-width:280px}.min-w-\[300px\]{min-width:300px}.min-w-\[320px\]{min-width:320px}.min-w-\[360px\]{min-width:360px}.min-w-\[600px\]{min-width:600px}.min-w-\[800px\]{min-width:800px}.min-w-\[1850px\]{min-width:1850px}.flex-1{flex:1}.flex-2,.flex-\[2\]{flex:2}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;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-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);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)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-150{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-12{rotate:-12deg}.rotate-12{rotate:12deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-none{resize:none}.resize-y{resize:vertical}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[180px_1fr_1fr\]{grid-template-columns:180px 1fr 1fr}.grid-cols-\[220px_20px_1fr\]{grid-template-columns:220px 20px 1fr}.grid-cols-\[320px_420px\]{grid-template-columns:320px 420px}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.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)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-36{gap:calc(var(--spacing) * 36)}:where(.space-y-0\.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-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-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * 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-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)))}: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-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * 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-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)))}: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-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-12{column-gap:calc(var(--spacing) * 12)}:where(.-space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -3) * 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-8{row-gap:calc(var(--spacing) * 8)}: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-gray-50>:not(:last-child)){border-color:var(--color-gray-50)}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}:where(.divide-slate-50>:not(:last-child)){border-color:var(--color-slate-50)}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[3\.5rem\]{border-radius:3.5rem}.rounded-\[3rem\]{border-radius:3rem}.rounded-\[18px\]{border-radius:18px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[32px\]{border-radius:32px}.rounded-\[40px\]{border-radius:40px}.rounded-\[48px\]{border-radius:48px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.rounded-tl-none{border-top-left-radius:0}.rounded-tr-none{border-top-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[8px\]{border-style:var(--tw-border-style);border-width:8px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-none{--tw-border-style:none;border-style:none}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-100\/50{border-color:#fef3c680}@supports (color:color-mix(in lab,red,red)){.border-amber-100\/50{border-color:color-mix(in oklab,var(--color-amber-100) 50%,transparent)}}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-300\/20{border-color:#ffd23633}@supports (color:color-mix(in lab,red,red)){.border-amber-300\/20{border-color:color-mix(in oklab,var(--color-amber-300) 20%,transparent)}}.border-amber-500{border-color:var(--color-amber-500)}.border-black{border-color:var(--color-black)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-cyan-100{border-color:var(--color-cyan-100)}.border-cyan-200{border-color:var(--color-cyan-200)}.border-emerald-50{border-color:var(--color-emerald-50)}.border-emerald-100{border-color:var(--color-emerald-100)}.border-emerald-100\/50{border-color:#d0fae580}@supports (color:color-mix(in lab,red,red)){.border-emerald-100\/50{border-color:color-mix(in oklab,var(--color-emerald-100) 50%,transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-400{border-color:var(--color-emerald-400)}.border-emerald-400\/30{border-color:#00d2944d}@supports (color:color-mix(in lab,red,red)){.border-emerald-400\/30{border-color:color-mix(in oklab,var(--color-emerald-400) 30%,transparent)}}.border-emerald-500{border-color:var(--color-emerald-500)}.border-emerald-500\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/30{border-color:color-mix(in oklab,var(--color-emerald-500) 30%,transparent)}}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-900{border-color:var(--color-gray-900)}.border-indigo-50{border-color:var(--color-indigo-50)}.border-indigo-100{border-color:var(--color-indigo-100)}.border-indigo-100\/30{border-color:#e0e7ff4d}@supports (color:color-mix(in lab,red,red)){.border-indigo-100\/30{border-color:color-mix(in oklab,var(--color-indigo-100) 30%,transparent)}}.border-indigo-100\/50{border-color:#e0e7ff80}@supports (color:color-mix(in lab,red,red)){.border-indigo-100\/50{border-color:color-mix(in oklab,var(--color-indigo-100) 50%,transparent)}}.border-indigo-200{border-color:var(--color-indigo-200)}.border-indigo-400{border-color:var(--color-indigo-400)}.border-indigo-500{border-color:var(--color-indigo-500)}.border-indigo-500\/30{border-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.border-indigo-500\/30{border-color:color-mix(in oklab,var(--color-indigo-500) 30%,transparent)}}.border-indigo-600{border-color:var(--color-indigo-600)}.border-indigo-600\/10{border-color:#4f39f61a}@supports (color:color-mix(in lab,red,red)){.border-indigo-600\/10{border-color:color-mix(in oklab,var(--color-indigo-600) 10%,transparent)}}.border-indigo-700{border-color:var(--color-indigo-700)}.border-lime-100{border-color:var(--color-lime-100)}.border-lime-200{border-color:var(--color-lime-200)}.border-orange-100{border-color:var(--color-orange-100)}.border-purple-50{border-color:var(--color-purple-50)}.border-purple-100{border-color:var(--color-purple-100)}.border-purple-200{border-color:var(--color-purple-200)}.border-red-50{border-color:var(--color-red-50)}.border-red-100{border-color:var(--color-red-100)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-rose-50{border-color:var(--color-rose-50)}.border-rose-100{border-color:var(--color-rose-100)}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-500{border-color:var(--color-rose-500)}.border-sky-50{border-color:var(--color-sky-50)}.border-sky-100{border-color:var(--color-sky-100)}.border-sky-200{border-color:var(--color-sky-200)}.border-slate-50{border-color:var(--color-slate-50)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-100\/50{border-color:#f1f5f980}@supports (color:color-mix(in lab,red,red)){.border-slate-100\/50{border-color:color-mix(in oklab,var(--color-slate-100) 50%,transparent)}}.border-slate-100\/80{border-color:#f1f5f9cc}@supports (color:color-mix(in lab,red,red)){.border-slate-100\/80{border-color:color-mix(in oklab,var(--color-slate-100) 80%,transparent)}}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/20{border-color:#e2e8f033}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/20{border-color:color-mix(in oklab,var(--color-slate-200) 20%,transparent)}}.border-slate-200\/30{border-color:#e2e8f04d}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/30{border-color:color-mix(in oklab,var(--color-slate-200) 30%,transparent)}}.border-slate-200\/50{border-color:#e2e8f080}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/50{border-color:color-mix(in oklab,var(--color-slate-200) 50%,transparent)}}.border-slate-200\/70{border-color:#e2e8f0b3}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/70{border-color:color-mix(in oklab,var(--color-slate-200) 70%,transparent)}}.border-slate-200\/80{border-color:#e2e8f0cc}@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-300{border-color:var(--color-slate-300)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-800{border-color:var(--color-slate-800)}.border-slate-900{border-color:var(--color-slate-900)}.border-teal-100{border-color:var(--color-teal-100)}.border-teal-200{border-color:var(--color-teal-200)}.border-transparent{border-color:#0000}.border-violet-100{border-color:var(--color-violet-100)}.border-violet-600{border-color:var(--color-violet-600)}.border-white{border-color:var(--color-white)}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.border-white\/50{border-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.border-t-indigo-600{border-top-color:var(--color-indigo-600)}.border-t-transparent{border-top-color:#0000}.border-l-indigo-500{border-left-color:var(--color-indigo-500)}.bg-\[\#F8FAFC\]{background-color:#f8fafc}.bg-\[\#f5f5f7\]{background-color:#f5f5f7}.bg-\[\#f7f8fb\]{background-color:#f7f8fb}.bg-\[\#f7f8fb\]\/95{background-color:#f7f8fbf2}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/40{background-color:#fffbeb66}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/40{background-color:color-mix(in oklab,var(--color-amber-50) 40%,transparent)}}.bg-amber-50\/50{background-color:#fffbeb80}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/50{background-color:color-mix(in oklab,var(--color-amber-50) 50%,transparent)}}.bg-amber-50\/70{background-color:#fffbebb3}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/70{background-color:color-mix(in oklab,var(--color-amber-50) 70%,transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-400\/10{background-color:#fcbb001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-400\/10{background-color:color-mix(in oklab,var(--color-amber-400) 10%,transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/20{background-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.bg-amber-600{background-color:var(--color-amber-600)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-cyan-50{background-color:var(--color-cyan-50)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\/40{background-color:#ecfdf566}@supports (color:color-mix(in lab,red,red)){.bg-emerald-50\/40{background-color:color-mix(in oklab,var(--color-emerald-50) 40%,transparent)}}.bg-emerald-50\/50{background-color:#ecfdf580}@supports (color:color-mix(in lab,red,red)){.bg-emerald-50\/50{background-color:color-mix(in oklab,var(--color-emerald-50) 50%,transparent)}}.bg-emerald-50\/60{background-color:#ecfdf599}@supports (color:color-mix(in lab,red,red)){.bg-emerald-50\/60{background-color:color-mix(in oklab,var(--color-emerald-50) 60%,transparent)}}.bg-emerald-50\/70{background-color:#ecfdf5b3}@supports (color:color-mix(in lab,red,red)){.bg-emerald-50\/70{background-color:color-mix(in oklab,var(--color-emerald-50) 70%,transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-100\/30{background-color:#d0fae54d}@supports (color:color-mix(in lab,red,red)){.bg-emerald-100\/30{background-color:color-mix(in oklab,var(--color-emerald-100) 30%,transparent)}}.bg-emerald-100\/50{background-color:#d0fae580}@supports (color:color-mix(in lab,red,red)){.bg-emerald-100\/50{background-color:color-mix(in oklab,var(--color-emerald-100) 50%,transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-400\/20{background-color:#00d29433}@supports (color:color-mix(in lab,red,red)){.bg-emerald-400\/20{background-color:color-mix(in oklab,var(--color-emerald-400) 20%,transparent)}}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/20{background-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/50{background-color:color-mix(in oklab,var(--color-gray-50) 50%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-50\/30{background-color:#eef2ff4d}@supports (color:color-mix(in lab,red,red)){.bg-indigo-50\/30{background-color:color-mix(in oklab,var(--color-indigo-50) 30%,transparent)}}.bg-indigo-50\/50{background-color:#eef2ff80}@supports (color:color-mix(in lab,red,red)){.bg-indigo-50\/50{background-color:color-mix(in oklab,var(--color-indigo-50) 50%,transparent)}}.bg-indigo-50\/70{background-color:#eef2ffb3}@supports (color:color-mix(in lab,red,red)){.bg-indigo-50\/70{background-color:color-mix(in oklab,var(--color-indigo-50) 70%,transparent)}}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-200\/20{background-color:#c7d2ff33}@supports (color:color-mix(in lab,red,red)){.bg-indigo-200\/20{background-color:color-mix(in oklab,var(--color-indigo-200) 20%,transparent)}}.bg-indigo-200\/50{background-color:#c7d2ff80}@supports (color:color-mix(in lab,red,red)){.bg-indigo-200\/50{background-color:color-mix(in oklab,var(--color-indigo-200) 50%,transparent)}}.bg-indigo-400{background-color:var(--color-indigo-400)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-500\/10{background-color:#625fff1a}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/10{background-color:color-mix(in oklab,var(--color-indigo-500) 10%,transparent)}}.bg-indigo-500\/15{background-color:#625fff26}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/15{background-color:color-mix(in oklab,var(--color-indigo-500) 15%,transparent)}}.bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/20{background-color:color-mix(in oklab,var(--color-indigo-500) 20%,transparent)}}.bg-indigo-500\/30{background-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/30{background-color:color-mix(in oklab,var(--color-indigo-500) 30%,transparent)}}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-600\/5{background-color:#4f39f60d}@supports (color:color-mix(in lab,red,red)){.bg-indigo-600\/5{background-color:color-mix(in oklab,var(--color-indigo-600) 5%,transparent)}}.bg-indigo-900{background-color:var(--color-indigo-900)}.bg-lime-50{background-color:var(--color-lime-50)}.bg-lime-50\/70{background-color:#f7fee7b3}@supports (color:color-mix(in lab,red,red)){.bg-lime-50\/70{background-color:color-mix(in oklab,var(--color-lime-50) 70%,transparent)}}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100\/30{background-color:#ffe2e24d}@supports (color:color-mix(in lab,red,red)){.bg-red-100\/30{background-color:color-mix(in oklab,var(--color-red-100) 30%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/5{background-color:#fb2c360d}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/5{background-color:color-mix(in oklab,var(--color-red-500) 5%,transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-50\/10{background-color:#fff1f21a}@supports (color:color-mix(in lab,red,red)){.bg-rose-50\/10{background-color:color-mix(in oklab,var(--color-rose-50) 10%,transparent)}}.bg-rose-50\/30{background-color:#fff1f24d}@supports (color:color-mix(in lab,red,red)){.bg-rose-50\/30{background-color:color-mix(in oklab,var(--color-rose-50) 30%,transparent)}}.bg-rose-50\/50{background-color:#fff1f280}@supports (color:color-mix(in lab,red,red)){.bg-rose-50\/50{background-color:color-mix(in oklab,var(--color-rose-50) 50%,transparent)}}.bg-rose-50\/70{background-color:#fff1f2b3}@supports (color:color-mix(in lab,red,red)){.bg-rose-50\/70{background-color:color-mix(in oklab,var(--color-rose-50) 70%,transparent)}}.bg-rose-50\/95{background-color:#fff1f2f2}@supports (color:color-mix(in lab,red,red)){.bg-rose-50\/95{background-color:color-mix(in oklab,var(--color-rose-50) 95%,transparent)}}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-500\/10{background-color:#ff23571a}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/10{background-color:color-mix(in oklab,var(--color-rose-500) 10%,transparent)}}.bg-rose-600{background-color:var(--color-rose-600)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-sky-200\/40{background-color:#b8e6fe66}@supports (color:color-mix(in lab,red,red)){.bg-sky-200\/40{background-color:color-mix(in oklab,var(--color-sky-200) 40%,transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/30{background-color:#f8fafc4d}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/30{background-color:color-mix(in oklab,var(--color-slate-50) 30%,transparent)}}.bg-slate-50\/50{background-color:#f8fafc80}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/50{background-color:color-mix(in oklab,var(--color-slate-50) 50%,transparent)}}.bg-slate-50\/70{background-color:#f8fafcb3}@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:#f8fafccc}@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-100\/30{background-color:#f1f5f94d}@supports (color:color-mix(in lab,red,red)){.bg-slate-100\/30{background-color:color-mix(in oklab,var(--color-slate-100) 30%,transparent)}}.bg-slate-100\/50{background-color:#f1f5f980}@supports (color:color-mix(in lab,red,red)){.bg-slate-100\/50{background-color:color-mix(in oklab,var(--color-slate-100) 50%,transparent)}}.bg-slate-100\/60{background-color:#f1f5f999}@supports (color:color-mix(in lab,red,red)){.bg-slate-100\/60{background-color:color-mix(in oklab,var(--color-slate-100) 60%,transparent)}}.bg-slate-100\/80{background-color:#f1f5f9cc}@supports (color:color-mix(in lab,red,red)){.bg-slate-100\/80{background-color:color-mix(in oklab,var(--color-slate-100) 80%,transparent)}}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-slate-500{background-color:var(--color-slate-500)}.bg-slate-600{background-color:var(--color-slate-600)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\/40{background-color:#0f172b66}@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-900\/60{background-color:#0f172b99}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/60{background-color:color-mix(in oklab,var(--color-slate-900) 60%,transparent)}}.bg-slate-900\/70{background-color:#0f172bb3}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/70{background-color:color-mix(in oklab,var(--color-slate-900) 70%,transparent)}}.bg-slate-900\/90{background-color:#0f172be6}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/90{background-color:color-mix(in oklab,var(--color-slate-900) 90%,transparent)}}.bg-slate-950{background-color:var(--color-slate-950)}.bg-slate-950\/35{background-color:#02061859}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/35{background-color:color-mix(in oklab,var(--color-slate-950) 35%,transparent)}}.bg-teal-50{background-color:var(--color-teal-50)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-200\/25{background-color:#ddd6ff40}@supports (color:color-mix(in lab,red,red)){.bg-violet-200\/25{background-color:color-mix(in oklab,var(--color-violet-200) 25%,transparent)}}.bg-violet-400\/20{background-color:#a685ff33}@supports (color:color-mix(in lab,red,red)){.bg-violet-400\/20{background-color:color-mix(in oklab,var(--color-violet-400) 20%,transparent)}}.bg-violet-600{background-color:var(--color-violet-600)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab,red,red)){.bg-white\/40{background-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.bg-white\/45{background-color:#ffffff73}@supports (color:color-mix(in lab,red,red)){.bg-white\/45{background-color:color-mix(in oklab,var(--color-white) 45%,transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.bg-white\/60{background-color:#fff9}@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:#ffffffb3}@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:#ffffffbf}@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:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.bg-white\/85{background-color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle_at_center\,rgba\(99\,102\,241\,0\.35\)\,transparent_60\%\)\]{background-image:radial-gradient(circle,#6366f159,#0000 60%)}.bg-\[radial-gradient\(circle_at_top_right\,rgba\(59\,130\,246\,\.35\)\,transparent_35\%\)\]{background-image:radial-gradient(circle at 100% 0,#3b82f659,#0000 35%)}.bg-\[radial-gradient\(circle_at_top_right\,rgba\(99\,102\,241\,0\.35\)\,transparent_35\%\)\]{background-image:radial-gradient(circle at 100% 0,#6366f159,#0000 35%)}.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-amber-50\/50{--tw-gradient-from:#fffbeb80}@supports (color:color-mix(in lab,red,red)){.from-amber-50\/50{--tw-gradient-from:color-mix(in oklab, var(--color-amber-50) 50%, transparent)}}.from-amber-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-50{--tw-gradient-from:var(--color-emerald-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-50\/50{--tw-gradient-from:#ecfdf580}@supports (color:color-mix(in lab,red,red)){.from-emerald-50\/50{--tw-gradient-from:color-mix(in oklab, var(--color-emerald-50) 50%, transparent)}}.from-emerald-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-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-emerald-600{--tw-gradient-from:var(--color-emerald-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))}.from-indigo-50{--tw-gradient-from: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))}.from-indigo-50\/50{--tw-gradient-from:#eef2ff80}@supports (color:color-mix(in lab,red,red)){.from-indigo-50\/50{--tw-gradient-from:color-mix(in oklab, var(--color-indigo-50) 50%, transparent)}}.from-indigo-50\/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-indigo-500{--tw-gradient-from:var(--color-indigo-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-indigo-500\/10{--tw-gradient-from:#625fff1a}@supports (color:color-mix(in lab,red,red)){.from-indigo-500\/10{--tw-gradient-from:color-mix(in oklab, var(--color-indigo-500) 10%, transparent)}}.from-indigo-500\/10{--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-indigo-600{--tw-gradient-from:var(--color-indigo-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))}.from-indigo-600\/10{--tw-gradient-from:#4f39f61a}@supports (color:color-mix(in lab,red,red)){.from-indigo-600\/10{--tw-gradient-from:color-mix(in oklab, var(--color-indigo-600) 10%, transparent)}}.from-indigo-600\/10{--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-indigo-900{--tw-gradient-from:var(--color-indigo-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))}.from-red-50{--tw-gradient-from:var(--color-red-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-red-600{--tw-gradient-from:var(--color-red-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))}.from-rose-50{--tw-gradient-from:var(--color-rose-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-900{--tw-gradient-from:var(--color-slate-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))}.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-teal-50\/50{--tw-gradient-from:#f0fdfa80}@supports (color:color-mix(in lab,red,red)){.from-teal-50\/50{--tw-gradient-from:color-mix(in oklab, var(--color-teal-50) 50%, transparent)}}.from-teal-50\/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-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-indigo-700{--tw-gradient-via:var(--color-indigo-700);--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-indigo-800{--tw-gradient-via:var(--color-indigo-800);--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-indigo-950{--tw-gradient-via:var(--color-indigo-950);--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-amber-50{--tw-gradient-to: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))}.to-amber-600{--tw-gradient-to:var(--color-amber-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-blue-50\/50{--tw-gradient-to:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.to-blue-50\/50{--tw-gradient-to:color-mix(in oklab, var(--color-blue-50) 50%, transparent)}}.to-blue-50\/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-600{--tw-gradient-to:var(--color-blue-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-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-50\/50{--tw-gradient-to:#ecfeff80}@supports (color:color-mix(in lab,red,red)){.to-cyan-50\/50{--tw-gradient-to:color-mix(in oklab, var(--color-cyan-50) 50%, transparent)}}.to-cyan-50\/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-emerald-50\/20{--tw-gradient-to:#ecfdf533}@supports (color:color-mix(in lab,red,red)){.to-emerald-50\/20{--tw-gradient-to:color-mix(in oklab, var(--color-emerald-50) 20%, transparent)}}.to-emerald-50\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-50{--tw-gradient-to:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-50\/20{--tw-gradient-to:#eef2ff33}@supports (color:color-mix(in lab,red,red)){.to-indigo-50\/20{--tw-gradient-to:color-mix(in oklab, var(--color-indigo-50) 20%, transparent)}}.to-indigo-50\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-50\/40{--tw-gradient-to:#eef2ff66}@supports (color:color-mix(in lab,red,red)){.to-indigo-50\/40{--tw-gradient-to:color-mix(in oklab, var(--color-indigo-50) 40%, transparent)}}.to-indigo-50\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-500{--tw-gradient-to:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-700{--tw-gradient-to:var(--color-indigo-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))}.to-indigo-800{--tw-gradient-to:var(--color-indigo-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-indigo-900{--tw-gradient-to:var(--color-indigo-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-indigo-950{--tw-gradient-to:var(--color-indigo-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))}.to-orange-50\/50{--tw-gradient-to:#fff7ed80}@supports (color:color-mix(in lab,red,red)){.to-orange-50\/50{--tw-gradient-to:color-mix(in oklab, var(--color-orange-50) 50%, transparent)}}.to-orange-50\/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-pink-50\/50{--tw-gradient-to:#fdf2f880}@supports (color:color-mix(in lab,red,red)){.to-pink-50\/50{--tw-gradient-to:color-mix(in oklab, var(--color-pink-50) 50%, transparent)}}.to-pink-50\/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-purple-50\/20{--tw-gradient-to:#faf5ff33}@supports (color:color-mix(in lab,red,red)){.to-purple-50\/20{--tw-gradient-to:color-mix(in oklab, var(--color-purple-50) 20%, transparent)}}.to-purple-50\/20{--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-purple-600{--tw-gradient-to:var(--color-purple-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-sky-50\/20{--tw-gradient-to:#f0f9ff33}@supports (color:color-mix(in lab,red,red)){.to-sky-50\/20{--tw-gradient-to:color-mix(in oklab, var(--color-sky-50) 20%, transparent)}}.to-sky-50\/20{--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-sky-50\/50{--tw-gradient-to:#f0f9ff80}@supports (color:color-mix(in lab,red,red)){.to-sky-50\/50{--tw-gradient-to:color-mix(in oklab, var(--color-sky-50) 50%, transparent)}}.to-sky-50\/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-slate-900{--tw-gradient-to:var(--color-slate-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-slate-950{--tw-gradient-to: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))}.to-teal-50\/50{--tw-gradient-to:#f0fdfa80}@supports (color:color-mix(in lab,red,red)){.to-teal-50\/50{--tw-gradient-to:color-mix(in oklab, var(--color-teal-50) 50%, transparent)}}.to-teal-50\/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-teal-400{--tw-gradient-to:var(--color-teal-400);--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-teal-500{--tw-gradient-to:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-50\/50{--tw-gradient-to:#f5f3ff80}@supports (color:color-mix(in lab,red,red)){.to-violet-50\/50{--tw-gradient-to:color-mix(in oklab, var(--color-violet-50) 50%, transparent)}}.to-violet-50\/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-violet-500\/10{--tw-gradient-to:#8d54ff1a}@supports (color:color-mix(in lab,red,red)){.to-violet-500\/10{--tw-gradient-to:color-mix(in oklab, var(--color-violet-500) 10%, transparent)}}.to-violet-500\/10{--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-violet-600\/10{--tw-gradient-to:#7f22fe1a}@supports (color:color-mix(in lab,red,red)){.to-violet-600\/10{--tw-gradient-to:color-mix(in oklab, var(--color-violet-600) 10%, transparent)}}.to-violet-600\/10{--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-700{--tw-gradient-to:var(--color-violet-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-800{--tw-gradient-to:var(--color-violet-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))}.\[mask-image\:linear-gradient\(0deg\,white\,transparent\)\]{-webkit-mask-image:linear-gradient(#0000,#fff);mask-image:linear-gradient(#0000,#fff)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-indigo-500{fill:var(--color-indigo-500)}.fill-indigo-600{fill:var(--color-indigo-600)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.p-16{padding:calc(var(--spacing) * 16)}.p-24{padding:calc(var(--spacing) * 24)}.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-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-12{padding-inline:calc(var(--spacing) * 12)}.px-20{padding-inline:calc(var(--spacing) * 20)}.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-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-32{padding-block:calc(var(--spacing) * 32)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-9{padding-top:calc(var(--spacing) * 9)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pr-14{padding-right:calc(var(--spacing) * 14)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.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-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-32{padding-bottom:calc(var(--spacing) * 32)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-11{padding-left:calc(var(--spacing) * 11)}.pl-12{padding-left:calc(var(--spacing) * 12)}.pl-16{padding-left:calc(var(--spacing) * 16)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-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-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-\[6\.5px\]{font-size:6.5px}.text-\[7\.5px\]{font-size:7.5px}.text-\[7px\]{font-size:7px}.text-\[8\.5px\]{font-size:8.5px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#ffffff\]{color:#fff}.text-amber-100{color:var(--color-amber-100)}.text-amber-200{color:var(--color-amber-200)}.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-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-amber-950{color:var(--color-amber-950)}.text-black{color:var(--color-black)}.text-blue-200{color:var(--color-blue-200)}.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-900{color:var(--color-blue-900)}.text-cyan-700{color:var(--color-cyan-700)}.text-emerald-50{color:var(--color-emerald-50)}.text-emerald-200{color:var(--color-emerald-200)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-600\/10{color:#0097671a}@supports (color:color-mix(in lab,red,red)){.text-emerald-600\/10{color:color-mix(in oklab,var(--color-emerald-600) 10%,transparent)}}.text-emerald-600\/80{color:#009767cc}@supports (color:color-mix(in lab,red,red)){.text-emerald-600\/80{color:color-mix(in oklab,var(--color-emerald-600) 80%,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-emerald-950{color:var(--color-emerald-950)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-indigo-50\/90{color:#eef2ffe6}@supports (color:color-mix(in lab,red,red)){.text-indigo-50\/90{color:color-mix(in oklab,var(--color-indigo-50) 90%,transparent)}}.text-indigo-100{color:var(--color-indigo-100)}.text-indigo-100\/60{color:#e0e7ff99}@supports (color:color-mix(in lab,red,red)){.text-indigo-100\/60{color:color-mix(in oklab,var(--color-indigo-100) 60%,transparent)}}.text-indigo-100\/80{color:#e0e7ffcc}@supports (color:color-mix(in lab,red,red)){.text-indigo-100\/80{color:color-mix(in oklab,var(--color-indigo-100) 80%,transparent)}}.text-indigo-100\/85{color:#e0e7ffd9}@supports (color:color-mix(in lab,red,red)){.text-indigo-100\/85{color:color-mix(in oklab,var(--color-indigo-100) 85%,transparent)}}.text-indigo-200{color:var(--color-indigo-200)}.text-indigo-200\/70{color:#c7d2ffb3}@supports (color:color-mix(in lab,red,red)){.text-indigo-200\/70{color:color-mix(in oklab,var(--color-indigo-200) 70%,transparent)}}.text-indigo-300{color:var(--color-indigo-300)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-800{color:var(--color-indigo-800)}.text-indigo-900{color:var(--color-indigo-900)}.text-indigo-900\/70{color:#312c85b3}@supports (color:color-mix(in lab,red,red)){.text-indigo-900\/70{color:color-mix(in oklab,var(--color-indigo-900) 70%,transparent)}}.text-indigo-950{color:var(--color-indigo-950)}.text-lime-700{color:var(--color-lime-700)}.text-orange-500{color:var(--color-orange-500)}.text-orange-700{color:var(--color-orange-700)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-purple-800{color:var(--color-purple-800)}.text-purple-900{color:var(--color-purple-900)}.text-red-100{color:var(--color-red-100)}.text-red-400{color:var(--color-red-400)}.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-900{color:var(--color-red-900)}.text-rose-100{color:var(--color-rose-100)}.text-rose-200{color:var(--color-rose-200)}.text-rose-400{color:var(--color-rose-400)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-rose-900{color:var(--color-rose-900)}.text-rose-950{color:var(--color-rose-950)}.text-sky-500{color:var(--color-sky-500)}.text-sky-600{color:var(--color-sky-600)}.text-sky-700{color:var(--color-sky-700)}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.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-teal-500{color:var(--color-teal-500)}.text-teal-600{color:var(--color-teal-600)}.text-teal-700{color:var(--color-teal-700)}.text-teal-900{color:var(--color-teal-900)}.text-transparent{color:#0000}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab,red,red)){.text-white\/45{color:color-mix(in oklab,var(--color-white) 45%,transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab,red,red)){.text-white\/55{color:color-mix(in oklab,var(--color-white) 55%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab,red,red)){.text-white\/75{color:color-mix(in oklab,var(--color-white) 75%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.opacity-\[0\.03\]{opacity:.03}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);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,#00000040);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_0_10px_rgba\(255\,255\,255\,0\.5\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#ffffff80);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_20px_50px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:0 20px 50px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[1px_0_20px_rgba\(15\,23\,42\,0\.03\)\]{--tw-shadow:1px 0 20px var(--tw-shadow-color,#0f172a08);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);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,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);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,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);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,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);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,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--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)}.ring-4{--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)}.shadow-amber-200{--tw-shadow-color:rgb(254 230 133)}@supports (color:color-mix(in lab,red,red)){.shadow-amber-200{--tw-shadow-color:color-mix(in oklab, var(--color-amber-200) var(--tw-shadow-alpha), transparent)}}.shadow-amber-500\/5{--tw-shadow-color:#f99c000d}@supports (color:color-mix(in lab,red,red)){.shadow-amber-500\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-amber-500\/20{--tw-shadow-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.shadow-amber-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-600\/10{--tw-shadow-color:#155dfc1a}@supports (color:color-mix(in lab,red,red)){.shadow-blue-600\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-900\/5{--tw-shadow-color:#1c398e0d}@supports (color:color-mix(in lab,red,red)){.shadow-blue-900\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-900) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-100{--tw-shadow-color:rgb(208 250 229)}@supports (color:color-mix(in lab,red,red)){.shadow-emerald-100{--tw-shadow-color:color-mix(in oklab, var(--color-emerald-100) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-200{--tw-shadow-color:rgb(164 244 207)}@supports (color:color-mix(in lab,red,red)){.shadow-emerald-200{--tw-shadow-color:color-mix(in oklab, var(--color-emerald-200) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-500\/5{--tw-shadow-color:#00bb7f0d}@supports (color:color-mix(in lab,red,red)){.shadow-emerald-500\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-500\/20{--tw-shadow-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.shadow-emerald-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-600\/10{--tw-shadow-color:#0097671a}@supports (color:color-mix(in lab,red,red)){.shadow-emerald-600\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-100{--tw-shadow-color:rgb(224 231 255)}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-100{--tw-shadow-color:color-mix(in oklab, var(--color-indigo-100) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-200{--tw-shadow-color:rgb(198 210 255)}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-200{--tw-shadow-color:color-mix(in oklab, var(--color-indigo-200) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-500\/5{--tw-shadow-color:#625fff0d}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-500\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-500\/10{--tw-shadow-color:#625fff1a}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-500\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-500\/20{--tw-shadow-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-500\/40{--tw-shadow-color:#625fff66}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-500\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-600\/10{--tw-shadow-color:#4f39f61a}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-600\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-600\/15{--tw-shadow-color:#4f39f626}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-600\/15{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 15%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-600\/20{--tw-shadow-color:#4f39f633}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-800\/20{--tw-shadow-color:#372aac33}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-800\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-800) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-900\/10{--tw-shadow-color:#312c851a}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-900\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-900) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-900\/20{--tw-shadow-color:#312c8533}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-900\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-900) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-950\/20{--tw-shadow-color:#1e1a4d33}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-950\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-950) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-red-200{--tw-shadow-color:rgb(255 201 201)}@supports (color:color-mix(in lab,red,red)){.shadow-red-200{--tw-shadow-color:color-mix(in oklab, var(--color-red-200) var(--tw-shadow-alpha), transparent)}}.shadow-rose-100\/20{--tw-shadow-color:#ffe4e633}@supports (color:color-mix(in lab,red,red)){.shadow-rose-100\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-100) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-200{--tw-shadow-color:rgb(255 204 211)}@supports (color:color-mix(in lab,red,red)){.shadow-rose-200{--tw-shadow-color:color-mix(in oklab, var(--color-rose-200) var(--tw-shadow-alpha), transparent)}}.shadow-rose-200\/20{--tw-shadow-color:#ffccd333}@supports (color:color-mix(in lab,red,red)){.shadow-rose-200\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-200) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-500\/5{--tw-shadow-color:#ff23570d}@supports (color:color-mix(in lab,red,red)){.shadow-rose-500\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-500\/20{--tw-shadow-color:#ff235733}@supports (color:color-mix(in lab,red,red)){.shadow-rose-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-100{--tw-shadow-color:rgb(241 245 249)}@supports (color:color-mix(in lab,red,red)){.shadow-slate-100{--tw-shadow-color:color-mix(in oklab, var(--color-slate-100) var(--tw-shadow-alpha), transparent)}}.shadow-slate-100\/50{--tw-shadow-color:#f1f5f980}@supports (color:color-mix(in lab,red,red)){.shadow-slate-100\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-100) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-200\/50{--tw-shadow-color:#e2e8f080}@supports (color:color-mix(in lab,red,red)){.shadow-slate-200\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-300\/30{--tw-shadow-color:#cad5e24d}@supports (color:color-mix(in lab,red,red)){.shadow-slate-300\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-300) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-500\/20{--tw-shadow-color:#62748e33}@supports (color:color-mix(in lab,red,red)){.shadow-slate-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-900\/5{--tw-shadow-color:#0f172b0d}@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:#0f172b1a}@supports (color:color-mix(in lab,red,red)){.shadow-slate-900\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-900\/20{--tw-shadow-color:#0f172b33}@supports (color:color-mix(in lab,red,red)){.shadow-slate-900\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-teal-200{--tw-shadow-color:rgb(150 247 228)}@supports (color:color-mix(in lab,red,red)){.shadow-teal-200{--tw-shadow-color:color-mix(in oklab, var(--color-teal-200) var(--tw-shadow-alpha), transparent)}}.shadow-violet-100{--tw-shadow-color:rgb(237 233 254)}@supports (color:color-mix(in lab,red,red)){.shadow-violet-100{--tw-shadow-color:color-mix(in oklab, var(--color-violet-100) var(--tw-shadow-alpha), transparent)}}.shadow-violet-200{--tw-shadow-color:rgb(221 214 255)}@supports (color:color-mix(in lab,red,red)){.shadow-violet-200{--tw-shadow-color:color-mix(in oklab, var(--color-violet-200) var(--tw-shadow-alpha), transparent)}}.ring-indigo-500{--tw-ring-color:var(--color-indigo-500)}.ring-indigo-500\/15{--tw-ring-color:#625fff26}@supports (color:color-mix(in lab,red,red)){.ring-indigo-500\/15{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 15%, transparent)}}.ring-indigo-500\/20{--tw-ring-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.ring-indigo-500\/20{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.ring-rose-500\/5{--tw-ring-color:#ff23570d}@supports (color:color-mix(in lab,red,red)){.ring-rose-500\/5{--tw-ring-color:color-mix(in oklab, var(--color-rose-500) 5%, transparent)}}.ring-offset-2{--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)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));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,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));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,)}.blur-\[80px\]{--tw-blur:blur(80px);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,)}.blur-\[100px\]{--tw-blur:blur(100px);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,)}.blur-\[120px\]{--tw-blur:blur(120px);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,)}.blur-\[140px\]{--tw-blur:blur(140px);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,)}.blur-\[160px\]{--tw-blur:blur(160px);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,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));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-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-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-3xl{--tw-backdrop-blur:blur(var(--blur-3xl));-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-md{--tw-backdrop-blur:blur(var(--blur-md));-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-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-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-open\/details\:rotate-90:is(:where(.group\/details):is([open],:popover-open,:open) *){rotate:90deg}.group-focus-within\:text-indigo-400:is(:where(.group):focus-within *){color:var(--color-indigo-400)}.group-focus-within\:text-indigo-500:is(:where(.group):focus-within *){color:var(--color-indigo-500)}.group-focus-within\:text-indigo-600:is(:where(.group):focus-within *){color:var(--color-indigo-600)}@media(hover:hover){.group-hover\:translate-x-0:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.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)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-125:is(:where(.group):hover *){--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-y-110:is(:where(.group):hover *){--tw-scale-y:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:rotate-0:is(:where(.group):hover *){rotate:0deg}.group-hover\:rotate-12:is(:where(.group):hover *){rotate:12deg}.group-hover\:border-indigo-100:is(:where(.group):hover *){border-color:var(--color-indigo-100)}.group-hover\:border-indigo-200:is(:where(.group):hover *){border-color:var(--color-indigo-200)}.group-hover\:border-slate-100:is(:where(.group):hover *){border-color:var(--color-slate-100)}.group-hover\:bg-amber-100:is(:where(.group):hover *){background-color:var(--color-amber-100)}.group-hover\:bg-emerald-600:is(:where(.group):hover *){background-color:var(--color-emerald-600)}.group-hover\:bg-indigo-50:is(:where(.group):hover *){background-color:var(--color-indigo-50)}.group-hover\:bg-indigo-50\/30:is(:where(.group):hover *){background-color:#eef2ff4d}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-indigo-50\/30:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-indigo-50) 30%,transparent)}}.group-hover\:bg-indigo-100:is(:where(.group):hover *){background-color:var(--color-indigo-100)}.group-hover\:bg-indigo-600:is(:where(.group):hover *){background-color:var(--color-indigo-600)}.group-hover\:bg-white:is(:where(.group):hover *){background-color:var(--color-white)}.group-hover\:bg-white\/20:is(:where(.group):hover *){background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-white\/20:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.group-hover\:text-indigo-400:is(:where(.group):hover *){color:var(--color-indigo-400)}.group-hover\:text-indigo-500:is(:where(.group):hover *){color:var(--color-indigo-500)}.group-hover\:text-indigo-600:is(:where(.group):hover *){color:var(--color-indigo-600)}.group-hover\:text-slate-900:is(:where(.group):hover *){color:var(--color-slate-900)}.group-hover\:text-violet-400:is(:where(.group):hover *){color:var(--color-violet-400)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.group-hover\:opacity-10:is(:where(.group):hover *){opacity:.1}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\/avatar\:scale-\[1\.02\]:is(:where(.group\/avatar):hover *){scale:1.02}.group-hover\/avatar\:opacity-100:is(:where(.group\/avatar):hover *){opacity:1}.group-hover\/btn\:translate-x-1:is(:where(.group\/btn):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\/item\:scale-110:is(:where(.group\/item):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\/item\:text-amber-500:is(:where(.group\/item):hover *){color:var(--color-amber-500)}.group-hover\/item\:text-indigo-500:is(:where(.group\/item):hover *){color:var(--color-indigo-500)}.group-hover\/item\:text-indigo-600:is(:where(.group\/item):hover *){color:var(--color-indigo-600)}}.placeholder\:text-gray-300::placeholder{color:var(--color-gray-300)}.placeholder\:text-indigo-300::placeholder{color:var(--color-indigo-300)}.placeholder\:text-slate-300::placeholder{color:var(--color-slate-300)}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}.placeholder\:text-slate-500::placeholder{color:var(--color-slate-500)}.placeholder\:text-white\/20::placeholder{color:#fff3}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-white\/20::placeholder{color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@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)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1\.5:hover{--tw-translate-y:calc(var(--spacing) * -1.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-150:hover{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-amber-200:hover{border-color:var(--color-amber-200)}.hover\:border-blue-100:hover{border-color:var(--color-blue-100)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-emerald-100:hover{border-color:var(--color-emerald-100)}.hover\:border-emerald-300:hover{border-color:var(--color-emerald-300)}.hover\:border-emerald-500:hover{border-color:var(--color-emerald-500)}.hover\:border-indigo-100:hover{border-color:var(--color-indigo-100)}.hover\:border-indigo-200:hover{border-color:var(--color-indigo-200)}.hover\:border-indigo-300:hover{border-color:var(--color-indigo-300)}.hover\:border-indigo-400:hover{border-color:var(--color-indigo-400)}.hover\:border-indigo-500:hover{border-color:var(--color-indigo-500)}.hover\:border-indigo-600:hover{border-color:var(--color-indigo-600)}.hover\:border-rose-100:hover{border-color:var(--color-rose-100)}.hover\:border-rose-400:hover{border-color:var(--color-rose-400)}.hover\:border-slate-100:hover{border-color:var(--color-slate-100)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:border-violet-200:hover{border-color:var(--color-violet-200)}.hover\:bg-amber-50\/50:hover{background-color:#fffbeb80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-50\/50:hover{background-color:color-mix(in oklab,var(--color-amber-50) 50%,transparent)}}.hover\:bg-amber-200:hover{background-color:var(--color-amber-200)}.hover\:bg-amber-500:hover{background-color:var(--color-amber-500)}.hover\:bg-amber-700:hover{background-color:var(--color-amber-700)}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-emerald-50:hover{background-color:var(--color-emerald-50)}.hover\:bg-emerald-50\/50:hover{background-color:#ecfdf580}@supports (color:color-mix(in lab,red,red)){.hover\:bg-emerald-50\/50:hover{background-color:color-mix(in oklab,var(--color-emerald-50) 50%,transparent)}}.hover\:bg-emerald-100:hover{background-color:var(--color-emerald-100)}.hover\:bg-emerald-200:hover{background-color:var(--color-emerald-200)}.hover\:bg-emerald-400:hover{background-color:var(--color-emerald-400)}.hover\:bg-emerald-600:hover{background-color:var(--color-emerald-600)}.hover\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-indigo-50:hover{background-color:var(--color-indigo-50)}.hover\:bg-indigo-50\/30:hover{background-color:#eef2ff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-indigo-50\/30:hover{background-color:color-mix(in oklab,var(--color-indigo-50) 30%,transparent)}}.hover\:bg-indigo-50\/50:hover{background-color:#eef2ff80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-indigo-50\/50:hover{background-color:color-mix(in oklab,var(--color-indigo-50) 50%,transparent)}}.hover\:bg-indigo-100:hover{background-color:var(--color-indigo-100)}.hover\:bg-indigo-500:hover{background-color:var(--color-indigo-500)}.hover\:bg-indigo-600:hover{background-color:var(--color-indigo-600)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-purple-50\/50:hover{background-color:#faf5ff80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-purple-50\/50:hover{background-color:color-mix(in oklab,var(--color-purple-50) 50%,transparent)}}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-rose-100:hover{background-color:var(--color-rose-100)}.hover\:bg-rose-200:hover{background-color:var(--color-rose-200)}.hover\:bg-rose-500:hover{background-color:var(--color-rose-500)}.hover\:bg-rose-600:hover{background-color:var(--color-rose-600)}.hover\:bg-rose-700:hover{background-color:var(--color-rose-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-50\/50:hover{background-color:#f8fafc80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-50\/50:hover{background-color:color-mix(in oklab,var(--color-slate-50) 50%,transparent)}}.hover\:bg-slate-50\/60:hover{background-color:#f8fafc99}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-50\/60:hover{background-color:color-mix(in oklab,var(--color-slate-50) 60%,transparent)}}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-300:hover{background-color:var(--color-slate-300)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-slate-900:hover{background-color:var(--color-slate-900)}.hover\:bg-teal-500:hover{background-color:var(--color-teal-500)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:bg-white\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/50:hover{background-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.hover\:from-emerald-700:hover{--tw-gradient-from:var(--color-emerald-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))}.hover\:to-teal-600:hover{--tw-gradient-to:var(--color-teal-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))}.hover\:text-amber-600:hover{color:var(--color-amber-600)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-emerald-600:hover{color:var(--color-emerald-600)}.hover\:text-emerald-700:hover{color:var(--color-emerald-700)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-indigo-300:hover{color:var(--color-indigo-300)}.hover\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\:text-indigo-700:hover{color:var(--color-indigo-700)}.hover\:text-indigo-800:hover{color:var(--color-indigo-800)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-rose-500:hover{color:var(--color-rose-500)}.hover\:text-rose-600:hover{color:var(--color-rose-600)}.hover\:text-rose-700:hover{color:var(--color-rose-700)}.hover\:text-slate-500:hover{color:var(--color-slate-500)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-slate-950:hover{color:var(--color-slate-950)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-amber-200:hover{--tw-shadow-color:rgb(254 230 133)}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-amber-200:hover{--tw-shadow-color:color-mix(in oklab, var(--color-amber-200) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-indigo-200:hover{--tw-shadow-color:rgb(198 210 255)}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-indigo-200:hover{--tw-shadow-color:color-mix(in oklab, var(--color-indigo-200) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-indigo-300:hover{--tw-shadow-color:rgb(163 179 255)}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-indigo-300:hover{--tw-shadow-color:color-mix(in oklab, var(--color-indigo-300) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-indigo-500\/5:hover{--tw-shadow-color:#625fff0d}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-indigo-500\/5:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-indigo-500\/10:hover{--tw-shadow-color:#625fff1a}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-indigo-500\/10:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-purple-200:hover{--tw-shadow-color:rgb(233 212 255)}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-purple-200:hover{--tw-shadow-color:color-mix(in oklab, var(--color-purple-200) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-red-200:hover{--tw-shadow-color:rgb(255 201 201)}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-red-200:hover{--tw-shadow-color:color-mix(in oklab, var(--color-red-200) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-slate-100\/80:hover{--tw-shadow-color:#f1f5f9cc}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-slate-100\/80:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-100) 80%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-slate-200\/50:hover{--tw-shadow-color:#e2e8f080}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-slate-200\/50:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-slate-900\/5:hover{--tw-shadow-color:#0f172b0d}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-slate-900\/5:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent)}}}.focus\:border-amber-300:focus{border-color:var(--color-amber-300)}.focus\:border-amber-500:focus{border-color:var(--color-amber-500)}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-emerald-300:focus{border-color:var(--color-emerald-300)}.focus\:border-emerald-400:focus{border-color:var(--color-emerald-400)}.focus\:border-emerald-500:focus{border-color:var(--color-emerald-500)}.focus\:border-indigo-100:focus{border-color:var(--color-indigo-100)}.focus\:border-indigo-400:focus{border-color:var(--color-indigo-400)}.focus\:border-indigo-400\/50:focus{border-color:#7d87ff80}@supports (color:color-mix(in lab,red,red)){.focus\:border-indigo-400\/50:focus{border-color:color-mix(in oklab,var(--color-indigo-400) 50%,transparent)}}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:border-red-500:focus{border-color:var(--color-red-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-1:focus{--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)}.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-8:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(8px + 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-amber-100:focus{--tw-ring-color:var(--color-amber-100)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-emerald-100:focus{--tw-ring-color:var(--color-emerald-100)}.focus\:ring-emerald-400\/10:focus{--tw-ring-color:#00d2941a}@supports (color:color-mix(in lab,red,red)){.focus\:ring-emerald-400\/10:focus{--tw-ring-color:color-mix(in oklab, var(--color-emerald-400) 10%, transparent)}}.focus\:ring-emerald-500:focus{--tw-ring-color:var(--color-emerald-500)}.focus\:ring-emerald-500\/5:focus{--tw-ring-color:#00bb7f0d}@supports (color:color-mix(in lab,red,red)){.focus\:ring-emerald-500\/5:focus{--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 5%, transparent)}}.focus\:ring-emerald-500\/30:focus{--tw-ring-color:#00bb7f4d}@supports (color:color-mix(in lab,red,red)){.focus\:ring-emerald-500\/30:focus{--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.focus\:ring-indigo-100:focus{--tw-ring-color:var(--color-indigo-100)}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\:ring-indigo-500\/5:focus{--tw-ring-color:#625fff0d}@supports (color:color-mix(in lab,red,red)){.focus\:ring-indigo-500\/5:focus{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 5%, transparent)}}.focus\:ring-indigo-500\/10:focus{--tw-ring-color:#625fff1a}@supports (color:color-mix(in lab,red,red)){.focus\:ring-indigo-500\/10:focus{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 10%, transparent)}}.focus\:ring-indigo-500\/20:focus{--tw-ring-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.focus\:ring-indigo-500\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.focus\:ring-indigo-500\/25:focus{--tw-ring-color:#625fff40}@supports (color:color-mix(in lab,red,red)){.focus\:ring-indigo-500\/25:focus{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 25%, transparent)}}.focus\:ring-indigo-500\/30:focus{--tw-ring-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.focus\:ring-indigo-500\/30:focus{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)}}.focus\:ring-indigo-600\/10:focus{--tw-ring-color:#4f39f61a}@supports (color:color-mix(in lab,red,red)){.focus\:ring-indigo-600\/10:focus{--tw-ring-color:color-mix(in oklab, var(--color-indigo-600) 10%, transparent)}}.focus\:ring-red-500\/10:focus{--tw-ring-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.focus\:ring-red-500\/10:focus{--tw-ring-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.focus\:ring-violet-500\/20:focus{--tw-ring-color:#8d54ff33}@supports (color:color-mix(in lab,red,red)){.focus\:ring-violet-500\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-violet-500) 20%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:translate-y-0:active{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-emerald-300:disabled{background-color:var(--color-emerald-300)}.disabled\:bg-gray-300:disabled{background-color:var(--color-gray-300)}.disabled\:bg-indigo-300:disabled{background-color:var(--color-indigo-300)}.disabled\:bg-slate-100:disabled{background-color:var(--color-slate-100)}.disabled\:bg-slate-300:disabled{background-color:var(--color-slate-300)}.disabled\:text-slate-400:disabled{color:var(--color-slate-400)}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}.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)}.disabled\:grayscale:disabled{--tw-grayscale:grayscale(100%);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,)}@media(min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:w-64{width:calc(var(--spacing) * 64)}.sm\:w-72{width:calc(var(--spacing) * 72)}.sm\:w-96{width:calc(var(--spacing) * 96)}.sm\:flex-initial{flex:0 auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:self-auto{align-self:auto}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media(min-width:48rem){.md\:-left-\[57px\]{left:-57px}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:mx-8{margin-inline:calc(var(--spacing) * 8)}.md\:ml-6{margin-left:calc(var(--spacing) * 6)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-1\/3{width:33.3333%}.md\:w-2\/3{width:66.6667%}.md\:w-64{width:calc(var(--spacing) * 64)}.md\:w-\[320px\]{width:320px}.md\:w-auto{width:auto}.md\:flex-none{flex:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:self-center{align-self:center}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:p-16{padding:calc(var(--spacing) * 16)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:py-32{padding-block:calc(var(--spacing) * 32)}.md\:pl-8{padding-left:calc(var(--spacing) * 8)}.md\:pl-12{padding-left:calc(var(--spacing) * 12)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.lg\:order-first{order:-9999}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:mx-0{margin-inline:calc(var(--spacing) * 0)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:w-auto{width:auto}.lg\:max-w-none{max-width:none}.lg\:flex-none{flex:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:justify-start{justify-content:flex-start}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.lg\:border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:pl-8{padding-left:calc(var(--spacing) * 8)}.lg\:text-left{text-align:left}}@media(min-width:80rem){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-8{grid-column:span 8/span 8}.xl\:flex{display:flex}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:items-center{align-items:center}.xl\:items-end{align-items:flex-end}.xl\:justify-between{justify-content:space-between}}@media print{.print\:static{position:static}.print\:right-8{right:calc(var(--spacing) * 8)}.print\:right-12{right:calc(var(--spacing) * 12)}.print\:bottom-8{bottom:calc(var(--spacing) * 8)}.print\:z-0{z-index:0}.print\:m-0{margin:calc(var(--spacing) * 0)}.print\:mx-0{margin-inline:calc(var(--spacing) * 0)}.print\:block{display:block}.print\:hidden{display:none}.print\:max-h-none{max-height:none}.print\:w-full{width:100%}.print\:break-after-page{break-after:page}:where(.print\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))}.print\:rounded-none{border-radius:0}.print\:border-none{--tw-border-style:none;border-style:none}.print\:border-gray-300{border-color:var(--color-gray-300)}.print\:bg-white{background-color:var(--color-white)}.print\:p-0{padding:calc(var(--spacing) * 0)}.print\:p-8{padding:calc(var(--spacing) * 8)}.print\:p-12{padding:calc(var(--spacing) * 12)}.print\: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)}}.bg-mesh{background-color:#f5f5f7;background-image:radial-gradient(at 0 0,#0071e305 0,#0000 50%),radial-gradient(at 100% 0,#30b0c705 0,#0000 50%),radial-gradient(at 100% 100%,#0071e305 0,#0000 50%)}.glass{border-style:var(--tw-border-style);border-width:1px;border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.glass{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.glass{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.glass{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.glass{--tw-shadow:0 4px 30px var(--tw-shadow-color,#00000005);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(var(--blur-2xl));-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,)}.glass-dark{border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.glass-dark{border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.glass-dark{--tw-shadow:0 8px 32px var(--tw-shadow-color,#0003);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(var(--blur-2xl));-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,);background-color:#1c1c1ed9}.apple-border{border:.5px solid #00000016}.apple-card{border-radius:var(--radius-ios);background-color:var(--color-white);--tw-shadow:0 1px 3px var(--tw-shadow-color,#00000003), 0 8px 24px var(--tw-shadow-color,#00000005);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:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out)}@media(hover:hover){.apple-card:hover{--tw-shadow:0 1px 3px var(--tw-shadow-color,#00000005), 0 12px 36px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.apple-card{border:.5px solid #00000016}.apple-transition{transition:all .4s cubic-bezier(.16,1,.3,1)}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background-color:#0000}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3.40282e38px}@supports (color:color-mix(in lab,red,red)){.custom-scrollbar::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.custom-scrollbar::-webkit-scrollbar-thumb{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))}@media(hover:hover){.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}}}*{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:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out)}.apple-button-primary{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);background-color:var(--color-apple-blue);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);--tw-duration:.2s;transition-duration:.2s;display:flex}@media(hover:hover){.apple-button-primary:hover{background-color:#0071e3e6}@supports (color:color-mix(in lab,red,red)){.apple-button-primary:hover{background-color:color-mix(in oklab,var(--color-apple-blue) 90%,transparent)}}}.apple-button-primary:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.apple-button-secondary{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:#0000000d;display:flex}@supports (color:color-mix(in lab,red,red)){.apple-button-secondary{border-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.apple-button-secondary{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.apple-button-secondary{background-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.apple-button-secondary{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-apple-dark);--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.apple-button-secondary:hover{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.apple-button-secondary:hover{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}}.apple-button-secondary:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.card-modern{border-radius:var(--radius-ios);background-color:var(--color-white);--tw-shadow:0 1px 3px var(--tw-shadow-color,#00000003), 0 8px 24px var(--tw-shadow-color,#00000005);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:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out)}@media(hover:hover){.card-modern:hover{--tw-shadow:0 1px 3px var(--tw-shadow-color,#00000005), 0 12px 36px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.card-modern{border:.5px solid #00000016}.animate-marquee{animation:30s linear infinite marquee}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.accessibility-high-contrast{filter:contrast(1.25)saturate(1.1)}.accessibility-high-contrast body{color:#fff!important;background-color:#050505!important}.accessibility-high-contrast p,.accessibility-high-contrast h1,.accessibility-high-contrast h2,.accessibility-high-contrast h3,.accessibility-high-contrast h4,.accessibility-high-contrast h5,.accessibility-high-contrast h6,.accessibility-high-contrast span,.accessibility-high-contrast label,.accessibility-high-contrast td,.accessibility-high-contrast th{color:#fff!important}.accessibility-high-contrast input,.accessibility-high-contrast select,.accessibility-high-contrast textarea{color:#fff!important;background-color:#1f2937!important;border:2px solid #9ca3af!important}.accessibility-high-contrast button{border:1.5px solid #fff!important;font-weight:800!important}.accessibility-large-text{font-size:1.15rem!important}.accessibility-large-text p,.accessibility-large-text span,.accessibility-large-text label,.accessibility-large-text input,.accessibility-large-text button,.accessibility-large-text td,.accessibility-large-text th{font-size:1.1em!important}.accessibility-large-text h1,.accessibility-large-text h2,.accessibility-large-text h3,.accessibility-large-text h4{font-size:1.25em!important}button[class*=rose],button[class*=red]{font-weight:800}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-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 ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}


/* 1ASN V5.6 - Compact employee wizard + responsive self service */
.employee-wizard-step-grid-1asn{-ms-overflow-style:none;scrollbar-width:none}
.employee-wizard-step-grid-1asn::-webkit-scrollbar{display:none}

@media (max-width: 767px){
  .employee-wizard-backdrop-1asn{padding:0!important;align-items:stretch!important}
  .employee-wizard-modal-1asn{height:100dvh!important;max-height:none!important;border-radius:0!important;border:0!important}
  .employee-wizard-header-1asn{padding:12px 14px!important;min-height:64px!important}
  .employee-wizard-header-1asn h2{font-size:18px!important;line-height:1.2!important}
  .employee-wizard-header-1asn p{font-size:10px!important;max-width:78vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #employee-wizard-scroll-1asn{padding:10px!important;gap:12px!important}
  .employee-wizard-stepper-1asn{padding:10px!important;border-radius:18px!important;margin-bottom:0!important}
  .employee-wizard-stepper-1asn>div:first-child{margin-bottom:8px!important}
  .employee-wizard-stepper-1asn>div:first-child>div:first-child p:nth-child(2){display:none!important}
  .employee-wizard-stepper-1asn .h-1\.5{margin-bottom:8px!important}
  .employee-wizard-step-grid-1asn{display:flex!important;grid-template-columns:none!important;gap:7px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important;padding-bottom:1px!important}
  .employee-wizard-step-btn-1asn{flex:0 0 88px!important;min-width:88px!important;padding:7px 8px!important;border-radius:14px!important;scroll-snap-align:start!important}
  .employee-wizard-step-btn-1asn>div{width:20px!important;height:20px!important;margin-bottom:4px!important}
  .employee-wizard-step-btn-1asn p{font-size:8px!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .employee-wizard-photo-1asn{width:144px!important;height:144px!important;border-radius:24px!important}
  .employee-wizard-footer-1asn{padding:9px 10px!important;gap:7px!important}
  .employee-wizard-autosave-1asn{width:100%!important}
  .employee-wizard-autosave-1asn p:last-child{display:none!important}
  .employee-wizard-footer-1asn>div:last-child{width:100%!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:6px!important}
  .employee-wizard-footer-1asn>div:last-child button{padding:9px 11px!important;font-size:11px!important;white-space:nowrap!important}

  .employee-self-service-shell-1asn{border-radius:20px!important}
  .employee-self-service-header-1asn{padding:16px!important;gap:12px!important;position:relative!important}
  .employee-self-service-header-1asn h2{font-size:20px!important}
  .employee-self-service-upload-wrap-1asn{padding:12px 12px 0!important}
  .employee-self-service-form-1asn{padding:12px!important;gap:22px!important}
  .employee-self-upload-1asn{padding:14px!important;border-radius:20px!important}

  .employee-my-profile-hero-1asn{border-radius:24px!important}
  .employee-my-profile-hero-1asn>div:first-child{height:170px!important}
  .employee-profile-identity-1asn{left:16px!important;right:16px!important;bottom:-58px!important;gap:12px!important;align-items:flex-end!important}
  .employee-profile-avatar-1asn{width:112px!important;height:112px!important;border-width:5px!important;border-radius:30px!important}
  .employee-profile-identity-1asn h2{font-size:20px!important;line-height:1.1!important;max-width:52vw!important}
  .employee-profile-identity-1asn .flex.items-center.gap-4{gap:6px!important;flex-wrap:wrap!important}
  .employee-profile-actions-1asn{padding:76px 16px 18px!important;gap:14px!important}
  .employee-profile-actions-1asn>div:first-child{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important}
  .employee-profile-actions-1asn>div:first-child>.w-px{display:none!important}
  .employee-profile-actions-1asn>div:last-child{width:100%!important}
  .employee-profile-actions-1asn>div:last-child button{width:100%!important;justify-content:center!important;padding:13px 16px!important}
}

@media (min-width: 768px) and (max-width: 1023px){
  .employee-wizard-backdrop-1asn{padding:12px!important}
  .employee-wizard-modal-1asn{max-height:96vh!important;border-radius:28px!important}
  .employee-wizard-header-1asn{padding:18px 22px!important}
  #employee-wizard-scroll-1asn{padding:16px!important;gap:16px!important}
  .employee-wizard-stepper-1asn{padding:12px 14px!important;border-radius:20px!important}
  .employee-wizard-step-btn-1asn{padding:8px!important}
  .employee-wizard-step-btn-1asn p{font-size:9px!important}
  .employee-wizard-photo-1asn{width:184px!important;height:184px!important}
  .employee-wizard-footer-1asn{padding:12px 16px!important}
  .employee-self-service-header-1asn{padding:20px!important}
  .employee-self-service-upload-wrap-1asn{padding:16px 20px 0!important}
  .employee-self-service-form-1asn{padding:20px!important;gap:28px!important}
}


/* ============================================================
   1ASN Professional UI Theme v5.7
   Restrained enterprise/government visual system.
   ============================================================ */
:root{
  --font-weight-black:700;
  --tracking-widest:.055em;
  --radius-xl:.625rem;
  --radius-2xl:.75rem;
  --radius-3xl:1rem;
  --color-indigo-50:#f2f6fa;
  --color-indigo-100:#e4edf5;
  --color-indigo-200:#cbdbea;
  --color-indigo-300:#9fbdd5;
  --color-indigo-400:#6f99bb;
  --color-indigo-500:#356f9d;
  --color-indigo-600:#1d5a87;
  --color-indigo-700:#184a70;
  --color-indigo-800:#173d5b;
  --color-indigo-900:#18354d;
  --color-indigo-950:#102638;
}
html{background:#f4f6f8}
body{background:#f4f6f8!important;color:#1d2935;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Reduce the overly-soft / synthetic visual language. */
.font-black{font-weight:700!important}
.tracking-widest{letter-spacing:.055em!important}
[class*="tracking-[0."]{letter-spacing:.06em!important}
.rounded-3xl{border-radius:16px!important}
.rounded-2xl{border-radius:11px!important}
.rounded-xl{border-radius:9px!important}
[class*="rounded-[3rem]"]{border-radius:16px!important}
[class*="rounded-[2.5rem]"]{border-radius:16px!important}
[class*="rounded-[40px]"]{border-radius:16px!important}
[class*="rounded-[36px]"]{border-radius:16px!important}
[class*="rounded-[34px]"]{border-radius:15px!important}
[class*="rounded-[32px]"]{border-radius:14px!important}
[class*="rounded-[30px]"]{border-radius:14px!important}
[class*="rounded-[28px]"]{border-radius:13px!important}
[class*="rounded-[24px]"]{border-radius:12px!important}

.shadow-2xl,[class~="shadow-2xl"]{box-shadow:0 1px 2px rgba(15,23,42,.05),0 10px 28px rgba(15,23,42,.07)!important}
.shadow-xl,[class~="shadow-xl"]{box-shadow:0 1px 2px rgba(15,23,42,.05),0 6px 18px rgba(15,23,42,.055)!important}
.shadow-lg,[class~="shadow-lg"]{box-shadow:0 1px 2px rgba(15,23,42,.05),0 4px 12px rgba(15,23,42,.045)!important}

/* Forms: familiar enterprise density, clear borders, readable labels. */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea{
  border-radius:8px!important;
  font-weight:500!important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):focus,select:focus,textarea:focus{
  outline:none!important;
  box-shadow:0 0 0 3px rgba(29,90,135,.12)!important;
  border-color:#5f8fb3!important;
}

/* App-level buttons that use shared semantic classes. */
.btn-primary,.btn-secondary,.btn-mini{
  border-radius:8px!important;
  text-transform:none!important;
  letter-spacing:.01em!important;
  font-weight:600!important;
}
.btn-primary{background:#1d5a87!important;box-shadow:none!important}
.btn-primary:hover{background:#184a70!important}
.btn-secondary{background:#fff!important;border:1px solid #d9e0e7!important;color:#344454!important}
.btn-secondary:hover{background:#f7f9fb!important;border-color:#bcc8d3!important}
.btn-mini{background:#eef3f7!important;color:#1d5a87!important}

/* Tables: quieter header, stronger row separation, less card-like decoration. */
table{border-collapse:separate;border-spacing:0}
thead th{background:#f6f8fa!important;color:#526171!important;font-weight:600!important;letter-spacing:.025em!important;text-transform:none!important}
tbody td{border-color:#e7ebef!important}
tbody tr:hover{background:#f8fafb!important}

/* Keep overlays crisp. */
[class*="bg-slate-900/40"],[class*="bg-slate-900/60"]{backdrop-filter:none!important}

/* Avoid decorative glow dominating content. */
.blur-3xl{opacity:.32!important}

/* Desktop information hierarchy. */
@media (min-width:1024px){
  body [class*="max-w-7xl"]{max-width:1280px}
}

/* Mobile/tablet: keep touch targets and reduce oversized containers. */
@media (max-width:768px){
  [class*="rounded-[3rem]"],[class*="rounded-[2.5rem]"],[class*="rounded-[40px]"],[class*="rounded-[32px]"]{border-radius:12px!important}
  .shadow-2xl,.shadow-xl{box-shadow:0 1px 2px rgba(15,23,42,.05),0 4px 12px rgba(15,23,42,.05)!important}
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{font-size:16px!important}
}


/* ================================================================
   V5.9 — Institutional UI System
   Identitas resmi Pemerintah Provinsi Sulawesi Tengah / CIKASDA
   Fitur dan struktur fungsional tidak diubah.
   ================================================================ */
:root{
  --inst-navy:#173b5a;
  --inst-navy-2:#214f73;
  --inst-blue:#2e7398;
  --inst-gold:#c9a227;
  --inst-bg:#f4f7f9;
  --inst-surface:#ffffff;
  --inst-border:#d9e2e8;
  --inst-text:#172b3a;
  --inst-muted:#657583;
}
html,body,#root{background:var(--inst-bg)}
body{color:var(--inst-text);letter-spacing:0}
.font-black{font-weight:700!important}
.tracking-widest{letter-spacing:.045em!important}
.tracking-\[0\.18em\],.tracking-\[0\.2em\],.tracking-\[0\.22em\],.tracking-\[0\.24em\]{letter-spacing:.055em!important}
.rounded-3xl{border-radius:14px!important}
.rounded-2xl{border-radius:10px!important}
.rounded-\[28px\],.rounded-\[2\.5rem\],.rounded-\[3rem\],.rounded-\[40px\]{border-radius:16px!important}
.shadow-2xl,.shadow-xl{box-shadow:0 12px 32px rgba(22,49,68,.09)!important}
.shadow-lg{box-shadow:0 6px 18px rgba(22,49,68,.08)!important}
.bg-indigo-600{background-color:var(--inst-navy-2)!important}
.hover\:bg-indigo-700:hover{background-color:var(--inst-navy)!important}
.text-indigo-600{color:var(--inst-navy-2)!important}
.text-indigo-700{color:var(--inst-navy)!important}
.border-indigo-100{border-color:#d7e4ec!important}
.border-indigo-200{border-color:#c7d9e4!important}
.bg-indigo-50{background-color:#eef4f7!important}
.bg-indigo-100{background-color:#e2edf2!important}
.ring-indigo-100{--tw-ring-color:#dceaf1!important}
.focus\:border-indigo-400:focus{border-color:#6c9ab5!important}
.focus\:ring-indigo-100:focus{--tw-ring-color:#dceaf1!important}

.institutional-title-accent{color:var(--inst-navy-2)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.institutional-brand-lockup{display:flex;align-items:center;gap:12px;margin:0 auto 18px;max-width:max-content;padding:11px 15px;background:#fff;border:1px solid var(--inst-border);border-radius:12px;box-shadow:0 5px 18px rgba(22,49,68,.06);text-align:left}
.institutional-brand-crest{width:31px;height:48px;object-fit:contain;flex:none}
.institutional-brand-cikasda{width:94px;height:36px;object-fit:contain;flex:none}
.institutional-brand-divider{width:1px;height:34px;background:var(--inst-border);display:block}
.institutional-brand-copy{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.institutional-brand-copy strong{font-size:11px;color:var(--inst-navy);font-weight:700;letter-spacing:.01em}
.institutional-brand-copy span{font-size:9px;color:var(--inst-muted);font-weight:500;margin-top:2px}

.institutional-sidebar-brand{width:62px;height:45px;border:1px solid var(--inst-border);border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;box-shadow:0 2px 8px rgba(22,49,68,.05);flex:none;overflow:hidden}
.institutional-sidebar-brand img:first-child{width:20px;height:31px;object-fit:contain}
.institutional-sidebar-brand img:last-child{width:31px;height:20px;object-fit:contain}
.institutional-sidebar-brand--mobile{width:54px;height:40px}

.institutional-page-banner{border-radius:14px;background:linear-gradient(112deg,#173b5a 0%,#214f73 72%,#2d6787 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 22px rgba(22,49,68,.12)}
.institutional-page-banner:after{content:"";position:absolute;right:24px;top:0;bottom:0;width:120px;background:url('./brand/prov-sulteng.webp') center/62px auto no-repeat;opacity:.07;pointer-events:none}

/* Enterprise form/table finishing */
input,select,textarea{border-radius:8px!important}
button{letter-spacing:0!important}
table{font-variant-numeric:tabular-nums}
thead{letter-spacing:.015em}
[class*="backdrop-blur"]{backdrop-filter:blur(8px)}

@media(max-width:900px){
  .institutional-brand-lockup{margin-left:auto;margin-right:auto;gap:9px;padding:9px 11px}
  .institutional-brand-copy{display:none}
  .institutional-brand-cikasda{width:82px}
}
@media(max-width:640px){
  .institutional-brand-lockup{margin-bottom:12px}
  .institutional-brand-crest{width:25px;height:39px}
  .institutional-brand-cikasda{width:75px;height:30px}
}

/* ================================================================
   V5.10 — Visual Audit & Density Refinement
   Dashboard / Pegawai / Form / Detail / KP-KGB / Reviewer / Ubah Data
   Visual-only: no business logic or data flow changes.
   ================================================================ */
:root{
  --ui-page-max:1360px;
  --ui-space-1:4px;
  --ui-space-2:8px;
  --ui-space-3:12px;
  --ui-space-4:16px;
  --ui-space-5:20px;
  --ui-space-6:24px;
  --ui-radius:10px;
  --ui-radius-lg:14px;
  --ui-shadow:0 1px 2px rgba(23,43,58,.035),0 5px 16px rgba(23,43,58,.045);
}

/* ---------- App shell: quieter hierarchy ---------- */
.institutional-page-banner{
  min-height:92px;
  background:#173b5a!important;
  border-color:#173b5a!important;
  box-shadow:0 3px 12px rgba(23,59,90,.12)!important;
  padding:18px 22px!important;
}
.institutional-page-banner>div.absolute{display:none!important}
.institutional-page-banner:after{right:20px;width:90px;background-size:48px auto;opacity:.055}
.institutional-page-banner h2{font-size:18px!important;font-weight:650!important;letter-spacing:-.015em!important}
.institutional-page-banner p:first-child{font-size:9px!important;opacity:.82!important;letter-spacing:.045em!important}
.institutional-page-banner p:last-child{font-size:11px!important;opacity:.78!important;font-weight:500!important}
.institutional-page-banner [class*="bg-white/10"]{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.12)!important}

/* Page canvas density */
html[data-page] body [class*="max-w-[1440px]"]{max-width:var(--ui-page-max)!important}
html[data-page] body .space-y-8>:not([hidden])~:not([hidden]){margin-top:1.25rem!important}
html[data-page] body .space-y-6>:not([hidden])~:not([hidden]){margin-top:1rem!important}
html[data-page] body .gap-8{gap:1.25rem!important}
html[data-page] body .gap-6{gap:1rem!important}
html[data-page] body .p-8{padding:1.25rem!important}
html[data-page] body .p-6{padding:1rem!important}
html[data-page] body .p-5{padding:.875rem!important}
html[data-page] body .px-8{padding-left:1.25rem!important;padding-right:1.25rem!important}
html[data-page] body .py-8{padding-top:1.25rem!important;padding-bottom:1.25rem!important}
html[data-page] body .text-3xl{font-size:1.55rem!important;line-height:1.25!important}
html[data-page] body .text-2xl{font-size:1.3rem!important;line-height:1.3!important}
html[data-page] body .text-xl{font-size:1.1rem!important;line-height:1.35!important}
html[data-page] body .uppercase{letter-spacing:.035em!important}

/* Sidebar — reduce visual noise while preserving all menu groups */
aside nav button{min-height:38px!important}
aside nav button [class*="w-8"][class*="h-8"]{width:28px!important;height:28px!important;border-radius:7px!important}
aside nav button [class*="absolute inset-0"][class*="gradient"]{background:#173b5a!important;border-radius:8px!important;box-shadow:none!important}
aside nav button{border-radius:8px!important}
aside nav h3{font-weight:650!important;letter-spacing:.045em!important;color:#788896!important}
aside nav h3+p{font-weight:500!important;color:#a2adb7!important}

/* Header quick actions — compact and utility-like */
header button[class*="uppercase"],header [class*="uppercase"]{text-transform:none!important;letter-spacing:0!important}
header [class*="rounded-2xl"]{border-radius:8px!important}

/* ---------- Dashboard audit ---------- */
html[data-page="dashboard"] .p-16,
html[data-page="leader-dashboard"] .p-16{padding:2rem!important}
html[data-page="dashboard"] [class*="rounded-[2.5rem]"],
html[data-page="leader-dashboard"] [class*="rounded-[2.5rem]"]{border-radius:14px!important}
html[data-page="dashboard"] [class*="shadow-xl"],
html[data-page="leader-dashboard"] [class*="shadow-xl"]{box-shadow:var(--ui-shadow)!important}
html[data-page="dashboard"] .grid,
html[data-page="leader-dashboard"] .grid{column-gap:1rem!important;row-gap:1rem!important}
html[data-page="dashboard"] [class*="w-12"][class*="h-12"],
html[data-page="leader-dashboard"] [class*="w-12"][class*="h-12"]{width:40px!important;height:40px!important;border-radius:9px!important}
html[data-page="dashboard"] h3,
html[data-page="leader-dashboard"] h3{letter-spacing:-.012em!important}
html[data-page="dashboard"] [class*="animate-pulse"],
html[data-page="leader-dashboard"] [class*="animate-pulse"]{animation:none!important}

/* ---------- Data Pegawai audit ---------- */
html[data-page="employees"] table{font-size:12.5px!important}
html[data-page="employees"] thead th{position:sticky;top:0;z-index:2;background:#f5f8fa!important;border-bottom:1px solid #d9e2e8!important}
html[data-page="employees"] th.px-6,
html[data-page="employees"] td.px-6{padding-left:.9rem!important;padding-right:.9rem!important}
html[data-page="employees"] th.py-4,
html[data-page="employees"] td.py-4{padding-top:.7rem!important;padding-bottom:.7rem!important}
html[data-page="employees"] tbody tr{height:auto!important}
html[data-page="employees"] tbody tr:hover{background:#f7fafc!important}
html[data-page="employees"] [class*="rounded-full"]{font-size:9.5px!important;padding:.25rem .55rem!important}
html[data-page="employees"] input,
html[data-page="employees"] select{min-height:38px!important}
html[data-page="employees"] [class*="shadow-xl"]{box-shadow:var(--ui-shadow)!important}
html[data-page="employees"] [class*="p-16"]{padding:2rem!important}

/* ---------- Employee form wizard audit ---------- */
.employee-wizard-backdrop-1asn{padding:18px!important;background:rgba(15,30,42,.42)!important;backdrop-filter:none!important}
.employee-wizard-modal-1asn{max-width:1180px!important;max-height:94vh!important;border-radius:14px!important;border:1px solid #d7e0e7!important;box-shadow:0 22px 60px rgba(15,30,42,.22)!important}
.employee-wizard-header-1asn{padding:16px 20px!important;min-height:66px!important;background:#fff!important;border-bottom:1px solid #e0e7ec!important;backdrop-filter:none!important}
.employee-wizard-header-1asn h2{font-size:20px!important;font-weight:680!important;letter-spacing:-.02em!important}
.employee-wizard-header-1asn p{font-size:11px!important;color:#748391!important}
#employee-wizard-scroll-1asn{padding:16px 20px 20px!important;gap:14px!important;background:#f6f8fa!important}
.employee-wizard-stepper-1asn{padding:12px!important;border-radius:11px!important;border:1px solid #dce4e9!important;box-shadow:none!important;margin-bottom:0!important;background:#fff!important}
.employee-wizard-stepper-1asn>div:first-child{margin-bottom:10px!important}
.employee-wizard-step-btn-1asn{min-height:54px!important;padding:7px 8px!important;border-radius:8px!important;box-shadow:none!important}
.employee-wizard-step-btn-1asn>div{width:22px!important;height:22px!important;border-radius:6px!important;margin-bottom:4px!important}
.employee-wizard-step-btn-1asn p{font-size:9px!important;line-height:1.15!important;white-space:normal!important}
.employee-wizard-photo-1asn{width:168px!important;height:168px!important;border-radius:12px!important;box-shadow:0 2px 10px rgba(15,30,42,.08)!important}
.employee-wizard-footer-1asn{padding:10px 18px!important;min-height:58px!important;border-top:1px solid #dce4e9!important;background:#fff!important}
.employee-wizard-footer-1asn button{min-height:38px!important;border-radius:8px!important}
#employee-wizard-scroll-1asn [class*="rounded-[28px]"]{border-radius:12px!important}
#employee-wizard-scroll-1asn [class*="p-8"]{padding:1.25rem!important}
#employee-wizard-scroll-1asn [class*="space-y-8"]>:not([hidden])~:not([hidden]){margin-top:1.25rem!important}
#employee-wizard-scroll-1asn label{font-weight:600!important;color:#425362!important}

/* ---------- Detail Pegawai audit ---------- */
.employee-profile-modal-1asn{border-radius:14px!important;border:1px solid #d7e0e7!important;box-shadow:0 24px 64px rgba(15,30,42,.23)!important}
.employee-profile-header-1asn{padding:16px 20px!important;min-height:70px!important;border-bottom:1px solid #e0e7ec!important}
.employee-profile-tabs-1asn{padding:0 18px!important;min-height:48px!important;background:#fff!important;border-bottom:1px solid #e4e9ed!important}
.employee-profile-tabs-1asn button{min-height:46px!important;font-size:11px!important;font-weight:600!important;padding:0 12px!important}
.employee-profile-content-1asn{padding:18px!important;background:#f6f8fa!important}
.employee-profile-content-1asn [class*="rounded-[2rem]"]{border-radius:12px!important}
.employee-profile-content-1asn [class*="shadow"]{box-shadow:0 1px 3px rgba(15,30,42,.05)!important}
.employee-profile-identity-1asn{padding:18px!important}
.employee-profile-actions-1asn{padding:12px 18px!important;background:#fff!important;border-top:1px solid #e0e7ec!important}
.employee-profile-actions-1asn button{border-radius:8px!important;min-height:38px!important}

/* ---------- KP / KGB audit ---------- */
html[data-page="promotions"] [class*="rounded-[3rem]"],
html[data-page="kgb"] [class*="rounded-[3rem]"]{border-radius:14px!important}
html[data-page="promotions"] [class*="shadow-xl"],
html[data-page="kgb"] [class*="shadow-xl"]{box-shadow:var(--ui-shadow)!important}
html[data-page="promotions"] table,
html[data-page="kgb"] table{font-size:12.5px!important}
html[data-page="promotions"] th,
html[data-page="promotions"] td,
html[data-page="kgb"] th,
html[data-page="kgb"] td{padding-top:.7rem!important;padding-bottom:.7rem!important}
html[data-page="promotions"] .p-16,
html[data-page="kgb"] .p-16{padding:2rem!important}
html[data-page="promotions"] [class*="rounded-full"],
html[data-page="kgb"] [class*="rounded-full"]{font-size:9.5px!important}
html[data-page="promotions"] input,
html[data-page="promotions"] select,
html[data-page="kgb"] input,
html[data-page="kgb"] select{min-height:38px!important}

/* ---------- Responsive admin ---------- */
@media(max-width:1023px){
  html[data-page] body .p-8{padding:1rem!important}
  html[data-page] body .px-8{padding-left:1rem!important;padding-right:1rem!important}
  .institutional-page-banner{min-height:82px;padding:15px 18px!important}
  .employee-wizard-backdrop-1asn{padding:8px!important}
  .employee-wizard-modal-1asn{max-height:97vh!important}
}
@media(max-width:767px){
  .employee-wizard-backdrop-1asn{padding:0!important}
  .employee-wizard-modal-1asn{width:100%!important;height:100%!important;max-height:none!important;border-radius:0!important;border:0!important}
  .employee-wizard-header-1asn{padding:12px 14px!important;min-height:60px!important}
  #employee-wizard-scroll-1asn{padding:10px!important}
  .employee-wizard-stepper-1asn{padding:9px!important;overflow:hidden!important}
  .employee-wizard-stepper-1asn>div:last-child{display:flex!important;overflow-x:auto!important;gap:6px!important;padding-bottom:2px!important;scrollbar-width:none!important}
  .employee-wizard-step-btn-1asn{min-width:92px!important;flex:0 0 92px!important}
  .employee-wizard-footer-1asn{padding:9px 10px!important;position:sticky!important;bottom:0!important;z-index:20!important}
  .employee-wizard-footer-1asn>div:first-child{max-width:45%!important}
  .employee-profile-content-1asn{padding:10px!important}
}

/* Admin Detail Pegawai — semantic audit selectors */
.employee-detail-backdrop-1asn{padding:18px!important;background:rgba(15,30,42,.42)!important;backdrop-filter:none!important}
.employee-detail-modal-1asn{max-width:1120px!important;max-height:93vh!important;border-radius:14px!important;border:1px solid #d7e0e7!important;box-shadow:0 24px 64px rgba(15,30,42,.22)!important;background:#f6f8fa!important}
.employee-detail-header-1asn{padding:16px 18px!important;gap:14px!important;background:#fff!important;backdrop-filter:none!important;border-bottom:1px solid #dfe6eb!important}
.employee-detail-header-1asn [class*="w-24"][class*="h-24"]{width:70px!important;height:70px!important;border-radius:10px!important;border-width:3px!important;box-shadow:0 2px 10px rgba(15,30,42,.08)!important}
.employee-detail-header-1asn h2{font-size:20px!important;font-weight:680!important;line-height:1.2!important}
.employee-detail-header-1asn [class*="gap-8"]{gap:14px!important}
.employee-detail-header-1asn button{padding:.55rem .75rem!important;border-radius:8px!important;font-size:11px!important;min-height:36px!important}
.employee-detail-tabs-1asn{padding:0 16px!important;gap:2px!important;background:#fff!important;backdrop-filter:none!important;border-bottom:1px solid #dfe6eb!important}
.employee-detail-tabs-1asn button{padding:0 12px!important;min-height:44px!important;font-size:11px!important;font-weight:600!important}
.employee-detail-tabs-1asn button [class*="h-1"]{height:2px!important;border-radius:0!important}
.employee-detail-content-1asn{padding:14px!important;background:#f6f8fa!important}
.employee-detail-content-1asn .gap-8{gap:14px!important}
.employee-detail-content-1asn .space-y-8>:not([hidden])~:not([hidden]){margin-top:14px!important}
.employee-detail-content-1asn .p-10{padding:1rem!important}
.employee-detail-content-1asn .p-8{padding:1rem!important}
.employee-detail-content-1asn [class*="rounded-[40px]"],
.employee-detail-content-1asn [class*="rounded-[3rem]"]{border-radius:11px!important}
.employee-detail-content-1asn [class*="shadow-xl"],
.employee-detail-content-1asn [class*="shadow-2xl"]{box-shadow:0 1px 3px rgba(15,30,42,.045)!important}
.employee-detail-content-1asn [class*="hover:-translate-y"]{transform:none!important}
.employee-detail-content-1asn [class*="blur-3xl"]{display:none!important}
.employee-detail-content-1asn [class*="w-14"][class*="h-14"]{width:40px!important;height:40px!important;border-radius:8px!important}
.employee-detail-content-1asn [class*="w-36"][class*="h-36"]{width:112px!important;height:112px!important;border-radius:12px!important}
.employee-detail-content-1asn h3{font-size:16px!important}
.employee-detail-content-1asn h4{font-size:14px!important}
.employee-detail-content-1asn [class*="text-[10px]"][class*="uppercase"]{text-transform:none!important;letter-spacing:.02em!important}
@media(max-width:767px){
  .employee-detail-backdrop-1asn{padding:0!important}
  .employee-detail-modal-1asn{width:100%!important;height:100%!important;max-height:none!important;border-radius:0!important;border:0!important}
  .employee-detail-header-1asn{padding:12px!important}
  .employee-detail-header-1asn>div:first-child{gap:10px!important}
  .employee-detail-header-1asn [class*="w-24"][class*="h-24"]{width:52px!important;height:52px!important}
  .employee-detail-header-1asn h2{font-size:17px!important}
  .employee-detail-header-1asn>div:last-child{width:100%!important;display:flex!important;overflow-x:auto!important;padding-bottom:2px!important}
  .employee-detail-header-1asn>div:last-child button{white-space:nowrap!important;flex:none!important}
  .employee-detail-tabs-1asn{overflow-x:auto!important;padding:0 8px!important}
  .employee-detail-tabs-1asn button{min-width:max-content!important;padding:0 10px!important}
  .employee-detail-content-1asn{padding:9px!important}
}


/* ================================================================
   V5.11 — Form Pegawai Integrity & UX Refinement
   Data-entry clarity, duplicate prevention feedback, canonical fields.
   ================================================================ */
.employee-wizard-modal-1asn{
  --form-primary:#173b5a;
  --form-primary-soft:#edf4f8;
  --form-border:#d7e1e7;
  --form-muted:#667987;
  --form-surface:#ffffff;
}
.employee-wizard-header-1asn{
  border-top:3px solid var(--form-primary)!important;
}
.employee-wizard-header-1asn h2{
  color:#172f42!important;
}
.employee-wizard-stepper-1asn{
  border-left:3px solid var(--form-primary)!important;
  background:#fff!important;
}
.employee-wizard-stepper-1asn>div:first-child p:first-child{
  color:var(--form-primary)!important;
  text-transform:none!important;
  letter-spacing:.01em!important;
  font-size:11px!important;
}
.employee-wizard-stepper-1asn>div:first-child p:nth-child(2){
  max-width:720px;
  color:#687b89!important;
}
.employee-wizard-step-grid-1asn{
  gap:6px!important;
}
.employee-wizard-step-btn-1asn{
  min-height:58px!important;
  border-color:#dce5ea!important;
  background:#f8fafb;
}
.employee-wizard-step-btn-1asn:hover{
  border-color:#afc3d0!important;
}
.employee-wizard-step-btn-1asn[class*="bg-indigo-600"]{
  background:var(--form-primary)!important;
  border-color:var(--form-primary)!important;
  box-shadow:0 2px 6px rgba(23,59,90,.14)!important;
}
.employee-wizard-step-btn-1asn[class*="bg-emerald-50"]{
  background:#f0f8f4!important;
  border-color:#cde6d7!important;
}
.employee-wizard-step-btn-1asn[class*="bg-amber-50"]{
  background:#fff8e8!important;
  border-color:#ecd9a6!important;
}
.employee-wizard-step-status-1asn{
  font-weight:500!important;
  letter-spacing:0!important;
}
#employee-wizard-scroll-1asn>div:not(.employee-wizard-stepper-1asn)>div:first-child{
  margin-bottom:2px;
}
#employee-wizard-scroll-1asn>div:not(.employee-wizard-stepper-1asn)>div:first-child h3{
  color:#18384f!important;
  font-size:17px!important;
  font-weight:680!important;
}
#employee-wizard-scroll-1asn>div:not(.employee-wizard-stepper-1asn)>div:first-child span[class*="bg-indigo-600"]{
  background:var(--form-primary)!important;
  box-shadow:none!important;
  border-radius:8px!important;
}
#employee-wizard-scroll-1asn input,
#employee-wizard-scroll-1asn select,
#employee-wizard-scroll-1asn textarea{
  min-height:40px;
  border-radius:8px!important;
  border-color:#cfdbe2!important;
  background:#fff!important;
  font-size:13px!important;
  color:#253b4b!important;
  box-shadow:none!important;
}
#employee-wizard-scroll-1asn input:focus,
#employee-wizard-scroll-1asn select:focus,
#employee-wizard-scroll-1asn textarea:focus{
  border-color:#6f96ad!important;
  box-shadow:0 0 0 3px rgba(23,59,90,.08)!important;
  outline:none!important;
}
#employee-wizard-scroll-1asn input[readonly],
#employee-wizard-scroll-1asn input:disabled,
#employee-wizard-scroll-1asn select:disabled{
  background:#eef3f6!important;
  color:#667987!important;
  border-color:#dbe4e9!important;
}
#employee-wizard-scroll-1asn label{
  font-size:11.5px!important;
  font-weight:620!important;
  color:#415766!important;
  letter-spacing:0!important;
}
#employee-wizard-scroll-1asn label+input,
#employee-wizard-scroll-1asn label+select,
#employee-wizard-scroll-1asn label+textarea{
  margin-top:3px;
}
#employee-wizard-scroll-1asn p[class*="text-[10px]"]{
  line-height:1.45!important;
}
.employee-identity-conflict-1asn{
  box-shadow:inset 3px 0 0 #b42318;
}
.employee-document-checklist-1asn,
.employee-review-readiness-1asn{
  box-shadow:0 1px 2px rgba(15,30,42,.03)!important;
}
.employee-document-checklist-1asn button,
.employee-review-status-grid-1asn button{
  min-height:48px;
}
.employee-document-checklist-1asn button:hover,
.employee-review-status-grid-1asn button:hover{
  transform:none!important;
}
.employee-review-readiness-1asn{
  border-left:3px solid var(--form-primary)!important;
}
#employee-wizard-scroll-1asn [class*="bg-slate-900"][class*="text-white"]{
  background:#173b5a!important;
  box-shadow:0 4px 14px rgba(23,59,90,.12)!important;
}
.employee-wizard-footer-1asn{
  box-shadow:0 -1px 0 #e3eaee!important;
}
.employee-wizard-footer-1asn button[class*="bg-indigo"]{
  background:var(--form-primary)!important;
}
@media(min-width:1024px){
  .employee-wizard-step-grid-1asn{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
  }
  #employee-wizard-scroll-1asn{
    scrollbar-gutter:stable;
  }
}
@media(max-width:767px){
  .employee-wizard-header-1asn{
    border-top-width:2px!important;
  }
  .employee-wizard-stepper-1asn{
    border-left-width:0!important;
    border-top:2px solid var(--form-primary)!important;
  }
  .employee-wizard-step-btn-1asn{
    min-width:108px!important;
    flex-basis:108px!important;
  }
  .employee-wizard-step-status-1asn{
    display:block!important;
  }
  .employee-document-checklist-1asn,
  .employee-review-readiness-1asn{
    padding:13px!important;
  }
}

/* ================================================================
   V5.24 — UI/UX Consolidation · Institutional Minimal
   VISUAL LAYER ONLY — no business logic, schema, query or workflow.
   ================================================================ */
:root{--ui524-navy:#173b5a;--ui524-text:#1f2d38;--ui524-muted:#687783;--ui524-bg:#f5f7f9;--ui524-line:#dde4e9}
html[data-page] body{background:var(--ui524-bg)!important;color:var(--ui524-text)}
/* Main shell: reduce density without removing any navigation action. */
#root aside.w-80{width:16.25rem!important;background:#f7f8f9!important;backdrop-filter:none!important;box-shadow:none!important;border-right:1px solid var(--ui524-line)!important}
#root aside.w-24{width:4.75rem!important;background:#f7f8f9!important;backdrop-filter:none!important;box-shadow:none!important;border-right:1px solid var(--ui524-line)!important}
#root aside>div:first-child{padding:14px 14px 12px!important;background:#fff!important;backdrop-filter:none!important;border-color:var(--ui524-line)!important}
#root aside .institutional-sidebar-brand{gap:5px!important}
#root aside .institutional-sidebar-brand img:first-child{max-height:34px!important;max-width:30px!important}
#root aside .institutional-sidebar-brand img:last-child{max-height:22px!important;max-width:70px!important}
#root aside [class*="bg-emerald-50"][class*="rounded-full"]{display:none!important}
#root aside nav{padding-left:10px!important;padding-right:10px!important;margin-top:10px!important;padding-bottom:16px!important}
#root aside nav>div{margin-top:12px!important}
#root aside nav>div:first-child{margin-top:0!important}
#root aside nav h3{font-size:9px!important;letter-spacing:.08em!important;font-weight:700!important;color:#81909b!important}
#root aside nav h3+ p{display:none!important}
#root aside nav button{min-height:38px!important;padding-top:5px!important;padding-bottom:5px!important;border-radius:8px!important;box-shadow:none!important}
#root aside nav button>div[class*="w-8"][class*="h-8"]{width:29px!important;height:29px!important;border-radius:7px!important;background:#eef1f3!important}
#root aside nav button:hover>div[class*="w-8"][class*="h-8"]{background:#e6edf1!important;color:var(--ui524-navy)!important}
#root aside nav button>div.absolute.inset-0{background:var(--ui524-navy)!important;border-radius:8px!important;box-shadow:none!important}
#root aside nav button [class*="text-xs"]{font-size:11px!important;font-weight:650!important}
#root aside nav button p{display:none!important}
#root aside nav button span[class*="rounded-full"]{font-size:7.5px!important;padding:2px 5px!important;background:#eef3f6!important;color:#526b7d!important}
#root aside>div:last-child{padding:11px!important;border-color:var(--ui524-line)!important}
#root aside>div:last-child>div{border-radius:8px!important;box-shadow:none!important;padding:9px!important}
#root aside>div:last-child img{border-radius:8px!important}
/* Header: flatter, calmer, and more institutional. */
#root main>header{min-height:62px!important;padding-left:20px!important;padding-right:20px!important;background:#fff!important;backdrop-filter:none!important;border-color:var(--ui524-line)!important}
#root main>header [class*="w-10"][class*="h-10"][class*="rounded-2xl"]{width:34px!important;height:34px!important;border-radius:8px!important;background:#eef3f6!important;color:var(--ui524-navy)!important}
#root main>header h1{font-size:17px!important;font-weight:700!important;color:#1c3040!important}
#root main>header [class*="uppercase"][class*="tracking-"]{letter-spacing:.06em!important;font-weight:650!important}
#root main>header input{border-radius:8px!important;background:#f5f7f8!important;border-color:#edf0f2!important;box-shadow:none!important}
#root main>header input:focus{background:#fff!important;border-color:#cddae2!important;box-shadow:0 0 0 3px rgba(23,59,90,.06)!important}
/* Common enterprise surfaces: fewer floating cards/shadows. */
html[data-page] #root main [class*="shadow-2xl"],html[data-page] #root main [class*="shadow-xl"]{box-shadow:0 1px 3px rgba(15,30,42,.06)!important}
html[data-page] #root main [class*="rounded-[3rem]"],html[data-page] #root main [class*="rounded-[40px]"],html[data-page] #root main [class*="rounded-3xl"]{border-radius:10px!important}
html[data-page] #root main [class*="rounded-2xl"]{border-radius:8px!important}
html[data-page] #root main [class*="backdrop-blur"]{backdrop-filter:none!important}
/* Make status color purposeful; remove decorative motion/glow. */
html[data-page] #root main [class*="blur-3xl"],html[data-page] #root main [class*="blur-2xl"]{display:none!important}
html[data-page] #root main [class*="hover:-translate"],html[data-page] #root main [class*="hover:scale"]{transform:none!important}
/* Tables remain the visual priority on operational screens. */
html[data-page="employees"] #root main table,html[data-page="bulk-update"] #root main table,html[data-page="employee-change-requests"] #root main table{font-size:12.5px!important}
html[data-page="employees"] #root main thead th,html[data-page="bulk-update"] #root main thead th{background:#f3f5f6!important;box-shadow:none!important}
html[data-page="employees"] #root main tbody td,html[data-page="bulk-update"] #root main tbody td{padding-top:9px!important;padding-bottom:9px!important}
/* Form Pegawai: compact step navigation and more breathing room between sections. */
.employee-wizard-stepper-1asn{padding:8px 10px!important;border-left-width:2px!important;box-shadow:none!important}
.employee-wizard-step-grid-1asn{gap:4px!important}
.employee-wizard-step-btn-1asn{min-height:48px!important;border-radius:7px!important;padding:7px!important;box-shadow:none!important}
.employee-wizard-step-status-1asn{display:none!important}
.employee-wizard-step-btn-1asn[class*="bg-indigo-600"] .employee-wizard-step-status-1asn,.employee-wizard-step-btn-1asn[class*="bg-amber-50"] .employee-wizard-step-status-1asn{display:block!important;font-size:8px!important;margin-top:2px!important}
#employee-wizard-scroll-1asn{padding:12px 16px 20px!important;background:#f7f8f9!important}
#employee-wizard-scroll-1asn input,#employee-wizard-scroll-1asn select,#employee-wizard-scroll-1asn textarea{min-height:37px!important;border-radius:7px!important}
#employee-wizard-scroll-1asn [class*="shadow-xl"],#employee-wizard-scroll-1asn [class*="shadow-2xl"]{box-shadow:none!important}
.employee-wizard-footer-1asn{padding:8px 14px!important;background:#fff!important;box-shadow:0 -1px 0 #e1e7eb!important}
/* Detail pegawai: calm profile workspace. */
.employee-detail-modal-1asn{border-radius:10px!important;background:#f5f7f8!important;box-shadow:0 16px 45px rgba(15,30,42,.16)!important}
.employee-detail-header-1asn{padding:14px 16px!important}.employee-detail-tabs-1asn button{min-height:41px!important}.employee-detail-content-1asn{padding:12px 14px!important}
/* Tooltips/dropdowns/modals may keep elevation; normal cards do not need it. */
#root [role="dialog"],[class*="dropdown"],[class*="popover"]{--tw-shadow:0 14px 35px rgba(15,30,42,.14)}
@media(max-width:767px){#root main>header{min-height:58px!important;padding-left:10px!important;padding-right:10px!important}.employee-wizard-step-status-1asn{display:none!important}#employee-wizard-scroll-1asn{padding:9px!important}.employee-detail-content-1asn{padding:9px!important}}


/* ================================================================
   V5.24.1 — FUNCTION RESTORE HOTFIX
   Critical employee actions must remain visible after UI consolidation.
   ================================================================ */
.employee-detail-header-1asn{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  min-height:72px!important;
  max-height:none!important;
  overflow:visible!important;
  position:relative!important;
  z-index:4!important;
  flex-shrink:0!important;
}
.employee-detail-header-1asn>div:last-child{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex-wrap:wrap!important;
}
.employee-detail-footer-actions-1asn{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:8!important;
  flex-shrink:0!important;
  padding:10px 14px!important;
  background:#fff!important;
  border-top:1px solid #dde4e9!important;
}
.employee-detail-footer-primary-1asn{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.employee-detail-footer-actions-1asn button{
  min-height:36px!important;
  border-radius:7px!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.employee-detail-action-drh-1asn{
  background:#173b5a!important;
  border-color:#173b5a!important;
  color:#fff!important;
}
.employee-detail-action-drh-1asn:hover{background:#102f49!important;color:#fff!important}
@media(max-width:767px){
  .employee-detail-header-1asn{min-height:auto!important;overflow:visible!important}
  .employee-detail-footer-actions-1asn{align-items:stretch!important;gap:8px!important;padding:8px!important}
  .employee-detail-footer-primary-1asn{flex:1 1 auto!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important}
  .employee-detail-footer-actions-1asn button{flex:none!important}
}

/* =====================================================================
   V5.25 — 1ASN MODERN INSTITUTIONAL UI
   Presentation-only redesign based on the approved navy/blue/gold concept.
   IMPORTANT: no business rules, Firestore schema, handlers or workflows changed.
   ===================================================================== */
:root{
  --v525-navy-950:#001a36;
  --v525-navy-900:#002b52;
  --v525-navy-800:#063b6b;
  --v525-blue-700:#1458b8;
  --v525-blue-600:#1769e0;
  --v525-blue-500:#2f80ed;
  --v525-gold:#f4b423;
  --v525-gold-soft:#fff7df;
  --v525-green:#1a9b5f;
  --v525-red:#df3f48;
  --v525-orange:#f59e0b;
  --v525-violet:#805ad5;
  --v525-bg:#f4f7fb;
  --v525-surface:#ffffff;
  --v525-line:#e2e9f1;
  --v525-line-strong:#d3deea;
  --v525-text:#10233c;
  --v525-muted:#64748b;
  --v525-soft:#f8fafc;
  --v525-shadow:0 8px 24px rgba(11,38,66,.055);
}
html,body,#root{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important}
html[data-page] body{background:var(--v525-bg)!important;color:var(--v525-text)!important}
.bg-mesh{background:var(--v525-bg)!important}

/* ---------- Brand + sidebar ---------- */
#root aside.w-80,#root aside.w-24{
  background:linear-gradient(180deg,var(--v525-navy-950) 0%,#002846 55%,#003156 100%)!important;
  border-right:0!important;
  box-shadow:10px 0 30px rgba(0,27,56,.08)!important;
}
#root aside>div:first-child{
  background:transparent!important;
  border-color:rgba(255,255,255,.09)!important;
  padding:13px 13px 12px!important;
}
.institutional-sidebar-brand{
  width:158px!important;height:68px!important;min-width:158px!important;
  background:url('./brand/1asn-logo-navy.png') left center/contain no-repeat!important;
  display:block!important;overflow:hidden!important;
}
.institutional-sidebar-brand img{display:none!important}
.institutional-sidebar-brand+div{display:none!important}
#root aside.w-24 .institutional-sidebar-brand{
  width:48px!important;height:54px!important;min-width:48px!important;
  background-image:url('./brand/1asn-mark.png')!important;
  background-position:center!important;background-size:48px 48px!important;
  border-radius:11px!important;
}
#root aside nav{padding:11px 9px 18px!important;margin-top:0!important}
#root aside nav>div{margin-top:16px!important}
#root aside nav h3{
  color:#91a9c0!important;font-size:9px!important;font-weight:700!important;
  letter-spacing:.075em!important;padding-left:8px!important;
}
#root aside nav h3+p{display:none!important}
#root aside nav button{
  min-height:38px!important;border-radius:8px!important;color:#e9f2fb!important;
  padding-left:7px!important;padding-right:7px!important;transition:background .15s ease,color .15s ease!important;
}
#root aside nav button:hover{background:rgba(255,255,255,.075)!important;color:#fff!important}
#root aside nav button>div[class*="w-8"][class*="h-8"]{
  width:28px!important;height:28px!important;border-radius:7px!important;
  color:#c8d9e9!important;background:rgba(255,255,255,.06)!important;
}
#root aside nav button:hover>div[class*="w-8"][class*="h-8"]{background:rgba(255,255,255,.12)!important;color:#fff!important}
#root aside nav button>div.absolute.inset-0{
  background:linear-gradient(90deg,#145dc5 0%,#1c75e9 100%)!important;
  border-radius:8px!important;box-shadow:0 4px 13px rgba(18,100,217,.22)!important;
}
#root aside nav button .relative.z-10,#root aside nav button span,#root aside nav button p{color:inherit!important}
#root aside nav button [class*="text-xs"]{font-size:11px!important;font-weight:600!important;letter-spacing:0!important}
#root aside nav button p{display:none!important}
#root aside nav button span[class*="rounded-full"]{
  font-size:7.5px!important;background:rgba(255,255,255,.14)!important;color:#e9f3ff!important;border:0!important
}
#root aside>div:last-child{
  background:rgba(0,19,39,.25)!important;border-color:rgba(255,255,255,.09)!important;padding:10px!important
}
#root aside>div:last-child>div{
  background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.09)!important;
  border-radius:9px!important;box-shadow:none!important
}
#root aside>div:last-child p{color:#eef6ff!important}
#root aside>div:last-child [class*="text-indigo"]{color:#f4c354!important}
#root aside>div:last-child button{border-radius:8px!important}

/* Mobile drawer matches the same brand language. */
#root aside.fixed.inset-y-0.left-0{
  background:linear-gradient(180deg,var(--v525-navy-950),#003156)!important;
  color:#fff!important
}
#root aside.fixed.inset-y-0.left-0>div:first-child{background:transparent!important;border-color:rgba(255,255,255,.1)!important}
#root aside.fixed .institutional-sidebar-brand--mobile{width:145px!important;height:58px!important;min-width:145px!important}
#root aside.fixed .institutional-sidebar-brand--mobile+div{display:none!important}
#root aside.fixed button[class*="hover:bg-slate"]{color:#dbeafe!important;background:rgba(255,255,255,.06)!important}

/* ---------- Header ---------- */
#root main>header{
  min-height:64px!important;padding:0 22px!important;background:#fff!important;
  border-bottom:1px solid var(--v525-line)!important;box-shadow:0 1px 0 rgba(12,40,68,.025)!important
}
#root main>header h1{font-size:17px!important;font-weight:700!important;color:#0c2540!important;letter-spacing:-.018em!important}
#root main>header p{color:#718096!important}
#root main>header [class*="w-10"][class*="h-10"]{border-radius:9px!important;background:#eef5ff!important;color:#1458b8!important}
#root main>header input{
  height:38px!important;border-radius:9px!important;background:#f8fafc!important;
  border:1px solid #e2e8f0!important;box-shadow:none!important
}
#root main>header input:focus{background:#fff!important;border-color:#9fc2ef!important;box-shadow:0 0 0 3px rgba(23,105,224,.08)!important}
#root main>header button{border-radius:9px!important}

/* ---------- Main canvas + page banner ---------- */
#root main{background:var(--v525-bg)!important}
.institutional-page-banner{
  min-height:84px!important;padding:16px 20px!important;border-radius:12px!important;
  background:linear-gradient(120deg,#002d57 0%,#08477c 72%,#0b568f 100%)!important;
  border:0!important;box-shadow:0 8px 22px rgba(0,45,87,.13)!important
}
.institutional-page-banner:after{opacity:.08!important}
.institutional-page-banner h2{font-size:19px!important;color:#fff!important}
.institutional-page-banner p{color:#d9e9f7!important}

/* ---------- Cards / sections ---------- */
html[data-page] #root main [class*="bg-white"]{
  border-color:var(--v525-line)!important
}
html[data-page] #root main [class*="shadow-xl"],
html[data-page] #root main [class*="shadow-2xl"]{box-shadow:var(--v525-shadow)!important}
html[data-page] #root main [class*="rounded-3xl"]{border-radius:12px!important}
html[data-page] #root main [class*="rounded-2xl"]{border-radius:10px!important}
html[data-page] #root main [class*="rounded-xl"]{border-radius:9px!important}
html[data-page] #root main [class*="backdrop-blur"]{backdrop-filter:none!important}
html[data-page] #root main [class*="blur-3xl"],html[data-page] #root main [class*="blur-2xl"]{display:none!important}

/* Dashboard: executive console style. */
html[data-page="dashboard"] #root main>div,html[data-page="leader-dashboard"] #root main>div{background:var(--v525-bg)!important}
html[data-page="dashboard"] #root main [class*="grid"]>div[class*="bg-white"],
html[data-page="leader-dashboard"] #root main [class*="grid"]>div[class*="bg-white"]{
  background:#fff!important;border:1px solid var(--v525-line)!important;
  box-shadow:var(--v525-shadow)!important
}
html[data-page="dashboard"] #root main [class*="w-12"][class*="h-12"],
html[data-page="leader-dashboard"] #root main [class*="w-12"][class*="h-12"]{
  width:38px!important;height:38px!important;border-radius:9px!important
}
html[data-page="dashboard"] #root main h3,html[data-page="leader-dashboard"] #root main h3{color:#10233c!important;font-weight:700!important}
html[data-page="dashboard"] #root main [class*="text-indigo"],html[data-page="leader-dashboard"] #root main [class*="text-indigo"]{color:var(--v525-blue-700)!important}

/* Employee table: clean, data-first. */
html[data-page="employees"] #root main table{font-size:12.2px!important;background:#fff!important}
html[data-page="employees"] #root main thead th{
  background:#f3f6fa!important;color:#53657a!important;font-size:10px!important;
  font-weight:700!important;text-transform:uppercase!important;letter-spacing:.035em!important;
  border-bottom:1px solid #dfe7ef!important
}
html[data-page="employees"] #root main tbody tr{border-color:#edf1f5!important}
html[data-page="employees"] #root main tbody tr:hover{background:#f7fbff!important}
html[data-page="employees"] #root main tbody td{color:#25364a!important}
html[data-page="employees"] #root main input,html[data-page="employees"] #root main select{
  min-height:38px!important;border-radius:8px!important;background:#fff!important;border-color:#dfe7ef!important
}
html[data-page="employees"] #root main button{border-radius:8px!important}
html[data-page="employees"] #root main button[class*="bg-indigo"],html[data-page="employees"] #root main button[class*="bg-blue"]{
  background:#075cb8!important;color:#fff!important;box-shadow:none!important
}

/* ---------- Employee detail: match approved profile mockup ---------- */
.employee-detail-modal-1asn{
  max-width:1220px!important;max-height:92vh!important;border-radius:12px!important;
  background:#f7f9fc!important;border:1px solid #dce6ef!important;
  box-shadow:0 28px 70px rgba(0,29,58,.22)!important;overflow:hidden!important
}
.employee-detail-header-1asn{
  min-height:64px!important;padding:10px 16px!important;background:#fff!important;
  border-bottom:1px solid var(--v525-line)!important
}
.employee-detail-header-1asn h2{font-size:18px!important;color:#10233c!important}
.employee-detail-header-1asn button{min-height:34px!important;border-radius:8px!important;box-shadow:none!important}
.employee-detail-tabs-1asn{
  background:#fff!important;border-bottom:1px solid var(--v525-line)!important;padding:0 16px!important
}
.employee-detail-tabs-1asn button{
  min-height:42px!important;color:#64748b!important;font-size:11px!important;font-weight:600!important;
  border-radius:0!important
}
.employee-detail-tabs-1asn button[class*="text-indigo"],.employee-detail-tabs-1asn button[class*="border-indigo"]{
  color:#075cb8!important;border-color:#075cb8!important
}
.employee-detail-content-1asn{padding:12px!important;background:#f7f9fc!important}
.employee-detail-content-1asn [class*="bg-white"]{
  border:1px solid var(--v525-line)!important;border-radius:10px!important;box-shadow:none!important
}
.employee-detail-content-1asn [class*="rounded-3xl"],.employee-detail-content-1asn [class*="rounded-2xl"]{border-radius:10px!important}
.employee-detail-content-1asn [class*="font-black"]{font-weight:700!important}
.employee-detail-content-1asn [class*="tracking-widest"]{letter-spacing:.035em!important}
.employee-detail-footer-actions-1asn{
  min-height:54px!important;padding:9px 14px!important;background:#fff!important;border-top:1px solid var(--v525-line)!important
}
.employee-detail-footer-actions-1asn button{min-height:35px!important;border-radius:8px!important;font-weight:650!important}
.employee-detail-action-drh-1asn{background:#075cb8!important;border-color:#075cb8!important}
.employee-detail-action-drh-1asn:hover{background:#064f9f!important}

/* ---------- Form Pegawai: left-step feeling without changing wizard logic ---------- */
.employee-wizard-backdrop-1asn{background:rgba(0,24,48,.55)!important;backdrop-filter:blur(2px)!important;padding:16px!important}
.employee-wizard-modal-1asn{
  max-width:1180px!important;max-height:94vh!important;border-radius:13px!important;border:1px solid #dbe5ee!important;
  box-shadow:0 30px 80px rgba(0,24,48,.24)!important
}
.employee-wizard-header-1asn{
  min-height:64px!important;padding:14px 18px!important;background:#fff!important;border-bottom:1px solid var(--v525-line)!important
}
.employee-wizard-header-1asn h2{font-size:19px!important;color:#10233c!important;font-weight:700!important}
.employee-wizard-header-1asn p{font-size:10.5px!important;color:#718096!important}
.employee-wizard-stepper-1asn{
  border:1px solid #dce6ef!important;border-left:3px solid #1769e0!important;border-radius:9px!important;
  background:#fff!important;padding:9px!important;box-shadow:none!important
}
.employee-wizard-step-grid-1asn{gap:5px!important}
.employee-wizard-step-btn-1asn{
  min-height:50px!important;border-radius:7px!important;border-color:#e3eaf1!important;background:#f9fbfd!important;box-shadow:none!important
}
.employee-wizard-step-btn-1asn[class*="bg-indigo"]{background:#075cb8!important;border-color:#075cb8!important;color:#fff!important}
#employee-wizard-scroll-1asn{background:#f5f8fc!important;padding:12px 16px 18px!important}
#employee-wizard-scroll-1asn [class*="bg-white"]{border-color:#dfe7ef!important;box-shadow:none!important;border-radius:10px!important}
#employee-wizard-scroll-1asn input,#employee-wizard-scroll-1asn select,#employee-wizard-scroll-1asn textarea{
  min-height:38px!important;border-radius:7px!important;border-color:#d8e3ed!important;background:#fff!important
}
#employee-wizard-scroll-1asn input:focus,#employee-wizard-scroll-1asn select:focus,#employee-wizard-scroll-1asn textarea:focus{
  border-color:#7fb0e8!important;box-shadow:0 0 0 3px rgba(23,105,224,.07)!important
}
.employee-wizard-footer-1asn{background:#fff!important;border-top:1px solid var(--v525-line)!important;padding:9px 14px!important}
.employee-wizard-footer-1asn button{min-height:37px!important;border-radius:8px!important}
.employee-wizard-footer-1asn button[class*="bg-indigo"]{background:#075cb8!important}

/* ---------- Status / buttons ---------- */
#root main button[class*="bg-indigo-600"],#root main button[class*="bg-blue-600"]{background:#075cb8!important}
#root main button[class*="bg-indigo-600"]:hover,#root main button[class*="bg-blue-600"]:hover{background:#064f9f!important}
#root main [class*="bg-emerald-50"]{background:#ecfaf3!important}
#root main [class*="text-emerald-700"],#root main [class*="text-emerald-600"]{color:#168654!important}
#root main [class*="bg-amber-50"]{background:#fff8e8!important}
#root main [class*="bg-rose-50"]{background:#fff1f2!important}

/* ---------- Page-level modal / dropdown ---------- */
#root [role="dialog"],[class*="dropdown"],[class*="popover"]{border-radius:10px!important}

/* ---------- Responsive ---------- */
@media(max-width:1023px){
  #root main>header{padding:0 14px!important}
  .institutional-page-banner{border-radius:10px!important}
  .employee-detail-modal-1asn{max-width:96vw!important}
}
@media(max-width:767px){
  #root main>header{min-height:58px!important;padding:0 10px!important}
  .institutional-page-banner{min-height:auto!important;padding:14px!important}
  .employee-detail-modal-1asn{max-width:100vw!important;max-height:100vh!important;border-radius:0!important}
  .employee-detail-content-1asn{padding:8px!important}
  .employee-detail-footer-actions-1asn{padding:8px!important}
  .employee-wizard-backdrop-1asn{padding:0!important}
  .employee-wizard-modal-1asn{max-width:100vw!important;max-height:100vh!important;border-radius:0!important}
  #employee-wizard-scroll-1asn{padding:9px!important}
}

/* =====================================================================
   V5.25.1 — 1ASN + CIKASDA BRAND LOCKUP
   Presentation-only hotfix. Adds the official CIKASDA mark alongside 1ASN.
   No business logic, handlers, Firestore schema, PDF or workflow changes.
   ===================================================================== */
@media (min-width:769px){
  #root aside.w-80 .institutional-sidebar-brand{
    position:relative!important;
    width:250px!important;
    min-width:250px!important;
    height:68px!important;
    overflow:visible!important;
    background:url('./brand/1asn-logo-navy.png') left center/140px auto no-repeat!important;
  }
  #root aside.w-80 .institutional-sidebar-brand::after{
    content:"";
    position:absolute;
    left:148px;
    top:13px;
    width:96px;
    height:42px;
    border-radius:8px;
    background:#fff url('./brand/cikasda.png') center/86px auto no-repeat;
    box-shadow:0 3px 10px rgba(0,20,42,.18);
    border:1px solid rgba(255,255,255,.32);
    pointer-events:none;
  }
}
/* Collapsed sidebar stays icon-only to preserve usable navigation width. */
#root aside.w-24 .institutional-sidebar-brand::after{display:none!important}


/* ================================================================
   V5.25.3 — DASHBOARD + DRH STABILITY HOTFIX
   Presentation safety only: keep charts measurable and critical
   employee actions permanently reachable.
   ================================================================ */

/* Recharts must be allowed to measure the real parent width.
   Do not force a 1x1 initial canvas; the JS runtime was restored to
   the library default and these guards prevent flex/grid collapse. */
.recharts-responsive-container{
  min-width:0!important;
  max-width:100%!important;
}
html[data-page="dashboard"] .recharts-responsive-container,
html[data-page="leader-dashboard"] .recharts-responsive-container{
  width:100%!important;
  min-width:0!important;
}
html[data-page="dashboard"] .recharts-wrapper,
html[data-page="leader-dashboard"] .recharts-wrapper{
  max-width:100%!important;
}

/* Detail Pegawai critical actions are never allowed to disappear.
   Keep the footer in the visual viewport even on shorter screens. */
.employee-detail-footer-actions-1asn{
  position:sticky!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  z-index:30!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}
.employee-detail-footer-primary-1asn{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
.employee-detail-action-edit-1asn,
.employee-detail-action-drh-1asn,
.employee-detail-action-kp4-1asn,
.employee-detail-action-export-1asn{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 auto!important;
}
.employee-detail-action-drh-1asn{
  min-width:112px!important;
}
@media (max-width: 760px){
  .employee-detail-footer-actions-1asn{
    gap:6px!important;
    overflow:hidden!important;
  }
  .employee-detail-footer-primary-1asn{
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:thin!important;
    flex-wrap:nowrap!important;
  }
}

/* =====================================================================
   V5.25.10 — DASHBOARD LAYOUT POLISH
   Presentation-only. No handler, query, Firestore, workflow, DRH/KP4,
   Data Grid, permission or business-rule changes.
   Goals: use horizontal space better, calm the urgent area, and improve
   the 1ASN + CIKASDA brand lockup on the operational dashboard.
   ===================================================================== */

/* --- Sidebar brand lockup: balanced, not cramped --- */
@media (min-width:769px){
  #root aside.w-80>div:first-child{
    min-height:68px!important;
    padding:9px 12px!important;
    display:flex!important;
    align-items:center!important;
  }
  #root aside.w-80 .institutional-sidebar-brand{
    width:226px!important;
    min-width:226px!important;
    height:52px!important;
    background-position:left center!important;
    background-size:122px auto!important;
  }
  #root aside.w-80 .institutional-sidebar-brand::after{
    left:133px!important;
    top:8px!important;
    width:82px!important;
    height:36px!important;
    border-radius:7px!important;
    background-size:74px auto!important;
    box-shadow:0 2px 8px rgba(0,20,42,.14)!important;
  }
}

/* --- Operational dashboard canvas --- */
html[data-page="dashboard"] #root main>div[class*="overflow-y-auto"]{
  padding-top:18px!important;
}
html[data-page="dashboard"] #root main>div[class*="overflow-y-auto"]>div[class*="max-w-[1440px]"]{
  width:100%!important;
  max-width:1360px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html[data-page="dashboard"] .institutional-page-banner{
  min-height:72px!important;
  padding:13px 18px!important;
  border-radius:10px!important;
  box-shadow:0 5px 16px rgba(0,45,87,.10)!important;
}
html[data-page="dashboard"] .institutional-page-banner h2{
  font-size:17px!important;
}

/* Critical ticker: contained inside the page rather than full-bleed. */
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="-mx-4"][class*="-mt-8"][class*="overflow-hidden"]{
  margin-left:0!important;
  margin-right:0!important;
  margin-top:10px!important;
  margin-bottom:16px!important;
  border-radius:8px!important;
  box-shadow:none!important;
  background:#e11d48!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="-mx-4"][class*="-mt-8"]>div{
  padding:7px 12px!important;
  gap:10px!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="-mx-4"][class*="-mt-8"] span{
  letter-spacing:.04em!important;
}

/* The original top area used a two-column flex layout where the action
   buttons reserved a whole column and left a large empty area below them.
   Keep the same DOM/actions, but let the information column use full width
   and float the two actions only beside the title area. */
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="md:items-start"][class*="justify-between"][class*="gap-6"]{
  display:block!important;
  position:relative!important;
  width:100%!important;
}
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
>div[class~="flex-1"]{
  width:100%!important;
  min-width:0!important;
}
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
>div[class~="flex-1"]>h2{
  font-size:28px!important;
  line-height:1.15!important;
  font-weight:750!important;
  letter-spacing:-.025em!important;
  max-width:calc(100% - 300px)!important;
}
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
>div[class~="flex-1"]>p{
  font-size:13px!important;
  max-width:calc(100% - 300px)!important;
}
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
>div[class*="flex flex-wrap"][class*="md:flex-col"][class*="lg:flex-row"]{
  position:absolute!important;
  top:2px!important;
  right:0!important;
  z-index:5!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
}
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
>div[class*="flex flex-wrap"][class*="md:flex-col"] button{
  min-height:38px!important;
  padding:8px 14px!important;
  border-radius:8px!important;
  box-shadow:none!important;
  transform:none!important;
  font-size:10px!important;
  letter-spacing:.05em!important;
}

/* Synchronisation strip: compact and full-width. */
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
>div[class~="flex-1"]>div[class*="mt-6"][class*="bg-slate-50"][class*="border"][class*="p-6"]{
  margin-top:16px!important;
  padding:13px 15px!important;
  border-radius:10px!important;
  gap:12px!important;
  background:#fff!important;
  border-color:#dfe7ef!important;
  box-shadow:0 3px 12px rgba(14,45,77,.035)!important;
}
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
>div[class~="flex-1"]>div[class*="mt-6"] [class*="w-12"][class*="h-12"]{
  width:38px!important;
  height:38px!important;
  border-radius:9px!important;
}
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
>div[class~="flex-1"]>div[class*="mt-6"] button{
  min-height:36px!important;
  padding:8px 13px!important;
  border-radius:8px!important;
}

/* Quick cards consume the available row rather than leaving an empty third. */
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
>div[class~="flex-1"]>div[class*="mt-8"][class*="grid"]{
  margin-top:16px!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
  gap:14px!important;
}
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
>div[class~="flex-1"]>div[class*="mt-8"][class*="grid"]>div{
  min-height:0!important;
  padding:16px!important;
  border-radius:10px!important;
  box-shadow:0 3px 12px rgba(14,45,77,.035)!important;
}

/* Critical H-30 section: retain urgency, but remove the oversized red block. */
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="shadow-2xl"][class*="text-white"][class*="relative"]{
  background:#fff!important;
  color:#172033!important;
  padding:16px 18px!important;
  border:1px solid #fecdd3!important;
  border-left:4px solid #e11d48!important;
  border-radius:12px!important;
  box-shadow:0 6px 18px rgba(94,25,42,.055)!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="shadow-2xl"][class*="text-white"][class*="relative"]
>div[class*="absolute"]{
  display:none!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="shadow-2xl"][class*="text-white"][class*="relative"]
>div[class*="relative"]>div[class*="mb-6"]{
  margin-bottom:12px!important;
  gap:11px!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="shadow-2xl"][class*="text-white"][class*="relative"]
>div[class*="relative"]>div[class*="mb-6"]>div[class*="w-14"]{
  width:38px!important;
  height:38px!important;
  border-radius:9px!important;
  background:#fff1f2!important;
  color:#e11d48!important;
  backdrop-filter:none!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="shadow-2xl"][class*="text-white"][class*="relative"]
>div[class*="relative"]>div[class*="mb-6"] svg{
  width:20px!important;
  height:20px!important;
  color:#e11d48!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="shadow-2xl"][class*="text-white"][class*="relative"] h3{
  color:#881337!important;
  font-size:17px!important;
  font-weight:750!important;
  letter-spacing:-.015em!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="shadow-2xl"][class*="text-white"][class*="relative"]
>div[class*="relative"]>div[class*="mb-6"] p{
  color:#be123c!important;
  font-size:9px!important;
  letter-spacing:.08em!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="shadow-2xl"][class*="text-white"][class*="relative"]
 div[class*="grid-cols-1"][class*="md:grid-cols-2"][class*="lg:grid-cols-3"]{
  gap:10px!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="shadow-2xl"][class*="text-white"][class*="relative"]
 div[class*="bg-white/10"][class*="backdrop-blur-md"]{
  background:#fff7f8!important;
  border:1px solid #fecdd3!important;
  padding:11px 12px!important;
  border-radius:9px!important;
  color:#172033!important;
  backdrop-filter:none!important;
  gap:10px!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="shadow-2xl"][class*="text-white"][class*="relative"]
 div[class*="bg-white/10"] div[class*="w-10"][class*="h-10"]{
  width:34px!important;
  height:34px!important;
  border-radius:8px!important;
  background:#ffe4e6!important;
  color:#be123c!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="shadow-2xl"][class*="text-white"][class*="relative"]
 div[class*="bg-white/10"] p[class*="font-black"][class*="text-sm"]{
  color:#243247!important;
  font-size:12px!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="shadow-2xl"][class*="text-white"][class*="relative"]
 div[class*="bg-white/10"] p[class*="text-rose-100"]{
  color:#9f1239!important;
  letter-spacing:.05em!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="shadow-2xl"][class*="text-white"][class*="relative"]
 div[class*="bg-white/10"]>svg{
  color:#e11d48!important;
  opacity:.55!important;
}

/* Tighten vertical rhythm only on Dashboard Operasional. */
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]{
  padding-bottom:28px!important;
}
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]>div[class*="space-y-6"]{
  margin-top:18px!important;
}

/* Responsive: actions return to normal flow so no content can overlap. */
@media (max-width:900px){
  html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
  >div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
  >div[class*="flex flex-wrap"][class*="md:flex-col"][class*="lg:flex-row"]{
    position:static!important;
    margin-top:12px!important;
    flex-wrap:wrap!important;
  }
  html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
  >div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
  >div[class~="flex-1"]>h2,
  html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
  >div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
  >div[class~="flex-1"]>p{
    max-width:100%!important;
  }
}


/* =====================================================================
   V5.25.11 — PROPORTIONAL INSTITUTIONAL REFINEMENT
   Presentation-only. No business logic, handlers, Firestore queries,
   permissions, DRH/KP4, Data Grid or workflow changes.
   Design intent: reduce "AI-dashboard" visual noise, flatten hierarchy,
   use one restrained institutional palette, and improve proportion.
   ===================================================================== */
:root{
  --v52511-navy:#0b2f4f;
  --v52511-navy-2:#123e63;
  --v52511-blue:#2b6597;
  --v52511-gold:#c99322;
  --v52511-bg:#f5f7f9;
  --v52511-surface:#ffffff;
  --v52511-line:#dce4ea;
  --v52511-line-soft:#e9eef2;
  --v52511-text:#1d2b38;
  --v52511-muted:#687783;
  --v52511-danger:#b83b45;
  --v52511-success:#257451;
  --v52511-warning:#a96a18;
  --v52511-shadow:0 1px 2px rgba(13,37,58,.035);
}
html[data-page] body{background:var(--v52511-bg)!important;color:var(--v52511-text)!important}

/* One calm application shell. No decorative gradients or floating glow. */
#root aside.w-80,#root aside.w-24,
#root aside.fixed.inset-y-0.left-0{
  background:var(--v52511-navy)!important;
  box-shadow:none!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
}
#root aside nav h3{
  color:#9eb2c3!important;
  font-size:8.5px!important;
  letter-spacing:.06em!important;
  font-weight:650!important;
}
#root aside nav button{
  min-height:36px!important;
  border-radius:6px!important;
  font-weight:550!important;
}
#root aside nav button:hover{background:rgba(255,255,255,.055)!important}
#root aside nav button>div.absolute.inset-0{
  background:rgba(255,255,255,.10)!important;
  border-left:3px solid #5fa0d3!important;
  border-radius:5px!important;
  box-shadow:none!important;
}
#root aside nav button>div[class*="w-8"][class*="h-8"]{
  width:27px!important;height:27px!important;border-radius:6px!important;
  background:rgba(255,255,255,.055)!important;
}
#root aside nav button [class*="text-xs"]{font-size:10.5px!important;font-weight:550!important}

/* Brand lockup is a header, not a billboard. */
@media(min-width:769px){
  #root aside.w-80>div:first-child{padding:10px 10px 9px!important}
  #root aside.w-80 .institutional-sidebar-brand{
    width:224px!important;min-width:224px!important;height:54px!important;
    background:url('./brand/1asn-logo-navy.png') left center/118px auto no-repeat!important;
  }
  #root aside.w-80 .institutional-sidebar-brand::after{
    left:127px!important;top:9px!important;width:88px!important;height:35px!important;
    border-radius:5px!important;background:#fff url('./brand/cikasda.png') center/78px auto no-repeat!important;
    border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important;
  }
}

/* Header and global controls: compact, quiet, enterprise. */
#root main>header{
  min-height:58px!important;padding:0 18px!important;background:#fff!important;
  border-bottom:1px solid var(--v52511-line)!important;box-shadow:none!important;
}
#root main>header h1{font-size:16px!important;font-weight:650!important;color:var(--v52511-text)!important}
#root main>header p{font-size:10px!important;color:var(--v52511-muted)!important}
#root main>header input{height:35px!important;border-radius:6px!important;background:#fbfcfd!important}
#root main>header button{border-radius:6px!important;box-shadow:none!important;transform:none!important}
#root main>header [class*="w-10"][class*="h-10"]{border-radius:6px!important}

/* Page identity banner becomes a sober title strip. */
.institutional-page-banner{
  min-height:66px!important;padding:12px 16px!important;border-radius:7px!important;
  background:#fff!important;border:1px solid var(--v52511-line)!important;
  border-left:4px solid var(--v52511-navy-2)!important;box-shadow:var(--v52511-shadow)!important;
}
.institutional-page-banner:after{display:none!important}
.institutional-page-banner h2{font-size:16px!important;font-weight:650!important;color:var(--v52511-text)!important}
.institutional-page-banner p{font-size:10.5px!important;color:var(--v52511-muted)!important}
.institutional-page-banner button{min-height:34px!important;border-radius:6px!important;box-shadow:none!important}

/* Flatten generic surfaces. Strong shadow is reserved for modal/dialog only. */
html[data-page] #root main [class*="shadow-sm"],
html[data-page] #root main [class*="shadow-md"],
html[data-page] #root main [class*="shadow-lg"],
html[data-page] #root main [class*="shadow-xl"],
html[data-page] #root main [class*="shadow-2xl"]{box-shadow:var(--v52511-shadow)!important}
html[data-page] #root main [class*="rounded-3xl"],
html[data-page] #root main [class*="rounded-[3rem]"]{border-radius:9px!important}
html[data-page] #root main [class*="rounded-2xl"],
html[data-page] #root main [class*="rounded-[2rem]"]{border-radius:8px!important}
html[data-page] #root main [class*="rounded-xl"]{border-radius:7px!important}
html[data-page] #root main button{transform:none!important}
html[data-page] #root main [class*="hover:-translate"]:hover{transform:none!important}
html[data-page] #root main [class*="font-black"]{font-weight:700!important}
html[data-page] #root main [class*="tracking-widest"],
html[data-page] #root main [class*="tracking-[0.2em]"]{letter-spacing:.035em!important}

/* Operational dashboard uses a measured editorial rhythm. */
html[data-page="dashboard"] #root main>div[class*="overflow-y-auto"]{padding-top:14px!important}
html[data-page="dashboard"] #root main>div[class*="overflow-y-auto"]>div[class*="max-w-[1440px]"]{
  max-width:1280px!important;padding-left:18px!important;padding-right:18px!important;
}
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]{row-gap:18px!important}

/* Urgent ticker: still visible, no alarm-banner aesthetic. */
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="-mx-4"][class*="-mt-8"][class*="overflow-hidden"]{
  margin-top:8px!important;margin-bottom:14px!important;
  background:#fff!important;border:1px solid #eed5d8!important;border-left:3px solid var(--v52511-danger)!important;
  color:#7e3139!important;border-radius:6px!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="-mx-4"][class*="-mt-8"]>div{
  min-height:32px!important;padding:5px 10px!important;color:#7e3139!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="-mx-4"][class*="-mt-8"] svg{
  width:14px!important;height:14px!important;color:var(--v52511-danger)!important;animation:none!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="-mx-4"][class*="-mt-8"] span{
  font-size:9.5px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;color:#7e3139!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="-mx-4"][class*="-mt-8"] span[class*="bg-white/20"]{
  background:#f8e9eb!important;color:#8e333d!important;border-radius:4px!important;font-size:8.5px!important;
}

/* Dashboard title area: remove marketing-like badges and dominant AI CTA. */
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
>div[class~="flex-1"]>h2{
  font-size:25px!important;line-height:1.2!important;font-weight:650!important;letter-spacing:-.02em!important;
}
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
>div[class~="flex-1"]>p{font-size:12px!important;color:var(--v52511-muted)!important}
html[data-page="dashboard"] #root main span[class*="bg-indigo-50"][class*="uppercase"]{
  padding:0!important;background:transparent!important;border:0!important;color:#71808d!important;
  border-radius:0!important;font-size:9px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;
}
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
>div[class*="flex flex-wrap"][class*="md:flex-col"] button{
  min-height:34px!important;padding:7px 11px!important;border-radius:6px!important;
  font-size:10px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;
}
/* AI Analysis remains available but is deliberately not the primary visual action. */
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
>div[class*="flex flex-wrap"][class*="md:flex-col"] button[class*="bg-indigo-600"]{
  background:#fff!important;color:var(--v52511-navy-2)!important;border:1px solid #cfdbe5!important;
}
html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
>div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
>div[class*="flex flex-wrap"][class*="md:flex-col"] button[class*="bg-indigo-600"] svg{color:var(--v52511-navy-2)!important}

/* Status sync is a utility row, not a feature card. */
html[data-page="dashboard"] #root main div[class*="mt-6"][class*="bg-slate-50"][class*="border"][class*="p-6"]{
  padding:10px 12px!important;border-radius:6px!important;background:#fff!important;border-color:var(--v52511-line)!important;box-shadow:none!important;
}
html[data-page="dashboard"] #root main div[class*="mt-6"][class*="bg-slate-50"] h4{
  font-size:10.5px!important;font-weight:650!important;text-transform:none!important;letter-spacing:0!important;
}
html[data-page="dashboard"] #root main div[class*="mt-6"][class*="bg-slate-50"] p{font-size:9.5px!important}
html[data-page="dashboard"] #root main div[class*="mt-6"][class*="bg-slate-50"] [class*="w-12"][class*="h-12"]{
  width:31px!important;height:31px!important;border-radius:6px!important;box-shadow:none!important;
}

/* Quick-action and accessibility blocks: simple sections, neutral child rows. */
html[data-page="dashboard"] #root main div[class*="mt-8"][class*="grid"]{gap:12px!important}
html[data-page="dashboard"] #root main div[class*="mt-8"][class*="grid"]>div{
  padding:14px!important;border-radius:7px!important;border:1px solid var(--v52511-line)!important;box-shadow:none!important;
}
html[data-page="dashboard"] #root main div[class*="mt-8"][class*="grid"] h3{
  font-size:11px!important;font-weight:650!important;text-transform:none!important;letter-spacing:0!important;margin-bottom:3px!important;
}
html[data-page="dashboard"] #root main div[class*="mt-8"][class*="grid"] button[class*="bg-slate-50"]{
  background:#fafbfc!important;border:1px solid var(--v52511-line-soft)!important;border-radius:6px!important;padding:9px!important;
}
html[data-page="dashboard"] #root main div[class*="mt-8"][class*="grid"] button[class*="bg-slate-50"] [class*="w-8"][class*="h-8"],
html[data-page="dashboard"] #root main div[class*="mt-8"][class*="grid"] div[class*="bg-slate-50"] [class*="w-8"][class*="h-8"]{
  width:27px!important;height:27px!important;border-radius:6px!important;box-shadow:none!important;
}
html[data-page="dashboard"] #root main div[class*="mt-8"][class*="grid"] span[class*="font-black"]{
  font-size:9.5px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;
}

/* H-30 section becomes a restrained exception list. */
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="text-white"][class*="relative"]{
  padding:14px 15px!important;background:#fff!important;border:1px solid #ead7da!important;
  border-left:3px solid var(--v52511-danger)!important;border-radius:7px!important;box-shadow:none!important;color:var(--v52511-text)!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="text-white"][class*="relative"] h3{
  font-size:14px!important;font-weight:650!important;color:#6f2f36!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="text-white"][class*="relative"]
 div[class*="bg-white/10"][class*="backdrop-blur-md"]{
  padding:9px 10px!important;background:#fff!important;border:1px solid #eee2e4!important;border-radius:6px!important;color:var(--v52511-text)!important;
}
html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="text-white"][class*="relative"]
 div[class*="bg-white/10"] div[class*="w-10"][class*="h-10"]{
  width:28px!important;height:28px!important;border-radius:5px!important;background:#f8edef!important;color:#8d3740!important;
}

/* Dashboard cards/charts: neutral surfaces, smaller radii, no multicolor marketing glow. */
html[data-page="dashboard"] #root main [class*="bg-white"][class*="border"]{
  border-color:var(--v52511-line)!important;box-shadow:none!important;
}
html[data-page="dashboard"] #root main [class*="group-hover:scale"],
html[data-page="dashboard"] #root main [class*="group-hover:rotate"]{transform:none!important}
html[data-page="dashboard"] #root main .recharts-responsive-container{min-width:0!important}

/* Employee/detail/forms use the same restrained system. */
.employee-detail-modal-1asn,.employee-wizard-modal-1asn{
  border-radius:9px!important;box-shadow:0 18px 48px rgba(10,30,47,.18)!important;
}
.employee-detail-header-1asn,.employee-wizard-header-1asn{min-height:58px!important}
.employee-detail-content-1asn,#employee-wizard-scroll-1asn{background:var(--v52511-bg)!important}
.employee-detail-content-1asn [class*="bg-white"],#employee-wizard-scroll-1asn [class*="bg-white"]{
  border-radius:7px!important;border-color:var(--v52511-line)!important;box-shadow:none!important;
}
.employee-detail-tabs-1asn button{font-weight:550!important}
.employee-detail-footer-actions-1asn button,.employee-wizard-footer-1asn button{border-radius:6px!important;box-shadow:none!important}
.employee-wizard-stepper-1asn{border-left-width:2px!important;border-radius:7px!important}
.employee-wizard-step-btn-1asn{border-radius:6px!important;min-height:47px!important}

/* Data tables: no uppercase-heavy SaaS aesthetic. */
html[data-page="employees"] #root main thead th{
  text-transform:none!important;letter-spacing:0!important;font-size:10.5px!important;font-weight:650!important;background:#f6f8fa!important;
}
html[data-page="employees"] #root main tbody tr:hover{background:#f8fafb!important}

/* Floating assistant remains accessible, but visually secondary. */
#root main button[class*="fixed"][class*="bottom-"][class*="right-"]{
  width:44px!important;height:44px!important;border-radius:50%!important;box-shadow:0 3px 10px rgba(16,46,72,.14)!important;
  background:var(--v52511-navy-2)!important;transform:none!important;
}

@media(max-width:900px){
  html[data-page="dashboard"] #root main>div[class*="overflow-y-auto"]>div[class*="max-w-[1440px]"]{padding-left:10px!important;padding-right:10px!important}
  .institutional-page-banner{border-left-width:3px!important}
}

/* =====================================================================
   V5.25.12 — DASHBOARD CHART STABILITY
   Presentation/runtime sizing only. Does not alter chart data, queries,
   calculations, filters, or business logic.
   ===================================================================== */
html[data-page="dashboard"] #root main .recharts-responsive-container,
html[data-page="leader-dashboard"] #root main .recharts-responsive-container{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:1px!important;
  position:relative!important;
}
html[data-page="dashboard"] #root main .h-60:has(> .recharts-responsive-container),
html[data-page="leader-dashboard"] #root main .h-60:has(> .recharts-responsive-container){
  height:15rem!important;
  min-height:15rem!important;
  width:100%!important;
  min-width:0!important;
}
html[data-page="dashboard"] #root main .h-64:has(> .recharts-responsive-container),
html[data-page="leader-dashboard"] #root main .h-64:has(> .recharts-responsive-container){
  height:16rem!important;
  min-height:16rem!important;
  width:100%!important;
  min-width:0!important;
}
html[data-page="dashboard"] #root main .h-80:has(> .recharts-responsive-container),
html[data-page="leader-dashboard"] #root main .h-80:has(> .recharts-responsive-container){
  height:20rem!important;
  min-height:20rem!important;
  width:100%!important;
  min-width:0!important;
}
html[data-page="dashboard"] #root main .recharts-wrapper,
html[data-page="leader-dashboard"] #root main .recharts-wrapper{
  max-width:100%!important;
}

/* =====================================================================
   V5.25.13 — DESKTOP LAYOUT REBALANCE
   Presentation-only. No business logic, Firestore query, handler,
   DRH/KP4, Data Grid, approval, or workflow changes.
   Goal: use the available desktop canvas proportionally and remove the
   excessive left/right dead space visible on 1366–1920px screens.
   ===================================================================== */

@media (min-width: 1024px){
  /* Sidebar: narrower and more architectural; brand sits on a clean white rail. */
  #root aside.w-80{
    width:15rem!important;
    min-width:15rem!important;
    max-width:15rem!important;
  }
  #root aside.w-24{
    width:4.75rem!important;
    min-width:4.75rem!important;
    max-width:4.75rem!important;
  }
  #root aside.w-80>div:first-child{
    min-height:72px!important;
    padding:10px 12px!important;
    background:#fff!important;
    border-bottom:1px solid #dce4ea!important;
  }
  #root aside.w-80 .institutional-sidebar-brand{
    width:208px!important;
    min-width:208px!important;
    height:48px!important;
    background:url('./brand/1asn-logo-navy.png') left center/112px auto no-repeat!important;
    border:0!important;
    box-shadow:none!important;
  }
  #root aside.w-80 .institutional-sidebar-brand::after{
    left:122px!important;
    top:5px!important;
    width:80px!important;
    height:38px!important;
    background:transparent url('./brand/cikasda.png') center/74px auto no-repeat!important;
    border:0!important;
    border-left:1px solid #d9e2e9!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  #root aside nav{
    padding-left:10px!important;
    padding-right:10px!important;
    margin-top:10px!important;
  }
  #root aside nav>div{margin-bottom:12px!important}
  #root aside nav h3{
    font-size:9px!important;
    letter-spacing:.075em!important;
  }
  #root aside nav button{
    min-height:38px!important;
    padding-left:9px!important;
    padding-right:9px!important;
    border-radius:6px!important;
  }
  #root aside nav button [class*="text-xs"]{
    font-size:11.25px!important;
    line-height:1.25!important;
  }

  /* Main canvas: use the full space beside the sidebar instead of a narrow centered column. */
  #root main{
    min-width:0!important;
    width:auto!important;
    background:#f4f6f8!important;
  }
  html[data-page="dashboard"] #root main>div[class*="overflow-y-auto"]{
    padding:16px 22px 44px!important;
  }
  html[data-page="dashboard"] #root main>div[class*="overflow-y-auto"]>div[class*="max-w-[1440px]"]{
    width:100%!important;
    max-width:1680px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  html[data-page="dashboard"] .institutional-page-banner{
    width:100%!important;
    min-height:70px!important;
    padding:13px 17px!important;
    border-radius:7px!important;
  }
  html[data-page="dashboard"] .institutional-page-banner h2{
    font-size:17px!important;
    line-height:1.2!important;
  }
  html[data-page="dashboard"] .institutional-page-banner p{
    font-size:11.5px!important;
    line-height:1.45!important;
  }

  /* Dashboard vertical rhythm: fewer artificial gaps and better alignment. */
  html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]{
    row-gap:16px!important;
  }
  html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
  >div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]{
    width:100%!important;
    gap:16px!important;
    align-items:flex-start!important;
  }
  html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
  >div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
  >div[class~="flex-1"]>h2{
    font-size:28px!important;
    line-height:1.15!important;
    font-weight:680!important;
  }
  html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
  >div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
  >div[class~="flex-1"]>p{
    font-size:12.5px!important;
    line-height:1.5!important;
  }
  html[data-page="dashboard"] #root main div[class*="space-y-8"][class*="pb-12"]
  >div[class*="flex flex-col"][class*="md:flex-row"][class*="justify-between"]
  >div[class*="flex flex-wrap"]{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin-left:auto!important;
  }

  /* Utility/sync row spans the same content width and stays compact. */
  html[data-page="dashboard"] #root main div[class*="mt-6"][class*="bg-slate-50"][class*="border"][class*="p-6"]{
    width:100%!important;
    padding:11px 13px!important;
    gap:14px!important;
  }

  /* Quick action / accessibility / profile region fills the row proportionally. */
  html[data-page="dashboard"] #root main div[class*="mt-8"][class*="grid"]{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;
    gap:14px!important;
    margin-top:14px!important;
  }
  html[data-page="dashboard"] #root main div[class*="mt-8"][class*="grid"]>div{
    min-width:0!important;
    width:100%!important;
    padding:15px!important;
  }
  html[data-page="dashboard"] #root main div[class*="mt-8"][class*="grid"] h3{
    font-size:12px!important;
    line-height:1.3!important;
  }
  html[data-page="dashboard"] #root main div[class*="mt-8"][class*="grid"] button[class*="bg-slate-50"]{
    min-height:44px!important;
    padding:9px 10px!important;
  }

  /* Critical H-30 block: full-width exception list with cards that actually use the row. */
  html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="text-white"][class*="relative"]{
    width:100%!important;
    padding:15px 16px!important;
  }
  html[data-page="dashboard"] #root main div[class*="bg-rose-600"][class*="p-8"][class*="text-white"][class*="relative"]
  div[class*="grid grid-cols-1"][class*="md:grid-cols-2"]{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
    gap:10px!important;
  }

  /* Operational cards below H-30 should fill available width rather than stop at three narrow cards. */
  html[data-page="dashboard"] #root main div[class*="grid grid-cols-1"][class*="lg:grid-cols-4"]{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
    gap:14px!important;
    width:100%!important;
  }

  /* More legible data hierarchy. Previous compact pass made secondary text too small. */
  html[data-page="dashboard"] #root main [class*="text-[10px]"]{
    font-size:10.5px!important;
  }
  html[data-page="dashboard"] #root main [class*="text-xs"]{
    font-size:11.5px!important;
  }
}

@media (min-width: 1440px){
  html[data-page="dashboard"] #root main>div[class*="overflow-y-auto"]{
    padding-left:26px!important;
    padding-right:26px!important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px){
  #root aside.w-80{
    width:14.25rem!important;
    min-width:14.25rem!important;
    max-width:14.25rem!important;
  }
  #root aside.w-80 .institutional-sidebar-brand{
    width:196px!important;
    min-width:196px!important;
    background-size:105px auto!important;
  }
  #root aside.w-80 .institutional-sidebar-brand::after{
    left:114px!important;
    width:76px!important;
    background-size:70px auto!important;
  }
  html[data-page="dashboard"] #root main>div[class*="overflow-y-auto"]{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* =====================================================================
   V5.25.14 — SIDEBAR COLLAPSE CONTROL POSITION FIX
   Presentation-only. Keeps the existing collapse/expand handler intact,
   but moves the expanded-sidebar control into a dedicated visible slot.
   ===================================================================== */
@media (min-width:769px){
  /* Brand header may extend visually; never crop the collapse control. */
  #root aside.w-80,
  #root aside.w-80>div:first-child,
  #root aside.w-80>div:first-child>div{
    overflow:visible!important;
  }
  #root aside.w-80>div:first-child{
    position:relative!important;
    z-index:40!important;
  }
  #root aside.w-80>div:first-child>div{
    position:relative!important;
    display:block!important;
    width:100%!important;
  }

  /* Keep the 1ASN + CIKASDA lockup full-width; the control no longer
     competes with it inside the same flex row. */
  #root aside.w-80 .institutional-sidebar-brand{
    max-width:100%!important;
    margin:0!important;
  }

  /* Existing button / handler; only its visual placement changes. */
  #root aside.w-80 button[title="Ringkas sidebar"]{
    position:absolute!important;
    right:4px!important;
    bottom:-34px!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    margin:0!important;
    border-radius:7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#dceaf5!important;
    background:#123e63!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 2px 6px rgba(0,25,50,.16)!important;
    z-index:60!important;
    transform:none!important;
  }
  #root aside.w-80 button[title="Ringkas sidebar"]:hover{
    color:#fff!important;
    background:#1b527d!important;
    border-color:rgba(255,255,255,.28)!important;
  }
  #root aside.w-80 button[title="Ringkas sidebar"] svg{
    width:14px!important;
    height:14px!important;
  }

  /* Reserve a small breathing space below the brand strip so the control
     never overlaps the first navigation heading. */
  #root aside.w-80 nav{
    padding-top:24px!important;
  }

  /* Collapsed state remains centered and uses the existing open handler. */
  #root aside.w-24 button[title="Buka sidebar"]{
    width:30px!important;
    height:30px!important;
    min-height:30px!important;
    margin:8px auto 0!important;
    border-radius:7px!important;
  }
}

/* ================================================================
   V5.25.15 — DASHBOARD CHART RENDER RECOVERY
   Chart-only rendering guards. No data/write/workflow changes.
   ================================================================ */
html[data-page="dashboard"] .dashboard-chart-frame-1asn,
html[data-page="leader-dashboard"] .dashboard-chart-frame-1asn{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
html[data-page="dashboard"] .dashboard-chart-frame-1asn.h-60,
html[data-page="leader-dashboard"] .dashboard-chart-frame-1asn.h-60{height:240px!important;min-height:240px!important}
html[data-page="dashboard"] .dashboard-chart-frame-1asn.h-64,
html[data-page="leader-dashboard"] .dashboard-chart-frame-1asn.h-64{height:256px!important;min-height:256px!important}
html[data-page="dashboard"] .dashboard-chart-frame-1asn.h-80,
html[data-page="leader-dashboard"] .dashboard-chart-frame-1asn.h-80{height:320px!important;min-height:320px!important}
html[data-page="dashboard"] .dashboard-chart-frame-1asn .recharts-responsive-container,
html[data-page="leader-dashboard"] .dashboard-chart-frame-1asn .recharts-responsive-container{
  width:100%!important;
  min-width:260px!important;
  overflow:visible!important;
}
html[data-page="dashboard"] .dashboard-chart-frame-1asn .recharts-wrapper,
html[data-page="dashboard"] .dashboard-chart-frame-1asn .recharts-surface,
html[data-page="leader-dashboard"] .dashboard-chart-frame-1asn .recharts-wrapper,
html[data-page="leader-dashboard"] .dashboard-chart-frame-1asn .recharts-surface{
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
}
html[data-page="dashboard"] .dashboard-chart-frame-1asn .recharts-sector,
html[data-page="dashboard"] .dashboard-chart-frame-1asn .recharts-rectangle,
html[data-page="leader-dashboard"] .dashboard-chart-frame-1asn .recharts-sector,
html[data-page="leader-dashboard"] .dashboard-chart-frame-1asn .recharts-rectangle{
  opacity:1!important;
  visibility:visible!important;
}

/* ================================================================
   V5.25.16 — DASHBOARD NATIVE CHART RENDERER
   Stable HTML/CSS chart renderer for the six main dashboard charts.
   Avoids ResponsiveContainer/ResizeObserver rendering failures.
   Data calculations and Firestore logic are unchanged.
   ================================================================ */
.oneasn-native-chart{width:100%;min-width:0;box-sizing:border-box;color:#25384a}
.oneasn-native-chart-empty{display:flex;align-items:center;justify-content:center;width:100%;color:#8292a1;font-size:12px;font-weight:600;border:1px dashed #d8e1e8;border-radius:8px;background:#fafbfd}
.oneasn-native-donut-chart{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(180px,1.1fr);align-items:center;gap:22px;padding:4px 8px 8px}
.oneasn-native-donut-wrap{display:flex;align-items:center;justify-content:center;min-width:0}
.oneasn-native-donut{position:relative;width:172px;height:172px;max-width:100%;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(15,47,79,.05)}
.oneasn-native-donut-hole{position:absolute;inset:31%;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(15,47,79,.06)}
.oneasn-native-donut-total{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.oneasn-native-donut-total strong{font-size:22px;line-height:1;font-weight:750;color:#142a3d;font-variant-numeric:tabular-nums}
.oneasn-native-donut-total span{margin-top:5px;font-size:10px;color:#81909c;font-weight:600}
.oneasn-native-legend{display:flex;flex-direction:column;gap:8px;min-width:0}
.oneasn-native-legend-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto auto;align-items:center;gap:7px;min-height:24px;font-size:11px}
.oneasn-native-dot{width:8px;height:8px;border-radius:50%}
.oneasn-native-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#526677;font-weight:600}
.oneasn-native-legend-row strong{font-size:11px;color:#1e3447;font-weight:750;font-variant-numeric:tabular-nums}
.oneasn-native-legend-row small{width:34px;text-align:right;color:#94a1ac;font-size:10px;font-variant-numeric:tabular-nums}
.oneasn-native-bars-chart{padding:2px 4px 4px;overflow:hidden}
.oneasn-native-bars-scroll{height:100%;overflow:auto;padding:2px 8px 2px 2px;scrollbar-width:thin;scrollbar-color:#c9d4dc transparent}
.oneasn-native-bar-row{display:grid;grid-template-columns:minmax(92px,30%) minmax(90px,1fr) 42px;align-items:center;gap:10px;min-height:31px}
.oneasn-native-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:600;color:#526677}
.oneasn-native-bar-track{height:10px;background:#edf2f5;border-radius:3px;overflow:hidden;position:relative}
.oneasn-native-bar-fill{height:100%;min-width:3px;border-radius:3px;transition:none}
.oneasn-native-bar-value{text-align:right;font-size:10.5px;color:#25384a;font-weight:750;font-variant-numeric:tabular-nums}
@media(max-width:1100px){.oneasn-native-donut-chart{grid-template-columns:1fr;gap:12px}.oneasn-native-donut{width:145px;height:145px}.oneasn-native-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}}
@media(max-width:640px){.oneasn-native-donut-chart{padding-inline:0}.oneasn-native-legend{grid-template-columns:1fr}.oneasn-native-bar-row{grid-template-columns:minmax(80px,35%) minmax(70px,1fr) 36px;gap:7px}}

/* 1ASN V5.25.18 — H-365 KGB / KP / Pensiun lists */
.oneasn-h365,.oneasn-h365-dashboard{background:#fff;border:1px solid #dce4ea;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.oneasn-h365{margin:0 0 24px}
.oneasn-h365-head,.oneasn-h365-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e7edf2}
.oneasn-h365-head h3,.oneasn-h365-dashboard-head h3{margin:0;color:#1d2b38;font-size:16px;font-weight:700;line-height:1.3}
.oneasn-h365-head p,.oneasn-h365-dashboard-head p{margin:4px 0 0;color:#687783;font-size:12px;line-height:1.5}
.oneasn-h365-count{display:inline-flex;align-items:center;white-space:nowrap;padding:6px 10px;border-radius:999px;background:#eef4f8;color:#274b67;font-size:11px;font-weight:700}
.oneasn-h365-table-wrap{overflow:auto;max-height:620px}
.oneasn-h365-table{width:100%;border-collapse:collapse;min-width:850px}
.oneasn-h365-table th{position:sticky;top:0;z-index:1;background:#f7f9fb;color:#60717f;text-align:left;font-size:10px;font-weight:700;letter-spacing:.04em;padding:11px 14px;border-bottom:1px solid #dfe7ed}
.oneasn-h365-table td{padding:12px 14px;border-bottom:1px solid #edf1f4;color:#324350;font-size:12px;vertical-align:middle}
.oneasn-h365-table tr:last-child td{border-bottom:0}
.oneasn-h365-table tbody tr:hover{background:#fafcfd}
.oneasn-h365-table strong{display:block;color:#1d2b38;font-size:12.5px;font-weight:700}
.oneasn-h365-table small{display:block;margin-top:3px;color:#71808b;font-size:10.5px;line-height:1.4}
.oneasn-h365-days{display:inline-flex;min-width:54px;justify-content:center;padding:5px 8px;border-radius:8px;background:#fff7e6;color:#9a6400;font-size:10px;font-weight:800;border:1px solid #f6dfae}
.oneasn-h365-indigo .oneasn-h365-days{background:#eef2ff;color:#4338ca;border-color:#dfe3ff}
.oneasn-h365-rose .oneasn-h365-days{background:#fff1f2;color:#be123c;border-color:#ffe0e5}
.oneasn-h365-action,.oneasn-h365-dashboard-head button{border:1px solid #ccd7df;background:#fff;color:#173b5a;border-radius:8px;padding:7px 10px;font-size:10.5px;font-weight:700;cursor:pointer}
.oneasn-h365-action:hover,.oneasn-h365-dashboard-head button:hover{border-color:#173b5a;background:#f4f8fb}
.oneasn-h365-empty{padding:28px 20px;text-align:center;color:#788792;font-size:12px;background:#fbfcfd}
.oneasn-h365-more{padding:10px 16px;background:#f8fafb;border-top:1px solid #e8eef2;color:#6f7f8b;font-size:10.5px;text-align:center}
.oneasn-h365-dashboard{margin-top:24px}
.oneasn-h365-tabs{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid #e7edf2;background:#fafbfc;overflow:auto}
.oneasn-h365-tabs button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#657784;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}
.oneasn-h365-tabs button span{display:inline-flex;min-width:22px;height:20px;align-items:center;justify-content:center;border-radius:999px;background:#e8eef2;color:#526673;font-size:10px}
.oneasn-h365-tabs button.active{background:#173b5a;color:#fff}
.oneasn-h365-tabs button.active span{background:rgba(255,255,255,.18);color:#fff}
.oneasn-h365-dashboard-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:0}
.oneasn-h365-dashboard-row{display:grid;grid-template-columns:64px minmax(0,1fr) 110px;align-items:center;gap:12px;padding:12px 16px;border:0;border-bottom:1px solid #edf1f4;background:#fff;text-align:left;cursor:pointer}
.oneasn-h365-dashboard-row:nth-child(odd){border-right:1px solid #edf1f4}
.oneasn-h365-dashboard-row:hover{background:#f8fafc}
.oneasn-h365-dashboard-days{display:inline-flex;justify-content:center;padding:5px 7px;border-radius:7px;background:#eef4f8;color:#173b5a;font-size:10px;font-weight:800}
.oneasn-h365-dashboard-person{min-width:0}
.oneasn-h365-dashboard-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1d2b38;font-size:12px;font-weight:700}
.oneasn-h365-dashboard-person small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#71808b;font-size:10px}
.oneasn-h365-dashboard-date{text-align:right;color:#445966;font-size:10.5px;font-weight:600;white-space:nowrap}
.oneasn-h365-directory{margin-top:14px;border:1px solid #dce4ea;border-radius:12px;background:#fff;overflow:hidden}
.oneasn-h365-directory>summary{cursor:pointer;padding:12px 16px;color:#526673;font-size:11px;font-weight:700;background:#f8fafb;list-style:none}
.oneasn-h365-directory>summary::-webkit-details-marker{display:none}
.oneasn-h365-directory>summary:after{content:'＋';float:right;color:#80909b}
.oneasn-h365-directory[open]>summary:after{content:'−'}
@media(max-width:900px){.oneasn-h365-dashboard-list{grid-template-columns:1fr}.oneasn-h365-dashboard-row:nth-child(odd){border-right:0}.oneasn-h365-dashboard-head,.oneasn-h365-head{align-items:flex-start;flex-direction:column}.oneasn-h365-dashboard-head button{width:100%}}
@media(max-width:600px){.oneasn-h365-dashboard-row{grid-template-columns:52px minmax(0,1fr)}.oneasn-h365-dashboard-date{grid-column:2;text-align:left}.oneasn-h365-tabs{padding:8px}.oneasn-h365-head,.oneasn-h365-dashboard-head{padding:14px}}

/* 1ASN V5.25.20 — WhatsApp actions for H-365 personnel notifications */
.oneasn-h365-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.oneasn-h365-wa{display:inline-flex;align-items:center;justify-content:center;min-height:31px;border:1px solid #b9dfc7;background:#eefbf3;color:#147a3f;border-radius:8px;padding:7px 10px;font-size:10.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.oneasn-h365-wa:hover:not(:disabled){background:#def7e7;border-color:#86cda1;color:#0e6433}
.oneasn-h365-wa:disabled{cursor:not-allowed;opacity:.55;background:#f5f7f8;border-color:#dce4e9;color:#7a8994}
.oneasn-h365-phone{color:#8a98a2!important}
.oneasn-h365-phone.has-phone{color:#238454!important}
.oneasn-h365-wa-card{min-height:48px;padding:0 18px;font-size:11px;border-radius:14px}
@media(max-width:700px){.oneasn-h365-actions{min-width:150px}.oneasn-h365-wa-card{width:100%}}

/* === 1ASN V5.25.24 | Employee Directory compact institutional layout === */
.employee-directory-head-1asn{align-items:flex-start!important;gap:16px!important;margin-bottom:2px}
.employee-directory-head-1asn>div:first-child{min-width:220px;padding-top:2px}
.employee-directory-head-1asn h2{font-size:20px!important;line-height:1.2!important;letter-spacing:-.02em;color:#142b3c!important}
.employee-directory-head-1asn p{margin-top:3px!important;font-size:12.5px!important;line-height:1.45!important;color:#6f7f8c!important}
.employee-directory-actions-1asn{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:8px!important}
.employee-directory-actions-1asn>button{min-height:40px!important;padding:0 13px!important;border-radius:9px!important;border:1px solid #d8e2e9!important;box-shadow:none!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;transform:none!important;background-image:none!important}
.employee-directory-actions-1asn>button svg{width:17px!important;height:17px!important}
.employee-directory-actions-1asn>button:nth-child(1){background:#f4fbf7!important;color:#087647!important;border-color:#cce9d9!important}
.employee-directory-actions-1asn>button:nth-child(1):hover{background:#eaf8f0!important;border-color:#abdcc1!important}
.employee-directory-actions-1asn>button:nth-child(2){background:#fff!important;color:#31576f!important}
.employee-directory-actions-1asn>button:nth-child(2):hover{background:#f6f9fb!important;border-color:#bfd0db!important}
.employee-directory-actions-1asn>button:nth-child(3){background:#f3f7fb!important;color:#165d91!important;border-color:#cfdeea!important}
.employee-directory-actions-1asn>button:nth-child(3):hover{background:#eaf2f8!important;border-color:#b9cfdf!important}
.employee-directory-actions-1asn>button:nth-child(4){background:#0d5ba7!important;color:#fff!important;border-color:#0d5ba7!important}
.employee-directory-actions-1asn>button:nth-child(4):hover{background:#0a4e90!important;border-color:#0a4e90!important}
.employee-directory-filter-1asn{padding:14px 16px!important;border:1px solid #dfe7ec!important;border-radius:14px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,45,65,.035)!important;backdrop-filter:none!important;--tw-space-y-reverse:0!important}
.employee-directory-filter-1asn>:not([hidden])~:not([hidden]){margin-top:10px!important}
.employee-directory-searchrow-1asn{display:grid!important;grid-template-columns:minmax(260px,1.25fr) minmax(220px,1fr) auto!important;gap:10px!important;align-items:center!important}
.employee-directory-searchrow-1asn>div{min-width:0!important}
.employee-directory-searchrow-1asn input{height:42px!important;padding-top:0!important;padding-bottom:0!important;border:1px solid #d8e2e9!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;color:#243947!important}
.employee-directory-searchrow-1asn input:focus{border-color:#6c9ec8!important;box-shadow:0 0 0 3px rgba(42,115,174,.10)!important}
.employee-directory-searchrow-1asn input::placeholder{color:#96a3ad!important}
.employee-directory-statusbar-1asn{justify-content:flex-end!important;gap:8px!important;flex-wrap:nowrap!important}
.employee-directory-statusbar-1asn>div{border:1px solid #d8e2e9!important;border-radius:9px!important;background:#f7f9fa!important;box-shadow:none!important;padding:3px!important}
.employee-directory-statusbar-1asn button{border-radius:7px!important;box-shadow:none!important;min-height:34px!important}
.employee-directory-statusbar-1asn>div:first-child button{padding:8px!important}
.employee-directory-statusbar-1asn>div:last-child button{padding:7px 14px!important;font-size:11.5px!important;font-weight:700!important}
.employee-directory-statusbar-1asn button.bg-indigo-600{background:#0d5ba7!important;color:#fff!important}
.employee-directory-chiprow-1asn{align-items:center!important;gap:6px!important;padding-top:9px!important;border-top:1px solid #edf2f5!important}
.employee-directory-chiprow-1asn>span{flex:0 0 72px!important;margin-right:2px!important;font-size:9.5px!important;letter-spacing:.09em!important;color:#738491!important}
.employee-directory-chiprow-1asn>button{padding:6px 10px!important;border-radius:8px!important;border:1px solid #dce5eb!important;background:#fff!important;box-shadow:none!important;font-size:10.5px!important;line-height:1.2!important;color:#576a78!important}
.employee-directory-chiprow-1asn>button:hover{background:#f6f9fb!important;border-color:#bfd0dc!important;color:#174f77!important}
.employee-directory-chiprow-1asn>button.bg-indigo-600{background:#0d5ba7!important;border-color:#0d5ba7!important;color:#fff!important}
@media (max-width:1180px){
  .employee-directory-head-1asn{flex-direction:column!important}
  .employee-directory-actions-1asn{justify-content:flex-start!important}
  .employee-directory-searchrow-1asn{grid-template-columns:1fr 1fr!important}
  .employee-directory-statusbar-1asn{grid-column:1/-1!important;justify-content:flex-start!important}
}
@media (max-width:720px){
  .employee-directory-actions-1asn{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%}
  .employee-directory-actions-1asn>button{width:100%!important}
  .employee-directory-searchrow-1asn{grid-template-columns:1fr!important}
  .employee-directory-statusbar-1asn{grid-column:auto!important;flex-wrap:wrap!important}
  .employee-directory-chiprow-1asn>span{flex-basis:100%!important;margin-bottom:2px!important}
}


/* ============================================================
   1ASN V5.26.2 — Employee Home Layout Fix
   Fixes profile hero overlap caused by global profile audit rules,
   reduces oversized spacing and improves responsive readability.
   ============================================================ */
.employee-home-dashboard-1asn{width:100%;}
.employee-home-intro-1asn{
  padding:18px 20px!important;
  border-radius:14px!important;
  border:1px solid #d9e2e8!important;
  border-left:4px solid #214f73!important;
  box-shadow:0 3px 12px rgba(22,49,68,.055)!important;
}
.employee-home-intro-1asn>div:first-child{gap:18px!important;}
.employee-home-intro-1asn h2{font-size:18px!important;line-height:1.2!important;}
.employee-home-intro-1asn button{
  min-height:42px!important;
  padding:0 18px!important;
  border-radius:9px!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.employee-home-intro-1asn>p:last-child{
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid #edf1f4!important;
  line-height:1.45!important;
}
.employee-home-hero-wrap-1asn{margin-top:20px!important;}
.employee-my-profile-hero-1asn{
  border-radius:18px!important;
  border:1px solid #d8e1e8!important;
  box-shadow:0 8px 22px rgba(22,49,68,.08)!important;
}
.employee-my-profile-hero-1asn>div:first-child{
  height:154px!important;
  background:linear-gradient(105deg,#205f84 0%,#315f91 56%,#5a26bb 100%)!important;
}
.employee-my-profile-hero-1asn .employee-profile-identity-1asn{
  left:28px!important;
  right:28px!important;
  bottom:-54px!important;
  padding:0!important;
  gap:18px!important;
  align-items:flex-end!important;
}
.employee-my-profile-hero-1asn .employee-profile-avatar-1asn{
  width:118px!important;
  height:118px!important;
  border-width:5px!important;
  border-radius:28px!important;
}
.employee-my-profile-hero-1asn .employee-profile-identity-1asn h2{
  max-width:min(58vw,620px)!important;
  font-size:27px!important;
  line-height:1.08!important;
  margin-bottom:8px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.employee-my-profile-hero-1asn .employee-profile-identity-1asn>div:last-child{padding-bottom:7px!important;min-width:0!important;}
.employee-my-profile-hero-1asn .employee-profile-actions-1asn{
  padding:72px 28px 22px!important;
  background:#fff!important;
  border-top:0!important;
  gap:18px!important;
  align-items:center!important;
}
.employee-my-profile-hero-1asn .employee-profile-actions-1asn>div:first-child{
  min-width:0!important;
  flex:1 1 auto!important;
  align-items:center!important;
  gap:22px!important;
}
.employee-my-profile-hero-1asn .employee-profile-actions-1asn>div:first-child>div.space-y-1{min-width:0!important;}
.employee-my-profile-hero-1asn .employee-profile-actions-1asn>div:first-child>div.space-y-1:last-child{flex:1 1 190px!important;}
.employee-my-profile-hero-1asn .employee-profile-actions-1asn p.text-lg{
  font-size:15px!important;
  line-height:1.3!important;
}
.employee-my-profile-hero-1asn .employee-profile-actions-1asn>div:last-child{
  flex:0 0 auto!important;
  width:auto!important;
}
.employee-my-profile-hero-1asn .employee-profile-actions-1asn>div:last-child>div{
  border-radius:9px!important;
  padding:9px 12px!important;
}
.employee-home-grid-1asn{gap:18px!important;align-items:start!important;}
.employee-home-maincol-1asn,.employee-home-sidecol-1asn{gap:18px!important;}
.employee-home-card-1asn,.employee-home-personal-1asn{
  padding:24px!important;
  border-radius:14px!important;
  border:1px solid #dce4e9!important;
  box-shadow:0 3px 12px rgba(22,49,68,.05)!important;
  transform:none!important;
}
.employee-home-card-1asn:hover{transform:none!important;}
.employee-home-card-1asn>div:first-child{margin-bottom:22px!important;}
.employee-home-card-1asn>div:first-child>div:first-child{
  width:44px!important;height:44px!important;border-radius:10px!important;
}
.employee-home-card-1asn>div:first-child h4{font-size:17px!important;}
.employee-home-card-1asn>div:nth-child(2){gap:22px 30px!important;}
.employee-home-contact-1asn{
  padding:24px!important;
  border-radius:14px!important;
  background:#173b5a!important;
  box-shadow:0 7px 18px rgba(22,49,68,.14)!important;
}
.employee-home-contact-1asn>h4{margin-bottom:20px!important;}
.employee-home-contact-1asn>div{gap:18px!important;}
.employee-home-contact-1asn .w-12.h-12{width:40px!important;height:40px!important;border-radius:9px!important;}
.employee-home-contact-1asn .truncate{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
}
.employee-home-contact-1asn .line-clamp-2{
  display:block!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
.employee-home-personal-1asn>h4{margin-bottom:20px!important;}
.employee-home-personal-1asn>div{gap:18px!important;}
.employee-home-personal-1asn .w-12.h-12{width:40px!important;height:40px!important;border-radius:9px!important;}

@media (max-width:1023px){
  .employee-home-grid-1asn{grid-template-columns:1fr!important;}
  .employee-home-maincol-1asn{grid-column:auto!important;}
  .employee-home-sidecol-1asn{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;}
  .employee-my-profile-hero-1asn .employee-profile-actions-1asn>div:first-child{gap:14px!important;}
}

@media (max-width:767px){
  .employee-home-dashboard-1asn{gap:14px!important;}
  .employee-home-intro-1asn{padding:14px!important;border-left-width:3px!important;}
  .employee-home-intro-1asn>div:first-child{gap:12px!important;}
  .employee-home-intro-1asn button{width:100%!important;min-height:42px!important;}
  .employee-home-intro-1asn>p:last-child{font-size:10px!important;}
  .employee-home-hero-wrap-1asn{margin-top:14px!important;}
  .employee-my-profile-hero-1asn{border-radius:14px!important;}
  .employee-my-profile-hero-1asn>div:first-child{height:138px!important;}
  .employee-my-profile-hero-1asn .employee-profile-identity-1asn{
    left:14px!important;right:14px!important;bottom:-48px!important;gap:11px!important;padding:0!important;
  }
  .employee-my-profile-hero-1asn .employee-profile-avatar-1asn{
    width:92px!important;height:92px!important;border-width:4px!important;border-radius:22px!important;
  }
  .employee-my-profile-hero-1asn .employee-profile-identity-1asn h2{
    max-width:58vw!important;font-size:18px!important;line-height:1.08!important;margin-bottom:5px!important;
  }
  .employee-my-profile-hero-1asn .employee-profile-identity-1asn .px-4{padding-left:8px!important;padding-right:8px!important;}
  .employee-my-profile-hero-1asn .employee-profile-identity-1asn span{font-size:8px!important;}
  .employee-my-profile-hero-1asn .employee-profile-actions-1asn{
    padding:62px 14px 16px!important;gap:12px!important;
  }
  .employee-my-profile-hero-1asn .employee-profile-actions-1asn>div:first-child{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px 16px!important;width:100%!important;
  }
  .employee-my-profile-hero-1asn .employee-profile-actions-1asn>div:first-child>.w-px{display:none!important;}
  .employee-my-profile-hero-1asn .employee-profile-actions-1asn>div:first-child>div:nth-child(5){grid-column:1/-1!important;}
  .employee-my-profile-hero-1asn .employee-profile-actions-1asn>div:last-child{width:100%!important;}
  .employee-my-profile-hero-1asn .employee-profile-actions-1asn>div:last-child>div{width:100%!important;justify-content:center!important;}
  .employee-home-sidecol-1asn{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
  .employee-home-card-1asn,.employee-home-contact-1asn,.employee-home-personal-1asn{padding:18px!important;border-radius:12px!important;}
  .employee-home-card-1asn>div:first-child{margin-bottom:18px!important;}
  .employee-home-card-1asn>div:nth-child(2){gap:18px!important;}
}
/* V5.26.2 spacing normalization for legacy space-y utilities. */
.employee-home-maincol-1asn>:not([hidden])~:not([hidden]),
.employee-home-sidecol-1asn>:not([hidden])~:not([hidden]){margin-top:18px!important;}
@media(max-width:767px){
  .employee-home-maincol-1asn>:not([hidden])~:not([hidden]),
  .employee-home-sidecol-1asn>:not([hidden])~:not([hidden]){margin-top:14px!important;}
}


/* ============================================================
   1ASN V5.27.0 — Data Completeness + Workflow + Dashboard UX
   ============================================================ */
.oneasn-v527-eyebrow{margin:0 0 4px;color:#2563eb;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.oneasn-v527-quality,.oneasn-v527-requests,.oneasn-v527-ops{background:#fff;border:1px solid #dce4e9;border-radius:14px;box-shadow:0 3px 12px rgba(22,49,68,.05)}
.oneasn-v527-quality{padding:20px}.oneasn-v527-quality-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.oneasn-v527-quality-head h3,.oneasn-v527-requests-head h3{margin:0;color:#173247;font-size:17px;font-weight:900;letter-spacing:-.015em}.oneasn-v527-quality-head p,.oneasn-v527-requests-head p{margin:6px 0 0;color:#6b7c89;font-size:11.5px;font-weight:600;line-height:1.55}.oneasn-v527-quality-title{display:flex;align-items:center;gap:10px}.oneasn-v527-score{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900}.oneasn-v527-score.good{background:#ecfdf5;color:#047857}.oneasn-v527-score.warn{background:#fffbeb;color:#a16207}.oneasn-v527-score.bad{background:#fff1f2;color:#be123c}.oneasn-v527-quality-head button,.oneasn-v527-requests-head button,.oneasn-v527-ops-foot button{border:1px solid #cbd9e2;background:#f8fafc;color:#173b5a;border-radius:9px;padding:10px 13px;font-size:10px;font-weight:900;letter-spacing:.04em;cursor:pointer;white-space:nowrap}.oneasn-v527-quality-head button:hover,.oneasn-v527-requests-head button:hover,.oneasn-v527-ops-foot button:hover{background:#eef4f8;border-color:#9fb9ca}
.oneasn-v527-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.oneasn-v527-category{padding:12px;border:1px solid #e5ebef;border-radius:10px;background:#fbfcfd}.oneasn-v527-category>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.oneasn-v527-category strong{color:#344b5b;font-size:11px}.oneasn-v527-category span{color:#173b5a;font-size:10px;font-weight:900}.oneasn-v527-progress{height:5px;margin:9px 0 7px;background:#e8eef2;border-radius:999px;overflow:hidden}.oneasn-v527-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#0d9488)}.oneasn-v527-category small{color:#81909a;font-size:9.5px;font-weight:650}.oneasn-v527-next{margin-top:14px;padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e4ebef}.oneasn-v527-next>strong{display:block;color:#425968;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.oneasn-v527-next>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.oneasn-v527-next span{padding:5px 7px;border-radius:7px;background:#fff;border:1px solid #dce6ec;color:#5b6e7a;font-size:9.5px;font-weight:700}.oneasn-v527-next>small{display:block;margin-top:8px;color:#8a98a2;font-size:9.5px}
.oneasn-v527-requests{padding:18px 20px}.oneasn-v527-requests-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.oneasn-v527-requests-head>div:last-child{display:flex;align-items:center;gap:8px}.oneasn-v527-pending{padding:6px 9px;border-radius:999px;background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;font-size:9.5px;font-weight:900}.oneasn-v527-request-list{display:grid;gap:7px;margin-top:14px}.oneasn-v527-request-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;background:#fbfcfd;border:1px solid #e8edf1;border-radius:9px}.oneasn-v527-request-row strong{display:block;color:#304655;font-size:11px}.oneasn-v527-request-row small{display:block;margin-top:3px;color:#82909a;font-size:9.5px}.oneasn-v527-status{padding:5px 8px;border-radius:999px;border:1px solid #fde68a;background:#fffbeb;color:#a16207;font-size:9px;font-weight:900;text-transform:uppercase;white-space:nowrap}.oneasn-v527-status.status-disetujui{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.oneasn-v527-status.status-ditolak{border-color:#fecdd3;background:#fff1f2;color:#be123c}.oneasn-v527-request-empty{margin-top:14px;padding:13px;border-radius:9px;background:#f8fafc;color:#73838e;font-size:10.5px;font-weight:650;text-align:center}
.oneasn-v527-ops{padding:18px 20px}.oneasn-v527-ops-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.oneasn-v527-ops-head h2{margin:0;color:#173247;font-size:19px;font-weight:900;letter-spacing:-.02em}.oneasn-v527-ops-head p{margin:5px 0 0;color:#6d7d89;font-size:11.5px;font-weight:600}.oneasn-v527-ops-head>span{padding:6px 9px;border-radius:999px;background:#eef4ff;color:#3158a6;font-size:9px;font-weight:900}.oneasn-v527-ops-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}.oneasn-v527-ops-card{appearance:none;text-align:left;border:1px solid #e1e8ed;background:#fbfcfd;border-radius:11px;padding:13px 14px;cursor:pointer;transition:.15s}.oneasn-v527-ops-card:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(22,49,68,.07);background:#fff}.oneasn-v527-ops-card small{display:block;color:#7b8993;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.oneasn-v527-ops-card strong{display:block;margin-top:4px;color:#173247;font-size:23px;font-weight:900}.oneasn-v527-ops-card span{display:block;margin-top:4px;color:#6b7d89;font-size:9.5px;font-weight:700}.oneasn-v527-ops-card.warn{border-left:3px solid #f59e0b}.oneasn-v527-ops-card.bad{border-left:3px solid #e11d48}.oneasn-v527-ops-card.info{border-left:3px solid #2563eb}.oneasn-v527-ops-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #edf1f4}.oneasn-v527-ops-foot>span{margin-right:auto;color:#647683;font-size:10px;font-weight:750}
@media(max-width:1050px){.oneasn-v527-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.oneasn-v527-ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.oneasn-v527-quality,.oneasn-v527-requests,.oneasn-v527-ops{padding:14px;border-radius:12px}.oneasn-v527-quality-head,.oneasn-v527-requests-head,.oneasn-v527-ops-head{flex-direction:column}.oneasn-v527-quality-head button,.oneasn-v527-requests-head button{width:100%}.oneasn-v527-requests-head>div:last-child{width:100%;flex-wrap:wrap}.oneasn-v527-category-grid{grid-template-columns:1fr 1fr}.oneasn-v527-ops-grid{grid-template-columns:1fr 1fr}.oneasn-v527-request-row{align-items:flex-start}.oneasn-v527-ops-foot>span{flex-basis:100%}}
@media(max-width:430px){.oneasn-v527-category-grid,.oneasn-v527-ops-grid{grid-template-columns:1fr}.oneasn-v527-quality-title{align-items:flex-start;flex-direction:column;gap:5px}}