/* Custom Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }

/* Effects */
.glass-effect { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
body { transition: background-color 0.3s ease, color 0.3s ease; }

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

/* Modal Animation */
.modal-enter { animation: modalEnter 0.2s ease-out forwards; }
@keyframes modalEnter { 
    from { opacity: 0; transform: scale(0.95); } 
    to { opacity: 1; transform: scale(1); } 
}

/* Fix for Date Input Icon in Dark Mode */
html.dark input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(0.8); /* Inverts black to light gray */
    cursor: pointer;
}

/* Utility classes for highlighting elements */
.highlight-ring {
    box-shadow: 0 0 0 4px rgba(254, 200, 75, 0.5); /* Primary color ring */
    transition: box-shadow 0.3s ease;
}