:root{--login-green:#008f46;--login-green-dark:#006f37;--login-soft:#eaf7ef;--login-ink:#172033;--login-muted:#667085;--login-line:#dce3e8}
.auth-login-page{align-items:center;background:#f7faf8;display:flex;min-height:calc(100vh - 68px);padding:30px 18px}.auth-login-card{background:#fff;border:1px solid #e5ebe7;border-radius:16px;box-shadow:0 8px 28px rgba(16,42,29,.08);display:grid;grid-template-columns:42% 58%;margin:auto;max-width:980px;min-height:540px;overflow:hidden;width:100%}
.auth-login-aside{background:linear-gradient(145deg,#edf8f1,#d9f0e3);overflow:hidden;padding:48px 38px;position:relative}.auth-login-watermark{bottom:-18%;height:82%;opacity:.07;position:absolute;right:-28%;width:auto}.auth-login-aside-content{position:relative;z-index:1}.auth-login-logo{height:58px;object-fit:contain;object-position:left;width:44px}.auth-login-eyebrow{color:var(--login-green-dark);font-size:12px;font-weight:700;margin:62px 0 9px;text-transform:uppercase}.auth-login-aside h2{color:var(--login-ink);font-size:38px;font-weight:700;letter-spacing:-1.2px;line-height:1.08;margin:0 0 18px}.auth-login-aside h2::after{background:var(--login-green);content:'';display:block;height:4px;margin-top:18px;width:38px}.auth-login-aside p:last-child{color:#526071;font-size:14px;line-height:1.7;max-width:290px}
.auth-login-content{align-self:center;padding:48px 58px}.auth-login-heading{align-items:center;display:flex;gap:14px;margin-bottom:34px}.auth-login-icon{align-items:center;background:var(--login-soft);border-radius:12px;color:var(--login-green);display:flex;font-size:21px;height:52px;justify-content:center;min-width:52px}.auth-login-heading h1{color:var(--login-ink);font-size:29px;font-weight:700;margin:0 0 3px}.auth-login-heading p{color:var(--login-muted);font-size:13px;margin:0}.auth-login-form{display:grid;gap:20px}.auth-login-field label{color:var(--login-ink);display:block;font-size:12px;font-weight:600;margin-bottom:7px}.auth-login-input{position:relative}.auth-login-input>i,.auth-login-input>.svg-inline--fa{color:var(--login-green);font-size:13px;height:1em;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1em;z-index:2}.auth-login-input input{background:#fff;border:1px solid var(--login-line);border-radius:7px;box-shadow:none;color:var(--login-ink);font-size:13px!important;height:47px;padding:10px 14px 10px 42px;width:100%}.auth-login-input input:focus{border-color:var(--login-green);box-shadow:0 0 0 3px rgba(0,143,70,.1);outline:0}.auth-login-input input::placeholder{color:#98a2b3}.auth-login-submit{align-items:center;background:linear-gradient(90deg,var(--login-green-dark),#08a653);border:0;border-radius:7px;color:#fff;display:flex;font-size:13px;font-weight:600;gap:9px;height:47px;justify-content:center;margin-top:4px;transition:box-shadow .2s,transform .2s}.auth-login-submit:hover{box-shadow:0 5px 13px rgba(0,143,70,.22);transform:translateY(-1px)}.auth-login-register{color:var(--login-muted);font-size:12px;margin:0;text-align:center}.auth-login-register a{color:var(--login-green-dark);font-weight:600}
@media(max-width:767px){.auth-login-page{min-height:calc(100vh - 62px);padding:12px}.auth-login-card{display:block;min-height:0}.auth-login-aside{padding:18px 20px}.auth-login-watermark{height:180px;right:-15px;top:-65px}.auth-login-logo{height:37px;width:28px}.auth-login-eyebrow{margin:13px 0 3px}.auth-login-aside h2{font-size:23px;margin-bottom:0}.auth-login-aside h2::after,.auth-login-aside p:last-child{display:none}.auth-login-content{padding:28px 20px 31px}.auth-login-heading{margin-bottom:27px}.auth-login-icon{font-size:18px;height:44px;min-width:44px}.auth-login-heading h1{font-size:24px}.auth-login-form{gap:18px}}