:root {
  /* Основные фоны: глубокий темный с легким фиолетовым отливом */
  --bg-primary: #0a030c;
  --bg-secondary: #17061a;

  /* Текст */
  --text-primary: #ffeeef;
  --text-secondary: #a88fae;

  /* Акценты: фирменный розовый */
  --accent-primary: #ff007f; /* Яркая маджента */
  --accent-secondary: #ff4da6;

  /* Цвета статусов */
  --color-green: #00fa9a; /* Неоново-зеленый для "Работает" */
  --color-red: #ff3366;   /* Ярко-красный для "Ошибка" */

  /* Рамки и эффекты "стекломорфизма" */
  --border-color: rgba(255, 0, 127, 0.2);
  --card-shadow: 0 4px 20px rgba(255, 0, 127, 0.1);
}

/* Применяем стили к карточкам панелей */
.card, .panel, .status-box {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--card-shadow) !important;
  border-radius: 12px;
  backdrop-filter: blur(10px);
}

/* Стилизация кнопок и активных элементов */
.btn-primary, .button, .active-tab {
  background-color: var(--accent-primary) !important;
  color: #fff !important;
  border: none;
  box-shadow: 0 0 10px rgba(255, 0, 127, 0.4);
  transition: all 0.3s ease;
}

.btn-primary:hover, .button:hover {
  background-color: var(--accent-secondary) !important;
  box-shadow: 0 0 15px rgba(255, 0, 127, 0.6);
}

/* Настройка логотипа goatweb.cloud */
.header-logo img {
  width: 64

footer {
    display: none !important;
}