<style>
    input.form-control[type="text"],
    select.form-control,
    input.form-control[type="date"] {
        min-width: 150px !important;
    }

    input.form-control[type="number"] {
        min-width: 100px !important;
    }

    .card {
        border-radius: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
        border: none;
    }

    .card-header {
        background-color: #4e73df;
        color: white;
        border-radius: 10px 10px 0 0 !important;
        padding: 15px 20px;
    }

    .nav-pills .nav-link {
        color: #4e73df;
    }

    .nav-pills .nav-link.active {
        background-color: #4e73df;
    }

    .dt-buttons {
        float: left;
        margin-bottom: 5px;
    }

    .dt-buttons .btn {
        margin-right: 5px;

    }

    .gap-3 {
        gap: 1rem !important;
    }

</style>
