.table-wrap {
    overflow: auto;
    border-radius: 20px;
}

.data-table,
.movement-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 1000px;
}

    .data-table thead,
    .movement-table thead {
        background: rgba(255,255,255,0.04);
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .data-table th,
    .data-table td,
    .movement-table th,
    .movement-table td {
        padding: 14px 16px;
        text-align: left;
        border-bottom: 1px solid rgba(148,163,184,0.08);
        white-space: nowrap;
    }

    .data-table tbody tr:hover,
    .movement-table tbody tr:hover {
        background: rgba(255,255,255,0.03);
    }

.badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}

.badge-open {
    background: rgba(34,197,94,0.18);
    color: #86efac;
}

.badge-invoice {
    background: rgba(59,130,246,0.18);
    color: #93c5fd;
}

.badge-delivery {
    background: rgba(245,158,11,0.18);
    color: #fbbf24;
}

.profit-badge {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.profit-ok {
    background: rgba(34,197,94,0.18);
    color: #86efac;
}

.profit-low {
    background: rgba(245,158,11,0.18);
    color: #fbbf24;
}

.profit-loss {
    background: rgba(239,68,68,0.18);
    color: #fca5a5;
}

.profit-neutral {
    background: rgba(148,163,184,0.15);
    color: #cbd5e1;
}