:root {
    --brand: #0d6efd;
}

body {
    background: #f4f6f9;
    font-size: 0.95rem;
}

/* ---- Dashboard stat cards ---- */
.stat-card { transition: transform .12s ease, box-shadow .12s ease; }
a:hover .stat-card { transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.08) !important; }
.stat-icon {
    width: 52px; height: 52px; border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem; flex-shrink: 0;
}
.stat-value { font-size: 1.7rem; font-weight: 700; line-height: 1; }
.stat-label { color: #6c757d; font-size: .85rem; }

/* ---- Login page ---- */
.login-page {
    min-height: 100vh;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    display: flex; align-items: center; justify-content: center;
}
.login-wrap { width: 100%; max-width: 420px; padding: 1rem; }
.login-card { border-radius: 16px; }
.login-logo {
    width: 72px; height: 72px; margin: 0 auto;
    border-radius: 16px; overflow: hidden;
    box-shadow: 0 .4rem 1rem rgba(0,0,0,.12);
}
.login-logo img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Navbar brand logo */
.brand-logo {
    width: 30px; height: 30px;
    border-radius: 6px; object-fit: cover;
    background: #fff;
}

/* ---- Tables ---- */
.table > :not(caption) > * > * { padding: .6rem .75rem; }

/* Subtle background helpers used by stat cards (bootstrap 5.3 ships -subtle vars) */
.bg-dark-subtle { background-color: #d3d6da !important; }
.text-dark { color: #343a40 !important; }