/* Login / admin login */
.mb-auth { min-height: 100vh; }
.mb-auth-wrap { display: grid; grid-template-columns: 1.05fr 1fr; min-height: 100vh; }
.mb-auth-brand {
    position: relative; overflow: hidden; color: #fff; display: flex; align-items: center; justify-content: center; padding: 48px;
    background: radial-gradient(circle at 85% 15%, rgba(245,118,31,.55), transparent 40%),
                radial-gradient(circle at 10% 90%, rgba(37,211,102,.25), transparent 40%),
                linear-gradient(140deg, var(--mb-navy) 0%, var(--mb-primary-700) 60%, var(--mb-primary) 100%);
}
.mb-auth-brand-inner { max-width: 460px; }
.mb-auth-logo { width: 120px; height: 120px; border-radius: 30px; background: #fff; display: grid; place-items: center; box-shadow: 0 20px 50px rgba(0,0,0,.3); margin-bottom: 32px; }
.mb-auth-logo img { width: 104px; height: 104px; object-fit: contain; }
.mb-auth-brand h1 { font-size: 34px; font-weight: 800; line-height: 1.2; letter-spacing: -.02em; margin-bottom: 26px; }
.mb-auth-brand h1 span { color: #FFB27A; }
.mb-auth-brand ul { list-style: none; padding: 0; margin: 0; }
.mb-auth-brand li { display: flex; align-items: center; gap: 14px; padding: 9px 0; color: rgba(255,255,255,.9); font-weight: 500; }
.mb-auth-brand li i { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: rgba(255,255,255,.12); color: #FFB27A; flex-shrink: 0; }
.mb-auth-form { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 32px 20px; background: var(--bg); }
.mb-auth-card { width: 100%; max-width: 420px; background: var(--surface); border: 1px solid var(--border); border-radius: 22px; padding: 34px; box-shadow: var(--shadow); }
.mb-auth-card h2 { font-weight: 800; font-size: 26px; letter-spacing: -.02em; margin-bottom: 4px; }
.mb-auth-mobile-logo { display: none; }
.mb-pass-toggle { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border: 0; background: transparent; color: var(--muted); width: 40px; height: 40px; border-radius: 10px; }
.mb-auth-help { margin-top: 22px; color: var(--mb-wa-dark) !important; font-weight: 600; font-size: 14px; display: inline-flex; gap: 8px; align-items: center; }
.mb-auth-admin .mb-auth-brand { background: radial-gradient(circle at 85% 15%, rgba(245,118,31,.5), transparent 40%), linear-gradient(140deg, #0B0F3A 0%, var(--mb-navy) 60%, #26307F 100%); }

@media (max-width: 991.98px) {
    .mb-auth-wrap { grid-template-columns: 1fr; }
    .mb-auth-brand { display: none; }
    .mb-auth-form {
        min-height: 100vh; justify-content: flex-start; padding-top: 48px;
        background: radial-gradient(circle at 100% 0, rgba(245,118,31,.18), transparent 35%), radial-gradient(circle at 0 100%, rgba(46,59,209,.14), transparent 40%), var(--bg);
    }
    .mb-auth-mobile-logo { display: grid; place-items: center; width: 88px; height: 88px; border-radius: 24px; margin: -78px auto 18px; background: #fff; box-shadow: var(--shadow); }
    .mb-auth-mobile-logo img { width: 76px; height: 76px; object-fit: contain; }
    .mb-auth-card { margin-top: 50px; padding: 26px 22px; text-align: left; }
    .mb-auth-card h2 { text-align: center; }
    .mb-auth-card > p.text-muted:first-of-type { text-align: center; }
}
.mb-auth-card-wide { max-width: 520px; }
.mb-auth-card .mb-divider { margin: 6px 0 16px; }