/* Membuat container tabel berada di tengah */
    .table-container {
        width: 100%;
        display: flex;
        justify-content: center;
        overflow-x: auto;
    }

    /* Mengatur tabel agar memenuhi lebar dan teks rata tengah */
    table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 10px;
    }

    th, td {
        padding: 15px;
        text-align: center; /* Mengetengahkan tulisan Pelanggan, Barang, Status */
        border-bottom: 1px solid #334155; /* Memberi garis pemisah halus */
    }

    th {
        background-color: #0ea5e9; /* Memberi warna biru pada header seperti di desain */
        color: white;
        text-transform: uppercase;
        font-size: 0.9rem;
    }

    /* Memberi jarak antar baris agar tidak bertumpukan */
    tr:hover {
        background-color: #1e293b;
    }

    /* Styling badge status agar rapi di tengah */
    .badge {
        display: inline-block;
        padding: 5px 12px;
        border-radius: 20px;
        font-size: 0.85rem;
        font-weight: 500;
    }