:root {
    --app-primary: #0d47a1;
    --app-primary-2: #1976d2;
}

body { min-height: 100vh; }
.app-navbar { background: linear-gradient(135deg, var(--app-primary), var(--app-primary-2)); }
.login-page { background: radial-gradient(circle at top left, #dbeafe, #eef2ff 45%, #f8fafc); }
.login-card { box-shadow: 0 24px 70px rgba(15, 23, 42, .16); }
.login-brand { color: #fff; background: linear-gradient(145deg, #0d47a1, #2563eb); min-height: 470px; }
.stat-card, .content-card, .choice-card { border: 0; box-shadow: 0 8px 25px rgba(15, 23, 42, .07); }
.stat-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; font-size: 1.35rem; background: #e8f0fe; color: var(--app-primary); }
.table thead th { white-space: nowrap; }
.choice-card { transition: transform .18s ease, box-shadow .18s ease; }
.choice-card:hover { transform: translateY(-3px); box-shadow: 0 14px 35px rgba(15, 23, 42, .11); }
.progress { height: 10px; }
.badge-soft-success { color: #166534; background: #dcfce7; }
.badge-soft-danger { color: #991b1b; background: #fee2e2; }
.badge-soft-warning { color: #92400e; background: #fef3c7; }
.card-header-clean { background: #fff; border-bottom: 1px solid #e5e7eb; }
@media (max-width: 767px) { .login-brand { min-height: 280px; } }