.load-tabs {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #E0D5E8;
    margin-bottom: 0;
}

.load-tab {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border: none;
    border-bottom: 3px solid transparent;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #6B7280;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
    border-radius: 8px 8px 0 0;
}

    .load-tab:hover {
        color: #374151;
        background: #F9F5FF;
    }

    .load-tab.active.pending-tab {
        color: #1976D2;
        border-bottom-color: #1976D2;
        background: #eef5fb;
    }

    .load-tab.active.approved-tab {
        color: #92400E;
        border-bottom-color: #F59E0B;
        background: #FEF3C7;
    }

    .load-tab.active.completed-tab {
        color: #057A55;
        border-bottom-color: #057A55;
        background: #E6F9F0;
    }

    .load-tab.active.rejected-tab {
        color: #B42318;
        border-bottom-color: #F04438;
        background: #FDECEA;
    }

.tab-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 11px;
    font-size: 11px;
    font-weight: 700;
}

.pending-badge {
    background: #DBEAFE;
    color: #1D4ED8;
}

.approved-badge {
    background: #FEF3C7;
    color: #92400E;
}

.completed-badge {
    background: #D1FAE5;
    color: #065F46;
}

.rejected-badge {
    background: #FEE2E2;
    color: #991B1B;
}

.load-tab.active.all-tab {
    color: #374151;
    border-bottom-color: #6B7280;
    background: #F3F4F6;
}

.all-badge {
    background: #F3F4F6;
    color: #374151;
}