.login-page{min-height:100vh;background:#f6f7f4;display:flex;flex-direction:column}.login-brand{display:flex;align-items:center;gap:14px;padding:30px 6vw}.login-brand img{width:53px;height:53px;object-fit:contain;border-radius:50%}.login-brand>span{font-size:14px;font-weight:800;letter-spacing:2px}.login-brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:5px;color:#798176;font-weight:500}.login-brand button{margin-inline-start:auto;min-height:44px;padding:10px 16px;border:1px solid #dce1d7;border-radius:8px;font-size:13px}.login-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8vw;width:min(1180px,90%);padding:28px 0 50px;margin:auto}.login-story{position:relative;min-height:470px}.login-story .eyebrow{color:#798674;margin:15px 0 24px}.login-story h1{font-size:clamp(36px,4vw,58px);line-height:1.18}.login-story p{color:#737c70;font-size:15px;line-height:1.9}.login-art{width:275px;height:205px;position:relative;margin:30px 0 0}.login-art div{position:absolute;inset:0;border:1px solid #dce3d4;border-radius:50%;transform:rotate(-30deg)}.login-art div:nth-child(2){inset:28px;transform:rotate(30deg)}.login-art img{position:absolute;width:95px;height:95px;object-fit:contain;border-radius:50%;left:90px;top:52px;box-shadow:0 5px 28px #50613a0d;border:10px solid #fff}.login-card{border:1px solid #e1e6db;border-radius:22px;background:#fff;padding:40px;box-shadow:0 20px 55px #47523b07}.login-lock{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#faedf0;color:#a3152b;margin-bottom:24px}.login-card h2{font-size:25px}.login-card>p{font-size:14px;line-height:1.8;color:#77806e;margin:13px 0 28px}.login-card label{display:block;font-size:12px;font-weight:700;margin:18px 0 9px}.employee-input{display:flex;align-items:center;direction:ltr;border:1px solid #dce2d5;border-radius:9px;overflow:hidden}.employee-input span{background:#f3f5f0;padding:14px;font-size:14px;color:#687560}.employee-input input{border:0;padding:14px;min-width:0;width:100%;outline:0;font-size:16px}.employee-input:focus-within{outline:2px solid #a3152b;outline-offset:2px}#code{border:1px solid #dce2d5;border-radius:9px;padding:14px;letter-spacing:8px;width:100%;direction:ltr;text-align:center;font-size:20px}#codeHint{font-size:12px;color:#798271;line-height:1.6}#loginError{background:#fff0f1;border-radius:8px;padding:12px;color:#a3152b;font-size:13px;line-height:1.6}#loginStatus{font-size:12px;color:#586d46;line-height:1.7}.login-submit{display:flex;align-items:center;justify-content:space-between;background:#a3152b;color:#fff;border-radius:9px;min-height:50px;width:100%;padding:13px 18px;margin-top:22px;font-size:14px;font-weight:600}.login-submit:disabled{opacity:.55;cursor:wait}#loginSecondary{display:flex;justify-content:space-between;gap:8px;margin-top:12px}#loginSecondary[hidden],#codeField[hidden]{display:none}#loginSecondary button{min-height:44px;font-size:12px;color:#6b755f}#loginSecondary button:disabled{opacity:.5;cursor:default}.login-footnote{border-top:1px solid #edf0e8;margin-top:27px;padding-top:22px;color:#929989;font-size:12px;line-height:1.9}.login-footer{width:88%;margin:0 auto;border-color:#dfe4d8;min-height:70px}.login-footer span{font-size:10px;letter-spacing:1px}.login-page[dir=rtl] .login-story h1{font-family:Vazirmatn,sans-serif}.account-control{display:flex;align-items:center;gap:12px}.account-control>span{display:grid;font-size:12px;gap:3px}.account-control small{color:#798175;font-size:10px}.account-control button{min-height:44px;padding:8px 12px;border:1px solid #e1e4dc;border-radius:8px;font-size:11px}
@media(max-width:800px){.login-layout{grid-template-columns:1fr;width:min(460px,90%);gap:26px;padding-top:0}.login-story{min-height:0}.login-story h1{font-size:36px}.login-story p{font-size:13px}.login-art{display:none}.login-card{padding:28px}.login-brand{padding:20px 5%}.login-story .eyebrow{font-size:8px}.login-brand img{width:44px;height:44px}.login-card h2{font-size:23px}.login-footer>span{font-size:8px}.account-control>span{max-width:120px}.account-control{gap:6px}}