/* ==========================================================================
   RanAdmin - login screen
   Designed & developed by ufdev
   ========================================================================== */
.login-body {
    display: grid; place-items: center; padding: 20px;
    background: var(--bg);
}
.login-card {
    width: min(420px, 100%);
    display: flex; flex-direction: column; gap: 20px;
    padding: 34px 30px 26px;
    background: var(--surface);
    border: 1px solid var(--border); border-radius: 20px;
    box-shadow: 0 40px 100px -30px rgba(0, 0, 0, .9);
}
.login-brand { text-align: center; }
.login-brand img { margin-bottom: 10px; }
.login-brand h1 { font-size: 24px; letter-spacing: .02em; }
.login-brand p { margin: 4px 0 0; color: var(--muted); font-size: 13.5px; }
.login-card .btn-primary { padding: 12px; margin-top: 4px; }
.login-foot { margin: 0; text-align: center; font-size: 12px; color: var(--muted); }
.login-card .empty-state { padding: 10px; }