.bg-success {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(92 185 35 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-successDark:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(64 129 24 / var(--tw-bg-opacity)) !important;
}


.text-success{
    --tw-text-opacity: 1 !important;
    color: rgb(64 129 24 / var(--tw-text-opacity)) !important;
}

.tab-btn {
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 600;
    border: 1px solid #e5e7eb;
    background: white;
    transition: 0.3s;
}

.tab-btn:hover {
    background: #f3f4f6;
}

.active-tab, .active-tab:hover {
    background: #5cb923;
    color: white;
    border-color: #5cb923;
}