:root {
    --fct-navy: #071d38;
    --fct-blue: #0d5cad;
    --fct-gold: #f5b700;
    --fct-light: #f4f7fb;
}

body { background: var(--fct-light); color: #162333; }
.brand-nav { background: linear-gradient(110deg, var(--fct-navy), var(--fct-blue)); }
.hero-section { color: #fff; background: radial-gradient(circle at 80% 20%, #167dcc, transparent 35%), linear-gradient(120deg, var(--fct-navy), #0b4d8a); }
.min-vh-50 { min-height: 50vh; }
.feature-card { height: 100%; padding: 2rem; background: #fff; border-radius: 1rem; box-shadow: 0 .5rem 1.5rem rgba(7, 29, 56, .08); }
.auth-page { min-height: 100vh; background: linear-gradient(135deg, var(--fct-navy), var(--fct-blue)); }
.auth-card { max-width: 520px; border-radius: 1rem; }
.admin-body { background: #f5f7fb; }
.admin-sidebar { min-height: calc(100vh - 56px); background: #111827; }
.admin-menu { min-height: calc(100vh - 56px); }
.admin-menu .nav-link { color: #d9e2ef; padding: .75rem 1rem; border-radius: .5rem; }
.admin-menu .nav-link:not(.disabled):hover { color: #fff; background: rgba(255,255,255,.1); }
.dashboard-card { min-height: 135px; border-radius: .85rem; }

@media (max-width: 991.98px) {
    .admin-menu { min-height: 100vh; width: 280px; }
}