html, body {
  height: 100%;
  margin: 0;
  font-family: "Verdana", serif;
  background: white; /* Темный фон */
  padding-top: 35px;
  display: flex;
  flex-direction: column;
}

.main-content {
  flex: 1; /* Растягивает контент, заставляя футер оставаться внизу */
}

.content {
  flex: 1;
  display: flex;
  justify-content: center; /* Центрирование содержимого по горизонтали */
  align-items: center; /* Центрирование содержимого по вертикали */
  text-align: left;
  font-size:13px;
  
  width: 80%;
  max-width: 1100px; /* Ограничение ширины */
  height: auto; /* Автоматическая высота */
  
  margin: auto; /* Центрирование блока */
  
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

.footer {
  font-size: 10px;
  background: #121212;
  border-top: 1px solid #333;
  color: antiquewhite;
  text-align: center;
  padding: 10px 0;
  margin-top: 20px;
}

.total-amount {
  background-color: #28a745; /* Зеленый фон */
  color: white; /* Белый текст */
  padding: 10px 15px; /* Внутренние отступы */
  border-radius: 8px; /* Закругленные углы */
  display: inline-block; /* Чтобы фон не был на всю ширину */
  float: right; /* Перемещение вправо */
}

/* === FLAT DARK NAVBAR === */
.flat-nav {
    background-color: #181818; /* Темный фон */
}

/* Логотип */
.navbar {
  width: 80%; /* Увеличенная ширина (можно 90% или 100%) */
  margin: 0 auto; /* Центрирование */
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  position: fixed;
  padding:15px;
  top: 10px; /* Отступ сверху */
  left: 50%; /* Перемещаем в центр */
  transform: translateX(-50%); /* Точное центрирование */
  z-index: 1000; /* Поверх другого контента */
}

.navbar-brand {
    font-size: 2.0rem;
    color: #ecf0f1;
}

/* Округлые кнопки */
.navbar-nav .flat-btn {
    color: white !important;
    padding: 8px 15px;
    border-radius: 10px;
    font-size: 12px;
    text-transform: uppercase;
    transition: background 0.2s ease-in-out;
    margin: 0 5px;
}

.navbar-nav .flat-btn:hover {
    opacity: 0.8;
}

/* Профиль (dropdown) */
.profile-btn {
    background-color: #282828;
    color: white;
    font-size: 12px;
    border-radius: 10px;
    padding: 8px;
    transition: background 0.2s;
}

.profile-btn:hover {
    background-color: #333;
    color: white;
}

/* Выпадающее меню */
.dropdown-menu {
    background-color: #222;
    border: none;
    font-size: 12px;
    
}

.dropdown-item {
    color: white;
    padding: 7px;
    transition: background 0.2s;
}

.dropdown-item:hover {
    background-color: #333;
    color: white;
}

/* Кнопка выхода */
.flat-exit {
    color: #e74c3c !important;
}

.flat-exit:hover {
    background-color: #c0392b !important;
    color: white !important;
}