@font-face{font-family:HonarLogin;src:url('../fonts/iransans/IRANSansWeb.woff2') format('woff2');font-weight:400;font-display:swap}
.honar-login,.honar-login *{box-sizing:border-box}
body:has(.honar-login){margin:0;background:#eaedf7}
.honar-login{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;font-family:HonarLogin,Tahoma,sans-serif;color:#00204a;background:#eaedf7;font-size:13px;line-height:1.8}
.honar-login-card{display:flex;width:918px;max-width:100%;min-height:363px;border-radius:20px;overflow:hidden;background:#fff}
.honar-login-art{width:41.5%;flex-shrink:0;background:#1a3b4c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:12px}
.honar-admin-logo{width:100%;height:auto;display:block}
.honar-school-art{height:185px;max-width:85%;width:auto;object-fit:contain;display:block}
.honar-login-form{flex:1;min-width:0;padding:28px 25px 45px 15px}
.honar-login h1{font-size:18px;font-weight:400;line-height:1.8;margin:0 0 20px;text-align:right;color:#00204a}
.honar-field{margin-bottom:16px}
.honar-field label{display:block;margin-bottom:8px;font-size:13px;color:inherit}
.honar-field input{font-family:inherit;display:block;width:100%;height:38px;padding:7px 12px;border:1px solid #a3acd6;border-radius:4px;background:#fff;color:#00204a;text-align:right;outline:none;font-size:14px;box-shadow:none}
.honar-field input:focus{border-color:#6478ba;box-shadow:0 0 0 2px #6478ba20}
.honar-field input:autofill{box-shadow:0 0 0 1000px #e8efff inset}
.honar-submit{display:block;width:100%;height:38px;border:1px solid #1a3b4c;background:#1a3b4c;color:white;border-radius:3px;font-family:inherit;font-size:13px;cursor:pointer;margin-top:0}
.honar-submit:hover{background:#123040}.honar-submit:disabled{opacity:.65;cursor:wait}
.honar-error{font-size:12px;color:#bd2938;margin:6px 0 0}
.honar-login-footer{margin-top:9px;text-align:center;font-size:13px;line-height:25px;color:#00204a}
.honar-login-footer span{color:#6256dd}.honar-login-footer b{display:inline-block;color:#f50057;font-size:25px;vertical-align:middle;margin-right:5px;font-family:Arial,sans-serif;line-height:1}
.honar-login--user{background:#f8f9fc;justify-content:flex-start;color:#808896;padding-top:30px}
body:has(.honar-login--user){background:#f8f9fc}
.honar-login--user .honar-login-card{width:828px;min-height:584px;box-shadow:0 12px 28px #00000012}
.honar-login--user .honar-login-art{width:47.25%;background:#fff;padding:0;position:relative;overflow:hidden;display:block}
.honar-user-art{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.honar-login--user .honar-login-form{padding:43px 43px 40px}
.honar-user-logo{width:190px;height:auto;display:block;margin:0 auto 24px}
.honar-login--user h1{font-size:24px;color:#000;margin:0 0 17px}
.honar-login--user .honar-field{margin-bottom:17px}
.honar-login--user .honar-field input{height:43px;border-color:#ced6e5;border-radius:4px;color:#000}
.honar-login--user .honar-submit{height:43px;background:#f0b323;border-color:#f0b323;margin-top:-3px}
.honar-login--user .honar-submit:hover{background:#dea41d}
.honar-remember{display:flex;align-items:center;gap:4px;justify-content:flex-start;margin-top:16px;cursor:pointer;font-size:13px}
.honar-remember input{width:12px;height:12px;accent-color:#087dff}
.honar-forgot{display:block;text-align:left;margin-top:6px;color:#808896;text-decoration:none}
.honar-register{text-align:center;margin:18px 0 0;font-size:13px}.honar-register a{color:#eca83d;text-decoration:none}
.honar-login--user .honar-login-footer{color:#808896}.honar-login--user .honar-login-footer span{color:#eca83d}
@media(max-width:767px){.honar-login{padding:24px 16px;justify-content:center}.honar-login-card{width:460px;flex-direction:column;min-height:0}.honar-login-art{width:100%;padding:22px;gap:10px}.honar-admin-logo{width:260px;max-width:100%}.honar-school-art{height:110px}.honar-login-form{padding:28px 24px 36px}.honar-login--user .honar-login-card{min-height:0;width:460px}.honar-login--user .honar-login-art{display:none}.honar-login--user .honar-login-form{padding:35px 28px}.honar-login-footer{font-size:11px;max-width:460px}.honar-login--user h1{font-size:22px}}
.honar-date{display:flex;gap:8px}.honar-date input{min-width:0}.honar-field select{font-family:inherit;width:100%;height:43px;border:1px solid #ced6e5;border-radius:4px;background:#fff;padding:6px 10px}.honar-status{color:#157149;background:#edf8ef;padding:8px 12px;border-radius:4px;margin-bottom:12px}
.honar-login-card.honar-signup-notice{width:480px;min-height:0;box-shadow:0 8px 24px #00204a0d}
.honar-login-as{display:flex;margin-bottom:17px}.honar-login-as button{flex:1;height:43px;border:1px solid #1f6fd1;background:#fff;color:#1f6fd1;font-family:inherit;font-size:14px;cursor:pointer}.honar-login-as button:first-child{border-radius:0 4px 4px 0}.honar-login-as button:last-child{border-radius:4px 0 0 4px}.honar-login-as button.is-active{background:#f0b323;border-color:#f0b323;color:#fff}
.honar-signup-notice .honar-login-form{padding:28px}
.honar-signup-notice p{margin:0 0 24px;font-size:14px;line-height:2}
.honar-signup-notice .honar-submit{display:flex;align-items:center;justify-content:center;text-decoration:none}
.honar-otp-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:18px}
.honar-otp-actions button{font:inherit;background:transparent;border:0;padding:4px 0;color:#75520c;text-decoration:underline;cursor:pointer}