.card-laporan{

    border:none;
    border-radius:24px;
    box-shadow:0 2px 12px rgba(0,0,0,.04);

}

.filter-label{

    font-size:14px;
    font-weight:600;
    margin-bottom:6px;
    color:#334155;

}

.btn-action{

    width:40px;
    height:40px;
    border:none;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.2s;

}

.btnEditBeli{

    background:#eff6ff;
    color:#2563eb;

}

.btnEditBeli:hover{

    background:#2563eb;
    color:#fff;

}

.btnHapusBeli{

    background:#fef2f2;
    color:#dc2626;

}

.btnHapusBeli:hover{

    background:#dc2626;
    color:#fff;

}

.table thead th{

    border:none !important;
    background:#f8fafc !important;
    color:#64748b !important;
    font-size:14px;
    font-weight:600;
    padding:18px 16px;

}

.table tbody td{

    padding:18px 16px;
    border-color:#f1f5f9;
    vertical-align:middle;

}

.table tbody tr:hover{

    background:#f8fafc;

}

.dataTables_wrapper .dt-buttons{

    margin-bottom:15px;

}

.dataTables_wrapper .dt-button{

    border:none !important;
    border-radius:10px !important;
    background:#2563eb !important;
    color:#fff !important;
    padding:8px 14px !important;
    margin-right:6px;

}

.dataTables_filter input{

    border-radius:10px !important;
    border:1px solid #cbd5e1 !important;
    padding:6px 12px !important;

}

.dataTables_length select{

    border-radius:10px !important;
    border:1px solid #cbd5e1 !important;

}