@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-800:oklch(47.3% .137 46.201);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-800:oklch(44.3% .11 240.79);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-700:oklch(37.2% .044 257.287);--color-white:#fff;--spacing:.25rem;--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-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{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,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-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{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 utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.top-1\/2{top:50%}.left-3{left:calc(var(--spacing) * 3)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-24{height:calc(var(--spacing) * 24)}.h-36{height:calc(var(--spacing) * 36)}.h-full{height:100%}.max-h-\[268px\]{max-height:268px}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-full{width:100%}.w-px{width:1px}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-14{min-width:calc(var(--spacing) * 14)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.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)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--primary\)\]{border-color:var(--primary)}.border-\[var\(--surface-border\)\]{border-color:var(--surface-border)}.border-amber-200{border-color:var(--color-amber-200)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-red-200{border-color:var(--color-red-200)}.border-red-400{border-color:var(--color-red-400)}.border-red-500{border-color:var(--color-red-500)}.border-sky-200{border-color:var(--color-sky-200)}.border-slate-300{border-color:var(--color-slate-300)}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-\[var\(--surface-inset\)\]{background-color:var(--surface-inset)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.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)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.84rem\]{font-size:.84rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.13em\]{--tw-tracking:.13em;letter-spacing:.13em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--primary\)\]{color:var(--primary)}.text-\[var\(--text\)\]{color:var(--text)}.text-\[var\(--text-faint\)\]{color:var(--text-faint)}.text-\[var\(--text-soft\)\]{color:var(--text-soft)}.text-amber-800{color:var(--color-amber-800)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-900{color:var(--color-emerald-900)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-sky-800{color:var(--color-sky-800)}.text-slate-700{color:var(--color-slate-700)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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))}@media (hover:hover){.hover\:bg-\[var\(--bg-soft\)\]:hover{background-color:var(--bg-soft)}.hover\:bg-\[var\(--surface-hover\)\]:hover{background-color:var(--surface-hover)}.hover\:text-\[var\(--text\)\]:hover{color:var(--text)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-nowrap{flex-wrap:nowrap}}@media (width>=48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.lg\:w-64{width:calc(var(--spacing) * 64)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[1\.3fr_0\.7fr\]{grid-template-columns:1.3fr .7fr}.lg\:grid-cols-\[1\.58fr_0\.42fr\]{grid-template-columns:1.58fr .42fr}.lg\:grid-cols-\[340px_1fr\]{grid-template-columns:340px 1fr}.lg\:grid-cols-\[360px_1fr\]{grid-template-columns:360px 1fr}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:p-3\.5{padding:calc(var(--spacing) * 3.5)}.lg\:p-5{padding:calc(var(--spacing) * 5)}}@media (width>=80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--bg:#f5f1e8;--bg-soft:#efe8dc;--surface:#fffcf7e0;--surface-strong:#fffdf9;--surface-contrast:#17312b;--text:#1f2925;--text-soft:#637068;--text-faint:#869188;--primary:#24463d;--primary-strong:#19352e;--accent:#b6824f;--border:#24463d24;--border-strong:#24463d38;--danger:#a13d2d;--danger-soft:#a13d2d1f;--success:#2d6a4f;--success-soft:#2d6a4f24;--shadow-soft:0 22px 60px #282c2514;--shadow-card:0 16px 40px #2f322a0f;--shadow-elevated:0 24px 70px #2328221a;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{min-height:100vh;color:var(--text);letter-spacing:-.01em;background:radial-gradient(circle at 0 0,#b6824f29,#0000 32%),radial-gradient(circle at right 18%,#24463d1f,#0000 26%),linear-gradient(#f8f4ec 0%,#f3eee5 46%,#eee7da 100%);margin:0;font-family:Manrope,sans-serif}body:before,body:after{content:"";pointer-events:none;z-index:-1;position:fixed;inset:auto}body:before{background-image:linear-gradient(#24463d08 1px,#0000 1px),linear-gradient(90deg,#24463d08 1px,#0000 1px);background-size:36px 36px;width:100%;height:100%;top:0;left:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 88%);mask-image:linear-gradient(#0000008c,#0000 88%)}body:after{filter:blur(18px);background:radial-gradient(circle,#b6824f3d,#0000 68%);border-radius:999px;width:18rem;height:18rem;top:6rem;right:4rem}h1,h2,h3,h4{letter-spacing:-.03em;margin:0;font-family:Fraunces,serif;font-weight:600}p{margin:0}a{color:inherit;text-decoration:none}#root{min-height:100vh}button,input,select,textarea{font:inherit}button,.button,.button-ghost,.button-soft,.button-danger{border-radius:999px;transition:transform .16s,background-color .16s,border-color .16s,color .16s,opacity .16s,box-shadow .16s}button:hover,.button:hover,.button-ghost:hover,.button-soft:hover,.button-danger:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, white)}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px}input,select,textarea,.input,.select,.textarea{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);background:#fffdf9b8;padding:.95rem 1rem;box-shadow:inset 0 1px #ffffffb3}input::placeholder,textarea::placeholder,.input::placeholder,.textarea::placeholder{color:var(--text-faint)}textarea,.textarea{resize:vertical;min-height:8rem}table{border-collapse:collapse;width:100%}th{text-align:left;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);background:#f0f4f8b3;border-bottom:1.5px solid #4664731a;padding:.72rem .9rem;font-size:.67rem;font-weight:700}td{vertical-align:middle;border-bottom:1px solid #46647312;padding:.78rem .9rem}tbody tr{transition:background-color .14s}tbody tr:hover{background:#1f9d550a}.dashboard-shell{grid-template-columns:minmax(0,244px) minmax(0,1fr);gap:.85rem;height:100dvh;padding:.85rem;display:grid;position:relative;overflow:hidden}.dashboard-shell.is-collapsed{grid-template-columns:minmax(0,88px) minmax(0,1fr)}.dashboard-main{flex-direction:column;gap:.85rem;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden auto}.system-alert-banner{border-radius:var(--radius-md);color:#fff5f5;background:linear-gradient(#b91c1c 0%,#991b1b 100%);border:1px solid #dc26266b;justify-content:space-between;align-items:center;gap:.85rem;padding:.72rem .95rem;display:flex;box-shadow:0 10px 24px #991b1b47}.system-alert-banner-body{align-items:center;gap:.5rem;min-width:0;font-size:.88rem;line-height:1.35;display:inline-flex}.system-alert-banner-body strong{letter-spacing:.02em;text-transform:uppercase;flex-shrink:0;font-size:.8rem}.system-alert-banner-body span{white-space:normal}.system-alert-banner-action{color:#fff;background:#ffffff1a;border:1px solid #ffffff73;border-radius:999px;flex-shrink:0;padding:.35rem .8rem;font-size:.78rem;font-weight:700}.system-alert-banner-action:hover{background:#fff3}@media (width<=720px){.system-alert-banner{flex-direction:column;align-items:flex-start}.system-alert-banner-action{align-self:flex-end}}.sidebar-backdrop{z-index:52;-webkit-backdrop-filter:blur(4px);background:#0a141c73;transition:opacity .2s;position:fixed;inset:0}.sidebar-panel{height:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:.55rem;padding:.85rem .95rem;transition:padding .18s,gap .18s;display:flex;position:relative;overflow:hidden auto}.sidebar-panel.is-collapsed{align-items:center;gap:.75rem;padding:.8rem .55rem}.sidebar-panel.is-collapsed .sidebar-brand{align-items:center;width:100%}.sidebar-panel.is-collapsed .sidebar-brand-top{justify-content:center}.sidebar-panel.is-collapsed .sidebar-brand-name,.sidebar-panel.is-collapsed .sidebar-brand-copy,.sidebar-panel.is-collapsed .sidebar-note,.sidebar-panel.is-collapsed .sidebar-user-name,.sidebar-panel.is-collapsed .sidebar-user-role,.sidebar-panel.is-collapsed .sidebar-nav>div>p,.sidebar-panel.is-collapsed .sidebar-section-label,.sidebar-panel.is-collapsed .sidebar-link-content span:last-child,.sidebar-panel.is-collapsed .sidebar-brand .button-ghost{display:none}.sidebar-panel.is-collapsed .sidebar-nav{width:100%}.sidebar-panel.is-collapsed .sidebar-nav>div{gap:.5rem;display:grid}.sidebar-panel.is-collapsed .sidebar-nav-link{border-radius:16px;justify-content:center;padding:.8rem}.sidebar-panel.is-collapsed .sidebar-nav-link:after{display:none}.sidebar-panel.is-collapsed .sidebar-link-content{gap:0}.sidebar-brand{flex-direction:column;gap:.75rem;display:flex}.sidebar-brand-top{justify-content:space-between;align-items:center;display:flex}.sidebar-brand-center{flex-direction:column;align-items:center;gap:.55rem;padding:.25rem 0 .5rem;display:flex}.sidebar-brand-actions{align-items:center;gap:.45rem;display:inline-flex}.sidebar-toggle-button{border:1px solid var(--border);width:2.55rem;height:2.55rem;color:var(--text-soft);background:#ffffff85;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #fffc}.sidebar-toggle-button>span{flex-direction:column;gap:.24rem;display:flex}.sidebar-toggle-button>span>span{background:currentColor;border-radius:999px;width:1rem;height:.11rem}.sidebar-toggle-button:hover{color:var(--primary-strong);border-color:var(--border-strong)}.sidebar-brand-mark{align-items:center;gap:.65rem;display:inline-flex}.sidebar-brand-copy{gap:.2rem;display:grid}.sidebar-brand-logo{object-fit:cover;border:1px solid var(--border);border-radius:999px;width:4.2rem;height:4.2rem;margin-top:.2rem}@supports (color:color-mix(in lab, red, red)){.sidebar-brand-logo{border:1px solid color-mix(in srgb, var(--border) 85%, transparent)}}.sidebar-brand-logo{box-shadow:0 6px 14px #18241f24}.sidebar-toggle-button.sidebar-toggle-inline{color:#111;border-radius:0;flex-shrink:0;width:auto;height:auto;padding:.2rem;box-shadow:none!important;background:0 0!important;border:0!important}.sidebar-mobile-trigger{align-self:flex-start;margin-bottom:.5rem;display:none}@media (width<=720px){.sidebar-mobile-trigger{display:inline-flex}}.sidebar-toggle-glyph{stroke:#111;stroke-width:2.6px;stroke-linecap:round;fill:none;width:1.35rem;height:1.35rem;display:block}.sidebar-toggle-button.sidebar-toggle-inline:hover{box-shadow:none;color:#111;background:0 0;border-color:#0000}.sidebar-note{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.45;display:-webkit-box;overflow:hidden}.sidebar-nav{gap:.22rem;display:grid}.sidebar-user-block{border-top:1px solid var(--border);gap:.28rem;margin-top:auto;padding-top:.5rem;display:grid}@supports (color:color-mix(in lab, red, red)){.sidebar-user-block{border-top:1px solid color-mix(in srgb, var(--border) 75%, transparent)}}.sidebar-user-name{color:var(--surface-contrast);margin:0;font-size:.82rem;font-weight:700;line-height:1.2}.sidebar-user-role{text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);margin:0;font-size:.68rem}.sidebar-logout-action{background:var(--surface);width:100%;color:var(--text);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.46rem .8rem;font-size:.8rem;font-weight:700;display:inline-flex}.sidebar-logout-action:hover{opacity:.92}.sidebar-panel.is-collapsed .sidebar-user-block{border-top:0;width:100%;padding-top:0}.sidebar-panel.is-collapsed .sidebar-logout-action{padding:.62rem}.sidebar-panel.is-collapsed .sidebar-logout-action span{display:none}.sidebar-nav-link{color:var(--text-soft);border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.93rem;font-weight:700;display:flex}.sidebar-link-content{align-items:center;gap:.55rem;display:inline-flex}.sidebar-link-content span{letter-spacing:.012em;word-spacing:.06em}.nav-glyph{color:var(--text-soft)}@supports (color:color-mix(in lab, red, red)){.nav-glyph{color:color-mix(in srgb, var(--text-soft) 78%, var(--primary) 22%)}}.nav-glyph{stroke-width:1.85px;vector-effect:non-scaling-stroke;flex-shrink:0;transition:transform .18s,color .18s}.sidebar-nav-link:after{content:"";background:0 0;border-radius:999px;width:.45rem;height:.45rem;transition:background-color .16s}.sidebar-nav-link:hover{color:var(--text);background:#ffffff8a}.sidebar-nav-link:hover .nav-glyph{color:var(--primary-strong);transform:translate(1px)scale(1.06)}.sidebar-nav-link[aria-current=page]{color:var(--primary-strong);background:linear-gradient(135deg,#24463d1f,#ffffffb8);box-shadow:inset 0 1px #fffc}.sidebar-nav-link[aria-current=page]:after{background:var(--accent)}.eyebrow{color:var(--text-faint);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;display:inline-flex}.page-title{font-size:clamp(1.32rem,1.98vw,2.22rem);line-height:.95}.section-title{font-size:clamp(.96rem,1.32vw,1.32rem);line-height:1.02}.section-copy,.page-subtitle{color:var(--text-soft);line-height:1.65}.role-pill,.badge,.chip{border:1px solid var(--border);width:fit-content;color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;background:#ffffff8a;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.78rem;font-weight:700;display:inline-flex}.button,.button-soft,.button-ghost,.button-danger{text-align:center;letter-spacing:.01em;border:0;justify-content:center;align-items:center;gap:.5rem;padding:.72rem 1.25rem;font-size:.88rem;font-weight:700;display:inline-flex}.button{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;box-shadow:0 4px 14px #1f9d5547}.button-soft{color:var(--primary-strong);background:#1f9d5512;border:1px solid #1f9d5533}.button-ghost{border:1px solid var(--border-strong);color:var(--text-soft);background:0 0}.button-danger{color:#dc2626;background:#dc26260f;border:1px solid #dc26262e}.button:disabled,.button-soft:disabled,.button-ghost:disabled,.button-danger:disabled,button:disabled{opacity:.6;cursor:not-allowed;transform:none}.logout-button{border:1px solid var(--border);color:var(--text);background:0 0;padding-inline:1rem}.page-shell{gap:1.25rem;width:100%;min-width:0;animation:.4s fade-up;display:grid}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding:.25rem .1rem 0;display:flex}.page-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.surface,.card{border-radius:var(--radius-xl);box-shadow:var(--shadow-card);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #4664731a}.card.p-5{padding:1.25rem!important}.surface-muted{border-radius:var(--radius-md);background:#f0f4f8b3;border:1px solid #4664731a}.surface-inset{border-radius:var(--radius-lg);background:#fffdf957;border:1px dashed #24463d29}.metric-grid{gap:1rem;display:grid}.metric-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{padding:1.4rem;position:relative;overflow:hidden}.metric-card:before{content:none}.metric-label{color:var(--text-soft);letter-spacing:.02em;font-size:.82rem;font-weight:600}.metric-value{color:var(--text);margin-top:.5rem;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;line-height:1}.metric-card .metric-value{letter-spacing:-.04em}.metric-hint{color:var(--text-faint);margin-top:.65rem;font-size:.8rem;line-height:1.45}.two-column,.three-column,.split-layout{gap:1.4rem;display:grid}.two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.split-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.employees-split-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start}@media (width>=1536px){.employees-split-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}}.employees-split-layout .employees-table-scroll{max-height:min(56vh,560px)}@media (width<=1280px){.employees-split-layout .employees-table-scroll{max-height:min(50vh,450px)}}.stack{gap:1rem;display:grid}.field-stack{gap:.62rem;display:grid}.employee-form-compact,.employee-filters-compact{--employee-field-height:2.35rem}.employee-form-compact .field,.employee-filters-compact .field{min-height:var(--employee-field-height);padding-top:.48rem;padding-bottom:.48rem}.employee-form-compact select.field,.employee-filters-compact select.field{height:var(--employee-field-height);padding-top:0;padding-bottom:0}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.detail-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff6b;padding:1rem 1.1rem}.detail-card strong,.detail-card .detail-value{color:var(--text);margin-top:.25rem;font-size:1rem;font-weight:700;display:block}.employee-selected-grid{grid-template-columns:minmax(0,1.75fr) minmax(220px,.75fr);gap:.75rem;display:grid}.employee-actions-panel{align-self:start}.employee-selected-grid>:first-child{align-content:start}.employee-selected-grid>:first-child>div{border-radius:var(--radius-md);background:#ffffff52;border:1px solid #24463d14;padding:.55rem .65rem}.employee-selected-grid>:first-child p:last-child{line-height:1.25}.employee-table-actions{white-space:nowrap;flex-wrap:nowrap;gap:.3rem;padding-bottom:.1rem;display:flex;overflow-x:auto}.employee-table-actions-inline::-webkit-scrollbar{height:5px}.employee-inline-actions{flex-wrap:wrap;gap:.4rem;display:flex}.employee-inline-actions .button-ghost,.employee-inline-actions .button-danger{flex:calc(50% - .3rem);min-width:8.6rem}.employee-table-actions .button-ghost,.employee-table-actions .button-soft,.employee-table-actions .button-danger{border-radius:12px;min-height:1.9rem;padding:.36rem .62rem;font-size:.74rem;font-weight:700;line-height:1.15}.employee-table-actions a.button-soft,.employee-table-actions button{min-width:4.35rem}.table-wrap th:last-child,.table-wrap td:last-child{white-space:nowrap;width:1%}.list-stack{gap:.85rem;display:grid}.list-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff61;flex-direction:column;gap:.35rem;padding:.72rem .82rem;display:flex}.list-row:hover{background:#ffffff8f}.audit-row{transition:border-color .2s,box-shadow .22s,background-color .2s}.audit-row-selected{border-color:var(--audit-accent,var(--accent))}@supports (color:color-mix(in lab, red, red)){.audit-row-selected{border-color:color-mix(in srgb, var(--audit-accent,var(--accent)) 34%, white)}}.audit-row-selected{background:var(--audit-accent,var(--accent))}@supports (color:color-mix(in lab, red, red)){.audit-row-selected{background:color-mix(in srgb, var(--audit-accent,var(--accent)) 9%, white)}}.audit-row-selected{box-shadow:0 10px 24px var(--audit-accent,var(--accent))}@supports (color:color-mix(in lab, red, red)){.audit-row-selected{box-shadow:0 10px 24px color-mix(in srgb, var(--audit-accent,var(--accent)) 18%, transparent)}}.audit-action-pill{color:var(--text-soft);letter-spacing:.02em;background:#ffffff85;border:1px solid #24463d29;border-radius:999px;align-items:center;gap:.38rem;padding:.35rem .62rem;font-size:.74rem;font-weight:700;transition:transform .17s,border-color .17s,color .17s,background-color .17s;display:inline-flex}.audit-action-pill:hover{color:var(--primary-strong);border-color:#24463d3d;transform:translateY(-1px)}.audit-action-pill.is-active{color:var(--primary-strong);border-color:var(--audit-accent,var(--accent))}@supports (color:color-mix(in lab, red, red)){.audit-action-pill.is-active{border-color:color-mix(in srgb, var(--audit-accent,var(--accent)) 45%, white)}}.audit-action-pill.is-active{background:var(--audit-accent,var(--accent))}@supports (color:color-mix(in lab, red, red)){.audit-action-pill.is-active{background:color-mix(in srgb, var(--audit-accent,var(--accent)) 14%, white)}}.audit-action-pill.is-active{box-shadow:0 0 0 2px var(--audit-accent,var(--accent))}@supports (color:color-mix(in lab, red, red)){.audit-action-pill.is-active{box-shadow:0 0 0 2px color-mix(in srgb, var(--audit-accent,var(--accent)) 18%, transparent)}}.table-wrap{border-radius:var(--radius-lg);background:#ffffff59;border:1px solid #24463d14;overflow:auto}.employees-table-scroll{max-height:min(60vh,560px);overflow-y:auto}@media (width>=1536px){.employees-table-scroll{max-height:min(66vh,760px)}}@media (width<=1280px){.employees-table-scroll{max-height:min(54vh,510px)}}@media (width<=1024px){.employees-table-scroll{max-height:min(48vh,430px)}}@media (width<=768px){.employees-table-scroll{max-height:min(44vh,360px)}}.employees-table-scroll thead th{z-index:1;background:var(--surface-strong);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.employees-table-scroll thead th{background:color-mix(in srgb, var(--surface-strong) 92%, white)}}.empty-state{border-radius:var(--radius-lg);color:var(--text-faint);text-align:center;background:#f0f4f866;border:1.5px dashed #4664732e;padding:2rem 1.5rem;font-size:.9rem}.hero-badge,.feature-chip,.status-pill,.soft-note{border:0;border-radius:999px;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero-badge{width:fit-content;color:var(--primary-strong);letter-spacing:.12em;background:#1f9d5514;border:1px solid #1f9d5533;padding:.3rem .9rem;font-size:.68rem;font-weight:700}.audit-glyph{stroke-width:1.85px;vector-effect:non-scaling-stroke;transition:transform .18s,color .18s,opacity .18s;display:block}.hero-badge .audit-glyph{color:var(--primary-strong)}.audit-event-icon{transition:background-color .18s}.audit-event-icon-inner{transition:transform .18s;display:inline-flex}.list-row:hover .audit-event-icon-inner{transform:scale(1.08)}.feature-chip,.status-pill,.soft-note{padding:.5rem .8rem}.feature-chip{color:var(--text-soft);background:#ffffff80}.status-pill{color:var(--primary-strong);background:#24463d14}.soft-note{color:var(--accent);background:#b6824f1a;border-color:#b6824f2e}@supports (color:color-mix(in lab, red, red)){.soft-note{color:color-mix(in srgb, var(--accent) 82%, black)}}.section-summary{color:var(--text-soft);font-size:.95rem;line-height:1.6}.friendly-panel{gap:1rem;display:grid}.friendly-panel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.friendly-panel-card{border-radius:var(--radius-lg);background:#ffffff70;border:1px solid #24463d1a;padding:1rem}.friendly-panel-card strong{color:var(--text);font-size:1rem;display:block}.friendly-panel-card p{color:var(--text-soft);margin-top:.35rem;font-size:.88rem;line-height:1.5}.auth-shell{background:#e8edf3;place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:1.5rem;width:min(1120px,100%);display:grid}.auth-login-frame{background:#f3f5f7;border-radius:20px;gap:0;max-width:1080px;overflow:hidden;box-shadow:0 18px 36px #2c3a4a2e}.auth-panel,.auth-card{box-shadow:none;border:0;padding:2.25rem 2.25rem 2rem;position:relative;overflow:hidden}.auth-panel{color:#f3eee4;background:linear-gradient(140deg,#19352eed,#2e4c44e6),radial-gradient(circle at 0 0,#b6824f33,#0000 30%);flex-direction:column;justify-content:space-between;min-height:40rem;display:flex}.auth-panel-body{flex-direction:column;gap:1rem;display:flex}.auth-panel-login,.auth-panel-register{background-image:linear-gradient(145deg, #eeece7f5, #e4e2dcf0), var(--auth-hero-image);background-position:50%;background-size:cover;border-right:1px solid #cfd7de}.auth-panel-login:before,.auth-panel-register:before{content:"";pointer-events:none;background:linear-gradient(#ffffffa8,#ffffffa8);position:absolute;inset:0}.auth-panel-login>*,.auth-panel-register>*{z-index:1;position:relative}.auth-panel:after{content:none}.auth-panel .eyebrow,.auth-panel .page-subtitle,.auth-panel .sidebar-note{color:#2f3d47}.auth-panel .page-title{color:#202d36}.auth-login-badge{color:#2f3f4a;background:#e3e6ea;border:1px solid #c6ccd3;border-radius:999px;align-items:center;gap:.45rem;width:fit-content;padding:.42rem .72rem;font-size:1.08rem;font-weight:600;display:inline-flex}.auth-login-badge img{width:1.18rem;height:1.18rem}.auth-login-mark{opacity:.95;width:2.15rem;height:2.15rem;position:absolute;top:2.2rem;right:2.3rem}.auth-logo-hero{object-fit:contain;filter:drop-shadow(0 6px 18px #0000002e);border-radius:18px;width:5.75rem;height:5.75rem}.auth-login-title{letter-spacing:-.028em;max-width:17ch;margin:0;font-size:clamp(1.55rem,2.8vw,2.5rem);line-height:1.1}.auth-panel-login .page-subtitle{color:#354550;max-width:26ch;margin:0;font-size:.92rem;line-height:1.55}.auth-login-steps{grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:.25rem;padding-top:.5rem;display:grid}.auth-login-step-item{color:#1f2a32;justify-items:center;gap:.45rem;display:grid}.auth-login-step-item img{filter:drop-shadow(0 3px 7px #124d582e);width:3.25rem;height:3.25rem}.auth-login-step-item p{color:#1f2a32;text-align:center;letter-spacing:.01em;margin:0;font-size:.71rem;font-weight:700}.auth-login-step-line{background:linear-gradient(90deg,#1f2a324d,#1f2a3280,#1f2a324d);border-radius:999px;height:1.5px}.auth-title-with-logo{align-items:center;gap:.85rem;display:flex}.auth-brand-logo{object-fit:contain;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff24;border:1px solid #ffffff5c;border-radius:14px;width:56px;height:56px;padding:.3rem}.auth-panel-steps{background:#0a161a80;border:1px solid #ffffff3d;margin-top:.35rem}.auth-panel-steps .friendly-panel-card{background:#ffffff1f;border-color:#ffffff42}.auth-panel-steps .friendly-panel-card strong{color:#f8f3e9}.auth-panel-steps .friendly-panel-card p{color:#f3eee4d1}.auth-side-steps{gap:.65rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.auth-side-steps li{border-bottom:1px solid #fff3;padding:.45rem 0 .5rem}.auth-side-steps li:last-child{border-bottom:0}.auth-side-steps strong{color:#f5fcff;font-size:1.02rem;display:block}.auth-side-steps p{color:#ecf5f8eb;margin-top:.2rem;font-size:.96rem;line-height:1.45}.auth-flow-visual{border-radius:calc(var(--radius-lg) + .15rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a181c70;border:1px solid #ffffff38;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.35rem;padding:1rem;display:grid;position:relative}.auth-flow-track{opacity:.72;background:linear-gradient(90deg,#ffffff5c,#ecc48ee6);height:2px;position:absolute;top:2.25rem;left:1.3rem;right:1.3rem}.auth-flow-step{z-index:1;justify-items:start;gap:.35rem;padding:.3rem .15rem;display:grid;position:relative}.auth-flow-step span{color:#f9fdfffa;background:#ffffff29;border:1px solid #fff6;border-radius:999px;justify-content:center;align-items:center;min-width:2.1rem;height:2.1rem;padding:0 .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.auth-flow-step p{color:#edf6f9f5;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:600}.auth-flow-step.is-active span{color:#fffaf3;background:linear-gradient(140deg,#b6824ff2,#936234f0);border-color:#ffebceeb;animation:none;box-shadow:0 0 0 3px #b6824f47}.auth-flow-step.is-active p{color:#fff3e1f2}.kiosk-flow-visual{border-radius:var(--radius-lg);background:#ffffff80;border:1px solid #24463d24;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:1rem;display:grid;position:relative}.kiosk-flow-track{background:linear-gradient(90deg,#24463d26,#b6824f80);height:2px;position:absolute;top:2.15rem;left:1.2rem;right:1.2rem}.kiosk-flow-step{z-index:1;gap:.35rem;display:grid;position:relative}.kiosk-flow-step span{width:2rem;height:2rem;color:var(--text-soft);background:#fffc;border:1px solid #24463d38;border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.kiosk-flow-step p{color:var(--text-soft);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:600}.kiosk-flow-step.is-active span{color:#fff7eb;background:linear-gradient(140deg,#b6824ff0,#936234e6);border-color:#b6824fc2;box-shadow:0 0 0 4px #b6824f2e}.kiosk-flow-step.is-active p{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.kiosk-flow-step.is-active p{color:color-mix(in srgb, var(--accent) 72%, black)}}.kiosk-flow-step.is-complete span{color:#eefcf3;background:linear-gradient(140deg,#2d6a4ff0,#1f533eeb);border-color:#2d6a4fb8}.kiosk-flow-step.is-complete p{color:var(--success)}.auth-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.auth-stat{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff3d;padding:1rem}.auth-stat strong{color:#f5fcff;font-size:1.4rem;display:block}.auth-stat span{color:#ecf5f8f0}.auth-card{background:0 0;padding:2rem 2.2rem}.auth-card-login{background:#f8f9fb}.auth-card-login .section-kicker{color:#304954;letter-spacing:-.02em;text-transform:none;font-size:1.32rem;font-weight:700}.auth-card-login .section-title{color:#103844;margin-top:.2rem;font-size:clamp(1.39rem,2.64vw,1.98rem);line-height:1.1}.auth-card-login .section-summary{color:#2f3f4a;margin-top:.5rem;font-size:.98rem}.auth-card-login .section-summary strong{color:#18272f}.auth-card-login,.auth-card-register{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-switch-row{background:#eaedf1;border:1px solid #d4dae1;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.35rem;display:inline-grid}.auth-switch-pill{color:#5c6a74;letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;padding:.52rem 1rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:color .16s,background-color .16s,box-shadow .16s;display:inline-flex}.auth-switch-pill.is-active{color:#f4fbff;background:linear-gradient(145deg,#2fa7b7,#298e9d);box-shadow:0 5px 14px #29899752}.auth-form-shell{border-radius:calc(var(--radius-lg) + .2rem);background:linear-gradient(#ffffffbd,#f7f3eca3);border:1px solid #ffffffa6;padding:1rem;box-shadow:inset 0 1px #ffffffbf,0 16px 34px #40555a14}.auth-card form,.auth-form{gap:.62rem;display:grid}.auth-field-label{color:#475862;margin-top:.25rem;font-size:.88rem;font-weight:600}.auth-card-login .field{color:#1f2a32;background:#e9eef3;border:1px solid #cfd7de;border-radius:16px;min-height:50px}.auth-card-login .field:focus{border-color:#6ba8b1;box-shadow:0 0 0 3px #2fa7b72e}.auth-card-login .button{background:linear-gradient(145deg,#71d851,#29b07b);border-radius:999px;margin-top:.45rem;box-shadow:0 7px 16px #43ad5a52}.auth-card-login .button:hover{transform:none}.auth-card-login .button-soft{color:#30424c;background:#eef1f5;border-color:#c9d1d9;border-radius:999px}.auth-card-login .soft-note{background:0 0;border:0;margin-top:.6rem;padding:0}.auth-panel-login .auth-stat{background:#f0f1f3;border-color:#d2d8df}.auth-panel-login .auth-stat strong,.auth-panel-login .auth-stat span{color:#2b3a45}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.camera-frame{border-radius:calc(var(--radius-lg) + .2rem);background:linear-gradient(#1f2826,#141918);border:1px solid #ffffff14;overflow:hidden}.camera-frame video{aspect-ratio:16/9;object-fit:cover;width:100%}.camera-frame-compact video{aspect-ratio:16/8;max-height:380px}.camera-frame-square{width:min(100%,380px);margin-inline:auto}.camera-frame-square video{aspect-ratio:1;max-height:380px}#kiosk-qr-scanner-region{width:100%;height:100%;min-height:170px}#kiosk-qr-scanner-region>div{width:100%!important;height:100%!important}#kiosk-qr-scanner-region video,#kiosk-qr-scanner-region canvas{object-fit:cover;border-radius:.6rem;width:100%!important;height:100%!important}#kiosk-qr-scanner-region__dashboard{display:none!important}.kiosk-camera-layout{align-items:center;gap:.7rem;display:grid}.kiosk-camera-side{min-width:0}.kiosk-camera-controls{flex-direction:column;gap:.45rem;display:flex}.kiosk-method-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.kiosk-method-group{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:.25rem;padding:.22rem;display:flex}.kiosk-method-group button{white-space:nowrap;border-radius:10px;flex:1;padding:.3rem 1rem;font-size:.85rem}.kiosk-intent-group{margin-left:auto}@media (width<=540px){.kiosk-method-bar{flex-direction:column;gap:.4rem}.kiosk-method-group{width:100%}.kiosk-intent-group{margin-left:0}.kiosk-method-group button{text-align:center;padding:.38rem .5rem;font-size:.82rem}}.kiosk-step-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.kiosk-step-list li{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;padding:.35rem .45rem;display:grid}@supports (color:color-mix(in lab, red, red)){.kiosk-step-list li{background:color-mix(in srgb, var(--surface) 90%, white 10%)}}.kiosk-step-list li span{width:1.7rem;height:1.7rem;color:var(--text-soft);background:var(--surface);border-radius:999px;place-items:center;font-size:.72rem;font-weight:700;display:grid}@supports (color:color-mix(in lab, red, red)){.kiosk-step-list li span{background:color-mix(in srgb, var(--surface) 72%, white 28%)}}.kiosk-step-list li p{color:var(--text-soft);margin:0;font-size:.8rem;font-weight:600}.kiosk-step-list li.is-active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.kiosk-step-list li.is-active{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}}.kiosk-step-list li.is-active span{color:var(--accent-strong);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.kiosk-step-list li.is-active span{background:color-mix(in srgb, var(--accent) 30%, white 70%)}}.kiosk-step-list li.is-active p{color:var(--surface-contrast)}.clock-recent-panel{border-top:2px solid var(--accent);flex-direction:column;align-self:stretch;height:100%;max-height:none;display:flex}@supports (color:color-mix(in lab, red, red)){.clock-recent-panel{border-top:2px solid color-mix(in srgb, var(--accent) 30%, var(--border))}}.clock-recent-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;height:24rem;min-height:24rem;max-height:24rem;padding-right:.2rem;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.clock-recent-list{scrollbar-color:color-mix(in srgb, var(--accent) 34%, #0000001f) transparent}}.clock-recent-list{gap:.5rem}.clock-recent-list::-webkit-scrollbar{width:6px}.clock-recent-list::-webkit-scrollbar-track{background:0 0}.clock-recent-list::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.clock-recent-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 34%, #0000001f)}}.clock-recent-list::-webkit-scrollbar-thumb:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.clock-recent-list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent) 52%, #0003)}}.clock-recent-row{border-radius:12px;gap:.06rem;padding:.24rem .4rem}.clock-recent-row p{margin:0}.clock-recent-row p:not(:first-child){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (height<=820px){.clock-recent-list{height:20rem;min-height:20rem;max-height:20rem}}@media (width>=1024px){.clock-recent-panel{justify-self:end;width:min(100%,320px)}.kiosk-camera-layout{grid-template-columns:minmax(0,1fr) minmax(320px,380px) minmax(0,1fr)}}.clock-station-shell.is-ultra-compact-ready .camera-frame-compact video{max-height:340px}.clock-station-shell.is-ultra-compact-ready .camera-frame-square video{max-height:320px}.clock-station-shell.is-ultra-compact-ready .kiosk-flow-compact{margin-bottom:.6rem}.clock-station-shell.is-ultra-compact-ready .kiosk-flow-compact .kiosk-flow-step{min-width:90px}.clock-station-shell.is-ultra-compact-ready .kiosk-flow-compact .kiosk-flow-step p{font-size:.72rem}@media (width<=480px){.clock-station-shell .card{padding:.75rem}.clock-station-shell .surface-muted{padding:.6rem}.camera-frame-square{width:100%}}@media (width<=768px){.camera-frame-compact video{max-height:300px}.camera-frame-square video{max-height:280px}#kiosk-qr-scanner-region{min-height:150px}.kiosk-camera-layout{grid-template-columns:1fr}.clock-station-shell.is-ultra-compact-ready .camera-frame-compact video{max-height:260px}.clock-station-shell.is-ultra-compact-ready .camera-frame-square video{max-height:240px}.clock-station-shell.is-ultra-compact-ready .kiosk-secondary-copy{display:none}.clock-station-shell.is-ultra-compact-ready .card{padding:.85rem}.clock-station-shell.is-ultra-compact-ready .surface-muted{margin-bottom:.5rem;padding:.65rem}.clock-station-shell.is-ultra-compact-ready .space-y-3>*+*{margin-top:.55rem}}.timeline-item{border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff5c;gap:.9rem;padding:1rem;display:flex}.timeline-rail{flex-direction:column;align-items:center;min-width:.9rem;display:flex}.timeline-rail span:first-child{background:var(--accent);border-radius:999px;width:.72rem;height:.72rem;margin-top:.25rem}.timeline-rail span:last-child{background:var(--border);flex:1;width:1px;margin-top:.45rem}.bar-chart{align-items:flex-end;gap:1rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.bar-chart-item{flex-direction:column;align-items:center;gap:.55rem;min-width:4.25rem;display:flex}.bar-chart-item i{background:linear-gradient(180deg, var(--accent), var(--primary));border-radius:999px 999px 0 0;width:2.75rem;display:block}.rank-chart{gap:.62rem;display:grid}.rank-chart-visual{grid-template-columns:2.5rem minmax(0,1fr);align-items:stretch;gap:.55rem;min-height:15rem;display:grid}.rank-chart-axis{color:var(--text-soft);align-content:space-between;justify-items:end;font-size:.66rem;font-weight:700;display:grid}@supports (color:color-mix(in lab, red, red)){.rank-chart-axis{color:color-mix(in srgb, var(--text-soft) 82%, white 18%)}}.rank-chart-axis{padding-bottom:.12rem}.rank-chart-plot{min-height:15rem;padding:.22rem .25rem .1rem;position:relative}.rank-grid-line{background:#758d9d29;height:1px;position:absolute;left:0;right:0}.rank-chart-bars{z-index:1;justify-content:space-between;align-items:stretch;gap:.4rem;height:100%;display:flex;position:relative}.rank-bar-wrap{flex:1;grid-template-rows:1fr auto;gap:.28rem;min-width:.6rem;display:grid}.rank-bar-slot{justify-content:center;align-items:flex-end;padding-top:.25rem;display:flex}.rank-bar-inner{flex-direction:column;align-items:center;gap:.15rem;width:min(100%,2.8rem);min-height:1.2rem;display:flex}.rank-bar-tip{color:var(--text-soft);letter-spacing:-.01em;white-space:nowrap;font-size:.56rem;font-weight:800;line-height:1}.rank-bar-vertical{border-radius:.3rem .3rem .15rem .15rem;flex:1;width:100%;min-height:.38rem}.rank-bar-vertical.is-rank-1{background:linear-gradient(#fde68a 0%,#d97706 100%)}.rank-bar-vertical.is-rank-2{background:linear-gradient(#e2e8f0 0%,#64748b 100%)}.rank-bar-vertical.is-rank-3{background:linear-gradient(#fed7aa 0%,#c2410c 100%)}.rank-bar-vertical.is-default{background:linear-gradient(#6ee7b7 0%,#0d9488 100%)}.rank-bar-vertical.is-no-schedule{background:linear-gradient(#e2e8f0 0%,#94a3b8 100%)}.rank-bar-user{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;color:var(--text-soft);font-size:.62rem;font-weight:700;line-height:1.15;display:block;overflow:hidden}.rank-row{background:#ffffff52;border:1px solid #758d9d2e;border-radius:14px;gap:.35rem;padding:.55rem .65rem;display:grid}.rank-row-head{justify-content:space-between;align-items:baseline;gap:.7rem;display:flex}.rank-label{min-width:0;color:var(--text);align-items:center;gap:.42rem;font-size:.88rem;font-weight:700;display:inline-flex}.rank-index{color:var(--text-soft);font-size:.76rem;font-weight:800}.rank-label span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-value{color:var(--text-soft);flex-shrink:0;font-size:.76rem;font-weight:700}.rank-track{background:#5c7a8924;border-radius:999px;width:100%;height:.45rem;overflow:hidden}.rank-fill{border-radius:999px;height:100%;display:block}.rank-fill.is-punctual{background:linear-gradient(90deg,#6ecb66,#26b8be)}.rank-fill.is-excuse{background:linear-gradient(90deg,#25b3c1,#2a84b7)}.rank-fill.is-no-schedule{opacity:.7;background:linear-gradient(90deg,#b0bec8,#8ea4b2)}.rank-no-schedule-badge{color:var(--text-soft);vertical-align:middle;background:#5c7a891a;border:1px solid #5c7a8947;border-radius:999px;align-items:center;margin-left:.4rem;padding:.12rem .45rem;font-size:.72rem;font-weight:600;display:inline-flex}.calendar-shell .fc{--fc-border-color:#24463d17;--fc-page-bg-color:transparent;--fc-neutral-bg-color:#ffffff57;--fc-list-event-hover-bg-color:#ffffff75;--fc-today-bg-color:#b6824f1f;--fc-event-bg-color:var(--primary);--fc-event-border-color:var(--primary);--fc-button-bg-color:var(--primary);--fc-button-border-color:var(--primary);--fc-button-hover-bg-color:var(--primary-strong);--fc-button-hover-border-color:var(--primary-strong);--fc-button-active-bg-color:var(--primary-strong);--fc-button-active-border-color:var(--primary-strong);color:var(--text)}.calendar-shell .fc .fc-toolbar{flex-wrap:wrap;gap:.75rem}.calendar-shell .fc .fc-toolbar-title{font-family:Fraunces,serif;font-size:1.55rem}.calendar-shell .fc .fc-button{text-transform:capitalize;box-shadow:none;border-radius:999px;padding:.65rem 1rem}.calendar-shell .fc-theme-standard td,.calendar-shell .fc-theme-standard th{border-color:#24463d14}.calendar-shell .fc-daygrid-day-frame{min-height:7.5rem}.calendar-shell .fc-event{border-radius:999px;padding:.2rem .45rem}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes flow-pulse{0%{box-shadow:0 0 #b6824f57}70%{box-shadow:0 0 0 9px #b6824f00}to{box-shadow:0 0 #b6824f00}}@media (width<=1080px){.split-layout,.auth-grid,.metric-grid.cols-4,.detail-grid,.three-column{grid-template-columns:1fr}.dashboard-shell{grid-template-columns:minmax(0,1fr);height:auto;min-height:100dvh;overflow:visible}.dashboard-main{overflow:visible}.dashboard-shell.is-collapsed{grid-template-columns:84px minmax(0,1fr)}.sidebar-panel{z-index:40;gap:1rem;width:min(22rem,100vw - 2rem);max-height:calc(100vh - 2rem);padding:1.2rem;transition:transform .18s;position:fixed;top:1rem;left:1rem;transform:translate(-115%)}.sidebar-nav{gap:.38rem}.metric-grid.cols-3,.two-column,.inline-fields,.auth-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friendly-panel-grid{grid-template-columns:1fr}.auth-login-steps{grid-template-columns:1fr;justify-items:start;gap:.45rem}.auth-login-step-line{display:none}.sidebar-panel{z-index:40;background:var(--surface);width:min(22rem,100vw - 2rem);max-height:calc(100vh - 2rem);box-shadow:var(--shadow-card);border:1px solid #758d9d33;border-radius:1.3rem;transition:transform .18s;position:fixed;top:1rem;left:1rem;transform:translate(-115%)}.dashboard-shell.is-collapsed .sidebar-panel{z-index:25;width:100%;max-height:calc(100vh - 2rem);position:sticky;top:1rem;left:auto;transform:none}.sidebar-panel.is-collapsed{align-items:stretch;gap:1.5rem;padding:1.6rem}.dashboard-shell.is-collapsed .sidebar-panel.is-collapsed{align-items:center;gap:1rem;padding:1rem .55rem}.sidebar-panel.is-collapsed .sidebar-brand{align-items:stretch}.sidebar-panel.is-collapsed .sidebar-brand-top{justify-content:space-between}.dashboard-shell.is-collapsed .sidebar-panel.is-collapsed .sidebar-brand{align-items:center;width:100%}.dashboard-shell.is-collapsed .sidebar-panel.is-collapsed .sidebar-brand-top{justify-content:center}.sidebar-panel.is-collapsed .sidebar-brand-name,.sidebar-panel.is-collapsed .sidebar-brand-copy,.sidebar-panel.is-collapsed .sidebar-note,.sidebar-panel.is-collapsed .sidebar-nav>div>p,.sidebar-panel.is-collapsed .sidebar-section-label,.sidebar-panel.is-collapsed .sidebar-link-content span:last-child{display:revert}.dashboard-shell.is-collapsed .sidebar-panel.is-collapsed .sidebar-brand-name,.dashboard-shell.is-collapsed .sidebar-panel.is-collapsed .sidebar-brand-copy,.dashboard-shell.is-collapsed .sidebar-panel.is-collapsed .sidebar-note,.dashboard-shell.is-collapsed .sidebar-panel.is-collapsed .sidebar-nav>div>p,.dashboard-shell.is-collapsed .sidebar-panel.is-collapsed .sidebar-section-label,.dashboard-shell.is-collapsed .sidebar-panel.is-collapsed .sidebar-link-content span:last-child,.dashboard-shell.is-collapsed .sidebar-panel.is-collapsed .sidebar-brand .button-ghost{display:none}.sidebar-panel.is-collapsed .sidebar-brand .button-ghost{display:inline-flex}.sidebar-panel.is-collapsed .sidebar-nav-link{border-radius:999px;justify-content:space-between;padding:.55rem .75rem}.dashboard-shell.is-collapsed .sidebar-panel.is-collapsed .sidebar-nav-link{border-radius:16px;justify-content:center;padding:.8rem}.sidebar-panel.is-collapsed .sidebar-nav-link:after{display:block}.dashboard-shell.is-collapsed .sidebar-panel.is-collapsed .sidebar-nav-link:after{display:none}.sidebar-panel.is-collapsed .sidebar-link-content{gap:.55rem}.dashboard-shell.is-collapsed .sidebar-panel.is-collapsed .sidebar-link-content{gap:0}.sidebar-panel.is-open{transform:translate(0)}}@media (width<=1280px){.employee-selected-grid{grid-template-columns:1fr}}@media (width<=720px){.dashboard-shell,.auth-shell{gap:.75rem;padding:.75rem}.dashboard-shell.is-collapsed{grid-template-columns:minmax(0,1fr)}.sidebar-panel{border-radius:1.5rem;gap:.85rem;width:min(20rem,100vw - 1.5rem);max-height:calc(100vh - 1.5rem);padding:1rem;top:.75rem;left:.75rem}.surface,.card,.auth-card,.auth-panel{border-radius:1.25rem}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.metric-grid.cols-3,.metric-grid.cols-4,.two-column,.inline-fields,.auth-stat-grid,.detail-grid{grid-template-columns:1fr}.auth-flow-visual{grid-template-columns:1fr;gap:.6rem}.auth-title-with-logo{align-items:flex-start}.auth-brand-logo{width:48px;height:48px}.auth-flow-track{display:none}.auth-flow-step{grid-template-columns:auto 1fr;place-items:center start;column-gap:.6rem}.auth-flow-step p{margin-top:.1rem}.kiosk-flow-visual{grid-template-columns:1fr;gap:.65rem}.kiosk-flow-track{display:none}.kiosk-flow-step{grid-template-columns:auto 1fr;align-items:center;column-gap:.6rem}th{padding-inline:.6rem;font-size:.6rem}td{padding-inline:.6rem;font-size:.83rem}.auth-switch-row{width:100%}.auth-switch-pill{padding-inline:.72rem;font-size:.8rem}.auth-logo-hero{width:4.5rem;height:4.5rem}.auth-login-step-item img{width:2.75rem;height:2.75rem}.button,.button-soft,.button-ghost,.button-danger{min-height:44px;padding:.68rem 1.1rem;font-size:.88rem}.logout-button{min-height:36px;padding:.4rem .8rem;font-size:.78rem}input,select,textarea,.field{min-height:48px;padding:.75rem .95rem;font-size:16px}.eyebrow{font-size:.63rem}.page-shell{gap:.8rem}.metric-grid.cols-3{grid-template-columns:1fr;gap:.55rem}.metric-card{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:.9rem;padding:.85rem 1rem;display:grid}.metric-value{grid-area:1/1/3;align-self:center;margin-top:0;font-size:clamp(1.65rem,8vw,2.2rem)}.metric-label{grid-area:1/2;align-self:end;font-size:.8rem}.metric-hint{grid-area:2/2;align-self:start;margin-top:.1rem;font-size:.72rem}.page-actions{gap:.45rem}.page-actions .button-soft,.page-actions .button-ghost{min-height:36px;padding:.45rem .75rem;font-size:.8rem}.sa-company-row{grid-template-columns:1fr;gap:.75rem}.sa-company-controls{flex-flow:wrap;align-items:center;gap:.45rem}.dashboard-main{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}.dashboard-shell{padding-left:max(.75rem, env(safe-area-inset-left,.75rem));padding-right:max(.75rem, env(safe-area-inset-right,.75rem));padding-top:max(.75rem, env(safe-area-inset-top,.75rem))}.page-title{font-size:clamp(1.35rem,5.5vw,1.85rem)}input:focus,select:focus,textarea:focus,.field:focus{outline:none;box-shadow:0 0 0 3.5px #1f9d552e}.employees-split-layout{grid-template-columns:1fr}.section-title{font-size:clamp(1rem,4vw,1.25rem)}.sidebar-mobile-trigger{display:none!important}.dashboard-shell.is-collapsed .sidebar-panel{width:min(20rem,100vw - 1.5rem);position:fixed;top:.75rem;left:.75rem;transform:translate(-115%)}.sidebar-panel.is-open{align-items:flex-start!important;gap:1.25rem!important;padding:1.25rem!important}.sidebar-panel.is-open .sidebar-section-label,.sidebar-panel.is-open .sidebar-link-content span:last-child,.sidebar-panel.is-open .sidebar-brand-name,.sidebar-panel.is-open .sidebar-brand-label,.sidebar-panel.is-open .sidebar-user-text,.sidebar-panel.is-open .sidebar-user-name{display:revert!important}}@media (width<=1080px){.auth-panel-login,.auth-panel-register{min-height:auto;padding:1.5rem 2rem 1.25rem}.auth-login-steps{display:none}}@media (width<=640px){.auth-shell{background:radial-gradient(at 15% 5%,#1f9d5514,#0000 42%),radial-gradient(at 85% 95%,#52b8470f,#0000 42%),#f0f4f8;min-height:100dvh;padding:0;display:block}.auth-login-frame{box-shadow:none;background:0 0;border-radius:0;width:100%;max-width:100%;min-height:100dvh;display:block;overflow:visible}.auth-panel-login,.auth-panel-register{display:none}.auth-card-login,.auth-card-register{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:0;padding:0}.auth-card-login>.stack,.auth-card-register>.stack{padding:2rem 1.5rem max(3.5rem, calc(env(safe-area-inset-bottom,0px) + 2.5rem));gap:1.15rem;min-height:100dvh}.auth-mobile-brand{border-bottom:1px solid #4664731a;align-items:center;gap:.85rem;margin-bottom:.2rem;padding-bottom:.85rem;display:flex!important}.auth-mobile-logo{border-radius:14px;width:3rem;height:3rem;box-shadow:0 4px 14px #0000001a}.auth-mobile-name{color:#1a3340;letter-spacing:-.025em;font-size:1.15rem;font-weight:800}.auth-card-login .field,.auth-card-register .field{background:#fff;border-color:#4664732e;border-radius:14px;min-height:52px;font-size:16px}.auth-card-login .field:focus,.auth-card-register .field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3.5px #1f9d5526}.auth-card-login .button,.auth-card-register .button{letter-spacing:.01em;min-height:52px;margin-top:.25rem;font-size:1rem}.auth-switch-row{grid-template-columns:1fr 1fr;width:100%}.auth-switch-pill{font-size:.82rem}.auth-card-login .soft-note,.auth-card-register .soft-note{padding:.6rem .8rem;font-size:.79rem;line-height:1.5}.auth-card-login .section-title,.auth-card-register .section-title{font-size:clamp(1.3rem,5.5vw,1.7rem)}.auth-tutorial-mobile-link{-webkit-tap-highlight-color:transparent;background:#1f9d5512;border:1px solid #1f9d5538;border-radius:14px;align-items:center;gap:.8rem;width:100%;margin-top:.1rem;padding:.9rem 1rem;text-decoration:none;transition:background .18s,border-color .18s;display:flex}.auth-tutorial-mobile-link:active{background:#1f9d551f;border-color:#1f9d555c}.auth-tutorial-mobile-link .auth-tutorial-icon{border-radius:8px;flex-shrink:0;width:34px;height:34px}.auth-tutorial-mobile-link .auth-tutorial-text{flex:1;min-width:0}.auth-tutorial-mobile-link .auth-tutorial-label{color:#1a3340;font-size:.88rem}.auth-tutorial-mobile-link .auth-tutorial-sub{color:#566f7d;white-space:normal;font-size:.74rem;display:block}.auth-tutorial-mobile-link .auth-tutorial-arrow{opacity:.6;flex-shrink:0}}.mobile-bottom-nav{display:none}@media (width<=720px){.mobile-bottom-nav{z-index:50;height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(16px);background:#fffffff0;border-top:0;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #46647317,0 -8px 28px #00000012}.mobile-nav-tab{color:var(--text-faint);letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.28rem;padding:.55rem .2rem .45rem;font-size:.62rem;font-weight:700;text-decoration:none;transition:color .13s;display:flex;position:relative}.mobile-nav-tab svg{flex-shrink:0;width:1.5rem;height:1.5rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.mobile-nav-tab[aria-current=”page”],.mobile-nav-tab.is-active{color:var(--primary)}.mobile-nav-tab[aria-current=”page”] svg,.mobile-nav-tab.is-active svg{transform:scale(1.1)}.mobile-nav-tab[aria-current=”page”]:before,.mobile-nav-tab.is-active:before{content:“”;background:var(--primary);border-radius:0 0 4px 4px;width:2rem;height:2.5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-nav-tab:active svg{transition:transform 80ms;transform:scale(.88)}.mobile-nav-tab:active{color:var(--primary)}}@media (width>=721px) and (width<=1080px){.mobile-bottom-nav{z-index:50;height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(16px);background:#fffffff0;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #46647317,0 -8px 28px #00000012}.mobile-nav-tab{color:var(--text-faint);letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.28rem;padding:.55rem .25rem .45rem;font-size:.63rem;font-weight:700;text-decoration:none;transition:color .13s;display:flex;position:relative}.mobile-nav-tab svg{flex-shrink:0;width:1.5rem;height:1.5rem}.mobile-nav-tab[aria-current=page],.mobile-nav-tab.is-active{color:var(--primary)}.mobile-nav-tab[aria-current=page]:before,.mobile-nav-tab.is-active:before{content:"";background:var(--primary);border-radius:0 0 4px 4px;width:2rem;height:2.5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.dashboard-main{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}.dashboard-shell.is-collapsed{grid-template-columns:minmax(0,1fr)}.dashboard-shell.is-collapsed .sidebar-panel{width:min(22rem,100vw - 2rem);position:fixed;top:1rem;left:1rem;transform:translate(-115%)}.dashboard-shell.is-collapsed .sidebar-panel.is-open{transform:translate(0)}}.auth-mobile-brand{border-bottom:1px solid #4664731a;align-items:center;gap:.7rem;margin-bottom:.25rem;padding-bottom:.25rem;display:none}.auth-mobile-logo{object-fit:contain;filter:drop-shadow(0 2px 6px #0000001f);border-radius:10px;flex-shrink:0;width:2.6rem;height:2.6rem}.auth-mobile-name{color:var(--text);letter-spacing:-.02em;font-size:1rem;font-weight:800}:root{--bg:#f0f4f8;--bg-soft:#f5f8fb;--surface:#fff;--surface-strong:#f8fafc;--surface-contrast:#0d3a45;--text:#1a3340;--text-soft:#566f7d;--text-faint:#8aa4b0;--primary:#1f9d55;--primary-strong:#157a40;--accent:#52b847;--border:#4664731c;--border-strong:#46647333;--shadow-soft:0 1px 3px #0000000d, 0 4px 12px #0000000d;--shadow-card:0 1px 2px #0000000a, 0 3px 10px #0000000d;--shadow-elevated:0 4px 8px #0000000f, 0 10px 24px #00000014;--radius-xl:18px;--radius-lg:14px;--radius-md:11px;--radius-sm:8px}body{background:#f0f4f8;overflow-x:hidden}body:before,body:after{display:none}h1,h2,h3,h4{letter-spacing:-.022em;font-family:Manrope,sans-serif;font-weight:800}.dashboard-shell{gap:1rem;padding:1rem}.surface,.card,.auth-card,.auth-panel,.table-wrap,.detail-card,.list-row,.surface-muted,.empty-state{background:var(--surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #4664731a}.card:hover{box-shadow:var(--shadow-elevated)}input,select,textarea,.input,.select,.textarea,.field{color:var(--text);box-shadow:none;background:#fff;border:1.5px solid #46647329}input:focus,select:focus,textarea:focus,.field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1f9d551f}.button,.button-soft,.button-ghost,.logout-button,.sidebar-toggle-button,.audit-action-pill,.role-pill,.status-pill{background:var(--surface);color:var(--text);box-shadow:none;border:1px solid #46647324}.button{color:#fff;background:linear-gradient(135deg,#1f9d55,#157a40);border-color:#0000;box-shadow:0 4px 14px #1f9d5547}.button-soft,.button-ghost,.logout-button{color:var(--primary-strong)}.button-ghost{color:var(--text-soft)}.hero-badge,.feature-chip{color:var(--primary-strong);box-shadow:none;background:#1f9d5514;border:1px solid #1f9d552e}.soft-note{color:var(--text-soft);box-shadow:none;background:#f0f4f8e6;border:1px solid #4664731f}@media (width>=1081px){.sidebar-panel{box-shadow:none;background:0 0;border:0}}@media (width<=1080px){.sidebar-panel{z-index:53;background:#fff;border:1px solid #4664731f;box-shadow:0 8px 40px #0000002e}}.sidebar-nav-link{box-shadow:none;background:0 0;border:0}.sidebar-nav-link:hover{box-shadow:none;color:var(--primary-strong);background:#1f9d550f}.sidebar-nav-link[aria-current=page]{color:var(--primary-strong);box-shadow:none;background:#1f9d551a}.sidebar-nav-link[aria-current=page] .nav-glyph{color:var(--primary-strong)}.nav-glyph,.audit-glyph{color:#7ba8b5}.sidebar-nav-link:hover .nav-glyph{color:var(--primary-strong)}.metric-card:before{display:none}.page-title,.section-title{color:var(--text)}.section-copy,.section-summary,.page-subtitle,.sidebar-note,.metric-hint,.metric-label{color:var(--text-soft)}.sidebar-company-logo{object-fit:cover;border-radius:14px;flex-shrink:0;width:64px;min-width:64px;height:64px;display:block;box-shadow:0 4px 14px #0000001f}.sidebar-company-logo-init{background:linear-gradient(135deg, var(--primary), #3aaf6e);color:#fff;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;border-radius:14px;justify-content:center;align-items:center;font-size:1.6rem;font-weight:800;display:flex}.sidebar-panel.is-collapsed .sidebar-company-logo{border-radius:10px;width:38px;min-width:38px;height:38px}.sidebar-panel.is-collapsed .sidebar-company-logo-init{border-radius:10px;font-size:1rem}.sidebar-brand-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin:0;font-size:.68rem;font-weight:700}.sidebar-brand-name{color:var(--text);letter-spacing:-.01em;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin:0;font-size:.88rem;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.sidebar-close-btn{width:2rem;height:2rem;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-close-btn:hover{color:var(--primary-strong);background:#1f9d5514}.sidebar-nav-section{gap:.18rem;display:grid}.sidebar-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:0;padding:.55rem .6rem .2rem;font-size:.68rem;font-weight:700}.sidebar-accordion{flex-direction:column;margin-bottom:.55rem;display:flex}.sidebar-accordion-header{width:100%;color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:.5rem;padding:.9rem;font-size:.86rem;font-weight:600;transition:background .15s,color .15s;display:flex}.sidebar-accordion-header:hover{color:var(--text);background:#1f9d550f}.sidebar-accordion-header.is-active-section{color:var(--primary);background:#1f9d5514;font-weight:700}.sidebar-accordion-title{flex:1}.sidebar-accordion-body{border-left:1.5px solid var(--border);flex-direction:column;gap:.25rem;margin-bottom:.2rem;margin-left:1.25rem;padding:.3rem 0 .5rem .75rem;display:flex}.sidebar-nav-link-sub{border-radius:8px;padding:.6rem .8rem;font-size:.83rem}.sidebar-panel.is-collapsed .sidebar-accordion-header{border-radius:16px;justify-content:center;padding:.8rem}.sidebar-panel.is-collapsed .sidebar-accordion-title,.sidebar-panel.is-collapsed .sidebar-accordion-header svg:last-child,.sidebar-panel.is-collapsed .sidebar-accordion-body{display:none}.sidebar-user-info{align-items:center;gap:.65rem;min-width:0;display:flex}.sidebar-user-text{gap:.08rem;min-width:0;display:grid}.sidebar-avatar{width:2rem;height:2rem;color:var(--primary-strong);letter-spacing:.02em;background:linear-gradient(135deg,#1f9d552e,#1f9d550f);border:1.5px solid #1f9d5538;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;line-height:1;display:inline-flex}.sidebar-panel.is-collapsed .sidebar-section-label,.sidebar-panel.is-collapsed .sidebar-brand-label,.sidebar-panel.is-collapsed .sidebar-brand-name,.sidebar-panel.is-collapsed .sidebar-user-text{display:none}.sidebar-panel.is-collapsed .sidebar-nav-section{gap:.5rem}.dash-topbar{z-index:25;position:absolute;top:.65rem;right:1.25rem}.bell-wrapper{position:relative}.bell-btn{cursor:pointer;width:2.2rem;height:2.2rem;color:var(--text-soft);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex;position:relative}.bell-btn:hover{background:var(--surface-muted);color:var(--text);border-color:var(--border)}.bell-badge{color:#fff;border:2px solid var(--surface);pointer-events:none;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:1.05rem;height:1.05rem;padding:0 .2rem;font-size:.58rem;font-weight:800;display:flex;position:absolute;top:.05rem;right:.05rem}.bell-dropdown{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:16px;width:min(380px,92vw);position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 8px 32px #00000024}.bell-dropdown-header{border-bottom:1px solid var(--border);align-items:baseline;gap:.6rem;padding:.85rem 1rem .6rem;display:flex}.bell-dropdown-title{color:var(--text);font-size:.875rem;font-weight:700}.bell-dropdown-sub{color:var(--text-faint);font-size:.7rem}.bell-dropdown-list{overscroll-behavior:contain;max-height:22rem;padding:.3rem 0;overflow-y:auto}.bell-dropdown-empty{text-align:center;color:var(--text-faint);margin:0;padding:1.75rem 1rem;font-size:.82rem}.bell-notif-item{border-left:3px solid #0000;align-items:flex-start;gap:.6rem;padding:.6rem 1rem;transition:background .1s;display:flex}.bell-notif-item:hover{background:var(--surface-muted)}.bell-notif-body{flex:1;min-width:0}.bell-notif-title{color:var(--text);margin:0;font-size:.8rem;font-weight:700;line-height:1.3}.bell-notif-detail{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;margin:.1rem 0 0;font-size:.75rem;overflow:hidden}.bell-notif-time{color:var(--text-faint);white-space:nowrap;flex-shrink:0;padding-top:.1rem;font-size:.67rem;font-weight:600}.rank-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.notif-count-badge{background:var(--primary,#1f4e8f);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;font-size:.7rem;font-weight:800;display:inline-flex}.notif-list{overscroll-behavior:contain;flex-direction:column;gap:.45rem;max-height:22rem;display:flex;overflow-y:auto}.notif-item{border:1px solid;border-radius:10px;align-items:flex-start;gap:.6rem;padding:.55rem .7rem;transition:opacity .15s;display:flex}.notif-dot{border-radius:50%;flex-shrink:0;width:.45rem;height:.45rem;margin-top:.35rem}.notif-body{flex:1;min-width:0}.notif-title{color:var(--text);margin:0;font-size:.8rem;font-weight:700;line-height:1.3}.notif-detail{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;margin:.1rem 0 0;font-size:.76rem;overflow:hidden}.notif-time{color:var(--text-faint);white-space:nowrap;flex-shrink:0;padding-top:.1rem;font-size:.68rem;font-weight:600}.list-row-dot{background:var(--primary);opacity:.55;border-radius:50%;flex-shrink:0;width:.42rem;height:.42rem;display:inline-block}.request-status-dot{background:var(--text-faint);border-radius:50%;flex-shrink:0;width:.42rem;height:.42rem;display:inline-block}.request-status-dot[data-status=PENDING]{background:#f59e0b}.request-status-dot[data-status=APPROVED]{background:#22c55e}.request-status-dot[data-status=REJECTED]{background:#ef4444}.sa-shell{background:var(--bg,#f0f4f8);min-height:100vh}.sa-topbar{z-index:30;background:#0f2030;border-bottom:1px solid #1e3040;justify-content:space-between;align-items:center;gap:1rem;height:56px;padding:0 1.5rem;display:flex;position:sticky;top:0}.sa-topbar-brand{align-items:center;gap:.75rem;display:flex}.sa-topbar-badge{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.sa-topbar-title{color:#e8f0f4;letter-spacing:-.01em;font-size:.92rem;font-weight:700}.sa-topbar-actions{align-items:center;gap:1rem;display:flex}.sa-topbar-user{color:#7fa8bb;font-size:.8rem}.sa-logout-btn{color:#7fa8bb;cursor:pointer;background:0 0;border:1px solid #2a4050;border-radius:7px;padding:.28rem .75rem;font-size:.78rem;font-weight:600;transition:border-color .15s,color .15s}.sa-logout-btn:hover{border-color:var(--primary);color:#c8e8f0}.sa-main{gap:1.25rem;max-width:1100px;margin:0 auto;padding:1.75rem 1.5rem;display:grid}.sa-metric-green{color:#16a34a}.sa-metric-amber{color:#d97706}.sa-list-header{border-bottom:1px solid #46647314;padding:1rem 1.25rem}.sa-company-row{grid-template-columns:1fr auto;align-items:start;gap:1rem;padding:.9rem 1.25rem;display:grid}.sa-company-row-divider{border-bottom:1px solid #46647312}.sa-company-info{align-items:flex-start;gap:.75rem;min-width:0;display:flex}.sa-company-dot{color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.sa-company-text{min-width:0}.sa-company-name{color:var(--text);margin:0;font-size:.9rem;font-weight:700}.sa-company-meta{color:var(--text-soft);margin:2px 0 0;font-size:.76rem}.sa-company-phone{color:var(--text-soft);margin:4px 0 0;font-size:.76rem}.sa-company-dates{color:var(--text-faint);margin:2px 0 0;font-size:.73rem}.sa-company-controls{flex-direction:column;align-items:flex-end;gap:.45rem;display:flex}.sa-membership-row{align-items:center;gap:.5rem;display:flex}.sa-membership-badge{border-radius:999px;align-items:center;padding:.18rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.sa-membership-badge.is-active{color:#15803d;background:#16a34a1a;border:1px solid #16a34a33}.sa-membership-badge.is-inactive{color:#dc2626;background:#dc262614;border:1px solid #dc26262e}.sa-expiry-editor{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.sa-message-modal{width:min(580px,100%)}.sa-message-modal-body{flex-direction:column;gap:1rem;padding:.25rem 0 .75rem;display:flex}.sa-message-modal-phone{color:var(--text-soft);margin:0;font-size:.87rem}.sa-message-fields{flex-direction:column;gap:.75rem;display:flex}.sa-message-field-row{flex-direction:column;gap:.3rem;display:flex}.sa-message-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.sa-message-field-wrap{flex-direction:column;gap:.2rem;display:flex}.sa-message-textarea{resize:vertical;min-height:7rem;padding:.55rem .7rem;font-size:.875rem;line-height:1.55}.sa-message-char-hint{color:var(--text-faint);text-align:right;font-size:.7rem}.sa-message-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}@keyframes idle-fade-in{0%{opacity:0}to{opacity:1}}@keyframes idle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.97)}}@keyframes idle-hint-blink{0%,to{opacity:.45}50%{opacity:.9}}.idle-overlay{z-index:200;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#08131c 0%,#0d1f2d 55%,#112030 100%);justify-content:center;align-items:center;animation:.8s both idle-fade-in;display:flex;position:fixed;inset:0}.idle-overlay-inner{text-align:center;flex-direction:column;align-items:center;gap:0;padding:2rem;display:flex}.idle-brand{flex-direction:column;align-items:center;gap:.9rem;margin-bottom:2.5rem;animation:4s ease-in-out infinite idle-pulse;display:flex}.idle-company-logo{object-fit:contain;filter:brightness(1.1)drop-shadow(0 0 32px #1f9d5559);border-radius:12px;width:auto;max-width:180px;height:auto;max-height:120px}.idle-company-initial{color:#fff;letter-spacing:-.03em;background:linear-gradient(145deg,#1f9d55 0%,#157a40 100%);border-radius:28px;justify-content:center;align-items:center;width:110px;height:110px;font-size:3.5rem;font-weight:800;display:flex;box-shadow:0 0 48px #1f9d554d}.idle-company-name{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1.15rem;font-weight:700}.idle-clock{align-items:flex-start;gap:.5rem;margin-bottom:.5rem;line-height:1;display:flex}.idle-clock-time{color:#fff;letter-spacing:-.04em;font-feature-settings:"tnum";font-size:clamp(4rem,14vw,9rem);font-weight:800;line-height:1}.idle-clock-ampm{color:#ffffff73;letter-spacing:.04em;margin-top:.6rem;font-size:clamp(1.1rem,3vw,2rem);font-weight:600}.idle-clock-date{color:#ffffff73;letter-spacing:.02em;margin:0 0 2.5rem;font-size:clamp(.9rem,2.5vw,1.2rem);font-weight:500}.idle-hint{color:#ffffff59;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:600;animation:2.5s ease-in-out infinite idle-hint-blink}.schedule-field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:block}.schedule-days-row{flex-wrap:wrap;gap:.35rem;display:flex}.schedule-day-chip{border:1.5px solid var(--border-strong);width:34px;height:34px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:flex}.schedule-day-chip.is-active{background:var(--primary);color:#fff;border-color:var(--primary)}.schedule-employee-group{border-top:1px solid var(--border);padding-top:.75rem}.schedule-employee-group:first-child{border-top:none;padding-top:0}.schedule-employee-name{text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);margin-bottom:.5rem;font-size:.8rem;font-weight:700}.schedule-row{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .75rem;display:flex}.schedule-row-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.schedule-row-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.schedule-row-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.schedule-days-badge{letter-spacing:.08em;color:var(--primary);background:#24463d14;border-radius:99px;padding:.12rem .5rem;font-size:.72rem;font-weight:700}.schedule-time-badge{color:var(--text-soft);background:var(--bg-soft);font-feature-settings:"tnum";border-radius:99px;padding:.12rem .5rem;font-size:.75rem;font-weight:600}.schedule-row-actions{flex-shrink:0;gap:.4rem;display:flex}.task-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.task-row-body{flex:1;min-width:0}.task-row-top{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.task-row-desc{color:var(--text-soft);margin-top:.25rem;font-size:.82rem;line-height:1.45}.task-row-meta{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.4rem;display:flex}.task-meta-pill{color:var(--text-soft);background:var(--bg-soft);border-radius:99px;padding:.1rem .5rem;font-size:.72rem;font-weight:600}.task-meta-date{color:var(--accent);background:#b6824f1a}.task-row-actions{flex-shrink:0;align-items:center;display:flex}.task-status-select{min-width:130px;border-radius:var(--radius-sm)!important}.status-pill-amber{color:#92600a!important;background:#f59e0b1f!important;border:1px solid #f59e0b40!important}.request-admin-row{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.request-admin-info{flex:1;min-width:0}.request-admin-who{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.15rem;display:flex}.request-admin-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}@media (width<=640px){.request-admin-row{flex-direction:column}.request-admin-actions{width:100%}.task-row{flex-direction:column}.task-row-actions,.task-status-select{width:100%}}.modal-overlay{z-index:900;-webkit-backdrop-filter:blur(4px);background:#0000006b;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:min(520px,100%);max-height:90dvh;padding:1.75rem;overflow-y:auto;box-shadow:0 24px 64px #00000038}.modal-panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.25rem;display:flex}.modal-close-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:grid}.modal-close-btn:hover{background:var(--surface-raised);color:var(--text)}.employees-badge-panel{flex-direction:column;display:flex}.badge-template-selector{flex-wrap:wrap;gap:.28rem;margin-bottom:.85rem;display:flex}.badge-preview-empty{color:var(--text-soft);opacity:.7;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;padding:2rem 1rem;display:flex}.badge-preview-content{flex-direction:column;flex:1;align-items:center;gap:1.25rem;display:flex}.badge-preview-card{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;width:200px;height:317px;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000001f}.badge-preview-band{background:var(--bpbrand,#1f4e8f);flex-shrink:0;align-items:center;gap:7px;width:100%;padding:8px 10px;display:flex}.badge-preview-logo-img{object-fit:cover;border:1.5px solid #ffffff80;border-radius:50%;flex-shrink:0;width:28px;height:28px}.badge-preview-logo-init{color:#fff;background:#fff3;border:1.5px solid #fff6;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.badge-preview-co-name{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.badge-preview-photo-ring{border:2px solid var(--bpbrand,#1f4e8f);background:var(--surface-raised);border-radius:50%;flex-shrink:0;place-items:center;width:72px;height:72px;margin-top:14px;display:grid;overflow:hidden}.badge-preview-photo{object-fit:cover;width:100%;height:100%;display:block}.badge-preview-name{color:#1a2530;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;padding:0 10px;font-size:11px;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.badge-preview-role{color:var(--bpbrand,#1f4e8f);letter-spacing:.08em;text-transform:uppercase;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:4px;padding:0 8px;font-size:8.5px;font-weight:700;overflow:hidden}.badge-preview-qr-wrap{background:#fff;border:1px solid #dde2ea;border-radius:3px;margin-top:10px;padding:3px}.badge-preview-qr{width:52px;height:52px;display:block}.badge-preview-qr-ph{border:1.5px dashed var(--border);width:58px;height:58px;color:var(--text-soft);letter-spacing:.1em;opacity:.5;border-radius:4px;place-items:center;margin-top:10px;font-size:9px;font-weight:700;display:grid}.badge-preview-code{color:var(--text-soft);letter-spacing:.18em;text-transform:uppercase;text-align:center;margin-top:6px;font-size:8px;font-weight:800}.badge-preview-actions{flex-direction:column;gap:.5rem;width:100%;max-width:220px;display:flex}.employees-row-selected td{background:var(--accent,#1f4e8f)}@supports (color:color-mix(in lab, red, red)){.employees-row-selected td{background:color-mix(in srgb, var(--accent,#1f4e8f) 8%, transparent)}}.employees-row-selected:hover td{background:var(--accent,#1f4e8f)}@supports (color:color-mix(in lab, red, red)){.employees-row-selected:hover td{background:color-mix(in srgb, var(--accent,#1f4e8f) 12%, transparent)}}.rstation-icon-wrap{background:#1f9d5514;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto .5rem;display:flex}.rstation-icon{width:36px;height:36px;color:var(--primary)}.rstation-code-input{font-family:Manrope,monospace}.rstation-success-icon{background:#1f9d551a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:.4s cubic-bezier(.34,1.56,.64,1) rstation-pop;display:flex}@keyframes rstation-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.auth-tutorial-mobile-link{display:none}.auth-tutorial-link{box-sizing:border-box;background:#1f9d5514;border:1px solid #1f9d5538;border-radius:12px;align-items:center;gap:.75rem;width:fit-content;max-width:100%;margin-top:.5rem;padding:.7rem .9rem;text-decoration:none;transition:background .18s,border-color .18s;display:flex}@media (width<=640px){.auth-tutorial-mobile-link{width:100%}}.auth-tutorial-link:hover{background:#1f9d5524;border-color:#1f9d5561}.auth-tutorial-icon{background:#1f9d55;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.auth-tutorial-icon svg{width:20px;height:20px}.auth-tutorial-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.auth-tutorial-label{color:#1a3340;font-size:.82rem;font-weight:700;line-height:1.2}.auth-tutorial-sub{color:#566f7d;font-size:.72rem;line-height:1.2}.auth-tutorial-arrow{flex-shrink:0;width:16px;height:16px;margin-left:auto}@media (width<=480px){.auth-card-login>.stack,.auth-card-register>.stack{padding:1.5rem 1.15rem max(3rem, calc(env(safe-area-inset-bottom,0px) + 2rem));gap:1rem}.auth-mobile-logo{border-radius:12px;width:2.6rem;height:2.6rem}.auth-mobile-name{font-size:1rem}.dashboard-shell{padding:max(.6rem, env(safe-area-inset-top,.6rem)) max(.6rem, env(safe-area-inset-right,.6rem)) .6rem max(.6rem, env(safe-area-inset-left,.6rem));gap:.6rem}.page-shell{gap:.65rem}.metric-value{font-size:clamp(1.5rem,7.5vw,2rem)}.page-title{font-size:clamp(1.25rem,6vw,1.6rem)}.mobile-bottom-nav{height:calc(58px + env(safe-area-inset-bottom,0px))}.mobile-nav-tab{gap:.22rem;padding:.5rem .1rem .4rem;font-size:.58rem}.mobile-nav-tab svg{width:1.35rem;height:1.35rem}.page-actions .button-soft,.page-actions .button-ghost{padding:.4rem .65rem;font-size:.76rem}th{padding-inline:.45rem;font-size:.58rem}td{padding-inline:.45rem;font-size:.8rem}.metric-card{column-gap:.75rem;padding:.75rem .85rem}.list-row{padding:.65rem .72rem}}.login-v2-mobile-header{display:none}.login-v2-grid{grid-template-columns:1fr 420px;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;display:grid;overflow-x:hidden}.login-v2-aside{flex-direction:column;gap:2.5rem;min-width:0;padding:3rem 3.5rem;display:flex;overflow:hidden auto}.login-v2-aside>*{min-width:0;max-width:100%}.login-v2-features-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.login-v2-form-panel{border-left:1px solid var(--border);background:var(--bg-soft);justify-content:center;align-items:center;min-width:0;padding:2rem;display:flex}.login-v2-mobile-strip{display:none}@media (width<=860px){.login-v2-grid{grid-template-columns:1fr}.login-v2-mobile-header{border-bottom:1px solid var(--border);order:-2;padding:1.75rem 1.25rem 1.25rem;display:block}.login-v2-desktop-header{display:none}.login-v2-aside{gap:1.5rem;padding:2rem 1.25rem 0}.login-v2-form-panel{border-top:none;border-left:none;border-bottom:1px solid var(--border);order:-1;align-items:flex-start;padding:2rem 1.25rem}.login-v2-features-recap{display:none}.login-v2-aside-headline h1{font-size:1.55rem!important}}@media (width<=540px){.login-v2-aside{gap:1rem;padding:1.25rem 1rem 0}.login-v2-features-full{display:none}.login-v2-mobile-strip{flex-wrap:wrap;gap:.5rem;display:flex}.login-v2-form-panel{padding:1.5rem 1rem 2.5rem}.login-v2-pricing{flex-direction:column!important}.login-v2-aside-headline h1{font-size:1.35rem!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}