@layer legacy{:root{--navy:#121b2f;--ink:#0b1c30;--login-muted:#45474d;--green:#006c4a;--mint:#85f8c4;--paper:#f8f9ff;--line:#c6c6cd}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Plus Jakarta Sans,Noto Sans Arabic,system-ui,sans-serif}button,input{font:inherit}a{color:var(--green)}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #0090a9}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.login-shell{isolation:isolate;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;min-height:100svh;padding:16px;display:grid;position:relative;overflow:hidden}.brand-panel{isolation:isolate;color:#eaf1ff;box-shadow:var(--shadow-lg), inset 0 0 0 1px #ffffff12;background:radial-gradient(120% 90% at 0 0,#0f3d36 0%,#0a1c2b 46%,#070d1a 100%);border-radius:32px;flex-direction:column;justify-content:space-between;gap:28px;min-width:0;padding:36px 40px;display:flex;position:relative;overflow:hidden}.brand-panel:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 30% 25%,#000 15%,#0000 72%);mask-image:radial-gradient(at 30% 25%,#000 15%,#0000 72%)}.brand-panel:after{content:"";z-index:-1;filter:blur(24px);background:radial-gradient(38% 38% at 78% 14%,#2dd4a74d,#0000 70%),radial-gradient(34% 34% at 12% 88%,#6366f14d,#0000 70%),radial-gradient(26% 26% at 60% 60%,#19b89424,#0000 70%);animation:18s ease-in-out infinite alternate login-drift;position:absolute;inset:-25%}.brand{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.brand-logo{inline-size:min(188px,100%);display:block}.brand-logo img{block-size:auto;inline-size:100%;display:block}.brand-tagline{color:var(--mint);letter-spacing:.7px;text-transform:uppercase;font-size:10px;display:block}.brand-pill{color:#a7f3d0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.brand-pill svg{width:15px;height:15px}.brand-story h2{letter-spacing:-.035em;background:linear-gradient(#fff 30%,#a9bddf);color:#0000;-webkit-background-clip:text;background-clip:text;margin:20px 0 12px;font-size:36px;font-weight:700;line-height:1.15}.brand-story>p{color:#b6c4df;max-inline-size:46ch;margin-bottom:20px;font-size:15px;line-height:1.75}.workspace-preview{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff21;border-radius:24px;padding:22px;position:relative;overflow:hidden;box-shadow:0 24px 48px #00000047,inset 0 1px #ffffff1a}.workspace-preview:before{content:"";background:linear-gradient(90deg,#0000,#2dd4a7,#0000);block-size:2px;position:absolute;inset-block-start:0;inset-inline:0}.preview-heading{border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;padding-bottom:14px;font-size:13px;display:flex}.preview-heading svg{color:var(--mint)}.status-dot{background:#2dd4a7;border-radius:50%;width:8px;height:8px;margin-inline-start:auto;animation:2.4s ease-out infinite login-pulse;box-shadow:0 0 #2dd4a799}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.preview-grid>div{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:12px}.preview-grid span{color:#b6c4df;font-size:11px;display:block}.preview-grid i{background:linear-gradient(90deg,#bdc6e02e 30%,#bdc6e066 50%,#bdc6e02e 70%) 0 0/200% 100%;border-radius:999px;width:80%;height:6px;margin-top:12px;animation:2.6s linear infinite ui-shimmer;display:block}.preview-grid i:last-child{background:linear-gradient(90deg,#2dd4a74d 30%,#2dd4a799 50%,#2dd4a74d 70%) 0 0/200% 100%;width:50%}.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.trust-grid>div{transition:transform .3s var(--ease-out-soft), background-color .3s var(--ease-out-soft), border-color .3s var(--ease-out-soft);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex}.trust-grid>div:hover{background:#ffffff17;border-color:#2dd4a766;transform:translateY(-3px)}.trust-grid svg{color:#5eead4}.trust-grid span{color:#b6c4df;font-size:12px;line-height:1.5}.brand-panel footer{color:#9fb0cc;border-top:1px solid #ffffff1f;padding-top:20px;font-size:12px;line-height:1.7}.brand-panel footer span{margin-top:5px;display:block}.form-panel{isolation:isolate;flex-direction:column;gap:32px;min-width:0;padding:16px 40px 16px 32px;display:flex;position:relative}.login-shell:before{content:"";z-index:-1;background-image:radial-gradient(color-mix(in srgb, var(--foreground) 22%, transparent) 1.3px, transparent 1.4px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000 10%,#0000 75%);mask-image:radial-gradient(70% 60%,#000 10%,#0000 75%)}.login-shell:after{content:"";z-index:-1;background:radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--primary) 30%, transparent) 0, transparent 26%), radial-gradient(circle at 10% 90%, color-mix(in srgb, var(--chart-2) 28%, transparent) 0, transparent 28%), conic-gradient(from 200deg at 82% 78%, transparent 0deg, color-mix(in srgb, var(--primary) 14%, transparent) 70deg, transparent 140deg);animation:22s ease-in-out infinite alternate login-drift;position:absolute;inset:-12%}.form-panel:before,.form-panel:after{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--primary) 26%, transparent);pointer-events:none;border-radius:50%;position:absolute}.form-panel:before{block-size:420px;inline-size:420px;animation:14s ease-in-out infinite alternate login-float;inset-block-start:-140px;inset-inline-end:-120px}.form-panel:after{border-color:color-mix(in srgb, var(--chart-2) 30%, transparent);block-size:280px;inline-size:280px;animation:18s ease-in-out infinite alternate-reverse login-float;inset-block-end:-90px;inset-inline-start:4%}.login-content{background:color-mix(in srgb, var(--card) 86%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid color-mix(in srgb, var(--border) 85%, transparent);width:100%;max-width:468px;box-shadow:var(--shadow-lg);border-radius:28px;margin:auto;padding:40px}.secure-badge{border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);background:var(--accent);color:var(--accent-foreground);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.secure-badge svg{width:14px;height:14px;color:var(--primary)}.login-content h1{letter-spacing:-.03em;margin:18px 0 8px;font-size:30px;font-weight:700;line-height:1.2}.subtitle{color:var(--muted-foreground);overflow-wrap:anywhere;margin:0 0 30px;font-size:14px;line-height:1.6}form{flex-direction:column;gap:20px;display:flex}.field-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.field-heading label{color:var(--foreground);font-size:13px;font-weight:600}.field-heading a{font-size:12px;font-weight:600;text-decoration:none}.field-heading a:hover{text-decoration:underline}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap input[aria-invalid=true]{border-color:var(--destructive)}.input-icon{color:var(--muted-foreground);pointer-events:none;transition:color .2s var(--ease-out-soft);display:flex;position:absolute;inset-inline-start:15px}.input-wrap:focus-within .input-icon{color:var(--primary)}.visibility-button{width:40px;height:40px;color:var(--muted-foreground);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:4px}.remember-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.remember-row label{align-items:center;gap:10px;font-size:13px;line-height:1.5;display:flex}.remember-row small{color:var(--muted-foreground);white-space:nowrap;font-size:11px}.primary-button{border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.primary-button>svg{flex-shrink:0}.direction-arrow{transition:translate .25s var(--ease-out-soft);display:flex}.primary-button:hover .direction-arrow{translate:4px}html:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .direction-arrow{transform:scaleX(-1)}html:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .primary-button:hover .direction-arrow{translate:-4px}html:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){font-family:Noto Sans Arabic,system-ui,sans-serif}:is(html:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) h1,html:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) h2){letter-spacing:0;line-height:1.6}.form-footer{border-top:1px solid color-mix(in srgb, var(--border) 80%, transparent);color:var(--muted-foreground);align-items:center;gap:10px;padding-top:24px;font-size:12px;display:flex}.form-footer svg{color:var(--primary);flex-shrink:0}.form-footer>span{margin-inline-start:auto}.error-notice{border:1px solid color-mix(in srgb, var(--destructive) 35%, transparent);background:color-mix(in srgb, var(--destructive) 9%, transparent);color:var(--destructive);animation:ui-rise .3s var(--ease-out-soft) both;border-radius:14px;margin-bottom:24px;padding:14px 16px;font-size:13px;line-height:1.6}.field-error{color:var(--destructive);margin:8px 0 0;font-size:12px}.account-summary h2{font-size:18px}.account-summary ul{margin-bottom:24px;padding-inline-start:24px;font-size:14px;line-height:2}@media (min-width:1024px) and (max-height:820px){.trust-grid{display:none}}@media (max-width:1279px){.brand-panel{padding:32px}.brand-story h2{font-size:32px}.form-panel{padding:20px 24px}}@media (max-width:1023px){.login-shell{grid-template-columns:1fr}.brand-panel{border-radius:28px;gap:0;padding:24px 32px}.brand-story,.brand-panel footer{display:none}.form-panel{gap:24px;min-height:calc(100svh - 140px);padding:16px 8px 8px}.login-content{padding:32px}}@media (max-width:479px){.login-shell{gap:12px;padding:10px}.brand-panel{border-radius:24px;padding:20px 24px}.form-panel{padding:12px 4px 4px}.login-content{border-radius:24px;padding:24px 20px}.login-content h1{font-size:26px}.remember-row{flex-direction:column;align-items:flex-start;gap:8px}.remember-row small{padding-inline-start:28px}.form-footer{flex-wrap:wrap}.form-footer>span{display:none}.primary-button{font-size:14px}.subtitle{margin-bottom:24px}}.initial-password-shell{min-block-size:100svh;padding:32px 24px 48px}.initial-password-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-inline-size:1120px;margin-inline:auto;display:flex}.initial-password-brand{letter-spacing:-.5px;font-size:20px}.initial-password-card{background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid color-mix(in srgb, var(--border) 85%, transparent);inline-size:100%;max-inline-size:496px;box-shadow:var(--shadow-lg);border-radius:28px;margin:clamp(32px,8vh,80px) auto 0;padding:40px}.initial-password-card h1{overflow-wrap:anywhere;font-size:28px}.initial-password-card .form-footer{margin-block-start:28px;line-height:1.6}.initial-password-card .error-notice{margin-block-end:24px}@media (max-width:520px){.initial-password-shell{padding:20px 16px 32px}.initial-password-header{gap:16px}.initial-password-card{padding:24px 20px}.initial-password-card h1{font-size:24px}}.login-content{animation:ui-rise .52s var(--ease-out-soft) 80ms both}.brand-panel>*{animation:ui-rise .56s var(--ease-out-soft) both}.brand-panel>:nth-child(2){animation-delay:80ms}.brand-panel>:nth-child(3){animation-delay:.16s}.brand-panel>:nth-child(4){animation-delay:.24s}.brand-panel>:nth-child(5){animation-delay:.32s}.brand-panel>:nth-child(n+6){animation-delay:.4s}.trust-grid>div{animation:ui-rise .52s var(--ease-out-soft) .42s backwards}.trust-grid>div:nth-child(2){animation-delay:.5s}.trust-grid>div:nth-child(3){animation-delay:.58s}.login-content{animation:login-pop .7s var(--ease-spring) .12s both;position:relative}.login-content:before{content:"";border-radius:inherit;background:conic-gradient(from var(--login-angle), transparent 0 62%, color-mix(in srgb, var(--primary-from) 90%, transparent) 80%, color-mix(in srgb, var(--chart-2) 80%, transparent) 90%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;opacity:.9;padding:1.5px;animation:7s linear infinite login-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.brand-story h2{background-image:linear-gradient(100deg,#fff 20%,#7ff0d2 36%,#fff 52%,#a9bddf 70%,#fff 100%);background-size:220% 100%;animation:9s linear infinite login-text-shine}.preview-grid i{transform-origin:0;animation:ui-shimmer 2.6s linear infinite, login-bar 4.5s var(--ease-out-soft) infinite}.preview-grid>div:nth-child(2) i{animation-delay:0s,-1.4s}.preview-grid>div:nth-child(3) i{animation-delay:0s,-2.8s}html:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .preview-grid i{transform-origin:100%}.primary-button{position:relative;overflow:hidden}.primary-button:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff61,#0000);inline-size:38%;position:absolute;inset-block:0;inset-inline-start:0;transform:translate(-130%)skew(-20deg)}.primary-button:not(:disabled):hover:after{animation:login-sweep .9s var(--ease-out-soft)}.login-content .input-wrap input{transition:border-color .25s var(--ease-out-soft), box-shadow .25s var(--ease-out-soft), transform .25s var(--ease-out-soft)}.login-content .input-wrap input:focus-visible{transform:translateY(-1px)}}@keyframes login-drift{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(3%,4%)scale(1.08)}}@keyframes login-float{0%{transform:translate(0,0)scale(1)}to{transform:translate(-14px,18px)scale(1.06)}}@keyframes login-pulse{0%{box-shadow:0 0 #2dd4a78c}70%,to{box-shadow:0 0 0 9px #2dd4a700}}@property --login-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes login-spin{to{--login-angle:360deg}}@keyframes login-bob{0%,to{transform:translate3d(0, 0, 0) rotate(var(--chip-tilt,0deg))}50%{transform:translate3d(0, -14px, 0) rotate(calc(var(--chip-tilt,0deg) * -1))}}@keyframes login-text-shine{0%{background-position:0%}to{background-position:200%}}@keyframes login-bar{0%,to{transform:scaleX(.35)}50%{transform:scaleX(1)}}@keyframes login-pop{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:none}}@keyframes login-sweep{0%{transform:translate(-130%)skew(-20deg)}to{transform:translate(230%)skew(-20deg)}}.login-floaters{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-chip{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));background:color-mix(in srgb, var(--card) 70%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-inline-size:54px;color:var(--primary);letter-spacing:.06em;box-shadow:var(--shadow-sm);translate:calc(var(--mx,0) * var(--chip-depth,12) * 1px) calc(var(--my,0) * var(--chip-depth,12) * 1px);transition:translate .6s var(--ease-out-soft);animation:login-bob var(--chip-speed,9s) ease-in-out infinite;animation-delay:var(--chip-delay,0s);border-radius:999px;place-items:center;padding:8px 14px;font-size:12px;font-weight:700;display:grid;position:absolute}.login-chip-1{--chip-tilt:-6deg;--chip-depth:18;--chip-speed:9s;inset-block-start:15%;inset-inline-start:47%}.login-chip-2{--chip-tilt:5deg;--chip-depth:26;--chip-speed:11s;--chip-delay:-3s;inset-block-start:9%;inset-inline-end:12%}.login-chip-3{--chip-tilt:8deg;--chip-depth:14;--chip-speed:8s;--chip-delay:-5s;inset-block-start:46%;inset-inline-end:4%}.login-chip-4{--chip-tilt:-4deg;--chip-depth:30;--chip-speed:12s;--chip-delay:-2s;color:var(--chart-2);border-color:color-mix(in srgb, var(--chart-2) 32%, var(--border));inset-block-end:12%;inset-inline-end:18%}.login-chip-5{--chip-tilt:10deg;--chip-depth:22;--chip-speed:10s;--chip-delay:-6s;color:var(--chart-3);border-color:color-mix(in srgb, var(--chart-3) 36%, var(--border));inset-block-end:22%;inset-inline-start:46%}.login-chip-6{--chip-tilt:-8deg;--chip-depth:10;--chip-speed:13s;--chip-delay:-1s;inset-block-start:76%;inset-inline-start:50%}@media (prefers-reduced-motion:reduce){.login-chip,.login-content:before,.brand-story h2,.preview-grid i{animation:none!important}}@media (max-width:1023px){.login-chip-1,.login-chip-5,.login-chip-6{display:none}}.login-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.login-toolbar .theme-toggle{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--card) 70%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);block-size:44px;inline-size:44px;box-shadow:var(--shadow-sm);color:var(--primary);transition:transform .3s var(--ease-spring), box-shadow .3s var(--ease-out-soft);border-radius:999px}.login-toolbar .theme-toggle:hover{box-shadow:var(--shadow-md);transform:rotate(18deg)scale(1.06)}.login-toolbar .theme-toggle svg{block-size:20px;inline-size:20px}
@layer legacy{:root{--ui-background:#f8f9ff;--ui-surface:#fff;--ui-subtle:#eff4ff;--ui-ink:#0b1c30;--ui-muted:#45474d;--ui-navy:#121b2f;--ui-green:#006c4a;--ui-mint:#85f8c4;--ui-line:#c6c6cd66;--ui-error:#ba1a1a;--ui-radius:8px;--ui-space:8px;--ui-gutter:24px;--ui-font:"Plus Jakarta Sans", "Noto Sans Arabic", sans-serif;--ui-mono:"JetBrains Mono", ui-monospace, monospace}.app-shell *{box-sizing:border-box}.app-shell :is(button,summary,a,select):focus-visible,.workspace:focus-visible{outline:3px solid var(--ui-green);outline-offset:3px}.app-shell button{font-family:inherit}.app-shell svg{flex-shrink:0;block-size:20px;inline-size:20px}.app-shell button:disabled{cursor:not-allowed}.app-shell .sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.header-actions>div{position:relative}.header-actions .field-error{background:var(--ui-surface);border:1px solid var(--ui-line);inline-size:250px;padding:12px;position:absolute;inset-inline-end:0}.notifications{position:relative}.notifications summary{cursor:pointer;padding:10px;list-style:none;display:flex}.notifications>div{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:12px;inline-size:240px;padding:20px;position:absolute;inset-block-start:44px;inset-inline-end:0;box-shadow:0 4px 20px #0b1c3010}.workspace h1{margin-block:8px 16px;font-size:24px;line-height:1.5}.workspace-company{color:var(--ui-muted);margin:0;font-size:12px}.shell-empty{color:var(--ui-muted);max-inline-size:640px;line-height:1.8}.shell-unavailable{padding:32px}.mobile-drawer{display:none}@media (max-width:1023px){.drawer-close{z-index:1;position:absolute;inset-block-start:4px;inset-inline-end:6px}}@media (max-width:599px){.notifications summary{padding:8px}.workspace h1{font-size:22px}}.employee-page{flex-direction:column;gap:20px;min-block-size:calc(100dvh - 160px);display:flex}.employee-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.employee-heading h1{margin:4px 0}.employee-heading p{color:var(--ui-muted);margin:0}.eyebrow{font-family:var(--ui-mono);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.employee-toolbar{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:12px;gap:12px;padding:16px;display:grid}.employee-search input{inline-size:100%}.employee-filters{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.employee-filter{min-inline-size:125px;color:var(--ui-muted);gap:4px;font-size:11px;display:grid}.employee-filter select{padding-block:8px;font-size:12px}.employee-summary{color:var(--ui-muted);font-size:12px}.employee-table-wrap{contain:paint;border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:12px;flex:auto;min-block-size:280px;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow:auto}.employee-table{border-collapse:collapse;inline-size:100%;min-inline-size:1180px;font-size:12px}.employee-table :is(th,td){text-align:start;border-block-end:1px solid var(--ui-line);white-space:nowrap;padding:14px}.employee-table thead th{background:var(--ui-subtle);color:var(--ui-muted);font-family:var(--ui-mono);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.employee-table tbody tr:hover{background:#f8f9ff}.employee-table tbody th{font-weight:600}.employee-status{font-size:10px;font-family:var(--ui-mono);border-radius:999px;padding:4px 8px;display:inline-block}.employee-status.active{color:var(--ui-green);background:#d8f8e8}.employee-status.archived{color:var(--ui-muted);background:#ececf0}.employee-actions{position:relative}.employee-actions summary{cursor:pointer;block-size:28px;inline-size:28px;list-style:none}.employee-actions summary:after{content:"⋯";font-size:20px}.employee-actions div{z-index:10;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:10px;min-inline-size:130px;padding:6px;display:grid;position:absolute;inset-block-start:30px;inset-inline-end:0;box-shadow:0 4px 16px #0b1c3020}.employee-actions button{text-align:start;font:inherit;background:0 0;border:0;padding:8px;font-size:12px}.employee-actions button:hover{background:var(--ui-subtle)}.employee-state{text-align:center;color:var(--ui-muted);border:1px dashed var(--ui-line);background:var(--ui-surface);border-radius:12px;padding:40px 20px}.employee-pagination{justify-content:center;align-items:center;gap:16px;display:flex}@media (max-width:599px){.employee-heading{flex-direction:column;align-items:stretch}.employee-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.employee-filter{min-inline-size:0}}.employee-form{max-inline-size:1440px;margin:0 auto;display:block}.employee-form-heading{border-block-end:1px solid var(--ui-line);justify-content:space-between;align-items:start;gap:24px;margin-block-end:32px;padding-block-end:24px;display:flex}.employee-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.employee-form h1{letter-spacing:-1px;color:var(--ui-ink);margin:0;font-size:28px;font-weight:800}.employee-form-heading p{color:var(--ui-muted);max-inline-size:680px;margin:8px 0 0;font-size:14px}.employee-badge{white-space:nowrap;background:var(--ui-subtle);border:1px solid var(--ui-line);font:600 10px var(--ui-mono);letter-spacing:.4px;color:var(--ui-navy);border-radius:4px;padding:3px 7px;display:inline-block}.employee-form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;min-inline-size:290px;display:flex}.employee-form .primary{background:var(--ui-navy);color:#fff}.employee-form .primary svg{color:var(--ui-mint)}.employee-form .employee-secondary{background:var(--ui-subtle);color:var(--ui-green);border-color:#006c4a40}.employee-form-body{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:32px;display:grid}.employee-form-sections{border:0;gap:32px;min-inline-size:0;margin:0;padding:0;display:grid}.employee-form-card{background:var(--ui-surface);border:1px solid color-mix(in srgb, var(--ui-line) 80%, transparent);box-shadow:var(--shadow-sm);border-radius:22px;scroll-margin-block-start:88px;position:relative;overflow:hidden}.employee-form-card:before{content:"";background:linear-gradient(90deg, var(--primary-from), var(--primary));opacity:.9;block-size:3px;position:absolute;inset-block-start:0;inset-inline:0}.employee-card-heading{border-block-end:1px solid var(--ui-line);align-items:start;gap:14px;padding:24px;display:flex}.employee-card-heading .employee-badge{margin-inline-start:auto}.employee-section-icon{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary);border:0;border-radius:14px;flex-shrink:0;padding:10px}.employee-section-icon svg{block-size:20px;inline-size:20px;display:block}.employee-form-card h2{color:var(--ui-ink);margin:0;font-size:17px}.employee-card-heading p{color:var(--ui-muted);margin:5px 0 0;font-size:12px;line-height:1.5}.employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;padding:24px;display:grid}.employee-form .form-field{flex-direction:column;gap:8px;min-inline-size:0;display:flex}.employee-form .form-field label{font:600 10px var(--ui-mono);letter-spacing:1px;text-transform:uppercase;color:var(--ui-muted);line-height:1.6}.employee-form label span{color:var(--ui-error)}.employee-form .wide{grid-column:1/-1}.employee-form .field-cnss,.employee-form .field-rib{background:var(--ui-subtle);border:1px solid var(--ui-line);border-radius:6px;padding:16px}.employee-form small{color:var(--ui-muted);font-size:11px}.employee-form-aside{gap:24px;display:grid}.employee-side-card{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:12px;padding:20px;box-shadow:0 1px 3px #121b2f08}.employee-side-card h2{border-block-end:1px solid var(--ui-line);align-items:center;gap:8px;margin:0 0 16px;padding-block-end:12px;font-size:15px;display:flex}.employee-side-card svg,.employee-readiness svg{block-size:19px;inline-size:19px;color:var(--ui-green);flex-shrink:0}.employee-side-card>p{color:var(--ui-muted);font-size:12px;line-height:1.6}.employee-check{background:#82f5c118;border:1px solid #006c4a30;border-radius:6px;align-items:start;gap:10px;margin-block-start:12px;padding:12px;display:flex}.employee-check strong{font-size:12px}.employee-check p{color:var(--ui-green);margin:4px 0 0;font-size:11px;line-height:1.6}.employee-check.has-error{border-color:var(--ui-error)}.employee-check.has-error p{color:var(--ui-error)}.employee-person-preview{overflow-wrap:anywhere;align-items:center;gap:12px;min-inline-size:0;margin-block:20px;display:flex}.employee-person-preview>span{background:var(--ui-navy);color:#fff;border-radius:6px;flex-shrink:0;place-items:center;block-size:42px;inline-size:42px;display:grid}.employee-person-preview strong{font-size:13px}.employee-person-preview p{color:var(--ui-muted);margin:4px 0;font-size:11px}.employee-side-card dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 10px;margin-block:24px;font-size:11px;display:grid}.employee-side-card dt{color:var(--ui-muted)}.employee-side-card dd{text-align:end;overflow-wrap:anywhere;margin:0;font-weight:600}.employee-readiness{background:var(--ui-subtle);border:1px solid var(--ui-line);border-radius:6px;gap:10px;padding:20px;display:flex}.employee-readiness p{color:var(--ui-muted);margin:0;font-size:12px;line-height:1.7}.form-notice{background:var(--ui-surface);border-inline-start:4px solid var(--ui-green);margin-block:16px;padding:16px}.employee-form :focus-visible{outline:2px solid var(--ui-green);outline-offset:3px}@media (max-width:1100px){.employee-form-heading{flex-direction:column}.employee-form-actions{justify-content:start}.employee-form-body{grid-template-columns:minmax(0,1fr)}.employee-form-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-readiness{grid-column:1/-1}}@media (max-width:600px){.employee-form-grid,.employee-form-aside{grid-template-columns:1fr}.employee-card-heading,.employee-form-grid{padding:16px}.employee-card-heading .employee-badge{display:none}.employee-form h1{font-size:24px}.employee-form-actions{inline-size:100%;min-inline-size:0}.employee-form-actions button{flex:auto}.employee-form-body{gap:24px}}.employee-field-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.employee-format-badge{font:600 10px var(--ui-mono);color:var(--ui-green);background:#82f5c130;border-radius:5px;padding:3px 6px;line-height:1.5}.gender-control [role=radiogroup]{background:var(--ui-subtle);border:1px solid var(--ui-line);border-radius:5px;grid-template-columns:1fr 1fr;gap:8px;min-block-size:42px;padding:4px;display:grid}.employee-form .gender-control label{cursor:pointer;font:500 13px var(--ui-font);text-transform:none;letter-spacing:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.employee-form .gender-control label.selected{background:var(--ui-surface);color:var(--ui-navy);font-weight:600;box-shadow:0 1px 3px #121b2f18}.gender-control input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.gender-control label:has(input:focus-visible){outline:2px solid var(--ui-green);outline-offset:2px}.gender-control label:has(input:disabled){opacity:.5;cursor:not-allowed}.employee-form .gender-control label span{color:inherit;font-size:17px}.employee-form .gender-clear{min-block-size:24px;color:var(--ui-muted);background:0 0;border:0;padding:4px 0;font-size:11px;font-weight:400}.family-panel{background:var(--ui-subtle);border:1px solid var(--ui-line);border-radius:6px;grid-column:1/-1;padding:16px}.family-panel h3{align-items:center;gap:8px;margin:0 0 16px;font-size:13px;display:flex}.family-panel svg{block-size:18px;inline-size:18px;color:var(--ui-green);flex-shrink:0}.family-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.family-note{border-block-start:1px solid var(--ui-line);color:var(--ui-muted);align-items:start;gap:8px;margin:16px 0 0;padding-block-start:12px;font-size:11px;line-height:1.6;display:flex}.children-stepper{align-items:stretch;display:flex}.employee-form .children-stepper button{border-radius:0;inline-size:40px;min-inline-size:40px;font-size:20px;line-height:1}.employee-form .children-stepper input{text-align:center;appearance:textfield;border-radius:0;inline-size:64px;font-weight:600}.children-stepper input::-webkit-inner-spin-button{appearance:none}.rib-editor{gap:16px;display:grid}.rib-editor-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.rib-editor-heading strong{font-size:13px}.rib-segments{grid-template-columns:2fr 2fr 6fr 2fr;gap:12px;display:grid}.rib-segments>div{min-inline-size:0}.employee-form .rib-segments label{letter-spacing:0;text-transform:none;min-block-size:30px;font-size:10px;display:block}.employee-form .rib-segments input{text-align:center;font-family:var(--ui-mono);padding-inline:6px;font-weight:600}.rib-combined{background:var(--ui-surface);border:1px solid var(--ui-line);font:600 10px var(--ui-mono);border-radius:5px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.rib-combined output{letter-spacing:1px;overflow-wrap:anywhere}.rib-combined button{margin-inline-start:auto}@media (max-width:600px){.family-grid{grid-template-columns:1fr}.rib-segments{grid-template-columns:1fr 1fr}.rib-segments>div:nth-child(3),.rib-segments>div:nth-child(4){grid-column:1/-1}.rib-segments>div:nth-child(4) input{max-inline-size:80px}.employee-form .rib-segments input{min-block-size:44px}}.employee-details{color:var(--ui-text)}.detail-back{color:var(--ui-muted);margin-block-end:20px;font-size:13px;text-decoration:none;display:inline-flex}.detail-hero{background:var(--ui-surface);border:1px solid var(--ui-line);box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:24px;padding:24px;display:flex}.detail-avatar{block-size:92px;inline-size:92px;color:var(--ui-green);background:#e9f8f2;border-radius:16px;flex-shrink:0;place-items:center;font-size:32px;font-weight:700;display:grid}.detail-identity{min-inline-size:0}.detail-identity h1{overflow-wrap:anywhere;margin:4px 0 8px;font-size:28px}.detail-identity p{color:var(--ui-muted);margin:4px 0 10px}.detail-number{font:12px var(--ui-mono);overflow-wrap:anywhere}.detail-badges{flex-wrap:wrap;gap:8px;margin-block-start:14px;display:flex}.detail-badges span{border:1px solid var(--ui-line);background:var(--ui-subtle);border-radius:5px;padding:4px 9px;font-size:12px}.detail-badges span:first-child{color:var(--ui-green);background:#e9f8f2}.detail-sections{border-block-end:1px solid var(--ui-line);gap:24px;margin-block:24px;display:flex;overflow-x:auto}.detail-sections a{white-space:nowrap;color:var(--ui-text);padding-block:12px;font-size:13px;font-weight:600;text-decoration:none}.detail-sections a:first-child{border-block-end:3px solid var(--ui-green);color:var(--ui-green)}.detail-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:24px;display:grid}.detail-main,.detail-aside{gap:24px;min-inline-size:0;display:grid}.detail-card{background:var(--ui-surface);border:1px solid var(--ui-line);min-inline-size:0;box-shadow:var(--shadow-sm);border-radius:20px;padding:24px;scroll-margin-block-start:90px}.detail-card h2{border-block-end:1px solid var(--ui-line);align-items:center;gap:10px;margin:0 0 20px;padding-block-end:16px;font-size:17px;display:flex}.detail-card h2 svg{block-size:22px;inline-size:22px;color:var(--ui-green);flex-shrink:0}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;display:grid}.detail-field{min-inline-size:0}.detail-field.wide{grid-column:1/-1}.detail-field dt{letter-spacing:.5px;text-transform:uppercase;color:var(--ui-muted);margin-block-end:8px;font-size:11px}.detail-field dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600}.detail-sensitive{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-sensitive bdi{font-family:var(--ui-mono)}.detail-sensitive button{color:var(--ui-green);font-size:12px}.detail-help,.detail-aside p,.detail-aside li{color:var(--ui-muted);font-size:13px;line-height:1.7}.detail-aside ul{padding-inline-start:20px}.detail-timeline{margin:0;padding:0;list-style:none}.detail-timeline li{border-inline-start:2px solid var(--ui-line);padding:0 0 22px;padding-inline-start:18px;position:relative}.detail-timeline li:before{content:"";background:var(--ui-green);border-radius:50%;block-size:8px;inline-size:8px;position:absolute;inset-block-start:6px;inset-inline-start:-5px}.detail-timeline strong{color:var(--ui-text);display:block}.detail-timeline time{font-size:11px;display:block}@media (max-width:1100px){.detail-layout{grid-template-columns:minmax(0,1fr)}.detail-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.detail-hero{align-items:start;gap:12px;padding:16px}.detail-avatar{block-size:48px;inline-size:48px;font-size:20px}.detail-identity h1{font-size:22px}.detail-card{padding:18px}.detail-grid,.detail-aside{grid-template-columns:minmax(0,1fr)}.detail-sections{gap:18px}.detail-sensitive button{min-block-size:44px}}.employee-benefits,.employee-documents{min-width:0;margin-block:48px 0}.employee-benefits h2{color:var(--ui-ink);font-size:18px;font-weight:600}.employee-benefits h3{border-block-start:1px solid var(--ui-line);color:var(--ui-ink);margin-block:32px 16px;padding-block-start:16px;font-size:16px;font-weight:600}.employee-benefits h3:first-of-type{border-block-start:none;margin-block-start:0;padding-block-start:0}.employee-benefits p,.employee-documents p{overflow-wrap:anywhere;color:var(--ui-muted);font-size:12px;line-height:1.6}.benefits-content{flex-direction:column;gap:32px;padding:24px 0;display:flex}.benefit-section{border:1px solid var(--ui-line);background:#fafbfc;border-radius:12px;flex-direction:column;gap:16px;margin:0 24px;padding:15px;display:flex}.benefit-section:last-of-type{margin-bottom:0}.benefit-section h3{margin:0 0 8px}.benefit-current{background:var(--ui-surface);border:1px solid var(--ui-line);color:var(--ui-ink);border-radius:10px;margin-bottom:8px;padding:16px 20px;font-size:14px}.benefit-current strong{font-weight:600}.benefit-item{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:10px;flex-direction:column;gap:12px;padding:16px 20px;transition:all .15s;display:flex}.benefit-item:hover{background:#f5f7fa;border-color:#c5cdd8}.benefit-status{color:var(--ui-ink);font-size:14px;font-weight:600}.benefit-details{color:var(--ui-muted);flex-direction:column;gap:8px;font-size:13px;line-height:1.5;display:flex}.benefit-range{color:var(--ui-ink-secondary);font-weight:500}.benefit-rates,.benefit-membership,.benefit-amount,.benefit-date{font-size:13px}.benefit-amount bdi{color:var(--ui-ink);font-size:14px;font-weight:600}.no-benefits{text-align:center;color:var(--ui-muted);padding:40px 20px;font-size:14px}@media (min-width:640px){.benefit-item{flex-direction:row;justify-content:space-between;align-items:center;padding:18px 24px}.benefit-details{flex-direction:row;align-items:center;gap:24px}.benefit-current{padding:18px 24px}.benefit-section{padding:32px}}.extension-toggle{background:var(--ui-subtle);border:1px solid var(--ui-line);cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin-block:16px;padding:16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.extension-toggle:hover{border-color:var(--ui-green);background:#e8eeff}.extension-toggle input[type=checkbox]{cursor:pointer;block-size:18px;inline-size:18px;accent-color:var(--ui-green);margin:0}.extension-toggle:has(input:checked){border-color:var(--ui-green);background:#f0f9f6}.mutual-draft{background:var(--ui-surface);border:1px solid var(--ui-line);border-inline-start:3px solid var(--ui-green);border-radius:10px;grid-column:1/-1;min-width:0;margin-block:16px;padding:20px;box-shadow:0 1px 2px #121b2f06}.mutual-draft legend{color:var(--ui-ink);padding:0 8px;font-size:13px;font-weight:600}.mutual-actions{border-block-start:1px solid var(--ui-line);flex-direction:column;grid-column:1/-1;gap:12px;margin-block-start:12px;padding-block-start:12px;display:flex}.mutual-actions-label{font:600 10px var(--ui-mono);letter-spacing:1px;text-transform:uppercase;color:var(--ui-muted);margin-block-end:4px}.employee-benefits details{padding:0 24px 24px}.employee-benefits details summary{color:var(--ui-ink);cursor:pointer;margin-block-end:16px;font-size:13px;font-weight:600}.employee-benefits details .employee-form-grid{margin-block-end:16px;padding:0}.employee-benefits nav,.employee-documents nav{border-block-start:1px solid var(--ui-line);justify-content:center;align-items:center;gap:12px;margin-block-start:20px;padding-block:16px 20px;display:flex}.employee-benefits nav span{color:var(--ui-muted);font-size:12px;font-weight:600}.document-row{overflow-wrap:anywhere;flex-direction:column;gap:.6rem;padding:24px;padding-block:1rem;display:flex}.document-row>div{flex-wrap:wrap;gap:.5rem;display:flex}.document-row progress{accent-color:#2563eb;width:100%}.employee-benefits,.employee-documents{padding:0}.employee-benefits .form-field,.employee-documents .form-field{flex-direction:column;gap:8px;min-inline-size:0;display:flex}.employee-benefits .form-field label,.employee-documents .form-field label{font:600 10px var(--ui-mono);letter-spacing:1px;text-transform:uppercase;color:var(--ui-muted);line-height:1.6}.employee-benefits .employee-form-grid,.employee-documents .employee-form-grid{padding:24px}.employee-documents>h2{padding:24px 24px 0}.employee-documents>p{padding:12px 24px 0}.employee-benefits>h2,.employee-documents>h2{color:var(--ui-ink);margin:0;font-size:17px;font-weight:600}.employee-benefits>p,.employee-documents>p{color:var(--ui-muted);margin-block:12px 0;font-size:12px;line-height:1.6}@media (max-width:640px){.employee-benefits,.employee-documents{padding:1rem}}.confirmation-dialog{border:1px solid var(--border,#d9dfe7);max-block-size:calc(100dvh - 32px);inline-size:min(480px,100vw - 32px);color:inherit;background:var(--ui-surface);border-radius:20px;padding:24px;overflow:auto;box-shadow:0 20px 60px #14223b40}.confirmation-dialog::backdrop{background:#14223b80}.confirmation-dialog h2{margin-block:0 16px;font-size:1.25rem}.confirmation-dialog p{overflow-wrap:anywhere;line-height:1.6}.confirmation-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.settings-category{gap:12px;display:grid}.settings-category>h2{color:var(--ui-ink);margin:0;font-size:16px;font-weight:700}.settings-hub-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;display:grid}.settings-hub-card{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);min-block-size:88px;color:var(--ui-ink);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px;text-decoration:none;transition:border-color .12s,background-color .12s;display:grid}.settings-hub-card:hover{border-color:var(--ui-green);background:var(--ui-subtle);text-decoration:none}.settings-hub-card:focus-visible{outline:3px solid color-mix(in srgb, var(--ui-green) 35%, transparent);outline-offset:2px}.settings-hub-card>span:nth-child(2){gap:5px;min-inline-size:0;display:grid}.settings-hub-card strong{font-size:14px}.settings-hub-card small{color:var(--ui-muted);font-size:12px;line-height:1.5}.settings-hub-icon{background:var(--ui-subtle);block-size:42px;inline-size:42px;color:var(--ui-green);border-radius:14px;place-items:center;display:grid}.settings-hub-icon svg{block-size:21px;inline-size:21px}.settings-hub-arrow{color:var(--ui-muted);font-size:18px;transition:transform .12s}[dir=rtl] .settings-hub-arrow{transform:rotate(180deg)}.settings-detail-breadcrumb{align-items:center;gap:8px;font-size:13px;display:flex}.settings-detail-breadcrumb a{color:var(--ui-green)}.client-settings-page{margin-inline:auto}.client-settings-page .settings-detail-breadcrumb{white-space:normal;flex-wrap:wrap;line-height:1.5}.settings-page-heading{border-block-end:1px solid var(--ui-line);justify-content:space-between;align-items:flex-start;gap:20px;padding-block-end:18px;display:flex}.settings-page-heading h1{color:var(--ui-ink);margin:0;font-size:clamp(22px,3vw,28px);line-height:1.25}.settings-page-heading p{max-inline-size:680px;color:var(--ui-muted);margin:8px 0 0;line-height:1.6}.settings-readonly-badge,.settings-record-status{border:1px solid var(--ui-line);background:var(--ui-subtle);min-block-size:28px;color:var(--ui-muted);border-radius:999px;flex:none;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;line-height:1.3;display:inline-flex}.settings-notice{border-inline-start:3px solid var(--ui-green);background:var(--ui-subtle);color:var(--ui-muted);border-radius:6px;margin:0;padding:12px 14px;font-size:13px;line-height:1.6}.settings-records{gap:14px;display:grid}.settings-record{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:20px;min-inline-size:0;padding:clamp(16px,2.5vw,22px);box-shadow:0 2px 8px #0b1c3008}.settings-record-header{border-block-end:1px solid var(--ui-line);justify-content:space-between;align-items:flex-start;gap:12px;padding-block-end:14px;display:flex}.settings-record-header h2{color:var(--ui-ink);overflow-wrap:anywhere;margin:0;font-size:16px}.settings-record-header p{color:var(--ui-muted);overflow-wrap:anywhere;margin:5px 0 0;font-size:12px}.settings-record-fields,.settings-record-period{grid-template-columns:minmax(130px,.8fr) minmax(0,1.6fr);gap:0 18px;margin:0;display:grid}.settings-record-fields dt,.settings-record-period dt{border-block-end:1px solid color-mix(in srgb, var(--ui-line) 65%, transparent);color:var(--ui-muted);padding-block:11px;font-size:12px;line-height:1.5}.settings-record-fields dd,.settings-record-period dd{border-block-end:1px solid color-mix(in srgb, var(--ui-line) 65%, transparent);min-inline-size:0;color:var(--ui-ink);overflow-wrap:anywhere;margin:0;padding-block:11px;font-size:13px;line-height:1.5}.settings-record-fields bdi,.settings-bracket-table bdi{font-variant-numeric:tabular-nums;unicode-bidi:isolate}.cnss-contribution-list{border:1px solid var(--ui-line);border-radius:14px;min-inline-size:0;margin-block-start:18px;padding:14px}.cnss-contribution-list h3{color:var(--ui-ink);margin:0;font-size:14px}.cnss-contribution-list>p{color:var(--ui-muted);font-size:13px}.settings-table-scroll{inline-size:100%;margin-block-start:10px;padding:10px;overflow-x:auto}.settings-actions{justify-content:flex-end;padding:0 10px 10px;display:flex}.settings-contributions-table{border-collapse:collapse;text-align:start;inline-size:100%}.settings-contributions-table th,.settings-contributions-table td{border-block-end:1px solid var(--ui-line);padding:9px 10px}.settings-contributions-table th{color:var(--ui-muted);font-size:11px;font-weight:700}.settings-contributions-table td{color:var(--ui-ink);font-size:12px}.overtime-client-rules{border:1px solid var(--ui-line);border-radius:14px;margin-block:16px;padding:16px}.overtime-client-rules h3{color:var(--ui-ink);margin:0 0 4px;font-size:14px}.overtime-date-toolbar{align-items:end;margin-block:14px}.overtime-date-toolbar p{flex:260px;margin:0}.settings-bracket-table-wrap{border:1px solid var(--ui-line);border-radius:12px;inline-size:100%;margin-block:18px;overflow-x:auto}.settings-bracket-table{border-collapse:collapse;background:var(--ui-surface);inline-size:100%;min-inline-size:620px;font-size:12px}.settings-bracket-table th,.settings-bracket-table td{border-block-end:1px solid var(--ui-line);text-align:start;vertical-align:top;padding:11px 13px}.settings-bracket-table th{background:var(--ui-subtle);color:var(--ui-muted);font-weight:700}.settings-bracket-table tbody tr:last-child td{border-block-end:0}.settings-state{border:1px solid var(--ui-line);background:var(--ui-surface);min-block-size:72px;color:var(--ui-muted);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.settings-state p{margin:0}.settings-state-error{border-color:color-mix(in srgb, var(--ui-error) 30%, var(--ui-line));flex-wrap:wrap;justify-content:space-between}.settings-state-indicator{background:var(--ui-green);border-radius:50%;flex:none;block-size:10px;inline-size:10px}.settings-state-empty .settings-state-indicator{background:var(--ui-muted)}.settings-record-source{border-block-start:1px solid var(--ui-line);color:var(--ui-muted);overflow-wrap:anywhere;margin:16px 0 0;padding-block-start:12px;font-size:12px;line-height:1.6}.settings-record-source a{color:var(--ui-green)}.cimr-settings{gap:18px;display:grid}.cimr-summary,.cimr-form-card,.cimr-history{padding:24px}.cimr-history{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:12px}.cimr-summary-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cimr-summary-heading h2,.cimr-form-card h2,.cimr-history h2{color:var(--ui-ink);margin:0;font-size:17px;line-height:1.3}.cimr-summary-heading p{color:var(--ui-muted);margin:6px 0 0;font-size:12px;line-height:1.5}.cimr-summary-heading .settings-readonly-badge{flex:none}.cimr-current-details{margin-block-start:16px}.cimr-form-card>.payroll-hint{max-inline-size:70ch;margin:6px 0 0}.cimr-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block-start:20px;display:grid}.cimr-form-grid .form-field{flex-direction:column;gap:7px;min-inline-size:0;margin:0;display:flex}.cimr-form-grid .form-field>span:first-child{color:var(--ui-muted);font:600 10px var(--ui-mono);letter-spacing:1px;text-transform:uppercase;line-height:1.6}.cimr-form-grid .form-field small{color:var(--ui-muted);font-size:11px;line-height:1.5}.cimr-switch-row{align-items:center;gap:10px;min-block-size:32px;display:flex}.cimr-switch-row small{color:var(--ui-ink);font-size:12px}.cimr-form-card .field-error{color:var(--ui-error);font-size:11px}.cimr-categories{border:1px solid var(--ui-line);background:var(--ui-subtle);border-radius:12px;margin-block-start:22px;padding:16px}.cimr-categories legend{color:var(--ui-ink);padding-inline:6px;font-size:12px;font-weight:600}.cimr-categories>p{color:var(--ui-muted);margin:0 0 10px;font-size:11px;line-height:1.5}.cimr-categories>small{color:var(--ui-muted);margin-block-start:10px;font-size:11px;line-height:1.5;display:block}.cimr-category-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 16px;margin-block:12px;display:grid}.cimr-category-list label{min-inline-size:0;color:var(--ui-ink);align-items:center;gap:8px;font-size:12px;line-height:1.4;display:flex}.cimr-category-list label>span{align-items:baseline;gap:6px;min-inline-size:0;display:inline-flex}.cimr-category-list label small{color:var(--ui-muted);font-family:var(--ui-mono);font-size:9px}.cimr-form-card .employee-form-actions{padding-block-start:22px}.cimr-history{gap:12px;display:grid}.cimr-history .settings-table-scroll{margin-block-start:0;padding:0}.cimr-history .settings-contributions-table{min-inline-size:880px}@media (max-width:700px){.cimr-form-grid{grid-template-columns:minmax(0,1fr)}.cimr-summary-heading{flex-direction:column}.cimr-summary,.cimr-form-card,.cimr-history{padding:18px}}@media (max-width:640px){.settings-page-heading{flex-direction:column;gap:12px}.settings-readonly-badge{align-self:flex-start}.settings-record-fields,.settings-record-period{grid-template-columns:minmax(0,1fr);gap:0}.settings-record-fields dt,.settings-record-period dt{border:0;padding-block:10px 2px;font-size:11px}.settings-record-fields dd,.settings-record-period dd{padding-block:2px 10px}.settings-record-header{align-items:flex-start}}.personnel-toolbar{grid-template-columns:auto minmax(220px,1fr) auto;align-items:end}.employee-heading .personnel-authorized-period{margin-block-start:6px;font-size:12px}.personnel-authorized-period strong{color:var(--ui-ink)}.personnel-heading-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.personnel-page .employee-heading>div:first-child{min-inline-size:0}.personnel-all-submitted{color:var(--ui-muted);margin:0;font-size:12px}.personnel-pagination{flex-wrap:wrap;row-gap:10px}.personnel-page-size{color:var(--ui-muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.personnel-page-size select{inline-size:auto;min-inline-size:68px;padding-block:6px}.personnel-range{color:var(--ui-muted);font-size:12px}.personnel-confirm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;margin-block:12px;display:grid}.personnel-confirm-grid div{border-block-end:1px dashed var(--ui-line);justify-content:space-between;align-items:baseline;gap:8px;padding-block:5px;display:flex}.personnel-confirm-grid dt{color:var(--ui-muted);font-size:11px}.personnel-confirm-grid dd{color:var(--ui-ink);text-align:end;margin:0;font-size:12px;font-weight:600}.personnel-confirm-issues{background:var(--ui-surface-muted,var(--ui-surface));border:1px solid var(--ui-line);border-radius:12px;max-block-size:180px;margin-block-start:12px;padding:10px 12px;overflow:auto}.personnel-confirm-issues h4{margin:0 0 6px;font-size:12px}.personnel-confirm-issues ul{margin:0;padding-inline-start:18px;font-size:12px}.personnel-confirm-issues li+li{margin-block-start:4px}.personnel-period{align-items:end;gap:12px;display:flex}.personnel-period label{min-inline-size:115px;color:var(--ui-muted);gap:4px;font-size:11px;display:grid}.personnel-period select{padding-block:8px;font-size:12px}.personnel-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.personnel-summary-card{background:var(--ui-surface);border:1px solid var(--ui-line);border-inline-start:4px solid var(--ui-line);border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.personnel-summary-card strong{color:var(--ui-ink);font-size:20px}.personnel-summary-card span{color:var(--ui-muted);font-size:11px}.personnel-summary-card.status-missing{border-inline-start-color:#c6c6cd}.personnel-summary-card.status-draft{border-inline-start-color:#d49b00}.personnel-summary-card.status-submitted{border-inline-start-color:#0090a9}.personnel-summary-card.status-validated{border-inline-start-color:var(--ui-green)}.personnel-summary-card.status-locked{border-inline-start-color:var(--ui-navy)}.personnel-status{font-family:var(--ui-mono);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:10px;display:inline-block}.personnel-status.status-missing{color:var(--ui-muted);background:#ececf0}.personnel-status.status-draft{color:#7a5800;background:#fff4d4}.personnel-status.status-submitted{color:#00677a;background:#d9f4f8}.personnel-status.status-validated{color:var(--ui-green);background:#d8f8e8}.personnel-status.status-locked{color:var(--ui-navy);background:#e2e8f5}.personnel-table tbody th small,.personnel-origin{color:var(--ui-muted);margin-block-start:3px;font-size:10px;font-weight:400;display:block}.personnel-table .table-action{color:var(--ui-green);font-weight:600}.personnel-rows{gap:16px;padding:20px 24px;display:grid}.personnel-row{border:1px solid var(--ui-line);border-inline-start:3px solid var(--ui-line);background:var(--ui-subtle);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px;margin:0;padding:14px 16px 16px;display:grid}.section-2 .personnel-row{border-inline-start-color:#0090a9}.section-3 .personnel-row{border-inline-start-color:var(--ui-navy)}.personnel-row legend{color:var(--ui-muted);font:600 10px var(--ui-mono);letter-spacing:.05em;text-transform:uppercase;padding:0 6px}.personnel-row .wide{grid-column:1/-1}.personnel-row .danger-link{color:var(--ui-error);background:0 0;border:0;grid-column:1/-1;justify-self:end;padding-inline:0}.personnel-form .form-field>span{color:var(--ui-muted)}.personnel-form .employee-form-card>.form-empty{color:var(--ui-muted);margin:0;padding:10px 24px 20px;font-size:12px}.personnel-form .employee-form-card>.form-notice,.personnel-form .employee-form-card>button{margin:0 24px 20px}.personnel-actions{gap:8px;margin-block:18px;display:grid}.personnel-actions p{inline-size:100%;margin:0}@media (max-width:1100px){.personnel-toolbar{grid-template-columns:minmax(0,1fr)}.personnel-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.personnel-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599px){.personnel-period{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.personnel-period label{min-inline-size:0}.personnel-heading-actions{justify-content:stretch}.personnel-heading-actions>*{flex:100%}.personnel-confirm-grid{grid-template-columns:minmax(0,1fr)}.personnel-pagination{justify-content:center}.personnel-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.personnel-row{grid-template-columns:minmax(0,1fr)}.personnel-row .wide{grid-column:auto}}.exercise-modal-backdrop{z-index:200;background:#0b1c3080;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.exercise-modal{background:var(--ui-surface,#fff);border-radius:20px;inline-size:min(420px,100vw - 32px);padding:24px;box-shadow:0 24px 60px #0b1c3033}.exercise-modal h2{margin-block:0 8px}.exercise-modal select,.exercise-modal input{inline-size:100%;margin-block-start:12px}.exercise-modal-list{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.exercise-page{background:0 0;place-items:center;min-block-size:100dvh;padding:24px;display:grid}.exercise-page-card{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);inline-size:min(520px,100%);box-shadow:var(--shadow-lg);animation:ui-rise .52s var(--ease-out-soft) both;border-radius:28px;padding:36px}.exercise-page-card h1{margin-block:4px 12px}.exercise-page-list{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.ui-card-header{flex-direction:column;gap:4px;padding:16px 18px 0;display:flex}.ui-card-title{margin:0;font-size:15px;font-weight:700;line-height:1.4}.ui-card-content{padding:16px 18px}.ui-card-footer{align-items:center;gap:8px;padding:0 18px 16px;display:flex}@keyframes ui-skeleton{0%{background-position:100%}to{background-position:0}}html.dark .employee-table tbody tr:hover{background:color-mix(in srgb, var(--muted) 55%, transparent)}html.dark .employee-form .primary{background:var(--primary);color:var(--primary-foreground)}html.dark .employee-form .primary svg{color:var(--primary-foreground)}html.dark .form-notice.warning,html.dark .form-notice.success{background:color-mix(in srgb, var(--muted) 80%, var(--card));color:var(--foreground)}html.dark .anomaly-badge.is-blocking,html.dark .anomaly-badge.is-error{color:#fca5a5;background:#3a1a1a}html.dark .anomaly-badge.is-warning{color:#fbbf24;background:#3a2d12}html.dark .anomaly-badge.is-info{color:#93c5fd;background:#172b4d}html.dark .settings-page .status-pill{background:var(--accent);color:var(--primary)}html.dark .remuneration-status.is-review,html.dark .payroll-recommendation,html.dark .payroll-components-table tr.is-dirty td,html.dark .payroll-components-table tr.is-review td{color:#fbbf24;background:#3a2d12}html.dark .payroll-components-table tr.is-error td{color:#fca5a5;background:#3a1a1a}html.dark .payroll-status-error{color:#fca5a5}html.dark .admin-legal-document-status-rejected{color:#fca5a5;background:#3a1a1a;border-color:#7f1d1d}html.dark .admin-legal-document-status-clean{color:#8ff0c9;background:#143b31;border-color:#1f6b53}.settings-tabs button,.leave-tabs button{transition:color .16s,border-color .16s,background-color .16s}@keyframes ui-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.exercise-brand{align-items:center;gap:10px;margin-block-end:10px;display:flex}.exercise-brand img{object-fit:contain;block-size:30px;inline-size:30px}.exercise-brand span{color:var(--ui-muted,#5d6b7a);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700}.exercise-brand-full{display:none}html.dark .exercise-brand-full{block-size:auto;inline-size:min(200px,100%);display:block}html.dark .exercise-brand-mark,html.dark .exercise-brand span{display:none}.paie-toolbar{border:1px solid var(--ui-line,#d9e1ea);background:var(--ui-surface,#fff);border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px;display:grid}.paie-note{border-inline-start:3px solid var(--ui-green,#0f766e);background:var(--ui-subtle,#f1f5f9);color:var(--ui-muted,#5d6b7a);border-radius:10px;margin:0;padding:.6rem .8rem;font-size:.75rem;line-height:1.5}.paie-table-wrap{overflow-x:auto}.paie-table th,.paie-table td{white-space:nowrap}.paie-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.paie-totals div{border:1px solid var(--ui-line,#d9e1ea);background:var(--ui-subtle,#f8fafc);border-radius:12px;padding:.5rem .65rem}.paie-totals span{color:var(--ui-muted,#5d6b7a);font-size:.7rem;display:block}.paie-totals strong{font-variant-numeric:tabular-nums}.paie-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.paie-pagination>div{gap:6px;display:flex}.paie-actions{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.paie-link{white-space:nowrap;color:var(--ui-green,#0f766e);font-size:.72rem;font-weight:600;text-decoration:none}.paie-stale{color:#b45309;font-size:.62rem;display:block}.paie-pdf-actions{justify-content:flex-end;margin-block:6px 10px;display:flex}.paie-download{background:var(--ui-green,#0f766e);color:#fff;border-radius:10px;align-items:center;padding:.45rem .9rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.payslip-pdf-shell{aspect-ratio:210/297;border:1px solid var(--ui-line,#d9e1ea);background:#fff;border-radius:6px;inline-size:100%;max-inline-size:210mm;margin-inline:auto;overflow:auto}.payslip-pdf-pages{justify-items:center;gap:12px;display:grid}.payslip-pdf-page{background:#fff;block-size:auto;inline-size:100%;display:block;box-shadow:0 1px 4px #0b1c301f}@media (max-width:900px){.paie-toolbar,.paie-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.paie-toolbar,.paie-totals{grid-template-columns:1fr}}.espace-table.paie-table{min-inline-size:0}.paie-table{font-size:.78rem}.paie-table th,.paie-table td{padding-inline:.45rem}.paie-table .paie-ref{white-space:nowrap}.paie-table td bdi{overflow-wrap:anywhere;white-space:normal}@media (max-width:1439px){.paie-payslip-table th:nth-child(3),.paie-payslip-table td:nth-child(3),.paie-payslip-table th:nth-child(5),.paie-payslip-table td:nth-child(5),.paie-payslip-table th:nth-child(6),.paie-payslip-table td:nth-child(6),.paie-payslip-table th:nth-child(7),.paie-payslip-table td:nth-child(7){display:none}}}
@layer base{.app-table-head{text-align:start;white-space:nowrap}}.app-table-container{border:1px solid var(--border);background:var(--card);inline-size:100%;max-inline-size:100%;box-shadow:var(--shadow-sm);border-radius:20px;overflow-x:auto}.app-table{border-collapse:collapse;inline-size:100%;color:var(--foreground);font-size:12px}.app-table-header{background:color-mix(in srgb, var(--muted) 70%, var(--card))}.app-table-head{border-block-end:1px solid var(--border);block-size:auto;color:var(--muted-foreground);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;padding:14px 10px;font-size:11px;font-weight:600;line-height:1.4}.app-table-body .app-table-head{color:var(--foreground);letter-spacing:normal;text-transform:none;background:0 0;font-family:inherit;font-size:12px;font-weight:600}.app-table-cell{border-block-end:1px solid var(--border);vertical-align:middle;white-space:normal;padding:14px 10px}.app-table-row{border:0;transition:background-color .14s}.app-table-row:hover{background:color-mix(in srgb, var(--primary) 5%, transparent)}.app-table-body .app-table-row:last-child .app-table-cell{border-block-end:0}.app-table-footer .app-table-cell{background:color-mix(in srgb, var(--muted) 55%, transparent);border-block-end:0;font-weight:600}.app-table-caption{color:var(--muted-foreground);margin-block-start:8px;font-size:11px}.employee-table-wrap{background:0 0;border:0;border-radius:0}.employee-table .app-table-cell{white-space:nowrap}.paie-journal-table{min-inline-size:1040px}.paie-journal-table .app-table-head,.paie-journal-table .app-table-cell{padding:12px 8px}.app-table .employee-status,.app-table .status-pill,.app-table .leave-status{font-family:var(--ui-mono,ui-monospace, monospace);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:10px;font-weight:600;line-height:1.5;display:inline-flex}@media (prefers-reduced-motion:reduce){.app-table-row{transition:none}}.app-table-head.text-left{text-align:start}.app-table-head.text-end{text-align:end}.app-table-head.text-center{text-align:center}.employee-pagination,.settings-pagination,.admin-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-block:16px;display:flex}