/* Be Enhanced Admin — Login Page (Light Theme) */
.login-page { min-height:100vh; background:#f5f3f0; }
.login-wrapper { display:flex; min-height:100vh; }

/* ── Left image panel ── */
.login-left {
    flex:1;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
}
.login-left__image {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.login-left__overlay {
    position:absolute;
    inset:0;
    background:linear-gradient(
        to bottom,
        rgba(0,0,0,0.05) 0%,
        rgba(0,0,0,0.30) 60%,
        rgba(0,0,0,0.60) 100%
    );
}
.login-left__content {
    position:relative;
    z-index:2;
    padding:40px 48px;
    width:100%;
}
.login-brand {
    display:flex;
    align-items:center;
    gap:14px;
    position:absolute;
    top:36px;
    left:48px;
}
.login-brand__mark {
    width:40px;
    height:40px;
    background:var(--be-gold);
    border-radius:var(--radius-sm);
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--font-serif);
    font-size:1rem;
    font-weight:700;
    color:#fff;
    letter-spacing:-.02em;
    box-shadow:0 2px 12px rgba(0,0,0,0.25);
}
.login-brand__name {
    font-family:var(--font-serif);
    font-size:1.2rem;
    color:#fff;
    letter-spacing:.06em;
    text-shadow:0 1px 4px rgba(0,0,0,.3);
}

/* ── Right form panel ── */
.login-right {
    width:480px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:48px 40px;
    background:#ffffff;
    box-shadow:-4px 0 24px rgba(0,0,0,.06);
}
.login-form-container { width:100%; max-width:360px; }

.login-form-header { margin-bottom:32px; }
.login-form-header h2 {
    font-size:1.8rem;
    margin-bottom:6px;
    font-weight:400;
    color:#1a1a1a;
}
.login-form-header p { color:#7a7570; font-size:.88rem; }

.login-pw-toggle {
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    background:none;
    border:none;
    color:var(--be-text-muted);
    cursor:pointer;
    padding:4px;
    transition:color var(--transition);
}
.login-pw-toggle:hover { color:var(--be-gold-dark); }

.login-footer-text {
    margin-top:28px;
    font-size:.72rem;
    color:#aaa;
    text-align:center;
}

@media (max-width:900px) {
    .login-left { display:none; }
    .login-right { width:100%; box-shadow:none; }
}