@font-face{font-family:PortalLogin;src:url('/arend_hr_enterprise/static/src/fonts/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--login-bg:#f4f2ec;--login-paper:#fffefa;--login-ink:#252922;--login-muted:#64675f;--login-line:#d9dcd3;--login-accent:#ba2920;--login-field:#f7f7f2}
:root[data-login-mode=dark]{--login-bg:#121916;--login-paper:#1b2520;--login-ink:#f3f3e9;--login-muted:#b6c0b8;--login-line:#45554a;--login-accent:#f06c5b;--login-field:#222f28}
@media(prefers-color-scheme:dark){:root:not([data-login-mode=light]){--login-bg:#121916;--login-paper:#1b2520;--login-ink:#f3f3e9;--login-muted:#b6c0b8;--login-line:#45554a;--login-accent:#f06c5b;--login-field:#222f28}}
.hr-login-page,.hr-login-page *{box-sizing:border-box}
body.hr-login-page{margin:0;background:var(--login-bg);color:var(--login-ink);font:15px/1.8 PortalLogin,Tahoma,sans-serif;min-height:100svh}
.hr-login-page input,.hr-login-page button{font:inherit}
.hr-login-page a{color:var(--login-accent);text-underline-offset:4px}
.hr-login-top{max-width:1280px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between}
.hr-login-brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:850}.hr-login-brand .fa{color:var(--login-accent);font-size:28px}.hr-login-brand small{font-size:11px;font-weight:400;color:var(--login-muted);display:block}
.hr-mode{border:1px solid var(--login-line);border-radius:50px;background:var(--login-paper);color:var(--login-ink);min-height:44px;padding:8px 16px;cursor:pointer;display:flex;gap:8px;align-items:center}
.hr-login-shell{display:grid;grid-template-columns:minmax(380px,.88fr) minmax(0,1.12fr);max-width:1200px;min-height:650px;margin:0 auto 22px;border:1px solid var(--login-line);border-radius:24px;overflow:hidden;background:var(--login-paper);box-shadow:0 20px 70px #18251b0c}
.hr-login-form{padding:48px 48px 32px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.hr-login-eyebrow{color:var(--login-accent);font-size:12px;font-weight:700;margin-bottom:6px}.hr-login-form h1{font-size:34px;line-height:1.5;letter-spacing:-1px;margin:0 0 8px;color:var(--login-ink)}.hr-login-intro{margin:0 0 26px;color:var(--login-muted);font-size:14px}
.hr-login-tabs{display:flex;gap:4px;padding:5px;background:var(--login-field);border:1px solid var(--login-line);border-radius:12px;margin-bottom:25px}.hr-login-tabs button{border:0;background:transparent;color:var(--login-muted);border-radius:8px;flex:1;padding:10px;min-height:44px;cursor:pointer;font-weight:600}.hr-login-tabs button[aria-selected=true]{background:var(--login-paper);color:var(--login-accent);box-shadow:0 2px 7px #0000000d}
.hr-login-page label{display:block;margin:0 0 7px;font-size:13px;font-weight:600}.hr-login-page input:not([type=hidden]){display:block;width:100%;height:52px;padding:12px 14px;border:1px solid var(--login-line);border-radius:10px;background:var(--login-field);color:var(--login-ink);margin-bottom:19px;direction:ltr;text-align:left;font-size:16px}
.hr-login-page input::placeholder{color:var(--login-muted);opacity:.8}.hr-login-page :focus-visible{outline:3px solid var(--login-accent);outline-offset:3px}.hr-password-wrap{position:relative}.hr-login-page .hr-password-wrap input{padding-left:65px}.hr-show-password{position:absolute;left:6px;top:4px;width:48px;height:44px;border:0;background:transparent;color:var(--login-muted);cursor:pointer;font-size:18px!important}
.hr-login-submit{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:52px;padding:12px 20px;border:0;border-radius:10px;background:var(--login-accent);color:white;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.hr-login-submit:hover{transform:translateY(-2px);box-shadow:0 8px 18px #ba29202b}.hr-login-submit:active{transform:none}
.hr-login-help{margin:18px 0 0;font-size:13px;text-align:center}.hr-login-note{color:var(--login-muted);font-size:12px;border-top:1px solid var(--login-line);padding-top:20px;margin-top:28px;line-height:2}
.hr-login-art{position:relative;overflow:hidden;min-height:650px;background:#ded1bc;color:#30291f}.hr-login-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:21% center;animation:hrScene 16s ease-in-out infinite alternate}.hr-login-art-copy{position:relative;padding:44px;z-index:1}.hr-login-art-copy small{display:inline-block;padding:5px 12px;border:1px solid #b2a691;border-radius:30px;font-size:12px;background:#f4eee2d9}.hr-login-art-copy h2{font-size:46px;font-weight:850;line-height:1.6;margin:22px 0 10px;letter-spacing:-1.5px}.hr-login-art-copy p{font-size:15px;max-width:280px;line-height:2}.hr-login-art-footer{position:absolute;bottom:28px;left:28px;right:28px;padding:15px 18px;border:1px solid #f8f2e6b3;background:#faf6eccf;backdrop-filter:blur(12px);border-radius:12px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#342d24}.hr-login-art-footer span{display:flex;gap:7px;align-items:center}
.hr-login-footer{text-align:center;color:var(--login-muted);font-size:11px;padding:0 20px 20px}.hr-login-page [hidden]{display:none!important}.hr-login-error{background:#ae261310;border:1px solid #c54a42;padding:10px 12px;border-radius:9px;color:var(--login-ink);font-size:13px}.hr-auth-compact{max-width:480px;margin:40px auto;padding:32px;border:1px solid var(--login-line);border-radius:20px;background:var(--login-paper)}.hr-auth-compact h1{font-size:26px;line-height:1.6}.hr-auth-compact form>button{width:100%;min-height:50px;background:var(--login-accent);color:white;border:0;border-radius:10px;padding:10px}.hr-auth-compact p{color:var(--login-muted)}
@keyframes hrScene{from{transform:scale(1)}to{transform:scale(1.045)}}
@media(min-width:1440px){.hr-login-shell{margin-top:20px;min-height:690px}.hr-login-art{min-height:690px}}
@media(max-width:1000px){.hr-login-shell{margin:0 24px 20px;grid-template-columns:minmax(330px,1fr) minmax(0,1fr)}.hr-login-form{padding:32px}.hr-login-art-copy{padding:30px}.hr-login-art-copy h2{font-size:37px}.hr-login-art-footer{flex-wrap:wrap}}
@media(max-width:720px){.hr-login-top{padding:16px 22px}.hr-login-brand{font-size:20px}.hr-login-shell{display:block;margin:0 14px 16px;min-height:0;border-radius:18px}.hr-login-form{padding:28px 24px}.hr-login-form h1{font-size:29px}.hr-login-art{display:none}.hr-login-intro{margin-bottom:20px}.hr-login-note{margin-top:22px}.hr-login-footer{font-size:10px}.hr-auth-compact{margin:16px 14px;padding:26px}.hr-mode{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hr-login-art img{animation:none}.hr-login-submit{transition:none}}
:root[data-login-mode=dark] .hr-login-submit,:root[data-login-mode=dark] .hr-auth-compact form>button{color:#17231b}
@media(prefers-color-scheme:dark){:root:not([data-login-mode=light]) .hr-login-submit,:root:not([data-login-mode=light]) .hr-auth-compact form>button{color:#17231b}}