:root { --soft-bg: #f5f7fb; }
body { background: var(--soft-bg); }
.login-bg { background: linear-gradient(135deg, #101828, #1d4ed8); }
.login-card { width: 100%; max-width: 420px; border: 0; border-radius: 1rem; }
.card { border: 0; border-radius: 1rem; box-shadow: 0 8px 24px rgba(15, 23, 42, .06); }
.kpi-card { min-height: 108px; }
.table thead th { white-space: nowrap; color: #475467; font-size: .84rem; }
.table td { vertical-align: middle; }
code { color: #111827; background: #eef2ff; padding: .15rem .35rem; border-radius: .35rem; }
pre { white-space: pre-wrap; max-width: 520px; }
.badge { font-weight: 600; }
.navbar .nav-link { font-size: .94rem; }
@media (max-width: 768px) {
    main.container-fluid { padding-left: .75rem; padding-right: .75rem; }
    .table { font-size: .86rem; }
}