.pcc-dashboard h1 {
    font-size: 24px;
    margin-bottom: 20px;
}

.pcc-dashboard p {
    font-size: 16px;
    margin-bottom: 20px;
}

.pcc-filter-form {
    margin-bottom: 20px;
}

.pcc-filter-form label {
    margin-right: 10px;
}

.pcc-filter-form input[type="date"] {
    margin-right: 10px;
}

.pcc-table-container {
    margin-top: 20px;
}

.pcc-table th, .pcc-table td {
    padding: 10px;
}

/* Add styles for the date picker on mobile view */
@media (max-width: 768px) {
    input[type="date"] {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background-color: #f9f9f9;
        box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
    }
}