:root{--navy:#172554;--blue:#2563eb}body.erp-login{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 10%,#3b82f6 0,#172554 42%,#0f172a 100%);font-family:Inter,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;padding:24px}.login-shell{width:min(980px,100%);min-height:580px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 25px 70px #02061766}.login-brand{padding:58px 48px;color:#fff;background:linear-gradient(145deg,#1d4ed8,#172554 70%);display:flex;flex-direction:column;justify-content:space-between}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#ffffff1f;font-size:28px}.login-brand h1{font-size:2.35rem;line-height:1.1;font-weight:800}.login-brand p{color:#dbeafe;max-width:340px}.brand-points{display:grid;gap:12px;color:#dbeafe}.brand-points span{display:flex;gap:10px;align-items:center}.brand-points i{color:#93c5fd}.login-panel{padding:58px 52px;display:flex;align-items:center}.login-form{width:100%;max-width:390px;margin:auto}.login-form h2{font-weight:800;color:#172033}.login-form .form-control{height:48px;border-radius:10px;border:1px solid #e2e8f0}.login-form .btn{height:48px;border-radius:10px;font-weight:700;background:#2563eb;border:0}.login-form .btn:hover{background:#1d4ed8}@media(max-width:720px){.login-shell{display:block;min-height:auto}.login-brand{padding:30px 28px;gap:24px}.login-brand h1{font-size:1.8rem}.brand-points{display:none}.login-panel{padding:34px 26px}}