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

.font-title {
    font-family: 'Manrope', sans-serif;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.6;
    filter: invert(20%);
}

select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2310b986'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: 1.2em;
    padding-right: 1.5rem;
}

.active-tab {
    background-color: #10b986;
    /* green2 */
    color: white;
    border-color: #10b986;
}

.inactive-tab {
    background-color: white;
    color: #373643;
    /* gray1 */
    border-color: #f1f5f9;
}

.inactive-tab:hover {
    border-color: #10b986;
    color: #10b986;
}