.erp-login{--fs-xs:0.6875rem;--fs-body:0.9375rem;--fs-h2:1.375rem;--fw-regular:400;--fw-semibold:600;--fw-bold:700;--text-muted:var(--muted);--primary:var(--red);display:flex;min-height:100vh}.erp-login__brand{position:relative;display:none;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;background:var(--cream);padding:clamp(2.5rem,5vw,4rem)}.erp-login__brand-inner{position:relative;max-width:34rem}.erp-login__brand-claim{margin-top:2rem;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:var(--fw-regular);letter-spacing:-.02em;line-height:1.05;color:var(--text)}.erp-login__brand-claim .bang{color:var(--red);font-weight:var(--fw-bold)}.erp-login__watermark{position:absolute;right:-5rem;bottom:-6rem;width:22rem;height:22rem;color:var(--text);opacity:.05;pointer-events:none}.erp-login__news{display:flex;align-items:baseline;gap:.75rem}.erp-login__news-label{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--red);white-space:nowrap}.erp-login .auth-news-item{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--text);line-height:1.4;animation:erpAuthNewsFade .5s var(--ease,cubic-bezier(.4,0,.2,1))}@keyframes erpAuthNewsFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.erp-login__form{position:relative;display:flex;width:100%;flex-direction:column;justify-content:center;background:var(--bg);border-left:1px solid var(--border);padding:2.5rem 2rem}.erp-login__toggle{position:absolute;right:1rem;top:1rem}.erp-login__form-inner{margin:0 auto;width:100%;max-width:22.5rem;display:flex;flex-direction:column;gap:1.25rem}.erp-login__title{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--text);margin:0}.erp-login__fields>*+*{margin-top:1.25rem}.erp-login__pw-wrap{position:relative}.erp-login__pw-toggle{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;cursor:pointer;color:var(--text-muted);line-height:0}.erp-login__errblock>*+*{margin-top:.5rem}.erp-login__error{font-size:.875rem;text-align:center;color:var(--danger);margin:0}.erp-login__footer{text-align:center;font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}@media (min-width:1024px){.erp-login__brand{display:flex}.erp-login__form{width:25%;min-width:360px;max-width:520px}}.erp-login .field{display:flex;flex-direction:column;gap:6px;margin-bottom:0}.erp-login .field label{font-size:.8125rem;font-weight:var(--fw-bold);color:var(--muted)}.erp-login .field label[data-required]:after{content:" *";color:var(--red)}.erp-login .input{height:42px;padding:0 14px;font-family:var(--font-sans,inherit);font-size:var(--fs-body);color:var(--text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;transition:all .15s var(--ease,cubic-bezier(.4,0,.2,1))}.erp-login .input.w-full{width:100%}.erp-login .input::placeholder{color:var(--muted);opacity:.7}.erp-login .input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(226,14,23,.35)}.erp-login .input:disabled{opacity:.55;cursor:not-allowed}.erp-login .input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px rgba(239,67,67,.22)}.erp-login .field__error{font-size:.8125rem;color:var(--danger);margin:0}.erp-login .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 28px;font-family:var(--font-sans,inherit);font-weight:var(--fw-semibold);font-size:var(--fs-body);line-height:1;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s var(--ease,cubic-bezier(.4,0,.2,1))}.erp-login .btn.w-full{width:100%}.erp-login .btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(226,14,23,.45)}.erp-login .btn:active{transform:translateY(1px)}.erp-login .btn[aria-disabled=true],.erp-login .btn[disabled]{opacity:.5;cursor:not-allowed}.erp-login .btn--primary{background:var(--red);color:#fff}.erp-login .btn--primary:hover{background:var(--red-hover)}.erp-login .btn--primary:active{background:var(--red-active)}