/* generated */
.dropdown{
    list-style: none;
}
/* 1. Показываем основное выпадающее меню при наведении на контейнер .dropdown */
.dropdown:hover > .dropdown-menu {
  display: block;
}

/* 2. Позиционируем контейнер для вложенных уровней */
.dropdown-submenu {
  position: relative;
}

/* 3. Скрываем вложенные меню и выносим их вправо */
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  display: none; /* Скрыто по умолчанию */
}

/* 4. ГЛАВНОЕ: Показываем вложенное меню при наведении на родительский <li> */
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

/* 5. Декоративная стрелочка вправо для пунктов с подменю */
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

/* Изменение цвета стрелочки при наведении */
.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
:root{
  --bs-primary: #3a86ff;     /* Синий по умолчанию */
  --bs-success: #00b894;     /* Зелёный */
  --bs-danger:  #e63946;     /* Красный */
  --bs-body-bg: #f8f9fa;     /* Цвет фона страницы */
  --bs-body-color: #222;     /* Цвет текста */
}
*{box-sizing:border-box;margin:0;padding:0}

.logo{
  display:flex;
  align-items:center;
  gap:12px;
}
.logo-icon{
  width:60px;
  height:60px;
  border-radius:20px;
  background:linear-gradient(135deg,#f87171,#3b82f6);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:800;
  font-size:24px;
  box-shadow:var(--shadow);
}
.logo-text{
  font-size:24px;
  font-weight:700;
}
.logo-text red{color:#f87171;}
.logo-text blue{color:#3b82f6;}