@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-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--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-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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-indigo-950:#1e1a4d;--color-slate-100:#f1f5f9;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-lg:32rem;--container-xl:36rem;--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:calc(1.5 / 1);--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:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-indigo-950:lab(12.4853% 14.9672 -31.3418);--color-slate-100:lab(96.286% -.852436 -2.46847)}}}@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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;-webkit-text-decoration:inherit;-webkit-text-decoration: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:where(:not(iframe)){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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.z-10{z-index:10}.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-2{margin-inline:calc(var(--spacing) * 2)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.min-h-56{min-height:calc(var(--spacing) * 56)}.min-h-\[72px\]{min-height:72px}.w-full{width:100%}.max-w-\[590px\]{max-width:590px}.max-w-\[680px\]{max-width:680px}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.rotate-90{rotate:90deg}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}: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(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[14px\]{border-radius:14px}.rounded-\[15px\]{border-radius:15px}.rounded-\[22px\]{border-radius:22px}.rounded-\[26px\]{border-radius:26px}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#7779d7\]{border-color:#7779d7}.border-\[\#dcdffa\]{border-color:#dcdffa}.border-\[\#dedff7\]{border-color:#dedff7}.border-\[\#e3e7f0\]{border-color:#e3e7f0}.border-\[\#edf0f6\]{border-color:#edf0f6}.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)}}.bg-\[\#4b50ad\]{background-color:#4b50ad}.bg-\[\#5459bf\]{background-color:#5459bf}.bg-\[\#eeedff\]{background-color:#eeedff}.bg-\[\#efeeff\]{background-color:#efeeff}.bg-\[\#f0efff\]{background-color:#f0efff}.bg-\[\#f3f2ff\]{background-color:#f3f2ff}.bg-\[\#f4f3ff\]{background-color:#f4f3ff}.bg-\[\#fafbff\]{background-color:#fafbff}.bg-\[\#ff8068\]{background-color:#ff8068}.bg-\[\#fff0eb\]{background-color:#fff0eb}.bg-white{background-color:var(--color-white)}.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)}}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.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-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:var(--spacing)}.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-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-1{padding-top:var(--spacing)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-right{text-align:right}.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-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-\[11px\]{font-size:11px}.text-\[28px\]{font-size:28px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-\[\#4b50ad\]{color:#4b50ad}.text-\[\#9faed0\]{color:#9faed0}.text-\[\#101a35\]{color:#101a35}.text-\[\#454aa3\]{color:#454aa3}.text-\[\#4549a5\]{color:#4549a5}.text-\[\#5459bf\]{color:#5459bf}.text-\[\#8191b7\]{color:#8191b7}.text-\[\#64708a\]{color:#64708a}.text-\[\#293553\]{color:#293553}.text-\[\#596781\]{color:#596781}.text-\[\#ae4735\]{color:#ae4735}.text-\[\#b7c3de\]{color:#b7c3de}.text-\[\#c7cde0\]{color:#c7cde0}.text-\[\#d6dcf7\]{color:#d6dcf7}.text-\[\#dadcf9\]{color:#dadcf9}.text-\[\#e1e2ff\]{color:#e1e2ff}.text-\[\#e6e7ff\]{color:#e6e7ff}.text-\[\#ff8068\]{color:#ff8068}.text-\[\#ffd0c4\]{color:#ffd0c4}.text-white{color:var(--color-white)}.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,)}.accent-\[\#5459bf\]{accent-color:#5459bf}.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-indigo-950\/10{--tw-shadow-color:#1e1a4d1a}@supports (color:color-mix(in lab, red, red)){.shadow-indigo-950\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-950) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-950\/15{--tw-shadow-color:#1e1a4d26}@supports (color:color-mix(in lab, red, red)){.shadow-indigo-950\/15{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-950) 15%, transparent) var(--tw-shadow-alpha), transparent)}}.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,)}.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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.focus-within\:border-\[\#5459bf\]:focus-within{border-color:#5459bf}.focus-within\:ring-2:focus-within{--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-within\:ring-\[\#5459bf\]\/20:focus-within{--tw-ring-color:#5459bf33}@supports (color:lab(0% 0 0)){.focus-within\:ring-\[\#5459bf\]\/20:focus-within{--tw-ring-color:lab(41.6771% 21.2952 -55.4089/.2)}}@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\:border-\[\#a9acf0\]:hover{border-color:#a9acf0}.hover\:border-\[\#bfc2f2\]:hover{border-color:#bfc2f2}.hover\:bg-\[\#373b91\]:hover{background-color:#373b91}.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\:text-white:hover{color:var(--color-white)}.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-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-indigo-950\/5:hover{--tw-shadow-color:#1e1a4d0d}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-indigo-950\/5:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-950) 5%, transparent) var(--tw-shadow-alpha), transparent)}}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-\[\#4b50ad\]:focus-visible{outline-color:#4b50ad}.focus-visible\:outline-\[\#5459bf\]:focus-visible{outline-color:#5459bf}.focus-visible\:outline-white:focus-visible{outline-color:var(--color-white)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:420px){.min-\[420px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:40rem){.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-\[30px\]{font-size:30px}.sm\:text-\[34px\]{font-size:34px}}@media (min-width:64rem){.lg\:hidden{display:none}}@media (min-width:80rem){.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))}}}.app-shell{background:#f6f7fb;min-height:100dvh}.workspace{min-width:0}@media (min-width:1024px){.workspace{margin-right:268px}}.sidebar{z-index:30;background:radial-gradient(circle at 0 0,#283664,#0000 56%),#101a35;flex-direction:column;width:min(268px,85vw);padding:28px 16px 20px;transition:transform .24s;display:flex;position:fixed;inset:0 0 0 auto;overflow-y:auto;transform:translate(105%);box-shadow:-16px 0 48px #101a351a}.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#101a3594;border:0;position:fixed;inset:0}@media (min-width:1024px){.sidebar{transform:none}.sidebar-backdrop{display:none}}.brand-mark{background:#ff8068;box-shadow:0 8px 22px #ff806838,inset 0 1px #ffffff73}.sidebar-rule{background:#dce3ff21;height:1px}.nav-item:hover{transform:translate(-2px)}.nav-item:focus-visible{outline-offset:2px;outline:2px solid #ffad99}.nav-item:active{transform:translate(0)}.nav-active{color:#fff;background:linear-gradient(90deg,#6366d654,#6366d629);box-shadow:inset -3px 0 #ff8068,0 8px 20px #04091e1a}.topbar{z-index:10;position:sticky;top:0}.dashboard-content{width:min(100%,1500px);margin-inline:auto;padding:28px 16px 64px}@media (min-width:640px){.dashboard-content{padding:36px 36px 80px}}@media (min-width:1280px){.dashboard-content{padding-inline:48px}}.welcome-banner{isolation:isolate;background:radial-gradient(circle at 86% 12%,#8a84ff87,#0000 38%),radial-gradient(circle at 42% 115%,#ff806826,#0000 45%),linear-gradient(120deg,#101a35,#292e75);box-shadow:0 24px 45px -28px #101a3580,0 4px 14px #101a351f}.welcome-orbit{pointer-events:none;border:1px solid #ffffff2b;border-radius:50%;width:460px;height:460px;position:absolute;top:-165px;left:-24px;box-shadow:0 0 0 54px #ffffff09,0 0 0 114px #ffffff05}.panel,.card{background:#fff;border:1px solid #e3e7f0;border-radius:22px;box-shadow:0 12px 36px -25px #101a3538,0 2px 8px #101a3506}.panel{transition:box-shadow .22s,border-color .22s,transform .22s}.panel:hover{border-color:#d4d5f5;box-shadow:0 22px 48px -30px #101a3547,0 4px 14px #101a350d}.metric-card{background:#fff;border-color:#e3e7f0;min-height:172px;box-shadow:0 12px 30px -24px #101a3547,0 2px 10px #101a3509}.metric-card:after{background:var(--metric-glow);opacity:.55;content:"";pointer-events:none;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-75px;left:-45px}.metric-card:hover{border-color:#cdd1f5;box-shadow:0 25px 44px -25px #3636834d,0 4px 12px #101a350d}.metric-indigo{--metric-glow:#e7e7ff}.metric-indigo .metric-icon{color:#5459bf;background:#efeeff}.metric-coral{--metric-glow:#fff0eb}.metric-coral .metric-icon{color:#b84d36;background:#fff0eb}.metric-mint{--metric-glow:#e6f7f2}.metric-mint .metric-icon{color:#197568;background:#e6f7f2}.metric-blue{--metric-glow:#ebf2ff}.metric-blue .metric-icon{color:#3c5b9d;background:#ebf2ff}.btn{color:#fff;background:#5459bf;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 18px;font-size:.875rem;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 9px 18px -8px #5459bf80}.btn:hover:not(:disabled){background:#4146a7;transform:translateY(-2px);box-shadow:0 15px 26px -10px #5459bf80}.btn:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:#454aa3;box-shadow:none;background:#fff;border-color:#e1e4f0}.btn-secondary:hover:not(:disabled){background:#f5f4ff;border-color:#afb3ee;box-shadow:0 9px 18px -12px #5459bf61}.btn-block{width:100%}.btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.text-action{color:#454aa3;background:0 0;border:0;border-radius:8px;padding:6px 4px;font-size:.8125rem;font-weight:700;transition:color .2s,background .2s}.text-action:hover{color:#252a84;background:#f3f2ff}.card{margin-top:20px;padding:20px}@media (min-width:640px){.card{padding:28px}}.card h2{color:#101a35;font-size:1.125rem;font-weight:800}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-heading h2{color:#101a35;margin:0;font-size:1.05rem;font-weight:800}.section-description{color:#64708a;margin:4px 0 0;font-size:.8125rem}.eyebrow{color:#5459bf;margin-bottom:8px;font-size:.75rem;font-weight:800}.muted{color:#64708a}.count-pill,.status-pill{color:#454aa3;white-space:nowrap;background:#eeedff;border-radius:999px;padding:5px 11px;font-size:.75rem;font-weight:700;display:inline-block}.status-draft{color:#515e78;background:#f0f2f7}.status-published{color:#176a5e;background:#e6f7f2}.alert{white-space:pre-line;border-radius:12px;margin:16px 0;padding:12px 16px;font-size:.875rem}.alert-error{color:#9f332e;background:#fff0ed}.alert-success{color:#176a5e;background:#e6f7f2}.card form .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px 16px;display:grid}.card label{color:#293553;margin-bottom:14px;font-size:.875rem;font-weight:700;display:block}.card label span{margin-bottom:6px;display:block}.card input,.card textarea,.login-box input{color:#101a35;background:#fff;border:1px solid #dce1ee;border-radius:11px;width:100%;min-width:0;padding:10px 12px;font-weight:400;transition:border-color .2s,box-shadow .2s;display:block}.card input:hover,.card textarea:hover{border-color:#acb0db}.card textarea{resize:vertical;min-height:88px}.card input:focus,.card textarea:focus,.login-box input:focus{border-color:#5459bf;outline:0;box-shadow:0 0 0 4px #5459bf24}.form-submit{margin-top:12px}.table-scroll{border:1px solid #edf0f6;border-radius:14px;width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:right;width:100%}.table-scroll table{min-width:540px}th,td{border-bottom:1px solid #edf0f6;padding:14px 16px;font-size:.875rem}th{color:#596781;background:#f8f9fd;font-size:.75rem;font-weight:800}td{color:#293553}tbody tr{transition:background .2s}.table-scroll tr:last-child td{border-bottom:0}.empty-state{text-align:center;color:#64708a;padding:36px 12px;font-size:.875rem}.slip-row{border-top:1px solid #e3e7f0}.slip-row summary{cursor:pointer;color:#293553;padding:16px 4px;font-size:.875rem;font-weight:700;transition:color .2s}.slip-row summary:hover,.slip-row[open] summary{color:#454aa3}.slip-row table td:last-child,.slip-row table th:last-child{text-align:left}.loading-page{color:#5459bf;place-items:center;min-height:100dvh;display:grid}@media (prefers-reduced-motion:reduce){.sidebar,.btn,.metric-card,.panel,.nav-item{transition:none}.btn:hover:not(:disabled),.metric-card:hover,.nav-item:hover{transform:none}}.page-intro{animation:.55s 20ms both arrive}.welcome-banner{animation:.6s 80ms both arrive}.metric-card{animation:.6s .13s both arrive}.panel{animation:.6s .19s both arrive}@keyframes arrive{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}.list-row{border-radius:12px;transition:background .2s,padding .2s}.list-row:hover{background:#f8f8ff;padding-inline:8px}.nav-item:focus-visible{outline-color:#ffad99}.metric-card:focus-within,.panel:focus-within{border-color:#a9a9e7}@media (max-width:639px){.welcome-orbit{opacity:.65;left:-190px}.dashboard-content{padding-bottom:48px}.metric-card{min-height:148px}.card{border-radius:18px}}@media (prefers-reduced-motion:reduce){.page-intro,.welcome-banner,.metric-card,.panel{animation:none}.list-row{transition:none}}.employee-import{background:radial-gradient(circle at 0 0,#f2efff 0,#0000 48%),#fff;border-color:#d8d8fa;position:relative;overflow:hidden;box-shadow:0 22px 50px -32px #3a388e4d,0 3px 12px #101a350a}.employee-import:before{content:"";background:linear-gradient(90deg,#ff8068,#6967d3);border-radius:0 0 8px 8px;height:3px;position:absolute;top:0;left:28px;right:28px}.employee-import-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.employee-template-download{min-height:40px;padding:7px 13px;text-decoration:none}.employee-template-download:focus-visible{outline-offset:2px;outline:3px solid #5459bf52}.employee-catalog{position:relative;overflow:hidden}.employee-catalog:before{content:"";background:linear-gradient(90deg,#ff8d76,#6567cf);border-radius:0 0 8px 8px;height:3px;position:absolute;inset:0 28px auto}.employee-toolbar{background:linear-gradient(110deg,#f8f8ff,#fff);border:1px solid #e1e4f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:14px;padding:12px 14px;display:flex;box-shadow:0 10px 24px -22px #101a3547}.employee-select-all{color:#293553;cursor:pointer;align-items:center;gap:9px;font-size:.82rem;font-weight:800;display:inline-flex}.employee-toolbar input[type=checkbox],.employee-table input[type=checkbox]{accent-color:#5459bf;cursor:pointer;width:18px;height:18px}.employee-toolbar .muted{font-size:.78rem}.employee-delete-selected{color:#96342f;background:#fff;border:1px solid #efc8c1;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;margin-inline-start:auto;padding:7px 12px;font-size:.78rem;font-weight:800;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;display:inline-flex}.employee-delete-selected:hover:not(:disabled){background:#fff3f0;border-color:#dfa198;transform:translateY(-1px);box-shadow:0 10px 20px -15px #96342f80}.employee-delete-selected:focus-visible{outline-offset:2px;outline:3px solid #9f332e38}.employee-delete-selected:disabled{cursor:not-allowed;opacity:.5}.employee-table table{min-width:820px}.employee-check-cell{text-align:center;width:52px}.employee-row-selected td{background:#f5f4ff}.employee-row-selected td:first-child{box-shadow:inset -3px 0 #5459bf}.employee-row-actions{flex-wrap:wrap;gap:6px;display:flex}.employee-row-delete{color:#9b3731}.employee-row-delete:hover{color:#812b27;background:#fff1ee}.employee-toolbar input:focus-visible,.employee-table input:focus-visible{outline-offset:2px;outline:3px solid #5459bf4d}@media (max-width:639px){.employee-import-heading-actions,.employee-template-download,.employee-delete-selected{width:100%}.employee-import-heading-actions .import-badge{margin-inline:auto}.employee-toolbar .muted{width:calc(100% - 125px)}}@media (prefers-reduced-motion:reduce){.employee-delete-selected{transition:none}}.import-badge{color:#454aa3;background:#f5f4ff;border:1px solid #d9d8fb;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.75rem;font-weight:800;display:inline-flex}.upload-zone{text-align:center;cursor:pointer;background:#faf9ffd9;border:1.5px dashed #a9aae6;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:156px;padding:24px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;position:relative;margin:0!important;display:flex!important}.upload-zone:hover,.upload-zone:focus-within{background:#f1efff;border-color:#5459bf;transform:translateY(-2px);box-shadow:0 12px 28px -20px #5459bf8c}.upload-zone:focus-within{outline-offset:3px;outline:3px solid #5459bf3d}.upload-zone svg{color:#5459bf}.upload-zone span{color:#101a35;font-size:.875rem;font-weight:800;margin:0!important}.upload-zone small{overflow-wrap:anywhere;color:#596781;max-width:100%;line-height:1.7}.upload-zone input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}#employee-form{scroll-margin-top:88px}#employee-form:target{border-color:#a9aae6}.table-scroll .text-action:focus-visible,.upload-zone:focus-visible{outline-offset:2px;outline:3px solid #5459bf66}@media (prefers-reduced-motion:reduce){.upload-zone{transition:none}.upload-zone:hover{transform:none}}.employee-fieldset{background:linear-gradient(145deg,#fff,#fbfbff);border:1px solid #e1e5f3;border-radius:18px;min-width:0;margin:0 0 20px;padding:16px 16px 4px;transition:border-color .2s,box-shadow .2s;box-shadow:0 16px 30px -28px #1c265a59,0 2px 8px #101a3506}.employee-fieldset:focus-within{border-color:#a9aae6;box-shadow:0 16px 30px -24px #5459bf47}.employee-fieldset legend{color:#343b86;letter-spacing:-.01em;padding:0 8px;font-size:.875rem;font-weight:800}.employee-fieldset input{font-variant-numeric:tabular-nums}@media (max-width:640px){.employee-fieldset{padding:12px 12px 0}}@media (prefers-reduced-motion:reduce){.employee-fieldset{transition:none}}.upload-control{min-width:0}.upload-zone.upload-zone{gap:8px;min-height:184px}.upload-zone .upload-zone-icon{background:#f0efff;border:1px solid #dcdafa;border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 8px 20px -15px #5459bf66}.upload-zone .upload-zone-icon svg{color:#5459bf}.upload-zone .upload-zone-title{font-size:.9375rem;margin:0!important}.upload-zone .upload-zone-hint{max-width:100%;display:block}.upload-zone .upload-zone-ready{color:#176a5e;background:#e9f7f2;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex;margin:2px 0 0!important}.upload-zone .upload-zone-ready svg{color:currentColor}.upload-zone-dragging,.upload-zone-dragging:hover{background:#eeecff;border-color:#5459bf;box-shadow:0 0 0 4px #5459bf21,0 16px 34px -22px #5459bf8c}.upload-zone-selected{border-style:solid;border-color:#a8a7df}.upload-zone-assist{color:#596781;margin:8px 4px 0;font-size:.75rem;line-height:1.8}.upload-zone-assist[role=alert]{color:#9f332e;font-weight:700}.upload-zone input:disabled{cursor:not-allowed}@media (max-width:639px){.upload-zone.upload-zone{min-height:168px;padding:20px 16px}}.employee-import,.payroll-import{animation:.55s 80ms both arrive}.upload-zone.upload-zone{box-shadow:inset 0 1px #ffffffe6}.upload-zone-selected.upload-zone{background:linear-gradient(145deg,#f9f8ff,#f5f4ff);box-shadow:inset 0 1px #fff,0 12px 28px -24px #5459bf80}.upload-zone-dragging.upload-zone,.upload-zone-dragging.upload-zone:hover{transform:translateY(-2px);box-shadow:0 0 0 4px #5459bf21,0 16px 34px -22px #5459bf8c}.upload-zone:focus-within .upload-zone-icon{background:#e7e5ff;border-color:#bcbaf2}.upload-zone input:disabled{pointer-events:none}@media (prefers-reduced-motion:reduce){.employee-import,.payroll-import{animation:none}.upload-zone-dragging.upload-zone{transform:none}}.slip-download-link{color:#fff;background:#484eb0;border:1px solid #3f459d;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.slip-download-link:hover{color:#fff;background:#333996;transform:translateY(-2px)}.slip-download-link:focus-visible{outline-offset:3px;background:#333996;outline:3px solid #f48c77}.slip-download-link:active{transform:translateY(0)}.slip-download-actions{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}.slip-image-link{color:#39435f;background:#fff;border-color:#cfd4e6}.slip-image-link:hover{color:#2e3751;background:#f5f7fb;border-color:#aeb6d1}@media (prefers-reduced-motion:reduce){.slip-download-link{transition:none}.slip-download-link:hover{transform:none}}.slip-entry{background:linear-gradient(125deg,#fff 50%,#fafaff);border-top:1px solid #e8ebf4;align-items:center;gap:12px;padding:12px 16px;transition:background .2s,box-shadow .2s;display:flex}.slip-entry:hover,.slip-entry:focus-within{background:#f8f8ff;box-shadow:inset 3px 0 #a9aae6}.slip-entry .slip-row{border:0;flex:1;min-width:0}.slip-entry .slip-row summary{overflow-wrap:anywhere;padding:8px 4px;line-height:1.7}.slip-expand-label{color:#66718a;font-size:12px;font-weight:500;transition:color .2s;display:block}.slip-row[open] .slip-expand-label,.slip-row summary:hover .slip-expand-label{color:#454aa3}.slip-expanded-toolbar{border-bottom:1px solid #edf0f6;justify-content:flex-end;padding:4px 4px 12px;display:flex}.slip-entry .slip-download-link{flex:none;box-shadow:0 2px 5px -2px #1d285e44,0 10px 20px -12px #373d9b}.slip-entry .slip-download-link:hover{box-shadow:0 4px 8px -4px #1d285e66,0 14px 22px -10px #373d9b}.slip-entry summary:focus-visible{outline-offset:2px;border-radius:8px;outline:3px solid #5459bf}@media (max-width:640px){.slip-entry{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.slip-expanded-toolbar{padding-inline:0}.slip-expanded-toolbar .slip-download-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.slip-expanded-toolbar .slip-download-link{width:100%;padding-inline:10px}}@media (prefers-reduced-motion:reduce){.slip-entry,.slip-expand-label{transition:none}}#selected-period{scroll-margin-top:24px}.alert-error{border:1px solid #f4c6bd;flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex;box-shadow:0 8px 24px -18px #9f332e61}.alert-error .text-action{color:#8d2926;background:#fff;border:1px solid #eab4ac;padding:6px 12px;transition:background .2s,box-shadow .2s}.alert-error .text-action:hover{background:#fff9f7;box-shadow:0 4px 12px #9f332e1f}.alert-error .text-action:focus-visible{outline-color:#9f332e}.dashboard-content>.alert[role=status]:not(.alert-success){color:#343b86;background:linear-gradient(115deg,#fff,#f3f2ff);border:1px solid #dedff4;align-items:center;gap:12px;animation:.35s both arrive;display:flex;box-shadow:0 10px 26px -20px #363b8652}.dashboard-content>.alert[role=status]:not(.alert-success):before{content:"";background:#5459bf;border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite status-pulse;box-shadow:0 0 0 4px #5459bf1f}@keyframes status-pulse{50%{opacity:.45;box-shadow:0 0 0 8px #5459bf12}}@media (prefers-reduced-motion:reduce){.dashboard-content>.alert[role=status]:not(.alert-success),.dashboard-content>.alert[role=status]:not(.alert-success):before{animation:none}}.role-hero{isolation:isolate;background:radial-gradient(circle at 82% 5%,#6669cf 0,#0000 42%),linear-gradient(125deg,#101a35,#272e72);box-shadow:0 26px 50px -26px #101a357a,0 5px 16px #101a3521}.role-hero-orbit{pointer-events:none;border:1px solid #ffffff2e;border-radius:50%;width:410px;height:410px;position:absolute;inset:-130px auto auto -80px;box-shadow:0 0 0 64px #ffffff0a,0 0 0 130px #ffffff06}.role-select{color:#101a35;background:#fff;border:1px solid #d6d9eb;border-radius:10px;min-width:130px;min-height:40px;padding:6px 10px;font-size:13px;transition:border-color .2s,box-shadow .2s}.role-select:hover,.role-select:focus-visible{border-color:#5459bf;outline:0;box-shadow:0 0 0 3px #5459bf21}.role-pager,.role-cancel{color:#29345c;background:#fff;border:1px solid #dfe2ee;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:8px 12px;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.role-pager:hover:not(:disabled),.role-cancel:hover:not(:disabled){background:#efeeff;border-color:#a9acf0;transform:translateY(-2px)}.role-pager:focus-visible,.role-cancel:focus-visible{outline-offset:2px;outline:2px solid #5459bf}.role-pager:disabled{opacity:.4;cursor:not-allowed}.role-confirm{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101a35ad;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.role-confirm-card{background:#fff;border:1px solid #dfe2ee;border-radius:24px;width:min(100%,420px);padding:24px;box-shadow:0 28px 80px #04091e4d}.roles-enter{animation:.3s ease-out both role-fade}@keyframes role-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.roles-enter{animation:none}.role-tab:hover{transform:none}}.role-permission:has(input:checked){background:linear-gradient(135deg,#fff,#f9f8ff);border-color:#d3d3fa;box-shadow:inset 3px 0 #7779d7,0 10px 22px -18px #36368340}.role-permission:has(input:disabled){cursor:progress;opacity:.7}.role-tab[aria-pressed=true]{box-shadow:inset 0 -3px #5459bf,0 16px 24px -20px #36368373}.role-hero-link:hover svg{transform:translate(-4px)}.role-hero-link svg{transition:transform .2s}.role-confirm-card{animation:.25s ease-out both role-fade}@media (max-width:639px){.role-confirm-card{padding:20px}.role-select{min-width:112px}}@media (prefers-reduced-motion:reduce){.role-confirm-card{animation:none}.role-hero-link svg{transition:none}}.role-access-card{background:radial-gradient(circle at 90% -60%,#7377e32b,#0000 50%),#fff;transition:border-color .2s,box-shadow .2s;animation:.55s 90ms both arrive;box-shadow:0 22px 42px -30px #101a354f,0 3px 12px #101a350b}.role-access-card:hover,.role-access-card:focus-within{border-color:#a9acf0;box-shadow:0 25px 48px -29px #101a3561,0 4px 14px #101a3512}.role-access-icon{box-shadow:inset 0 1px #ffffffe6,0 8px 18px -10px #5459bf73}.role-access-action:active{transform:translateY(1px);box-shadow:0 3px 8px #101a3526}@media (max-width:639px){.role-access-action{width:100%}}@media (prefers-reduced-motion:reduce){.role-access-card{transition:none;animation:none}.role-access-action:hover,.role-access-action:active{transform:none}}.payroll-detail{padding:0;overflow:hidden}.payroll-hero{color:#fff;background:radial-gradient(circle at 90% 20%,#535eab77,#0000 46%),linear-gradient(120deg,#141e40,#333775);justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex}.payroll-hero .eyebrow{color:#cbd0ff}.payroll-hero h2{color:#fff;margin:6px 0 8px;font-size:clamp(1.3rem,2vw,1.9rem)}.payroll-hero p:last-child{color:#e2e5fc;line-height:1.8}.payroll-counter{background:#ffffff1c;border:1px solid #fff5;border-radius:14px;flex:none;align-items:center;gap:10px;padding:12px 16px;font-weight:700;display:inline-flex;box-shadow:0 10px 28px #0b123344}.payroll-toolbar{background:#f8f9ff;border-bottom:1px solid #e4e8f3;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:16px 24px;display:flex}.payroll-select-all{color:#293553;cursor:pointer;align-items:center;gap:10px;font-weight:700;display:inline-flex}.payroll-detail input[type=checkbox]{accent-color:#484eb0;cursor:pointer;flex:none;width:19px;height:19px}.payroll-entries{padding:0 16px}.payroll-entry{border:1px solid #e5e9f3;border-radius:12px;margin:8px 0}.payroll-entry-selected{background:#f3f4ff;border-color:#a5a9e5;box-shadow:0 4px 18px -12px #454aa399}.payroll-check{cursor:pointer;align-items:center;padding:8px 4px;display:flex}.payroll-actions{background:#fafbff;border-top:1px solid #e4e8f3;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:20px;padding:24px;display:grid}.payroll-message,.payroll-publish{background:#fff;border:1px solid #e1e5f1;border-radius:18px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;display:flex;box-shadow:0 12px 30px -24px #141e4066,0 2px 8px #141e4010}.payroll-message label{color:#222e51;align-items:center;gap:8px;font-weight:800;display:inline-flex}.payroll-message p,.payroll-publish p{color:#5c6680;margin:0;font-size:.85rem;line-height:1.8}.payroll-message textarea{resize:vertical;color:#1f2944;background:#fbfcff;border:1px solid #c8cde1;border-radius:12px;width:100%;min-height:90px;padding:12px 16px;line-height:1.8;transition:border-color .2s,box-shadow .2s}.payroll-message textarea:hover{border-color:#8d93d5}.payroll-message textarea:focus-visible{outline-offset:2px;outline:2px solid #484eb0;box-shadow:0 0 0 5px #484eb021}.payroll-publish{background:linear-gradient(145deg,#fff,#f5f4ff);justify-content:center}.payroll-publish strong{color:#252e58;font-size:1.15rem}.payroll-actions .btn:focus-visible,.payroll-detail input:focus-visible{outline-offset:3px;outline:3px solid #e7816a}.slip-message{color:#252e58;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f4ff;border-inline-start:3px solid #5459bf;border-radius:8px;margin:16px 0 0;padding:16px;line-height:1.9}@media (max-width:740px){.payroll-hero{flex-direction:column;align-items:flex-start;padding:24px 16px}.payroll-toolbar{padding:16px}.payroll-actions{grid-template-columns:1fr;padding:16px}.payroll-entries{padding:0 8px}.payroll-entry{flex-flow:wrap;align-items:center}.payroll-entry .slip-row{flex-basis:calc(100% - 48px)}.payroll-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.payroll-message textarea{transition:none}}.payroll-hero{isolation:isolate;position:relative;box-shadow:inset 0 -1px #ffffff2b,0 14px 30px -22px #141e4088}.payroll-hero:after{content:"";z-index:-1;pointer-events:none;border:1px solid #ffffff24;border-radius:50%;width:220px;height:220px;position:absolute;top:-74px;left:-44px;box-shadow:0 0 0 42px #ffffff0a,0 0 0 90px #ffffff07}.payroll-entry{transition:background .22s,border-color .22s,box-shadow .22s,transform .22s}.payroll-entry:hover,.payroll-entry:focus-within{border-color:#b8bce9;box-shadow:0 12px 24px -18px #33377588,0 2px 8px #1b24551a}.payroll-entry-selected{box-shadow:inset 3px 0 #5459bf,0 8px 22px -18px #33377588}.payroll-message,.payroll-publish{transition:border-color .22s,box-shadow .22s,transform .22s}.payroll-message:hover,.payroll-publish:hover{border-color:#c9cbed;transform:translateY(-2px);box-shadow:0 18px 32px -24px #141e4077,0 3px 12px #141e401c}.payroll-message .btn,.payroll-publish .btn{margin-top:auto}.payroll-hero,.payroll-toolbar,.payroll-entries,.payroll-actions{animation:.35s both payroll-arrive}.payroll-toolbar{animation-delay:60ms}.payroll-entries{animation-delay:.1s}.payroll-actions{animation-delay:.14s}@keyframes payroll-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.payroll-hero,.payroll-toolbar,.payroll-entries,.payroll-actions{animation:none}.payroll-entry,.payroll-message,.payroll-publish{transition:none}.payroll-message:hover,.payroll-publish:hover{transform:none}}.slip-details{padding:12px 4px 14px}.slip-ledger{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}.slip-column{background:#fff;border:1px solid #dfe6f0;border-radius:14px;flex-direction:column;min-width:0;transition:border-color .22s,box-shadow .22s,transform .22s;display:flex;overflow:hidden;box-shadow:0 14px 28px -25px #18254b55,0 3px 10px #18254b0a}.slip-column:hover{border-color:#abb8dd;transform:translateY(-2px);box-shadow:0 22px 40px -28px #18254b77,0 5px 14px #18254b15}.slip-column-heading{background:linear-gradient(110deg,#f4f5ff,#fff);border-bottom:1px solid #e9edf5;align-items:center;gap:10px;min-height:66px;padding:11px 14px;display:flex}.slip-work-column .slip-column-heading{background:linear-gradient(110deg,#f7f8fc,#fff)}.slip-deductions .slip-column-heading{background:linear-gradient(110deg,#f0f7f8,#fff)}.slip-column-icon{color:#3e459b;background:#e5e7fb;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.slip-work-column .slip-column-icon{color:#44516b;background:#e9edf5}.slip-deductions .slip-column-icon{color:#136d69;background:#ddf1f0}.slip-column-heading h3{color:#202b52;margin:0;font-size:.94rem;font-weight:800}.slip-column-heading small{color:#586682;font-size:.75rem}.slip-items{flex:1;margin:0;padding:4px 14px}.slip-item{border-bottom:1px solid #edf0f6;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;font-size:.79rem;line-height:1.55;display:flex}.slip-item:last-child{border-bottom:0}.slip-item dt{color:#3e4d68;overflow-wrap:anywhere;min-width:0}.slip-item dd{color:#172648;font-variant-numeric:tabular-nums;text-align:left;flex:none;margin:0;font-weight:700}.slip-empty{color:#66718a;flex:1;margin:0;padding:24px 20px;font-size:.82rem}.slip-total{color:#28365c;background:#f7f8fd;border-top:1px solid #dfe5f1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin-top:auto;padding:9px 16px;font-size:.8rem;font-weight:700;display:flex}.slip-total strong{color:#242f70;font-variant-numeric:tabular-nums;font-size:.94rem}.slip-net{color:#145957;background:linear-gradient(110deg,#e6f6f3,#f4faf9);border:1px solid #bddee0;border-radius:11px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin:8px;padding:10px 14px;display:flex;box-shadow:0 8px 18px -15px #136d6999}.slip-net span{align-items:center;gap:8px;font-size:.86rem;font-weight:800;display:inline-flex}.slip-net small{font-size:.72rem;font-weight:500}.slip-net strong{color:#124e4c;font-variant-numeric:tabular-nums;font-size:1.02rem}.slip-details .slip-message{margin:12px 4px 0}@media (max-width:1100px) and (min-width:761px){.slip-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.slip-work-column{grid-column:1/-1}.slip-work-column .slip-items{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;display:grid}}@media (max-width:760px){.slip-ledger{grid-template-columns:minmax(0,1fr);gap:10px}.slip-details{padding:10px 0 12px}.slip-column-heading{min-height:0;padding:10px 14px}.slip-items,.slip-total{padding-inline:14px}}@media (prefers-reduced-motion:reduce){.slip-column{transition:none}.slip-column:hover{transform:none}}.slip-details{animation:.3s ease-out both payroll-arrive}.slip-earnings .slip-total{background:linear-gradient(110deg,#f2f3ff,#fafaff);border-top-color:#d9def2}.slip-deductions .slip-total{background:linear-gradient(110deg,#f3f8f9,#fff)}.slip-net{transition:border-color .2s,box-shadow .2s}.slip-net:hover{border-color:#81c6c4;box-shadow:0 12px 24px -16px #136d6999,0 2px 8px #136d6918}.slip-item dd{white-space:nowrap}@media (max-width:420px){.slip-column-heading h3{font-size:.9rem}.slip-item{font-size:.77rem}.slip-net strong{font-size:1.03rem}}@media (prefers-reduced-motion:reduce){.slip-details{animation:none}.slip-net{transition:none}}.period-catalog{position:relative;overflow:hidden;box-shadow:0 22px 48px -34px #101a3561,0 3px 12px #101a350a}.period-catalog:before{content:"";background:linear-gradient(90deg,#ff8d76,#6567cf);border-radius:0 0 8px 8px;height:3px;position:absolute;inset:0 24px auto}.period-table table{min-width:760px}.period-name{color:#17213f;font-size:.875rem;display:block}.period-code{color:#68748d;margin-top:4px;font-size:.72rem;display:block}.period-row-actions{flex-wrap:wrap;gap:7px;display:flex}.period-action{color:#394562;cursor:pointer;background:#fff;border:1px solid #d9ddec;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:7px 10px;font-size:.76rem;font-weight:750;transition:border-color .2s,background .2s,color .2s,box-shadow .2s,transform .2s;display:inline-flex}.period-action:hover:not(:disabled){color:#343a8d;background:#f4f3ff;border-color:#aaafe2;transform:translateY(-1px);box-shadow:0 8px 16px -13px #3f459d}.period-action:focus-visible{outline-offset:2px;outline:3px solid #5459bf47}.period-action:active:not(:disabled){transform:translateY(0)}.period-action:disabled{opacity:.55;cursor:not-allowed}.period-action-view{color:#3e449c;background:#f3f3ff;border-color:#c9cced}.period-action-danger{color:#9b3731;border-color:#f0d1cb}.period-action-danger:hover:not(:disabled){color:#862b27;background:#fff3f0;border-color:#e5aaa0;box-shadow:0 8px 16px -13px #9b3731}.period-dialog{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a1127b3;place-items:center;padding:20px;animation:.2s ease-out both period-backdrop-in;display:grid;position:fixed;inset:0;overflow-y:auto}.period-dialog-card{background:linear-gradient(145deg,#fff,#fbfbff);border:1px solid #e0e3ef;border-radius:24px;width:min(100%,480px);padding:24px;animation:.24s ease-out both period-dialog-in;box-shadow:0 30px 90px #04091e61,inset 0 1px #fff}.period-dialog-heading{align-items:center;gap:12px;margin-bottom:22px;display:flex}.period-dialog-heading .eyebrow{margin:0 0 3px}.period-dialog-heading h3{color:#17213f;margin:0;font-size:1.15rem}.period-dialog-icon{color:#454aa3;background:#eeedff;border:1px solid #d8d8f4;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 18px -14px #454aa3}.period-dialog-icon-danger{color:#a23730;background:#fff0ed;border-color:#f2cbc3}.period-dialog-close{color:#59647d;cursor:pointer;background:#fff;border:1px solid #e1e4ee;border-radius:11px;place-items:center;width:38px;height:38px;margin-inline-start:auto;transition:border-color .2s,background .2s,color .2s,transform .2s;display:grid}.period-dialog-close:hover:not(:disabled){color:#343a8d;background:#f4f3ff;border-color:#babee1;transform:rotate(4deg)}.period-dialog-close:focus-visible,.period-cancel:focus-visible,.period-delete-confirm:focus-visible{outline-offset:2px;outline:3px solid #5459bf47}.period-name-field{color:#293553;flex-direction:column;gap:3px;margin-bottom:8px;font-size:.84rem;font-weight:800;display:flex}.period-name-field span{color:#69748c;font-size:.73rem;font-weight:500}.period-dialog-card input{color:#17213f;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #cbd1e1;border-radius:12px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.period-dialog-card input:hover{border-color:#9fa6ce}.period-dialog-card input:focus-visible{border-color:#5459bf;outline:0;box-shadow:0 0 0 4px #5459bf24}.period-dialog-meta{color:#68748d;margin-top:9px;font-size:.75rem}.period-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.period-cancel,.period-delete-confirm{min-height:42px;font:inherit;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:.82rem;font-weight:800;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;display:inline-flex}.period-cancel{color:#46516b;background:#fff;border:1px solid #d7dbe8}.period-cancel:hover:not(:disabled){background:#f6f7fa;border-color:#afb5ca;transform:translateY(-1px)}.period-danger-eyebrow{color:#a33b34}.period-delete-warning{color:#6f3834;background:#fff5f2;border:1px solid #f1d0ca;border-radius:14px;margin:0;padding:16px;font-size:.84rem;line-height:2}.period-delete-warning strong{color:#922f29}.period-delete-confirm{color:#fff;background:#a83b34;border:1px solid #a83b34;box-shadow:0 10px 22px -15px #7f2722}.period-delete-confirm:hover:not(:disabled){background:#862b27;border-color:#862b27;transform:translateY(-1px);box-shadow:0 14px 26px -15px #7f2722}.period-cancel:disabled,.period-delete-confirm:disabled,.period-dialog-close:disabled{opacity:.55;cursor:not-allowed}@keyframes period-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes period-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:640px){.period-dialog{align-items:end;padding:12px}.period-dialog-card{border-radius:22px 22px 16px 16px;padding:20px 16px}.period-dialog-actions{grid-template-columns:1fr 1fr;display:grid}.period-dialog-actions>*{width:100%}.period-row-actions{flex-wrap:nowrap}}@media (prefers-reduced-motion:reduce){.period-action,.period-dialog,.period-dialog-card,.period-dialog-close,.period-cancel,.period-delete-confirm{transition:none;animation:none}.period-action:hover:not(:disabled),.period-dialog-close:hover:not(:disabled),.period-cancel:hover:not(:disabled),.period-delete-confirm:hover:not(:disabled){transform:none}}.login-page{background:#f6f7fb;grid-template-columns:minmax(0,1.12fr) minmax(410px,.88fr);min-height:100dvh;display:grid}.login-art{isolation:isolate;color:#fff;background:radial-gradient(circle at 12% 58%,#353570 0,#0000 47%),linear-gradient(145deg,#101a35 8%,#172044 62%,#101a35);flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(32px,4vw,64px) clamp(32px,5vw,84px) 32px;display:flex;position:relative;overflow:hidden}.login-art:before{z-index:-1;content:"";pointer-events:none;border:1px solid #aaacff1c;border-radius:50%;width:610px;height:610px;position:absolute;top:-210px;left:-190px;box-shadow:0 0 0 75px #aaacff06,0 0 0 150px #aaacff05}.login-art:after{z-index:-1;opacity:.22;content:"";pointer-events:none;background-image:radial-gradient(#ffffff21 .7px,#0000 .7px);background-size:24px 24px;position:absolute;inset:0}.login-art .brand{align-items:center;gap:12px;font-size:15px;font-weight:800;line-height:1.45;display:inline-flex}.login-art .brand-mark{color:#101a35;background:linear-gradient(145deg,#ffad99,#ff8068);border:1px solid #ffffff42;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 24px #00191447,inset 0 1px #ffffff38}.login-art .brand small{color:#b7c3de;margin-top:2px;font-size:11px;font-weight:400;display:block}.login-art-content{max-width:680px;margin-top:clamp(52px,9vh,108px)}.hero-kicker{color:#f5e3e1;background:#aaacff17;border:1px solid #aaacff40;border-radius:999px;align-items:center;gap:9px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.kicker-dot,.preview-live span{background:#ff8068;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 4px #ff806821}.login-art-content h2{letter-spacing:-.035em;max-width:630px;margin:24px 0 14px;font-size:clamp(32px,3.55vw,56px);font-weight:800;line-height:1.55}.login-art-content h2 em{color:#ff9b84;font-style:normal}.login-art-content p{color:#d6dcf7;max-width:550px;margin:0;font-size:15px;line-height:2}.hero-cta{color:#101a35;background:#ffad99;border:1px solid #ffcebf;border-radius:12px;justify-content:center;align-items:center;gap:20px;min-height:48px;margin-top:24px;padding:10px 18px;font-size:14px;font-weight:800;text-decoration:none;transition:background .22s,transform .22s,box-shadow .22s;display:inline-flex;box-shadow:0 10px 25px #0509223d}.hero-cta:hover{background:#ffcebf;transform:translateY(-3px);box-shadow:0 15px 30px #05092252}.hero-cta:active{transform:translateY(0)}.hero-features{color:#b7c3de;flex-wrap:wrap;gap:12px 24px;margin-top:24px;font-size:12px;display:flex}.hero-features span{align-items:center;gap:7px;display:inline-flex}.hero-features svg{color:#ff9b84}.product-preview{color:#101a35;background:#fff;border:1px solid #ebfff875;border-radius:20px;width:min(100%,540px);margin:clamp(40px,7vh,80px) auto 32px;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 30px 75px #0509225c,0 5px 15px #05092233}.preview-top,.preview-bottom{background:#f8f9fd;justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;display:flex}.preview-top{border-bottom:1px solid #e3e7f0}.preview-brand{align-items:center;gap:9px;font-size:12px;font-weight:800;display:inline-flex}.preview-logo,.preview-icon{color:#5459bf;background:#eeedff;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.preview-live{color:#64708a;align-items:center;gap:8px;font-size:11px;display:inline-flex}.preview-live span{background:#5459bf;width:6px;height:6px}.preview-body{padding:18px 20px 22px}.preview-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.preview-heading strong,.preview-overline{display:block}.preview-heading strong{font-size:16px}.preview-overline{color:#64708a;margin-bottom:2px;font-size:10px}.preview-icon{border-radius:10px;width:35px;height:35px}.preview-steps{gap:8px;display:grid}.preview-step{background:#fff;border:1px solid #e3e7f0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.step-icon{color:#5459bf;background:#f2f1ff;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.preview-step strong,.preview-step small{display:block}.preview-step strong{font-size:12px}.preview-step small{color:#64708a;font-size:10px}.step-check,.step-arrow{color:#5459bf;margin-right:auto}.preview-bottom{color:#64708a;border-top:1px solid #e3e7f0;justify-content:flex-start;font-size:10px}.preview-bottom svg{color:#5459bf}.login-art-footer{color:#b7c3de;margin-top:auto;font-size:11px}.login-side{background:radial-gradient(circle at 85% 12%,#e9e9fc,#0000 40%),#f6f7fb;place-items:center;min-width:0;padding:48px clamp(24px,5vw,84px);display:grid}.login-box{background:#fff;border:1px solid #e3e7f0;border-radius:24px;width:min(100%,430px);padding:clamp(28px,3.5vw,48px);box-shadow:0 30px 65px #1e226014,0 3px 14px #1e22600a}.form-kicker{color:#5459bf;font-size:12px;font-weight:800}.login-box h1{color:#101a35;margin:6px 0 4px;font-size:clamp(26px,2.4vw,32px);font-weight:800}.login-box .intro{color:#64708a;margin:0 0 28px;font-size:13px;line-height:1.9}.login-box .field{color:#293553;margin-bottom:18px;font-size:13px;font-weight:700;display:block}.login-box .field span{margin-bottom:8px;display:block}.login-box input{border-color:#dce1ee;border-radius:11px;height:48px;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.login-box input::placeholder{color:#8190aa}.login-box input:hover{border-color:#acb0db}.login-box input:focus{border-color:#5459bf;outline:0;box-shadow:0 0 0 4px #5459bf21}.login-box input[dir=ltr]{text-align:left}.login-submit{background:#5459bf;min-height:48px;margin-top:10px;font-size:14px;transition:background .22s,transform .22s,box-shadow .22s;box-shadow:0 8px 18px #5459bf2e}.login-submit:hover:not(:disabled){background:#4146a7;transform:translateY(-2px);box-shadow:0 12px 24px #5459bf3d}.login-submit:active:not(:disabled){transform:translateY(0)}.login-footnote{color:#64708a;text-align:center;border-top:1px solid #e3e7f0;margin:24px 0 0;padding-top:20px;font-size:12px;line-height:1.9}.login-footnote span{color:#293553;font-weight:600}.login-security{color:#596781;justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:11px;display:flex}@media (max-width:1050px){.login-page{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}.login-art{padding-inline:36px}.login-side{padding-inline:24px}}@media (max-width:800px){.login-page{grid-template-columns:1fr}.login-art{padding:32px 24px 40px}.login-art-content{margin-top:64px}.login-art-content h2{max-width:580px;font-size:clamp(32px,6vw,44px)}.product-preview{margin:44px auto 36px}.login-side{padding:48px 24px 64px}}@media (max-width:520px){.login-art{padding:24px 20px 32px}.login-art-content{margin-top:44px}.login-art-content h2{margin-top:18px;font-size:clamp(30px,8vw,38px);line-height:1.55}.login-art-content p{font-size:13px}.hero-features{gap:10px}.product-preview{margin:40px 0 28px;transform:none}.login-side{padding:32px 16px 48px}.login-box{padding:28px 20px}}@media (prefers-reduced-motion:reduce){.hero-cta,.login-submit,.login-box input{transition:none}.hero-cta:hover,.login-submit:hover:not(:disabled){transform:none}}.login-art .brand{letter-spacing:-.01em}.hero-cta:focus-visible,.login-submit:focus-visible{outline-offset:4px;outline:3px solid #ffad99}.product-preview{transition:transform .26s,box-shadow .26s}.product-preview:hover{transform:translateY(-5px)rotate(-.7deg);box-shadow:0 38px 85px #05092266,0 6px 18px #05092233}.preview-step{transition:background .2s,border-color .2s,transform .2s}.preview-step:hover{background:#f8f8ff;border-color:#b9baf2;transform:translate(-3px)}.login-box{background:linear-gradient(155deg,#fff 70%,#faf9ff)}.login-box .field:focus-within span{color:#454aa3;transition:color .2s}.login-art-content,.product-preview,.login-form-intro,.login-box form{animation:.6s cubic-bezier(.2,.75,.2,1) both settle-in}.product-preview{animation-delay:.13s}.login-form-intro{animation-delay:.1s}.login-box form{animation-delay:.17s}@keyframes settle-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@media (max-width:520px){.login-art .brand{font-size:13px}.login-art .brand-mark{width:40px;height:40px}.preview-top,.preview-bottom{padding-inline:14px}.preview-body{padding:14px}.preview-heading{margin-bottom:12px}.preview-step{padding:8px 10px}.hero-cta{justify-content:space-between;width:100%}.product-preview:hover{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.login-art-content,.product-preview,.login-form-intro,.login-box form{animation:none}.product-preview,.preview-step{transition:none}.product-preview:hover,.preview-step:hover{transform:none}}.login-art .brand-mark{box-shadow:0 10px 28px #ff80682e,inset 0 1px #ffffff73}.login-art-content h2{letter-spacing:-.025em}.product-preview{border-color:#e4e6ff99}.preview-step:hover{box-shadow:0 8px 18px -12px #36368342}.login-box{border-color:#e2e3f1;box-shadow:0 30px 65px #1e22601c,0 3px 14px #1e22600a}@media (max-width:520px){.login-art-content h2{letter-spacing:-.015em}.preview-live{white-space:nowrap}}@media (prefers-reduced-motion:reduce){.preview-step:hover,.product-preview:hover{transform:none}}:root{--premium-ink:#101629;--premium-muted:#5e6981;--premium-line:#49547a24;--premium-brand:#5558c9;--premium-brand-deep:#3e429f;--premium-coral:#ff8b72;--premium-canvas:#f2f4fa;--premium-surface:#ffffffe6;--premium-shadow:0 24px 60px -34px #141c4657, 0 4px 18px #141c460e;--premium-shadow-hover:0 34px 70px -36px #141c466b, 0 10px 24px #141c4614}body{background:radial-gradient(circle at 8% 0%, #686ae01a, transparent 27rem), radial-gradient(circle at 96% 22%, #ff8b7214, transparent 24rem), var(--premium-canvas);color:var(--premium-ink)}::selection{color:#11152c;background:#5558c933}.app-shell{background:0 0}.sidebar{background:radial-gradient(circle at 15% 3%,#6e71e661,#0000 19rem),radial-gradient(circle at 90% 92%,#ff8b721f,#0000 18rem),linear-gradient(165deg,#11182f 0%,#0c1328 56%,#0a1022 100%);border-left:1px solid #ffffff17;width:min(284px,88vw);padding:30px 18px 22px;transition:width .24s,padding .24s,transform .24s;box-shadow:-24px 0 70px #11182f29,inset 1px 0 #ffffff0d}.workspace{transition:margin-right .24s}@media (min-width:1024px){.workspace{margin-right:284px}.sidebar.sidebar-collapsed{width:88px;padding-inline:12px}.sidebar-is-collapsed .workspace{margin-right:88px}.sidebar-collapsed .sidebar-brand-row{flex-direction:column;gap:12px}.sidebar-collapsed .sidebar-brand{justify-content:center}.sidebar-collapsed .sidebar-label,.sidebar-collapsed .sidebar-section-label,.sidebar-collapsed .sidebar-active-dot{display:none}.sidebar-collapsed .nav-item,.sidebar-collapsed .sidebar-logout{justify-content:center;gap:0;padding-inline:0}.sidebar-collapsed .sidebar-user{justify-content:center;padding-inline:0}.sidebar-collapsed .nav-active{box-shadow:inset -3px 0 var(--premium-coral), 0 14px 28px #02081c33, inset 0 1px #ffffff14}}.sidebar-brand-row{align-items:center;gap:10px;padding:0 8px 28px;display:flex}.sidebar-collapse-button{color:#cbd5ee;background:#ffffff12;border:1px solid #ffffff21;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;margin-inline-start:auto;transition:color .2s,border-color .2s,background .2s,transform .2s;display:grid;box-shadow:inset 0 1px #ffffff0f,0 10px 22px #02081c24}.sidebar-collapse-button:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.sidebar-collapse-button:active{transform:translateY(0)scale(.96)}.sidebar-collapse-button:focus-visible{outline-offset:3px;outline-color:#ffad9b}.sidebar-label{opacity:1;white-space:nowrap;transition:opacity .16s}.nav-icon{flex:none}.sidebar .brand-mark{background:linear-gradient(145deg, #ffb29f, var(--premium-coral));position:relative;overflow:hidden;box-shadow:0 14px 28px #ff8b7233,inset 0 1px #ffffff8c}.sidebar .brand-mark:after{content:"";border:1px solid #ffffff47;border-radius:13px;position:absolute;inset:2px}.sidebar-rule{background:linear-gradient(90deg,#0000,#dce3ff2e,#0000)}.nav-item{border:1px solid #0000}.nav-item:hover{background:#ffffff12;border-color:#ffffff14}.nav-active{box-shadow:inset -3px 0 var(--premium-coral), 0 14px 28px #02081c33, inset 0 1px #ffffff14;background:linear-gradient(100deg,#6669dc61,#6669dc1f);border-color:#aaaeff33}.topbar{-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:#ffffffc2;border:1px solid #ffffffc7;border-radius:18px;width:calc(100% - 32px);max-width:1500px;min-height:64px;margin:16px auto 0;position:sticky;top:16px;box-shadow:0 18px 46px -30px #131b4166,0 3px 12px #131b410e,inset 0 1px #fff}.topbar:before{background:var(--premium-coral);content:"";border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #ff8b721f}.topbar-menu{border:1px solid var(--premium-line);background:#fff;box-shadow:0 8px 18px -14px #141c4666}.topbar-menu:hover{background:#f5f4ff;border-color:#5558c94d;transform:translateY(-1px)}.topbar-path strong{color:var(--premium-ink)}.role-indicator{border:1px solid var(--premium-line);background:#ffffffc7;box-shadow:inset 0 1px #fff}.role-indicator>span{box-shadow:0 0 0 4px #5558c91c}.dashboard-content{padding-top:34px}.page-intro h1{color:var(--premium-ink);letter-spacing:-.035em}.page-intro .eyebrow{align-items:center;gap:8px;margin-bottom:5px;display:inline-flex}.page-intro .eyebrow:before{background:linear-gradient(90deg, var(--premium-coral), var(--premium-brand));content:"";border-radius:999px;width:18px;height:2px}.welcome-banner{background:radial-gradient(circle at 13% 20%,#7a7df085,#0000 19rem),radial-gradient(circle at 82% 120%,#ff8b7238,#0000 25rem),linear-gradient(125deg,#11182f 0%,#282c72 58%,#181e49 100%);border:1px solid #ffffff1f;align-items:center;min-height:294px;display:flex;box-shadow:0 34px 70px -38px #11182fa3,0 9px 24px #11182f26,inset 0 1px #ffffff14}.welcome-kicker{background:#ffffff14;border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff14}.welcome-proof{color:#cfd5f1;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:.75rem;font-weight:600;display:flex}.welcome-proof span{align-items:center;gap:7px;display:inline-flex}.welcome-proof span:before{background:var(--premium-coral);content:"";border:1px solid #ffffff6b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ff8b721a}.welcome-cta{background:linear-gradient(145deg,#ffd0c4,#ffab96);border:1px solid #ffffff8a;box-shadow:0 14px 30px -15px #ff8b729e,inset 0 1px #ffffff9e}.welcome-cta:hover{background:#ffe0d7;transform:translateY(-3px);box-shadow:0 18px 36px -15px #ff8b72b3}.welcome-cta:active{transform:translateY(0)}.welcome-grid{opacity:.15;pointer-events:none;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-size:34px 34px;width:42%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.welcome-orbit{border-color:#ffffff26;top:-178px;left:-54px}.panel,.card,.metric-card{box-shadow:var(--premium-shadow), inset 0 1px #fff;background:linear-gradient(150deg,#fffffff7,#fcfcffdb);border-color:#ffffffd6;transition:border-color .22s,box-shadow .22s,transform .22s}.panel:hover,.card:hover,.metric-card:hover{box-shadow:var(--premium-shadow-hover), inset 0 1px #fff;border-color:#7a7dd347}.metric-card{isolation:isolate;min-height:184px}.metric-card:before{background:linear-gradient(90deg, var(--premium-coral), var(--premium-brand), transparent 82%);opacity:.72;content:"";border-radius:22px 22px 0 0;height:3px;position:absolute;inset:0 0 auto}.metric-card:after{filter:blur(2px)}.metric-icon{border:1px solid #fffc;box-shadow:0 12px 24px -16px,inset 0 1px #fff}.btn{background:linear-gradient(145deg, #6669da, var(--premium-brand-deep));border-color:#ffffff2e;box-shadow:0 14px 24px -13px #3e429fad,inset 0 1px #ffffff38}.btn:hover:not(:disabled){background:linear-gradient(145deg,#7477e2,#4549ae);box-shadow:0 20px 30px -14px #3e429fb3,inset 0 1px #ffffff40}.btn-secondary{border-color:var(--premium-line);color:var(--premium-brand-deep);background:#ffffffd1;box-shadow:0 8px 18px -15px #141c464d,inset 0 1px #fff}.btn-secondary:hover:not(:disabled){background:#f3f2ff}.btn:focus-visible,.text-action:focus-visible{outline-offset:3px;outline:3px solid #5558c957}.text-action{text-underline-offset:4px}.text-action:hover{text-decoration:underline}.text-action:active{color:#282c79;transform:translateY(1px)}.table-scroll{border-color:var(--premium-line);background:#ffffffb8;box-shadow:inset 0 1px #fff}th{color:#4e5b75;background:linear-gradient(#f8f9fd,#f3f5fb)}tbody tr:hover{background:linear-gradient(90deg,#f2f2ffcc,#ffffffc2)}.card input,.card textarea,.login-box input,.role-select{background:#ffffffdb;border-color:#505b8033;box-shadow:inset 0 1px 2px #141c4606}.card input:hover,.card textarea:hover,.login-box input:hover,.role-select:hover{border-color:#5558c96b}.card input:focus,.card textarea:focus,.login-box input:focus,.role-select:focus-visible{border-color:var(--premium-brand);box-shadow:0 0 0 4px #5558c91f,0 10px 24px -18px #5558c961}.employee-fieldset,.payroll-message,.payroll-publish,.slip-column{background:linear-gradient(145deg,#fff,#f9faff);box-shadow:0 20px 38px -32px #141c466b,inset 0 1px #fff}.alert{border:1px solid #ffffffbf;box-shadow:0 14px 30px -24px #141c4659,inset 0 1px #ffffff8c}.login-page{background:#eef1f8}.login-art{background:radial-gradient(circle at 18% 22%,#6c6fe566,#0000 22rem),radial-gradient(circle at 86% 82%,#ff8b7224,#0000 22rem),linear-gradient(145deg,#10172d,#181f45 58%,#0c1328)}.login-art:after{opacity:1;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:32px 32px}.login-version{color:#cbd2ee;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;align-self:center;margin-right:8px;padding:4px 9px;font-size:9px;font-weight:700}.login-art-content h2{text-wrap:balance;text-shadow:0 10px 38px #04081c47}.hero-kicker{box-shadow:inset 0 1px #ffffff14}.login-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.login-trust-grid>span{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:14px;min-width:0;padding:12px 14px;transition:background .2s,border-color .2s,transform .2s;box-shadow:inset 0 1px #ffffff0e}.login-trust-grid>span:hover{background:#ffffff17;border-color:#ffffff38;transform:translateY(-2px)}.login-trust-grid strong,.login-trust-grid small{display:block}.login-trust-grid strong{color:#fff;font-size:.78rem}.login-trust-grid small{color:#adb8d8;margin-top:3px;font-size:.65rem;line-height:1.7}.product-preview{border-color:#ffffffb8;border-radius:24px;box-shadow:0 42px 90px #02071b70,0 12px 28px #02071b38,inset 0 1px #fff}.login-side{background:radial-gradient(circle at 84% 12%,#686ae029,#0000 22rem),radial-gradient(circle at 10% 92%,#ff8b721a,#0000 19rem),#f2f4fa}.login-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border-color:#ffffffd1;position:relative;overflow:hidden;box-shadow:0 38px 84px -40px #141c4670,0 10px 28px #141c4612,inset 0 1px #fff}.login-box:before{background:linear-gradient(90deg, var(--premium-coral), var(--premium-brand));content:"";border-radius:0 0 999px 999px;height:3px;position:absolute;inset:0 28px auto}.welcome-banner:after{filter:blur(50px);content:"";pointer-events:none;background:#6f73e833;border-radius:50%;width:260px;height:180px;position:absolute;bottom:-100px;right:42%}.metric-card:nth-child(2){animation-delay:.17s}.metric-card:nth-child(3){animation-delay:.21s}.metric-card:nth-child(4){animation-delay:.25s}.panel:focus-within,.card:focus-within{box-shadow:var(--premium-shadow-hover), 0 0 0 3px #5558c912, inset 0 1px #fff;border-color:#5558c96b}.table-scroll::-webkit-scrollbar{height:8px}.table-scroll::-webkit-scrollbar-track{background:#eef0f6}.table-scroll::-webkit-scrollbar-thumb{background:#aeb4c9;border:2px solid #eef0f6;border-radius:999px}.count-pill,.status-pill,.import-badge{border:1px solid #5558c91a;box-shadow:inset 0 1px #ffffffb8}.empty-state{background:linear-gradient(145deg,#f6f7fcb8,#ffffff8a);border-radius:16px}.upload-zone{box-shadow:inset 0 1px #fff,0 18px 38px -34px #252b6866}.upload-zone:hover,.upload-zone:focus-within{box-shadow:inset 0 1px #fff,0 22px 44px -30px #3f429f85}.login-security{background:#f7f7ff;border:1px solid #5558c91a;border-radius:999px;padding:7px 12px}.preview-step:nth-child(2){transition-delay:30ms}.preview-step:nth-child(3){transition-delay:60ms}@media (max-width:800px){.topbar{width:calc(100% - 20px);margin-top:10px;top:10px}.dashboard-content{padding-top:28px}.welcome-banner{min-height:0}.welcome-grid{opacity:.09;width:58%}}@media (max-width:1023px){.sidebar-collapse-button{display:none}}@media (max-width:639px){.topbar{border-radius:15px;min-height:58px;padding-inline:12px}.topbar:before{display:none}.dashboard-content{padding-inline:14px}.page-intro{margin-bottom:22px}.welcome-banner{border-radius:22px;padding:24px 20px}.welcome-proof{gap:8px 14px}.metric-card{min-height:156px}.login-trust-grid{grid-template-columns:1fr}.login-trust-grid>span{padding:10px 12px}.login-art-content{margin-top:48px}.login-art-content h2{line-height:1.45}.login-side{padding-top:28px}}@media (max-width:420px){.welcome-proof{grid-template-columns:1fr;display:grid}.login-version{display:none}.panel,.card{border-radius:18px}.product-preview{margin-block:30px 18px}.preview-bottom{display:none}}@media (prefers-reduced-motion:reduce){.sidebar,.workspace,.sidebar-collapse-button,.sidebar-label,.topbar-menu,.welcome-cta,.login-trust-grid>span,.panel,.card,.metric-card{transition:none}.topbar-menu:hover,.welcome-cta:hover,.login-trust-grid>span:hover{transform:none}}.request-center{animation:.45s cubic-bezier(.2,.8,.2,1) request-enter}@keyframes request-enter{0%{opacity:0;transform:translateY(8px)}}.request-hero{color:#fff;background:radial-gradient(circle at 12% 10%,#ffffff29,#0000 26%),linear-gradient(125deg,#181b49 0%,#3f43a5 52%,#6469d2 100%);border:1px solid #ffffff29;border-radius:28px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 55px #20236838,inset 0 1px #ffffff1f}.request-hero:after{content:"";border:36px solid #ffffff12;border-radius:50%;width:260px;height:260px;position:absolute;inset:auto auto -170px 26%}.request-hero>*{z-index:1;position:relative}.request-kicker{color:#e6e7ff;background:#ffffff17;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.request-hero h2{letter-spacing:-.03em;margin:14px 0 4px;font-size:clamp(23px,3vw,32px);font-weight:900;line-height:1.55}.request-hero p{color:#d9dcf7;max-width:680px;margin:0;font-size:14px;line-height:2}.request-hero-stat{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080b3738;border:1px solid #ffffff2b;border-radius:22px;min-width:150px;padding:18px;box-shadow:inset 0 1px #ffffff1a}.request-hero-stat strong{font-size:32px;line-height:1.2;display:block}.request-hero-stat span{color:#d8dbf7;font-size:11px}.request-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #e3e7f0;border-radius:18px;gap:8px;margin-bottom:20px;padding:6px;display:flex;overflow:auto;box-shadow:0 10px 30px #1b23480f}.request-tabs button{color:#64708a;background:0 0;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-width:max-content;padding:10px 16px;font-size:13px;font-weight:750;transition:all .2s;display:inline-flex}.request-tabs button:hover{color:#363a93;background:#f1f1ff;transform:translateY(-1px)}.request-tabs button.active{color:#fff;background:linear-gradient(135deg,#4b50b6,#696ed5);box-shadow:0 9px 20px #494eb440}.request-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.request-card,.queue-card{background:linear-gradient(#fff,#fcfcff);border:1px solid #e0e4ef;border-radius:23px;transition:transform .22s,border-color .22s,box-shadow .22s;box-shadow:0 12px 30px #1e264d12,inset 0 1px #fff}.request-card{padding:20px}.request-card:hover,.queue-card:hover{border-color:#c5c8ed;transform:translateY(-3px);box-shadow:0 20px 42px #23295e1c}.request-card-top{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.request-icon{color:#555bc0;background:linear-gradient(145deg,#f7f6ff,#eaeaff);border:1px solid #dedff8;border-radius:15px;flex:0 0 43px;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 8px 18px #4549a51a}.request-meta{color:#7a849a;margin:0;font-size:11px}.request-card h3,.queue-card h3{color:#101a35;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:15px;font-weight:850;overflow:hidden}.request-status{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.request-status>span{opacity:.65;background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px}.request-status.is-progress{color:#4e53b6;background:#efefff}.request-status.is-success{color:#197657;background:#e9f8f1}.request-status.is-danger{color:#b34a3a;background:#fff0ed}.request-status.is-muted{color:#68738a;background:#eff1f5}.request-facts{color:#64708a;border-top:1px solid #edf0f5;flex-wrap:wrap;gap:8px 14px;margin-top:16px;padding-top:14px;font-size:11px;display:flex}.request-facts span{align-items:center;gap:5px;display:inline-flex}.request-note,.request-guidance{color:#8f3b2d;background:#fff6f3;border:1px solid #ffdad3;border-radius:13px;align-items:flex-start;gap:9px;margin-top:14px;padding:11px 13px;font-size:12px;line-height:1.9;display:flex}.request-note svg,.request-guidance svg{flex:none;margin-top:3px}.request-details{margin-top:12px}.request-details summary{color:#515c73;cursor:pointer;align-items:center;gap:7px;font-size:11px;font-weight:750;list-style:none;display:flex}.request-details summary svg:last-child{margin-right:auto;transition:transform .2s}.request-details[open] summary svg:last-child{transform:rotate(-90deg)}.request-timeline{gap:13px;margin-top:15px;padding-right:5px;display:grid;position:relative}.timeline-item{gap:10px;display:flex}.timeline-dot{z-index:1;color:#5257b6;background:#f3f2ff;border:1px solid #d7d9f5;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;display:grid}.timeline-item:not(:last-child) .timeline-dot:after{content:"";background:#dfe2eb;width:1px;height:19px;margin-top:44px;position:absolute}.timeline-item strong{color:#263049;font-size:11px;display:block}.timeline-item p{color:#7b8599;margin:2px 0 0;font-size:10px}.request-actions,.request-form-actions,.queue-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:16px;display:flex}.request-primary,.request-secondary,.request-danger{border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 14px;font-size:12px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.request-primary{color:#fff;background:linear-gradient(135deg,#4a4fb3,#686dd2);border:1px solid #4d52b4;box-shadow:0 9px 20px #4549a533}.request-primary:hover{filter:saturate(1.1);transform:translateY(-2px);box-shadow:0 13px 25px #4549a547}.request-secondary{color:#35405a;background:#fff;border:1px solid #d9deea}.request-secondary:hover{color:#4348a5;background:#f8f8ff;border-color:#aeb2e8;transform:translateY(-1px)}.request-danger{color:#a34032;background:#fff5f2;border:1px solid #ffd3cc}.request-danger:hover{background:#ffebe7;border-color:#ef9f91}.request-primary:disabled,.request-secondary:disabled,.request-danger:disabled{cursor:not-allowed;opacity:.55;transform:none}.request-empty{color:#6e7890;text-align:center;background:#ffffff9e;border:1px dashed #cfd4e3;border-radius:24px;place-items:center;min-height:300px;padding:40px 20px;display:grid}.request-empty>svg{color:#6065c6;margin-bottom:12px}.request-empty h3{color:#18213a;margin:0;font-size:18px}.request-empty p{margin:5px 0 17px;font-size:13px}.request-form{overflow:hidden}.request-form-head,.type-editor-head{border-bottom:1px solid #e8ebf2;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.request-form-head h2,.type-editor-head h2{margin:3px 0 0;font-size:20px;font-weight:900}.request-form-head p:not(.eyebrow){color:#657089;margin:4px 0 0;font-size:12px}.icon-button{color:#59657d;background:#fff;border:1px solid #e1e5ee;border-radius:12px;place-items:center;width:39px;height:39px;transition:all .2s;display:grid}.icon-button:hover{color:#a43e32;background:#fff4f1;border-color:#f1b5aa}.request-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 24px;display:grid}.request-type{color:#263049;text-align:right;background:#fff;border:1px solid #e0e4ed;border-radius:17px;grid-template-columns:auto 1fr;gap:4px 10px;padding:15px;transition:all .2s;display:grid}.request-type>span{color:#555ab8;background:#f0efff;border-radius:12px;grid-row:1/3;place-items:center;width:39px;height:39px;display:grid}.request-type strong{font-size:12px}.request-type small{color:#788297;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.request-type:hover{border-color:#aeb2e6;transform:translateY(-2px);box-shadow:0 12px 25px #232a5714}.request-type.is-selected{background:#f6f5ff;border-color:#7074ce;box-shadow:0 0 0 3px #5459bf1a}.request-guidance{color:#4d529d;background:#f7f6ff;border-color:#dbddfb;margin:0 24px}.request-fields,.type-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px;display:grid}.request-fields label,.type-fields label,.wide-field,.letter-meta label{color:#3f4b64;gap:7px;font-size:12px;font-weight:750;display:grid}.request-fields label.wide,.type-fields label.wide{grid-column:1/-1}.request-fields b{color:#d25644;margin-right:3px}.request-fields input,.request-fields textarea,.type-fields input,.type-fields textarea,.type-fields select,.wide-field textarea,.letter-meta input,.schema-row input,.schema-row select{color:#18223b;background:#fff;border:1px solid #dfe3ec;border-radius:12px;outline:0;width:100%;padding:10px 12px;font-size:13px;transition:border-color .18s,box-shadow .18s,background .18s}.request-fields input:focus,.request-fields textarea:focus,.type-fields input:focus,.type-fields textarea:focus,.type-fields select:focus,.wide-field textarea:focus,.letter-meta input:focus,.schema-row input:focus,.schema-row select:focus{background:#fefeff;border-color:#6c70ca;box-shadow:0 0 0 4px #5459bf1c}.physical-choice{cursor:pointer;background:#fafaff;border:1px solid #dfe2f5;border-radius:15px;align-items:flex-start;gap:11px;margin:0 24px;padding:15px;display:flex}.physical-choice input,.type-toggles input{accent-color:#555ab9;width:18px;height:18px;margin-top:2px}.physical-choice strong,.physical-choice small{display:block}.physical-choice strong{color:#26304a;font-size:12px}.physical-choice small{color:#707b92;margin-top:2px;font-size:10px}.request-form-actions{background:#fafbfe;border-top:1px solid #e8ebf2;padding:18px 24px}.queue-list{gap:13px;display:grid}.queue-card{overflow:hidden}.queue-summary{width:100%;color:inherit;text-align:right;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:17px 20px;display:grid}.queue-summary p{color:#6e7890;margin:0;font-size:11px}.queue-summary small{color:#8891a3;font-size:10px}.queue-summary>svg{color:#727d94;transition:transform .2s}.queue-body{border-top:1px solid #eceef4;padding:0 20px 20px}.queue-data{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.queue-data div{background:#fafbfe;border:1px solid #eceef5;border-radius:12px;padding:11px 12px}.queue-data span,.queue-data strong{display:block}.queue-data span{color:#788298;font-size:10px}.queue-data strong{color:#273149;margin-top:2px;font-size:12px}.letter-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0;display:grid}.type-manager{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.type-list{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #e1e5ee;border-radius:21px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;min-width:0;padding:14px 16px;display:grid;box-shadow:0 13px 30px #1c234812,inset 0 1px #fff}.type-list-head{border-left:1px solid #e8eaf2;align-items:center;gap:14px;padding-left:16px;display:flex}.type-list h3{white-space:nowrap;margin:2px 0 0;font-size:14px}.type-list-scroll{scrollbar-width:thin;scrollbar-color:#c5c8e2 transparent;gap:8px;min-width:0;padding:3px;display:flex;overflow-x:auto}.type-list button{color:#4f5b73;text-align:right;background:#fafbfe;border:1px solid #0000;border-radius:12px;flex:none;justify-content:space-between;align-items:center;gap:14px;min-width:150px;padding:10px 12px;font-size:11px;transition:color .2s,background .2s,border-color .2s,box-shadow .2s,transform .2s;display:flex}.type-list button:hover{color:#4449a4;background:#f4f3ff;border-color:#dedff1;transform:translateY(-1px);box-shadow:0 8px 18px #2d326e14}.type-list button:focus-visible{outline:0;box-shadow:0 0 0 4px #5459bf21}.type-list button.active{color:#3f449e;background:#efefff;border-color:#c8caee;box-shadow:0 7px 18px #4449a41a}.type-list button small{color:#8a93a5;font-size:9px}.type-list .new-type{color:#4b50ad;background:#f8f7ff;border:1px dashed #aaaee3;justify-content:center;min-width:max-content;font-weight:800}.type-editor{overflow:hidden}.type-editor-head>svg{color:#555aba}.schema-builder{background:#fafbfe;border:1px solid #e2e5ed;border-radius:17px;margin:0 24px 20px;padding:16px}.schema-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.schema-head h3{margin:0;font-size:14px}.schema-head p{color:#758097;margin:2px 0 0;font-size:10px}.schema-head button{color:#4a4fa9;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.schema-row{grid-template-columns:1.1fr 1fr .8fr auto auto;align-items:center;gap:8px;margin-top:8px;display:grid}.schema-row>button{color:#a64a3b;background:#fff6f4;border:1px solid #f0d4cf;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.schema-check{color:#536078;align-items:center;gap:5px;min-width:max-content;font-size:10px;display:flex}.schema-check input{accent-color:#555ab9}.asset-grid{grid-template-columns:1fr 1fr;gap:12px;margin:0 24px 18px;display:grid}.asset-grid label{background:#fcfcff;border:1px dashed #cbd0df;border-radius:14px;padding:14px}.asset-grid span,.asset-grid small{display:block}.asset-grid span{color:#364159;margin-bottom:8px;font-size:11px;font-weight:800}.asset-grid input{max-width:100%;font-size:10px}.asset-grid small{color:#7a849a;margin-top:7px;font-size:9px}.type-toggles{flex-wrap:wrap;gap:12px;margin:0 24px 18px;display:flex}.type-toggles label{color:#46526b;background:#fff;border:1px solid #e1e5ef;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:flex}.type-save{background:#fafbfe;border-top:1px solid #e7eaf1;justify-content:flex-end;padding:17px 24px;display:flex}.type-editor-head p:not(.eyebrow){color:#747e94;margin:5px 0 0;font-size:11px}.template-studio{background:linear-gradient(150deg,#fbfbfe 0%,#f5f6fb 100%);grid-template-columns:minmax(420px,.92fr) minmax(390px,1.08fr);align-items:start;gap:20px;padding:20px;display:grid}.template-controls{gap:16px;min-width:0;display:grid}.editor-section{background:#ffffffeb;border:1px solid #e2e5ef;border-radius:19px;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden;box-shadow:0 9px 25px #232a520e,inset 0 1px #fff}.editor-section:hover{border-color:#d4d7e8;box-shadow:0 14px 34px #232a5214,inset 0 1px #fff}.editor-section-head{background:linear-gradient(135deg,#fff,#fafaff);border-bottom:1px solid #eceef4;align-items:center;gap:11px;padding:15px 17px;display:flex}.editor-section-head>svg{color:#565bb9;flex:none}.editor-section-head h3{color:#202a43;margin:0;font-size:13px}.editor-section-head p{color:#7a8499;margin:3px 0 0;font-size:9.5px;line-height:1.6}.type-fields.compact{gap:12px;padding:17px}.page-format-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 16px 5px;display:grid}.page-format-row label{color:#4c5870;gap:6px;font-size:10px;font-weight:800;display:grid}.page-format-row input,.page-format-row select{color:#202a42;background:#fff;border:1px solid #dfe3ec;border-radius:11px;outline:none;width:100%;min-height:39px;padding:8px 10px;transition:border-color .18s,box-shadow .18s}.page-format-row input:focus,.page-format-row select:focus{border-color:#6c70ca;box-shadow:0 0 0 4px #5459bf1a}.layout-control-grid{grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px 17px;display:grid}.layout-control{background:#fcfcff;border:1px solid #e7e9f1;border-radius:13px;gap:9px;padding:11px 12px;transition:border-color .18s,background .18s,transform .18s;display:grid}.layout-control:hover{background:#fff;border-color:#cfd2e8;transform:translateY(-1px)}.layout-control>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.layout-control b{color:#3d4861;font-size:10px}.layout-control em{color:#6267bd;font-size:9px;font-style:normal;font-weight:850}.layout-control>div{grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:8px;display:grid}.layout-control input[type=range]{accent-color:#575cbb;cursor:pointer;background:#dfe1f1;border:0;border-radius:99px;outline:none;width:100%;height:4px}.layout-control input[type=number]{color:#273149;text-align:center;background:#fff;border:1px solid #dfe2eb;border-radius:9px;outline:none;width:100%;height:32px;padding:5px;font-size:10px}.layout-control input[type=number]:focus{border-color:#6c70ca;box-shadow:0 0 0 3px #5459bf1a}.editor-section .asset-grid{margin:0;padding:16px 16px 4px}.editor-section .asset-grid label{transition:border-color .2s,background .2s}.editor-section .asset-grid label:hover{background:#f9f8ff;border-color:#9fa4d8}.asset-controls{padding-top:8px}.schema-builder.embedded{background:0 0;border:0;border-radius:0;margin:0;padding:8px 16px 17px}.schema-builder.embedded .schema-head{justify-content:flex-end;margin-bottom:8px}.letter-preview-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #cfd2e6e6;border-radius:22px;position:sticky;top:88px;overflow:hidden;box-shadow:0 22px 55px #1b224c21,inset 0 1px #fff}.preview-toolbar{background:linear-gradient(135deg,#fffffff5,#f7f7fff2);border-bottom:1px solid #e8eaf2;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:13px 16px;display:flex}.preview-toolbar>div:first-child{gap:4px;display:grid}.preview-toolbar strong{color:#7a8396;font-size:9px;font-weight:700}.preview-toolbar-actions{color:#6e7890;align-items:center;gap:9px;font-size:9px;display:flex}.preview-toolbar-actions>span,.preview-toolbar-actions>button{align-items:center;gap:5px;display:flex}.preview-toolbar-actions>button{color:#4c51aa;background:#fff;border:1px solid #d9dcef;border-radius:10px;min-height:34px;padding:0 10px;font-size:9px;font-weight:850;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.preview-toolbar-actions>button:hover{background:#f7f6ff;border-color:#aeb2e2;transform:translateY(-1px);box-shadow:0 8px 18px #2d326e1a}.preview-toolbar-actions>button:active{transform:translateY(0)scale(.98)}.preview-live{color:#333d57;align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex}.preview-live i{background:#30aa7f;border:2px solid #baf0db;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #30aa7f14}.preview-canvas{background:radial-gradient(circle at 12% 8%,#676cc71a,#0000 27%),linear-gradient(145deg,#eef0f7,#e7e9f2);max-height:820px;padding:24px;overflow:auto}.letter-preview-page{color:#080808;text-rendering:optimizelegibility;direction:rtl;background:#fff;width:min(100%,620px);min-width:330px;margin:auto;font-family:B Zar,serif;transition:padding .24s,aspect-ratio .24s,font-size .24s;position:relative;overflow:hidden;box-shadow:0 22px 48px #22284a33,0 2px 6px #22284a1f;container-type:inline-size}.letter-preview-page:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #1419280b}.preview-letter-head{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"meta basmala spacer";align-items:start;margin-bottom:3.7%;display:grid}.preview-letter-head>div:first-child{grid-area:spacer}.preview-letter-head h3{text-align:center;grid-area:basmala;margin:8% 0 0;font-family:B Titr,B Zar,serif;font-size:.95em;font-weight:700}.preview-meta{text-align:right;direction:rtl;grid-area:meta;gap:1px;font-family:B Zar,serif;font-size:.72em;line-height:1.65;display:grid}.preview-heading{text-align:right;direction:rtl;gap:2px;font-family:B Titr,B Zar,serif;font-size:.82em;font-weight:700;line-height:1.8;display:grid}.preview-heading p,.preview-salam{margin:0}.preview-body{text-align:justify;white-space:pre-line;direction:rtl;unicode-bidi:plaintext;min-height:22%;margin-top:3%;font-family:B Zar,serif;font-size:1em;transition:line-height .2s}.preview-signing{text-align:center;justify-items:center;width:50%;margin:8.1% auto 3% 0;display:grid}.preview-signing strong{font-family:B Titr,B Zar,serif;font-size:.72em;font-weight:700;line-height:1.75}.preview-assets{justify-content:center;align-items:center;width:100%;min-height:50px;margin-bottom:-3px;display:flex}.preview-assets img{object-fit:contain;filter:drop-shadow(0 4px 5px #14193214);height:auto;max-height:100px;transition:width .2s}.preview-assets img+img{margin-right:-8%}.asset-placeholder{aspect-ratio:1.9;color:#777d9f;background:#666ab50b;border:1px dashed #9da2c2;border-radius:50%;place-items:center;min-width:42px;max-width:110px;font-family:B Zar,serif;font-size:.65em;transition:width .2s;display:grid}.seal-placeholder{aspect-ratio:1;color:#b66a6a;background:#b7484809;border-color:#d69898;border-radius:50%;margin-right:-7%}.preview-verify{color:#555;direction:rtl;align-items:center;gap:7px;width:42%;font-family:B Zar,serif;font-size:.52em;line-height:1.45;display:flex;position:absolute;bottom:4%;right:6%}.preview-verify p{margin:0}.preview-qr{color:#333;border:1px solid #999;place-items:center;width:31px;height:31px;font-family:monospace;font-size:7px;display:grid}.preview-note{color:#666fa2;background:#fbfbff;align-items:center;gap:7px;margin:0;padding:12px 16px;font-size:9px;line-height:1.6;display:flex}.preview-note svg{flex:none}.type-editor>.type-save{z-index:5;border-top-color:#dfe2ec;justify-content:space-between;align-items:center;gap:16px;position:sticky;bottom:0;box-shadow:0 -10px 28px #20274c12}.type-editor>.type-save .type-toggles{margin:0}.type-editor>.type-save .request-primary{flex:none}.type-toggles label{cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}.type-toggles label:hover{background:#faf9ff;border-color:#c3c6e3}.type-toggles label:focus-within{box-shadow:0 0 0 4px #5459bf1a}.preview-page-content{position:absolute;overflow:hidden}.preview-letter-head{min-height:4.4em;margin:0;display:block;position:relative}.preview-letter-head>div:first-child{display:none}.preview-letter-head h3{text-align:center;margin:0;padding:1% 30% 0;font-size:.85em}.preview-meta{text-align:right;width:max-content;max-width:34%;font-size:.85em;line-height:1.65;display:grid;position:absolute;top:0;left:0}.preview-heading{margin-top:8%;font-size:.85em;line-height:1.8}.preview-salam{margin-top:6%;font-family:B Zar,serif;font-size:1em;font-weight:700}.preview-body{text-indent:8%;min-height:0;margin-top:4%}.preview-signing{width:34%;margin:0;position:absolute;bottom:4%;left:7%}.preview-signing strong{font-size:.77em}.preview-verify{bottom:0;right:0}@media (max-width:1180px){.template-studio{grid-template-columns:1fr}.letter-preview-shell{position:relative;top:auto}.preview-canvas{max-height:none}}@media (max-width:900px){.request-grid{grid-template-columns:1fr}.request-type-grid{grid-template-columns:repeat(2,1fr)}.type-list{grid-template-columns:1fr;gap:10px}.type-list-head{border:0;border-bottom:1px solid #e8eaf2;justify-content:space-between;padding:0 0 10px}.queue-data{grid-template-columns:repeat(2,1fr)}.schema-row{grid-template-columns:1fr 1fr}.schema-row .schema-check,.schema-row>button{justify-self:start}}@media (max-width:640px){.request-hero{border-radius:22px;flex-direction:column;align-items:flex-start;padding:22px}.request-hero-stat{justify-content:space-between;align-items:center;width:100%;display:flex}.request-hero-stat strong{font-size:25px}.request-tabs{border-radius:15px}.request-card{padding:16px}.request-card-top{grid-template-columns:auto minmax(0,1fr)}.request-card-top .request-status{grid-column:1/-1;justify-self:start}.request-type-grid,.request-fields,.type-fields,.asset-grid,.letter-meta,.queue-data{grid-template-columns:1fr}.request-type-grid,.request-fields,.type-fields{padding:18px}.request-guidance,.physical-choice,.schema-builder,.asset-grid,.type-toggles{margin-left:18px;margin-right:18px}.request-form-head,.type-editor-head{padding:19px 18px}.queue-summary{grid-template-columns:auto minmax(0,1fr) auto;padding:15px}.queue-summary .request-status{grid-column:2;justify-self:start}.queue-summary>svg{grid-area:1/3}.queue-body{padding:0 15px 16px}.schema-row{grid-template-columns:1fr}.request-form-actions,.queue-actions{flex-direction:column-reverse;align-items:stretch}.request-form-actions>*,.queue-actions>*{width:100%}.type-list{border-radius:17px;padding:12px}.type-list h3{font-size:13px}.type-list button{min-width:140px}.template-studio{gap:14px;padding:12px}.layout-control-grid,.page-format-row{grid-template-columns:1fr}.letter-preview-shell{border-radius:17px}.preview-canvas{padding:12px}.letter-preview-page{min-width:285px}.preview-toolbar>span{display:none}.type-editor>.type-save{flex-direction:column;align-items:stretch;padding:14px}.type-editor>.type-save .type-toggles{grid-template-columns:1fr;margin:0;display:grid}.type-editor>.type-save .request-primary{width:100%}.editor-section .asset-grid{margin:0;padding:14px}}@media (prefers-reduced-motion:reduce){.request-center{animation:none}.request-card,.queue-card,.request-primary,.request-secondary,.request-type,.request-tabs button,.editor-section,.layout-control,.letter-preview-page,.preview-assets img,.asset-placeholder{transition:none}}@page{size:A5 portrait;margin:0}@media print{html,body{background:#fff!important;width:148mm!important;height:210mm!important;margin:0!important;padding:0!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}body *{visibility:hidden!important}.letter-preview-page,.letter-preview-page *{visibility:visible!important}.letter-preview-page{break-inside:avoid-page;page-break-inside:avoid;width:148mm!important;min-width:0!important;max-width:none!important;height:210mm!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;margin:0!important;position:absolute!important;inset:0!important;overflow:hidden!important;transform:none!important}.letter-preview-page:after{display:none!important}}.verify-page{background:radial-gradient(circle at 15% 10%,#e6e5ff 0,#0000 30%),radial-gradient(circle at 85% 90%,#ffe9e1 0,#0000 28%),#f6f7fb;place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative;overflow:hidden}.verify-glow{border:70px solid #5459bf0d;border-radius:50%;width:380px;height:380px;position:absolute;transform:translate(40%,-25%)}.verify-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffffd9;border-radius:30px;width:min(100%,560px);padding:28px;position:relative;overflow:hidden;box-shadow:0 30px 80px #1e255029,inset 0 1px #fff}.verify-card:before{content:"";background:linear-gradient(90deg,#565bc0,#7f83dd,#eea48e);height:5px;position:absolute;inset:0 0 auto}.verify-brand{border-bottom:1px solid #eaecf3;align-items:center;gap:11px;padding-bottom:20px;display:flex}.verify-brand>span{color:#fff;background:linear-gradient(145deg,#4247a5,#7075d5);border-radius:15px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 10px 24px #4449a83d}.verify-brand strong,.verify-brand small{display:block}.verify-brand strong{font-size:14px}.verify-brand small{color:#737e94;font-size:10px}.verify-state{text-align:center;place-items:center;min-height:330px;display:grid}.verify-state svg{color:#5b60be}.verify-state h1{margin:15px 0 3px;font-size:21px}.verify-state p{color:#6b768d;margin:0;font-size:12px}.verify-state code{color:#8c3b30;background:#fff0ed;border-radius:8px;margin-top:17px;padding:7px 10px}.verify-state.is-error svg{color:#b64b3a}.verify-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.verify-success{background:linear-gradient(135deg,#f0fbf6,#e8f8f0);border:1px solid #cdecdc;border-radius:18px;align-items:center;gap:13px;margin:24px 0 8px;padding:17px;display:flex}.verify-success>span{color:#fff;background:linear-gradient(145deg,#168060,#39a27e);border-radius:15px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 10px 22px #16806033}.verify-success p{color:#38735f;margin:0;font-size:10px}.verify-success h1{color:#125a44;margin:2px 0 0;font-size:20px}.verify-intro{color:#6e7890;margin:0 0 16px;font-size:11px;line-height:1.9}.verify-details{grid-template-columns:1fr 1fr;gap:9px;margin:0;display:grid}.verify-details div{background:#fafbfe;border:1px solid #e7e9f0;border-radius:13px;padding:12px}.verify-details dt{color:#798399;align-items:center;gap:6px;font-size:10px;display:flex}.verify-details dd{color:#1c2640;margin:5px 0 0;font-size:12px;font-weight:800}.verify-code{color:#44499e;background:#f7f6ff;border:1px dashed #b9bce8;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding:13px 14px;display:flex}.verify-code span{font-size:10px}.verify-code strong{letter-spacing:.06em;font-size:13px}.verify-foot{color:#7e879a;text-align:center;margin:0;font-size:9px;position:absolute;bottom:16px}@media (max-width:520px){.verify-page{padding:14px}.verify-card{border-radius:23px;padding:20px}.verify-details{grid-template-columns:1fr}.verify-foot{margin-top:14px;position:static}.verify-code{flex-direction:column;align-items:flex-start}.verify-code strong{word-break:break-all}}@font-face{font-family:Vazirmatn;src:url(/fonts/vazirmatn-regular.ttf)format("truetype");font-style:normal;font-weight:400 600;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/vazirmatn-bold.ttf)format("truetype");font-style:normal;font-weight:700 900;font-display:swap}@font-face{font-family:B Zar;src:url(/fonts/b-zar-regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:B Zar;src:url(/fonts/b-zar-bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:B Titr;src:url(/fonts/b-titr-bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:B Nazanin;src:url(/fonts/b-nazanin-regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#101a35;-webkit-font-smoothing:antialiased;background:#f6f7fb;margin:0;font-family:Vazirmatn,Noto Sans Arabic,Tahoma,Arial,sans-serif;line-height:1.7}button,input,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline-offset:3px;outline:3px solid #5459bf}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@property --tw-space-y-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-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-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-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-outline-style{syntax:"*";inherits:false;initial-value:solid}