.super-erp-login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,58%) minmax(420px,42%);background:radial-gradient(circle at 78% 18%,rgba(37,99,235,.2),transparent 26%),linear-gradient(120deg,#f8fbff,#edf6ff 58%,#0866f4 58%,#0453d7);color:#080d2f;overflow:hidden}.required-password-page{grid-template-columns:minmax(0,1fr);place-items:center;background:#eef4fb}.required-password-page .login-form-panel{width:min(560px,calc(100% - 32px));min-height:100vh;display:grid;align-items:center;padding:32px 0}.required-password-page .login-form-panel:before{display:none}.required-password-page .login-account-card{min-height:auto}.required-password-page .field{text-align:left}.required-password-logout{width:100%;margin-top:10px}.login-marketing-panel,.login-form-panel{position:relative;min-height:100vh}.login-marketing-panel{padding:58px 44px 42px 56px;background:linear-gradient(90deg,#ffffffeb,#ffffffb3),radial-gradient(circle at 70% 12%,rgba(37,99,235,.18),transparent 35%)}.login-brand{display:flex;align-items:center;gap:19px}.login-brand-full-logo{display:block;width:min(450px,42vw);max-height:118px;object-fit:contain;object-position:left center}.login-brand-logo-crop{display:block;width:77px;height:77px;border-radius:0;background-image:url(/build/assets/super-erp-logo-icon-BNTIE5ys.png);background-repeat:no-repeat;background-position:center;background-size:contain}.login-logo-mark,.login-card-logo{display:inline-flex;align-items:center;justify-content:center;color:#075eea;background:linear-gradient(135deg,#eaf2ff,#fff);box-shadow:0 18px 42px #2563eb2e}.login-logo-mark{width:64px;height:64px;border-radius:18px}.login-brand strong{font-size:clamp(41px,3.72vw,62px);line-height:1}.login-brand b,.login-tagline b{color:#075eea}.login-tagline{margin:28px 0 26px;color:#28365f;font-size:clamp(16px,1.35vw,22px);line-height:1.55}.login-hero-illustration{position:absolute;top:42px;right:58px;width:min(430px,38vw);height:245px;pointer-events:none}.login-laptop{position:absolute;left:120px;top:18px;width:235px;height:150px;transform:rotate(7deg)}.login-laptop-screen{height:132px;border:10px solid #142044;border-radius:16px;background:linear-gradient(135deg,#fff,#dcecff);box-shadow:0 28px 48px #0f172a38;padding:18px}.login-laptop-screen i{display:block;width:70%;height:9px;border-radius:999px;background:#dbeafe;margin-bottom:10px}.login-laptop-screen i:nth-child(2){width:48%;background:#2563eb}.login-laptop-screen i:nth-child(3){width:58%}.login-laptop-screen div{display:flex;align-items:end;gap:10px;height:48px}.login-laptop-screen div span{width:20px;border-radius:6px 6px 0 0;background:linear-gradient(#60a5fa,#075eea)}.login-laptop-screen div span:nth-child(1){height:26px}.login-laptop-screen div span:nth-child(2){height:40px}.login-laptop-screen div span:nth-child(3){height:32px}.login-laptop-base{width:265px;height:18px;margin-left:-14px;border-radius:0 0 28px 28px;background:linear-gradient(90deg,#e2e8f0,#fff,#cbd5e1)}.login-chart-bars{position:absolute;left:72px;bottom:30px;display:flex;align-items:end;gap:8px}.login-chart-bars span{width:42px;border-radius:8px 8px 0 0;background:linear-gradient(#60a5fa,#075eea)}.login-chart-bars span:nth-child(1){height:58px}.login-chart-bars span:nth-child(2){height:82px}.login-chart-bars span:nth-child(3){height:112px}.login-float-card{position:absolute;width:112px;height:54px;border-radius:10px;background:#ffffffd9;box-shadow:0 16px 32px #0f172a1f}.login-float-card.card-a{left:68px;top:16px}.login-float-card.card-b{right:4px;top:58px}.login-plant{position:absolute;right:22px;bottom:14px;width:58px;height:82px}.login-plant span,.login-plant i{position:absolute;background:#16a34a}.login-plant span{left:26px;bottom:0;width:8px;height:76px;border-radius:999px}.login-plant i{width:34px;height:22px;border-radius:999px 999px 999px 0;transform:rotate(-28deg);left:2px;top:22px}.login-feature-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px;max-width:900px;margin-top:74px}.login-feature-card{min-height:126px;display:grid;place-items:center;align-content:center;gap:12px;border:1px solid rgba(203,213,225,.82);border-radius:12px;background:#ffffffdb;box-shadow:0 16px 34px #0f172a14;text-align:center}.login-feature-card span{display:grid;place-items:center;width:64px;height:64px;border-radius:999px}.login-feature-card strong{max-width:130px;font-size:15px;line-height:1.2}.login-feature-card.tone-blue span{color:#075eea;background:#eaf2ff}.login-feature-card.tone-green span{color:#16a34a;background:#dcfce7}.login-feature-card.tone-amber span{color:#f97316;background:#ffedd5}.login-feature-card.tone-purple span{color:#7c3aed;background:#f3e8ff}.login-feature-card.tone-pink span{color:#db2777;background:#fce7f3}.login-feature-card.tone-cyan span{color:#0891b2;background:#cffafe}.login-feature-card.tone-orange span{color:#f59e0b;background:#fff7ed}.login-feature-card.tone-teal span{color:#0f766e;background:#ccfbf1}.login-form-panel{display:grid;place-items:center;padding:42px}.login-form-panel:before{content:"";position:absolute;inset:-18% -15% -18% 0;border-radius:40% 0 0 50%;background:radial-gradient(circle at 82% 14%,rgba(255,255,255,.28),transparent 18%),#075eea}.login-form-panel:after{content:"";position:absolute;right:0;top:0;width:220px;height:220px;opacity:.38;background-image:radial-gradient(rgba(255,255,255,.75) 1px,transparent 1px);background-size:12px 12px}.login-account-card{position:relative;z-index:1;width:min(100%,560px);min-height:660px;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:clamp(34px,4vw,58px);border-radius:26px;background:#fffffff5;box-shadow:0 34px 72px #0f172a3d}.login-card-logo{width:90px;height:90px;border:0;border-radius:0;margin:0 auto 18px;overflow:hidden;background:transparent;box-shadow:none}.login-card-logo-crop{display:block;width:90px;height:90px;border-radius:0;background-image:url(/build/assets/super-erp-logo-icon-BNTIE5ys.png);background-repeat:no-repeat;background-position:center;background-size:contain}.login-account-card h1{margin:0;text-align:center;font-size:clamp(24px,2vw,32px)}.login-account-card>p{margin:0 0 12px;text-align:center;color:#526283}.login-field{position:relative;display:grid;gap:8px;font-weight:800}.login-field>span{font-size:14px}.login-field i{position:absolute;left:20px;bottom:18px;color:#7180a4}.login-field input{width:100%;height:64px;border:1px solid #cbd5e1;border-radius:9px;padding:0 56px;color:#0f172a;font-size:16px;outline:none}.login-field input:focus{border-color:#075eea;box-shadow:0 0 0 4px #2563eb1f}.login-password-toggle{position:absolute;right:16px;bottom:14px;width:34px;height:34px;border:0;background:transparent;color:#7180a4}.login-options-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.login-options-row label{display:inline-flex;align-items:center;gap:8px;font-weight:700}.login-options-row input{width:18px;height:18px}.login-submit-button{width:100%;height:64px;display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#075eea,#004de6);box-shadow:0 18px 34px #2563eb42;font-size:21px;font-weight:900}.login-security-note{display:flex;align-items:center;gap:18px;margin-top:34px;padding:18px;border:1px solid #dbe4f0;border-radius:10px;background:#f8fbff;color:#415171}.login-security-note span{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;color:#075eea;background:#eaf2ff}.login-security-note p{margin:0;line-height:1.45}@media(max-width:1200px){.super-erp-login-page{grid-template-columns:1fr;overflow:visible}.login-form-panel{order:-1;min-height:auto;padding:32px}.login-marketing-panel{min-height:auto;padding:36px 32px}.login-form-panel:before{border-radius:0 0 36px 36px}.login-hero-illustration{opacity:.35}}@media(max-width:760px){.login-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}.login-hero-illustration{display:none}.login-account-card{min-height:auto;padding:28px 20px;border-radius:18px}.login-form-panel,.login-marketing-panel{padding:18px}.login-brand strong{font-size:32px}}