.fade-in { animation: fadeIn 0.3s ease-in-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.custom-scroll::-webkit-scrollbar { width: 6px; }
.custom-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }

.menu-item.active { background-color: #e0f7fa; color: #003366; border-right: 4px solid #00aaff; }

/* Estilo para modo oscuro (activado dinámicamente) */
body.dark-mode { background-color: #1a202c; color: #e2e8f0; }
body.dark-mode .bg-white { background-color: #2d3748; color: #e2e8f0; }
body.dark-mode .text-gray-900 { color: #f7fafc; }
body.dark-mode .text-gray-600 { color: #cbd5e1; }