body { background: #f5f5f5; }
.navbar { background: linear-gradient(135deg, #1B5E20 0%, #2E7D32 50%, #388E3C 100%) !important; }
.navbar .nav-link { color: rgba(255,255,255,0.85) !important; font-weight: 600; font-size: 14px; padding: 12px 18px !important; }
.navbar .nav-link.active, .navbar .nav-link:hover { color: #ffffff !important; background: rgba(255,255,255,0.18) !important; border-radius: 8px; }
.navbar-brand { color: #ffffff !important; font-weight: 800; font-size: 18px; }
.kpi-card { background: white; border: 1px solid #81C78444; border-radius: 12px; padding: 20px; text-align: center; box-shadow: 0 2px 8px #2E7D3212; border-left: 4px solid #2E7D32; }
.kpi-value { font-size: 32px; font-weight: 800; color: #2E7D32; }
.kpi-label { font-size: 11px; color: #757575; margin-top: 4px; text-transform: uppercase; }
.login-card { max-width: 400px; margin: 80px auto; background: white; border: 2px solid #81C78466; border-radius: 16px; padding: 36px; box-shadow: 0 8px 32px #2E7D3218; }
.table { color: #212121 !important; }
.table thead th { background: #81C78422 !important; color: #1B5E20 !important; font-weight: 700; border-bottom: 2px solid #2E7D32 !important; }
.table tbody tr:hover { background: #81C78411 !important; }
.section-title { color: #2E7D32; font-weight: 700; border-left: 4px solid #388E3C; padding-left: 12px; }
.btn-success, .btn-primary, .btn-warning, .btn-info, .btn-danger { background: linear-gradient(135deg, #388E3C, #1B5E20) !important; border: none !important; color: white !important; font-weight: 700; }
.form-control:focus { border-color: #2E7D32; box-shadow: 0 0 0 0.2rem #2E7D3225; }
.card { background: white; border: 1px solid #81C78433; border-radius: 12px; }