.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fa;
    padding: 1rem;
}
.navbar a {
    margin-right: 1rem;
}
.navbar .nav-left {
    display: flex;
}
.navbar .nav-right {
    display: flex;
}

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px; /* Расстояние между ячейками */
}

th, td {
    padding: 10px; /* Отступы внутри ячеек */
    word-wrap: break-word; /* Перенос длинного текста */
    border: 1px solid #ddd; /* Границы ячеек */
    text-align: left;
}

th {
    background-color: #f2f2f2; /* Фон заголовка таблицы */
}


.flex-container {
    display: flex;
    justify-content: space-between;
}

.form-container {
    width: 45%; /* Занимает 45% ширины контейнера */
}

.charts-container {
    width: 50%; /* Занимает 50% ширины контейнера */
}

.chart-container {
    margin-bottom: 20px; /* Отступ между графиками */
}