body { font-family: 'Inter', sans-serif; background-color: #f8f9fa; } .sidebar { width: 280px; min-height: 100vh; } .sidebar .nav-link { font-size: 1rem; padding: 0.75rem 1rem; transition: all 0.2s ease-in-out; } .sidebar .nav-link.active { background: linear-gradient(45deg, #0d6efd, #6f42c1) !important; color: white !important; border-radius: 0.375rem; } .sidebar .nav-link:not(.active):hover { background-color: #495057; } .main-content { background-color: #f8f9fa; } .card { border: none; border-radius: 0.5rem; } .table { margin-bottom: 0; } .table th { font-weight: 600; color: #495057; } .badge.bg-secondary { background-color: #6c757d !important; }