body {
    font-family: 'Inter', sans-serif;
}

/* Custom scrollbar for a cleaner look */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Dark mode scrollbar */
html.dark ::-webkit-scrollbar-track {
    background: #2d3748; /* dark:bg-gray-800 */
}
html.dark ::-webkit-scrollbar-thumb {
    background: #718096; /* dark:bg-gray-500 */
}
html.dark ::-webkit-scrollbar-thumb:hover {
    background: #a0aec0; /* dark:bg-gray-400 */
}

/* Style for number input arrows */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}

/* Smooth transition for collapsible section */
.collapsible-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

.year-row:hover, .month-row:hover {
    background-color: #f9fafb; /* equivalent to hover:bg-gray-50 */
}
html.dark .year-row:hover, html.dark .month-row:hover {
    background-color: #1f2937; /* dark equivalent */
}