/*=================== Admin login ===================*/
.login-body {
    padding: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(900px 480px at 50% -10%, rgba(147, 128, 72, .18), transparent 65%),
        var(--dash-bg);
}
.login-wrap { width: 100%; max-width: 420px; padding: 32px 20px; }
.login-card {
    padding: 34px 30px;
    background: var(--dash-surface);
    border: 1px solid var(--dash-line);
    border-radius: 16px;
    box-shadow: var(--dash-shadow);
}
.login-logo { display: inline-block; margin-bottom: 22px; }
.login-title { margin: 0 0 6px; font-family: 'Arial Black', Arial, sans-serif; font-size: 21px; color: #fff; }
.login-sub { margin: 0 0 24px; font-size: 13px; color: var(--dash-muted); }

.login-pass { position: relative; }
.login-pass .dash-input { padding-right: 44px; }
.login-eye {
    position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
    width: 32px; height: 32px;
    display: inline-flex; align-items: center; justify-content: center;
    background: transparent; border: 0; border-radius: 8px;
    color: var(--dash-muted); cursor: pointer;
}
.login-eye:hover { color: var(--dash-gold); }

.login-error { margin: 6px 0 0; font-size: 12px; color: var(--dash-red); min-height: 0; }
.login-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.login-check { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #c3c3ce; cursor: pointer; }
.login-check input { accent-color: var(--dash-gold); width: 15px; height: 15px; }
.login-forgot { font-size: 13px; color: var(--dash-gold); }
.login-forgot:hover { color: #fff; }
.login-foot { margin: 20px 0 0; text-align: center; font-size: 12px; color: var(--dash-muted); }