.chart-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.chart-legend {
    margin-left: 20px;
}
.legend-item {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}
.legend-color {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
table {
    margin-bottom: 30px; /* Add margin to tables */
    margin-top: 20px; /* Add margin to the top of tables */
}
.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}