body {
    font-family: 'Roboto', sans-serif;
    background-color: #f8f9fa;
}

h2 {
    color: #343a40;
}

.table thead th {
    background-color: #343a40;
    color: #fff;
}

.table tfoot td {
    font-size: 1.1em;
}

.form-inline {
    flex-wrap: wrap;
}

@media (max-width: 576px) {
    .form-inline label {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    .form-inline select,
    .form-inline button {
        width: 100%;
        margin-bottom: 0.5rem;
    }
}

/* Dostosowanie odstępów w komórkach tabeli */
.table td, .table th {
    padding: 0.5rem;
}