.login-page{--login-border:#fafafa1c;--login-border-strong:#fafafa33;--login-panel:#09090bc2;--login-panel-soft:#18181ba8;--login-muted:#a1a1aa;--login-strong:#fafafa;isolation:isolate;background:linear-gradient(180deg, #09090b6b, #09090beb), url(/landing/dashboard-bg.jpg) center/cover, radial-gradient(900px circle at 52% -18%, #f59e0b38, transparent 42%), var(--background);position:relative}.light .login-page{--login-border:#0f172a1f;--login-border-strong:#0f172a2e;--login-panel:#ffffffd1;--login-panel-soft:#ffffffbd;--login-muted:#52525b;--login-strong:#111827;background:linear-gradient(180deg, #f8fafca3, #f8fafceb), url(/landing/dashboard-bg.jpg) center/cover, radial-gradient(900px circle at 52% -18%, #d9770629, transparent 42%), var(--background)}.login-grid{z-index:-2;pointer-events:none;background-image:linear-gradient(#fafafa0f 1px,#0000 1px),linear-gradient(90deg,#fafafa0f 1px,#0000 1px);background-size:54px 54px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 54% 24%,#000 0 26%,#0000 70%);mask-image:radial-gradient(circle at 54% 24%,#000 0 26%,#0000 70%)}.light .login-grid{background-image:linear-gradient(#0f172a12 1px,#0000 1px),linear-gradient(90deg,#0f172a12 1px,#0000 1px)}.login-scanline{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000,#f59e0bb8,#0000);height:1px;position:fixed;top:18%;left:0;right:0;box-shadow:0 0 30px #f59e0b5c}.login-brand,.login-home-link{color:var(--login-strong);align-items:center;display:inline-flex}.login-brand{gap:12px}.login-brand strong{letter-spacing:-.03em;font-size:18px;font-weight:900;line-height:1;display:block}.login-brand small{color:var(--login-muted);font:800 9px/1 var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;margin-top:5px;display:block}.login-home-link{border:1px solid var(--login-border);color:#f4f4f5;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafafa0b;gap:8px;height:44px;padding:0 14px;font-size:10px;font-weight:900;transition:border-color .2s,background .2s,color .2s,transform .2s}.login-home-link:hover{color:var(--gold-light);background:#f59e0b1a;border-color:#f59e0b6b;transform:translateY(-1px)}.light .login-home-link{color:#27272a;background:#ffffffbd}.login-showcase,.login-card{border:1px solid var(--login-border);background:var(--login-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;box-shadow:0 28px 90px #0000006b}.light .login-showcase,.light .login-card{box-shadow:0 28px 80px #0f172a24}.login-showcase:before,.login-card:before{content:"";pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(135deg,#fafafa38,#0000 36%,#f59e0b6b);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.login-showcase-image{filter:saturate(.92)contrast(1.02);background:linear-gradient(90deg,#09090bdb,#09090b57 54%,#09090bd1),url(/landing/directora-rh.jpg) 50%/cover;position:absolute;inset:0}.login-showcase-image:after{content:"";background:linear-gradient(#0000,#09090bb8),repeating-linear-gradient(90deg,#ffffff0f 0 1px,#0000 1px 74px);position:absolute;inset:0}.login-showcase-content{z-index:1;flex-direction:column;justify-content:flex-end;min-height:620px;padding:42px;display:flex;position:relative}.login-kicker{color:#fef3c7;width:fit-content;font:900 10px/1 var(--font-geist-mono), monospace;letter-spacing:.14em;text-transform:uppercase;background:#09090b85;border:1px solid #f59e0b47;align-items:center;gap:8px;padding:8px 11px;display:inline-flex}.login-showcase h1{color:#fff;letter-spacing:-.065em;max-width:560px;margin-top:18px;font-size:clamp(42px,5vw,72px);font-weight:900;line-height:.9}.login-command{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09090bbd;border:1px solid #fafafa1f;max-width:540px;margin-top:34px;padding:18px}.login-command-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.login-command-header span{color:var(--gold-light);font:900 10px/1 var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase}.login-command-header strong{color:#fff;font-size:14px}.login-chart{border-bottom:1px solid #fafafa1f;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:10px;height:96px;margin-top:16px;padding:0 2px 10px;display:grid}.login-chart span{background:linear-gradient(180deg, var(--gold-light), var(--gold-dark));transform-origin:bottom;min-height:18px;animation:4.2s ease-in-out infinite login-bar;display:block;box-shadow:0 0 22px #f59e0b38}.login-chart span:nth-child(2n){animation-delay:.45s}.login-payroll-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.login-payroll-row{background:#fafafa0b;border:1px solid #fafafa1a;padding:11px}.login-payroll-row:before{content:"";background:var(--gold);width:22px;height:2px;margin-bottom:10px;display:block;box-shadow:0 0 14px #f59e0bb3}.login-payroll-row[data-accent=emerald]:before{background:#22c55e;box-shadow:0 0 14px #22c55e7a}.login-payroll-row[data-accent=blue]:before{background:#3b82f6;box-shadow:0 0 14px #3b82f67a}.login-payroll-row span,.login-payroll-row strong{display:block}.login-payroll-row span{color:#a1a1aa;font-size:11px}.login-payroll-row strong{color:#fff;margin-top:4px;font-size:13px;line-height:1.2}.login-trust-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:540px;margin-top:16px;display:grid}.login-trust-item{color:#d4d4d8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafafa0e;border:1px solid #fafafa1a;align-items:center;gap:8px;min-height:46px;padding:0 12px;font-size:12px;font-weight:800;display:flex}.login-trust-item svg{color:var(--gold-light)}.login-card{padding:clamp(24px,5vw,38px);overflow:hidden}.login-card-glow{pointer-events:none;background:linear-gradient(115deg,#0000 16%,#ffffff12,#0000 45%),radial-gradient(420px at 72% -10%,#f59e0b2e,#0000 58%);position:absolute;inset:0}.login-form-icon{width:46px;height:46px;color:var(--gold-light);background:linear-gradient(135deg,#d9770647,#f59e0b14);border:1px solid #f59e0b61;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 0 30px #f59e0b24}.light .login-card h2{color:#111827}.login-label{color:#d4d4d8;font-size:12px;font-weight:800}.light .login-label{color:#27272a}.login-input-wrap{position:relative}.login-input-wrap>svg{z-index:2;color:#71717a;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.login-input{color:#fafafa;background:#09090bb8;border-color:#fafafa1c;height:48px;transition:border-color .2s,background .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff0d}.login-input:focus-visible{border-color:#f59e0b9e;box-shadow:0 0 0 3px #f59e0b24}.login-input::placeholder{color:#71717a}.light .login-input{color:#111827;background:#fffc;border-color:#0f172a1f}.login-eye{z-index:2;color:#71717a;justify-content:center;align-items:center;width:28px;height:28px;transition:color .2s,background .2s;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-eye:hover{color:#e4e4e7;background:#fafafa0f}.light .login-eye:hover{color:#111827;background:#0f172a0f}.login-forgot,.login-register-link{color:var(--gold-light);font-size:12px;font-weight:900;transition:color .2s}.login-forgot:hover,.login-register-link:hover{color:#fef3c7}.light .login-forgot,.light .login-register-link{color:#b45309}.login-submit{color:#09090b;letter-spacing:.02em;background:linear-gradient(135deg,#d97706,#f59e0b 52%,#fbbf24);border:1px solid #fbbf2452;width:100%;height:50px;font-weight:950;position:relative;overflow:hidden;box-shadow:0 16px 42px #f59e0b38}.login-submit:hover{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.login-alert{border:1px solid;align-items:flex-start;gap:9px;padding:12px 13px;font-size:13px;line-height:1.45;display:flex}.login-alert-error{color:#fca5a5;background:#7f1d1d57;border-color:#ef444452}.login-alert-success{color:#86efac;background:#14532d57;border-color:#22c55e52}.login-divider{color:#71717a;font:800 10px/1 var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin:28px 0 18px;display:flex}.login-divider:before,.login-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--login-border-strong));flex:1;height:1px}.login-divider:after{background:linear-gradient(90deg, var(--login-border-strong), transparent)}@keyframes login-bar{0%,to{opacity:.78;transform:scaleY(.72)}46%{opacity:1;transform:scaleY(1)}}@media (max-width:640px){.login-brand small,.login-home-link span{display:none}.login-home-link{justify-content:center;width:44px;padding:0}.login-card{margin-top:8px}}