body { background: #f7f9fc; color: #132238; }
a { color: var(--bs-primary); }
.hero-section { background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%); }
.hero-card, .category-card, .stat-box, .meta-pill { border-radius: 1rem; }
.stat-box { background: #f8f9fa; padding: 1rem; text-align: center; }
.stat-value { font-size: 1.5rem; font-weight: 700; }
.icon-circle { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: rgba(13,110,253,.1); color: var(--bs-primary); }
.content-body { line-height: 1.8; white-space: pre-wrap; }
.ad-slot { border: 1px dashed #cdd5df; padding: 1rem; border-radius: .75rem; background: #fff; font-size: .95rem; }
.admin-sidebar { background: linear-gradient(180deg, #172033 0%, #0f1726 100%); }
.chart-placeholder { display: flex; align-items: flex-end; gap: 12px; height: 180px; padding-top: 1rem; }
.chart-placeholder .bar { flex: 1; background: linear-gradient(180deg, rgba(13,110,253,.7), rgba(13,110,253,1)); border-radius: 12px 12px 0 0; min-height: 20%; }
.profile-avatar { width: 96px; height: 96px; border-radius: 50%; display: grid; place-items: center; background: rgba(13,110,253,.1); color: var(--bs-primary); font-size: 2rem; font-weight: 700; margin-inline: auto; }
.min-vh-100 { min-height: 100vh; }
@media (max-width: 991px) { .admin-sidebar { min-height: auto; } }