@charset "UTF-8";
.auto-logout-overlay[data-v-81b864fe] {
    opacity: 0.8;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    z-index: 100;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #346a9d;
}
.auto-logout-message[data-v-81b864fe] {
    background-color: orange;
    padding: 10px;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    text-align: center;
}

.toast[data-v-ebc23b84] {
    position: fixed;
    top: calc(-11px - 3em);
    left: calc(50% - 5em);
    background-color: #12344d;
    color: #BBDCFE;
    padding: 10px;
    margin-top: 10px;
    border-radius: 4px;
    z-index: 102;
    transition: all 1s ease;
    opacity: 1;
    box-shadow: 0 0  #000000;
}
.toast_visible[data-v-ebc23b84] {
    top: 0;
    transition: all 1s ease;
    box-shadow: 0 0 10px #000000;
}

.vue-recaptcha[data-v-7fef8833] {
    width: 100%;
}
.vue-recaptcha--hidden[data-v-7fef8833] {
    visibility: hidden;
}

.curtain[data-v-3fd17d82] {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}
.shadowed[data-v-3fd17d82] {
    box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.5);
}
.popupWindow[data-v-3fd17d82] {
    position: absolute;
    z-index: 9;

    overflow: auto;
    resize: both;

    min-height: 5rem;
    max-height: 100%;
    max-width: 100%;
    height: fit-content;
    padding: 3px;
}
.header[data-v-3fd17d82] {
    cursor: move;
    z-index: 10;

    width: 100%;
    background-color: #BBDCFE;
    padding: 5px;
}
.header h2[data-v-3fd17d82] {
    //flex-grow: 1;
}
.panel[data-v-3fd17d82] {
    max-height: 90%;
    overflow-y: auto;
}
button[data-v-3fd17d82] {
    width: 100%;
}


.logo[data-v-eb5df5e7] {
    transform: scale(1, -1);
}

.is-fixed[data-v-76571ddb] {
    background-color: #BBDCFE;
    color: #12344d;
}
.fix-button[data-v-76571ddb] {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding: 0;
    border: 0;
}

.app-icon[data-v-83bfee4e] {
    /*
      Здесь мы можем добавить общие стили для всех иконок,
      если это потребуется в будущем. Например, вертикальное выравнивание.
      flex-shrink: 0;
    */
}

.tooltip-container[data-v-9a734a19] {
    background-color: #2c3e50;
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    z-index: 1060;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.sidebar-badge[data-v-51e16869] {
    position: absolute;
    /* Позиция в развернутом режиме остается прежней */
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: white;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 10px;
    line-height: 1;
    z-index: 2;
    transition: all 0.2s ease-in-out;
}

/*
  ИЗМЕНЕНИЕ:
  Стили для свернутого режима теперь находятся в SidebarItem,
  так как нам нужно позиционировать бейдж относительно родителя,
  а не глобального класса. Это более надежно.
*/
.header-button-wrapper[data-v-0ea2ba35] {
  position: relative;
  display: flex;
  align-items: center;
}
.header-button[data-v-0ea2ba35] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.header-button[data-v-0ea2ba35]:not(.has-text) {
  width: 32px;
  padding: 0;
}
.header-button.variant-default[data-v-0ea2ba35] {
  background-color: transparent;
  color: #BBDCFE;
}
.header-button.variant-default[data-v-0ea2ba35]:hover {
  background-color: #345C7C;
}
.header-button.variant-default.is-active[data-v-0ea2ba35] {
  background-color: #4a657e;
  color: #FFFFFF;
}
.header-button.variant-primary[data-v-0ea2ba35] {
  background-color: #7b68ee;
  color: #FFFFFF;
}
.header-button.variant-primary[data-v-0ea2ba35]:hover {
  background-color: #6a5acd;
}
.header-button__icon[data-v-0ea2ba35] {
  font-size: 16px;
}
.has-text .header-button__icon[data-v-0ea2ba35] {
  margin-right: 8px;
}
.header-button__label[data-v-0ea2ba35] {
  line-height: 1;
}
.header-button[data-v-0ea2ba35] .sidebar-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  transform: none;
  font-size: 9px;
  padding: 1px 4px;
}.dropdown-shell[data-v-1d81f9b2] {
  background-color: #ffffff;
  color: #1a1b25;
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  z-index: 1050;
  border: 1px solid #f0f0f0;
  min-width: 250px;
  padding: 8px;
  overflow: hidden;
}
/* Стили для обертки удалены, остались только для контента */
.user-menu-trigger[data-v-7f86289a] {
  display: flex;
  align-items: center;
  gap: 4px;
  width: auto;
  height: 32px;
  background-color: transparent;
  border: none;
  border-radius: 16px;
  padding: 2px 8px 2px 2px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  color: #BBDCFE;
}
.user-menu-trigger[data-v-7f86289a]:hover {
  background-color: #345C7C;
}
.avatar[data-v-7f86289a] {
  border-radius: 50%;
  background-color: #4a657e;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.trigger-avatar[data-v-7f86289a] {
  width: 28px;
  height: 28px;
  font-size: 12px;
}
.dropdown-avatar[data-v-7f86289a] {
  width: 36px;
  height: 36px;
  font-size: 14px;
}
.dropdown-arrow[data-v-7f86289a] {
  font-size: 12px;
  transition: transform 0.2s ease-in-out;
}
.dropdown-arrow.is-open[data-v-7f86289a] {
  transform: rotate(180deg);
}
.workspace-info[data-v-7f86289a] {
  display: flex;
  align-items: center;
  padding: 0 8px 8px 8px; /* Адаптируем под новые отступы */
}
.workspace-info .details[data-v-7f86289a] {
  margin-left: 12px;
}
.workspace-info .details .name[data-v-7f86289a] {
  font-weight: 600;
  color: #1a1b25;
}
.divider[data-v-7f86289a] {
  border: none;
  border-top: 1px solid #e9ecef;
  margin: 8px 0;
}
ul[data-v-7f86289a] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu-item[data-v-7f86289a] {
  display: flex;
  align-items: center;
  padding: 8px; /* Адаптируем под новые отступы */
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s ease;
  border-radius: 4px;
}
.menu-item[data-v-7f86289a]:hover {
  background-color: #f8f9fa;
}
.menu-item-icon[data-v-7f86289a] {
  width: 20px;
  text-align: center;
  margin-right: 12px;
  color: #6c757d;
}
/* СТИЛИ ОСТАЛИСЬ БЕЗ ИЗМЕНЕНИЙ */
.submenu-header[data-v-eef37b5e] {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reminders-list[data-v-eef37b5e] {
  max-height: 300px;
  overflow-y: auto;
}
.reminder-item[data-v-eef37b5e] {
  display: block;
  width: 100%;
  text-align: left;
  padding: 8px 12px;
  border-radius: 4px;
  color: #333;
  background: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
  font-size: 14px;
}
.reminder-item[data-v-eef37b5e]:hover {
  background-color: #f5f5f5;
}
.snooze-control[data-v-eef37b5e] {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: normal;
  color: #555;
}
.snooze-control label[data-v-eef37b5e] {
  margin-right: 8px;
  cursor: pointer;
}
.snooze-control input[data-v-eef37b5e] {
  cursor: pointer;
}
/* Стили остались без изменений */
.menu-header[data-v-cfbac9f0] {
  font-size: 14px;
  font-weight: 600;
  color: #6c757d;
  padding: 0 8px 8px 8px;
  border-bottom: 1px solid #e9ecef;
  margin-bottom: 8px;
}
.menu-list[data-v-cfbac9f0] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu-item[data-v-cfbac9f0] {
  display: flex;
  align-items: center;
  padding: 8px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
  text-decoration: none;
  color: #1a1b25;
  transition: background-color 0.2s ease;
}
.menu-item[data-v-cfbac9f0]:hover {
  background-color: #f8f9fa;
}
.menu-item-icon[data-v-cfbac9f0] {
  width: 20px;
  text-align: center;
  margin-right: 12px;
  color: #6c757d;
}
/* СТИЛИ ОСТАЛИСЬ БЕЗ ИЗМЕНЕНИЙ */
.header-trigger[data-v-d539ca9c] {
  position: absolute;
  top: 0;
  left: 40px;
  right: 40px;
  height: 5px;
  z-index: 101;
  background: transparent;
}
.header[data-v-d539ca9c] {
  z-index: 100;
  background: #12344d;
  color: #BBDCFE;
  padding: 0;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  transition: transform 0.3s ease-in-out;
}
.header.fixed[data-v-d539ca9c] {
  position: fixed;
  transform: translateY(0);
}
.header.floating[data-v-d539ca9c] {
  transform: translateY(-38px);
}
.header.floating.hovering[data-v-d539ca9c] {
  transform: translateY(0);
}
.header-content[data-v-d539ca9c] {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 8px;
}
.header-left[data-v-d539ca9c] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.header-center[data-v-d539ca9c] {
  display: flex;
  justify-content: center;
  flex-grow: 1;
}
.header-right[data-v-d539ca9c] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  gap: 8px;
}
.pinned-items[data-v-d539ca9c] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.user-menu[data-v-d539ca9c] {
  display: flex;
  align-items: center;
}
.navbar-logo[data-v-d539ca9c] {
  width: 30px;
  height: 30px;
}
.sidebar-item[data-v-48d666aa] { position: relative; width: 100%; display: flex;
}
.sidebar-item__button[data-v-48d666aa] { position: relative; display: flex; align-items: center; width: 100%; height: 36px; padding: 0 10px; margin-bottom: 2px; box-sizing: border-box; border-radius: 4px; border: none; cursor: pointer; text-decoration: none; background-color: transparent; color: #BBDCFE; transition: background-color 0.2s ease, color 0.2s ease; font-family: inherit; font-size: 14px;
}
.sidebar-item__button[data-v-48d666aa]:hover { background-color: #345C7C;
}
.sidebar-item__button.is-active[data-v-48d666aa] { background-color: #4a657e; color: #FFFFFF;
}
.sidebar-item__icon[data-v-48d666aa] { flex-shrink: 0; width: 20px; font-size: 16px; text-align: center; margin-right: 12px;
}
.sidebar-item__label[data-v-48d666aa] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-grow: 1; text-align: left;
}
.is-collapsed .sidebar-item__button[data-v-48d666aa] { justify-content: center; padding: 0; width: 36px;
}
.is-collapsed .sidebar-item__icon[data-v-48d666aa] { margin-right: 0;
}
.sidebar-submenu[data-v-48d666aa] { background-color: #FFFFFF; color: #1a1b25; border-radius: 8px; padding: 16px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); z-index: 1050; border: 1px solid #f0f0f0; min-width: 250px;
}
.is-collapsed .sidebar-item__button[data-v-48d666aa] .sidebar-badge { top: 4px; right: -2px; transform: none; font-size: 9px; padding: 1px 4px;
}

.sidebar-menu-scroll-area[data-v-2c2e6697] { width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; padding: 0 4px;
}
.sidebar-menu-scroll-area[data-v-2c2e6697]::-webkit-scrollbar { width: 4px;
}
.sidebar-menu-scroll-area[data-v-2c2e6697]::-webkit-scrollbar-track { background: transparent;
}
.sidebar-menu-scroll-area[data-v-2c2e6697]::-webkit-scrollbar-thumb { background: #4a657e; border-radius: 2px;
}
.sidebar-divider[data-v-2c2e6697] { border: none; border-top: 1px solid #34495e; margin: 8px 10px;
}
.accordion-arrow[data-v-2c2e6697] { margin-left: auto; font-size: 12px; transition: transform 0.3s ease;
}
.accordion-arrow.is-open[data-v-2c2e6697] { transform: rotate(180deg);
}
.accordion-content[data-v-2c2e6697] { overflow: hidden;
}

/* Стили для развернутого режима */
.accordion-content[data-v-2c2e6697] .sidebar-item__button { padding-left: 20px;
}
.accordion-content[data-v-2c2e6697] .sidebar-item__icon { font-size: 14px; width: 14px; margin-right: 8px;
}

/* ИЗМЕНЕНИЕ: Сбрасываем стили для свернутого режима */
.is-collapsed .accordion-content[data-v-2c2e6697] .sidebar-item__button {
    padding-left: 0;
}
.accordion-enter-active[data-v-2c2e6697],
.accordion-leave-active[data-v-2c2e6697] {
    transition: all 0.9s ease;
    max-height: 500px;
}
.accordion-enter-from[data-v-2c2e6697],
.accordion-leave-to[data-v-2c2e6697] {
    max-height: 0;
    opacity: 0;
}

.sidebar-logo-wrapper[data-v-a5c70de6] {
    /* ИЗМЕНЕНИЕ: Абсолютное позиционирование */
    position: absolute;
    top: 4px; /* Отступ сверху до хедера */
    left: 6px; /* Отступ слева до края сайдбара */
    z-index: 10; /* Поверх остальных элементов сайдбара */

    display: flex;
    align-items: center;
    justify-content: center;

    /* ИЗМЕНЕНИЕ: Задаем точный размер, как у иконки в хедере */
    width: 32px;
    height: 32px;

    box-sizing: border-box;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}
.sidebar-logo-wrapper[data-v-a5c70de6]:hover {
    background-color: #345C7C;
}
.logo-icon-container[data-v-a5c70de6] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.logo-svg[data-v-a5c70de6] {
    width: 100%;
    height: 100%;
    transform: scale(1, -1);
}

.team-switcher[data-v-782baa7d] { width: 100%; position: relative;
}
.team-avatar[data-v-782baa7d] { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 4px; background-color: #4a657e; color: white; font-weight: bold; font-size: 14px; flex-shrink: 0;
}
.main-avatar[data-v-782baa7d] { margin-right: 12px;
}
.team-avatar.large[data-v-782baa7d] { width: 32px; height: 32px; font-size: 16px; border-radius: 6px;
}
.collapsed-arrow[data-v-782baa7d] { position: absolute; top: 50%; right: -3px; transform: translateY(-50%); width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #BBDCFE; pointer-events: none;
}
.switcher-menu[data-v-782baa7d] { background-color: #FFFFFF; color: #1a1b25; border-radius: 8px; padding: 8px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); z-index: 1050; border: 1px solid #f0f0f0; min-width: 280px;
}
.menu-section[data-v-782baa7d] { padding: 8px 0; border-bottom: 1px solid #f0f0f0;
}
.menu-section[data-v-782baa7d]:last-child { border-bottom: none;
}
.current-team-section[data-v-782baa7d] { display: flex; align-items: center; padding: 8px;
}
.team-info[data-v-782baa7d] { margin-left: 12px;
}
.team-name[data-v-782baa7d] { font-weight: 600;
}
.team-meta[data-v-782baa7d] { font-size: 12px; color: #888;
}
.menu-item[data-v-782baa7d] { display: flex; align-items: center; width: 100%; padding: 8px 12px; border-radius: 4px; text-decoration: none; color: #333; transition: background-color 0.2s ease; background: none; border: none; text-align: left; cursor: pointer;
}
.menu-item[data-v-782baa7d]:hover { background-color: #f5f5f5;
}
.menu-icon[data-v-782baa7d] { width: 20px; text-align: center; margin-right: 8px; flex-shrink: 0; color: #888;
}
.team-selection-item .team-avatar[data-v-782baa7d] { margin-right: 8px;
}
.check-icon[data-v-782baa7d] { margin-left: auto; color: #2ecc71;
}
.section-header[data-v-782baa7d] { font-size: 12px; font-weight: bold; color: #888; padding: 8px 12px; text-transform: uppercase;
}
.a-icon[data-v-782baa7d] { margin-left: auto; font-size: 12px; transition: transform 0.2s ease;
}
.a-icon.is-open[data-v-782baa7d] { transform: rotate(180deg);
}

/* СТИЛИ ОСТАЛИСЬ БЕЗ ИЗМЕНЕНИЙ */
.sidebar-layout[data-v-70d192b0] { display: flex; flex-direction: column; height: 100vh; width: 100%; overflow: hidden;
}
.sidebar-header[data-v-70d192b0], .sidebar-footer[data-v-70d192b0] { flex-shrink: 0; padding: 0 4px;
}
.sidebar-header[data-v-70d192b0] { position: relative; padding-top: 40px;
}
.sidebar-footer[data-v-70d192b0] { padding-bottom: 4px;
}
.sidebar-content[data-v-70d192b0] { flex-grow: 1; position: relative; min-height: 0;
}
.sidebar-divider[data-v-70d192b0] { border: none; border-top: 1px solid #34495e; margin: 8px 0;
}
.sidebar-footer.is-expanded[data-v-70d192b0] { display: flex; justify-content: space-around; align-items: center; border-top: 1px solid #34495e; padding-top: 4px;
}
.sidebar-footer.is-expanded[data-v-70d192b0] .sidebar-item { width: auto;
}
.submenu-header[data-v-70d192b0] { font-size: 18px; font-weight: 600; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center;
}
.submenu-list[data-v-70d192b0] { list-style: none; margin: 0; padding: 0;
}
.submenu-button[data-v-70d192b0], a.submenu-button[data-v-70d192b0] { display: flex; align-items: center; width: 100%; padding: 8px 12px; border-radius: 4px; text-decoration: none; color: #333; transition: background-color 0.2s ease; background: none; border: none; text-align: left; cursor: pointer;
}
.submenu-button[data-v-70d192b0]:hover, a.submenu-button[data-v-70d192b0]:hover { background-color: #f5f5f5;
}
.submenu-icon[data-v-70d192b0] { width: 20px; text-align: center; margin-right: 8px; flex-shrink: 0;
}
.about-content[data-v-70d192b0] { padding: 4px 8px; color: #333; font-size: 14px;
}

.sidebar[data-v-19d9b6a8] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: #12344d;
    //background: #34495e;
    //background: #42b983;
    //color: white;
    color: #BBDCFE;
    transition: width 0.2s ease-in-out;
    width: var(--96ed010e);
    padding: 4px 6px; /* Добавляем небольшие отступы для всего сайдбара */
    box-sizing: border-box;
}

/* Когда добавляется класс .is-collapsed, меняем ширину */
.sidebar.is-collapsed[data-v-19d9b6a8] {
    padding: 4px; /* Уменьшаем отступы в свернутом режиме */
    //width: auto;
}
/* -------------------------------------------------- */
/* -- НАШ НОВЫЙ "ЗОЛОТОЙ СТАНДАРТ" ДЛЯ ВСЕХ КНОПОК -- */
/* -------------------------------------------------- */

/* 1. Обертка для каждого элемента меню (отвечает за внешние отступы) */
[data-v-19d9b6a8] .sidebar-item-wrapper {
    display: flex; /* Важно для позиционирования счетчиков/бейждей */
    position: relative;
    width: 100%;
    margin-bottom: 2px; /* Единый отступ между элементами */
}

/* 2. Сама кнопка/ссылка (отвечает за внутренние отступы и flex-раскладку) */
[data-v-19d9b6a8] .unified-sidebar-button {
    display: flex;
    align-items: center;
    width: 100%;
    height: 36px; /* Фиксированная высота */
    padding: 0 10px; /* Вертикальный padding 0, т.к. высота фиксирована, горизонтальный 10px */
    box-sizing: border-box;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    text-decoration: none; /* Для router-link */

    /* Цвета и переходы */
    background-color: transparent;
    color: #BBDCFE;
    transition: background-color 0.2s ease;
}
[data-v-19d9b6a8] .unified-sidebar-button:hover {
    background-color: #345C7C;
}

/* Активное состояние (например, для текущего режима) */
[data-v-19d9b6a8] .unified-sidebar-button.is-active {
    background-color: #4a657e;
}

/* 3. Иконка внутри кнопки */
[data-v-19d9b6a8] .unified-sidebar-button .button-icon {
    flex-shrink: 0; /* Не сжиматься */
    width: 20px; /* Фиксированная ширина контейнера иконки */
    font-size: 16px;
    text-align: center;
    margin-right: 12px; /* Отступ справа */
}

/* 4. Текст внутри кнопки */
[data-v-19d9b6a8] .unified-sidebar-button .button-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1; /* Занимать все доступное место */
    text-align: left; /* Явное выравнивание по левому краю */
}

/* Специальные стили для свернутого режима */
.is-collapsed[data-v-19d9b6a8] .unified-sidebar-button {
    justify-content: center;
    padding: 0; /* Убираем padding в свернутом режиме */

    /* ИЗМЕНЕНИЕ: Задаем фиксированную квадратную форму */
    width: 36px; /* Ширина равна высоте (36px) для идеального квадрата */

    /* Добавляем этот блок для сброса стилей <button> */
    font-family: inherit; /* Наследовать шрифт */
    font-size: inherit; /* Наследовать размер шрифта */
    text-transform: none; /* Убрать трансформацию текста */
    -webkit-appearance: none; /* Убрать нативные стили в Safari/Chrome */
    -moz-appearance: none; /* Убрать нативные стили в Firefox */
    appearance: none; /* Убрать нативные стили */
}
.is-collapsed[data-v-19d9b6a8] .unified-sidebar-button .button-icon {
    margin-right: 0; /* Убираем отступ у иконки */
}

/* ИЗМЕНЕНИЕ: Гарантированно скрываем текст, даже если v-if не используется */
.is-collapsed[data-v-19d9b6a8] .unified-sidebar-button .button-text {
    display: none;
}

.main-content[data-v-95cbc685] {
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    padding: 0;
}
.main-content--no-navbar[data-v-95cbc685] {
    left: 0;
}

.footer-trigger[data-v-15f9c215] {
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 20px;
    height: 5px;
    z-index: 101;
    background: transparent;
}
.footer[data-v-15f9c215] {
    display: flex;
    z-index: 6;
    background: #12344d;
    color: #BBDCFE;
    padding: 10px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 45px;
    right: 0;
    height: 40px;
    transition: transform 0.3s ease-in-out;
}
.footer.fixed[data-v-15f9c215] {
    position: fixed;
    transform: translateY(0);
    z-index: 6;
}
.footer.floating[data-v-15f9c215] {
    transform: translateY(38px);
}
.footer.floating.hovering[data-v-15f9c215] {
    transform: translateY(0);
}
.footer-content[data-v-15f9c215] {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Не обязательно, но можно оставить */
    width: 100%;
}
.footer-left[data-v-15f9c215] {
    display: flex;
    align-items: center;
    flex-grow: 1; /* Занимает все доступное пространство */
    min-width: 0; /* Предотвращает проблемы с переполнением */
    gap: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.footer-right[data-v-15f9c215] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 0; /* Оставляем ширину по содержимому */
    flex-shrink: 0; /* Не позволяет уменьшаться */
    padding-left: 12px;
}

.site-layout[data-v-cefa9dd6] {
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.content-wrapper[data-v-cefa9dd6] {
    display: flex;
    flex: 1;
    position: relative;
    overflow: hidden;
}
.with-header[data-v-cefa9dd6] {
    padding-top: 40px;
}
.content-container[data-v-cefa9dd6] {
    display: flex;
    flex: 1;
    overflow: auto;
    flex-direction: column;
    transition: margin-left 0.2s ease-in-out;
}
.main-content[data-v-cefa9dd6] {
    flex-grow: 1;
}
.sidebar-toggle-btn[data-v-cefa9dd6] {
    position: fixed;
    bottom: 20px;
    z-index: 200;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #34495e;
    border: 1px solid #4a657e;
    color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: left 0.2s ease-in-out, transform 0.2s ease;
}
.sidebar-toggle-btn[data-v-cefa9dd6]:hover {
    background-color: #4a657e;
    transform: scale(1.1);
}

.app[data-v-3ff14af6] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    font-family: Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
}

.info[data-v-770d2ad6] {
    cursor: help;
}
.dropdown-menu[data-v-770d2ad6] {
    position: absolute;
    will-change: transform;
    top: 0;
    left: 0;
    transform: translate3d(109px, 32px, 0px);
    box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.5);
}

.form-group[data-v-b2d9a673] {
    width: 100%;
}

.circularG_container[data-v-c69a5c23]{
    position:relative;
    width:58px;
    height:58px;
    margin: auto;
}
.circularG[data-v-c69a5c23]{
    position:absolute;
    border-style: solid;
    border-width: 3px;
    border-color: #12344d;
    width:14px;
    height:14px;
    border-radius:9px;
    -o-border-radius:9px;
    -ms-border-radius:9px;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    animation-name:bounce_circularG-c69a5c23;
    -o-animation-name:bounce_circularG-c69a5c23;
    -ms-animation-name:bounce_circularG-c69a5c23;
    -webkit-animation-name:bounce_circularG-c69a5c23;
    -moz-animation-name:bounce_circularG-c69a5c23;
    animation-duration:1.1s;
    -o-animation-duration:1.1s;
    -ms-animation-duration:1.1s;
    -webkit-animation-duration:1.1s;
    -moz-animation-duration:1.1s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}
.circularG_1[data-v-c69a5c23]{
    transform:scale(0.3);
    left:0;
    top:23px;
    animation-delay:0.01s;
    -o-animation-delay:0.01s;
    -ms-animation-delay:0.01s;
    -webkit-animation-delay:0.01s;
    -moz-animation-delay:0.01s;
}
.circularG_2[data-v-c69a5c23]{
    transform:scale(0.3);
    left:6px;
    top:6px;
    animation-delay:0.15s;
    -o-animation-delay:0.15s;
    -ms-animation-delay:0.15s;
    -webkit-animation-delay:0.15s;
    -moz-animation-delay:0.15s;
}
.circularG_3[data-v-c69a5c23]{
    transform:scale(0.3);
    top:0;
    left:23px;
    animation-delay:0.29s;
    -o-animation-delay:0.29s;
    -ms-animation-delay:0.29s;
    -webkit-animation-delay:0.29s;
    -moz-animation-delay:0.29s;
}
.circularG_4[data-v-c69a5c23]{
    transform:scale(0.3);
    right:6px;
    top:6px;
    animation-delay:0.43s;
    -o-animation-delay:0.43s;
    -ms-animation-delay:0.43s;
    -webkit-animation-delay:0.43s;
    -moz-animation-delay:0.43s;
}
.circularG_5[data-v-c69a5c23]{
    transform:scale(0.3);
    right:0;
    top:23px;
    animation-delay:0.57s;
    -o-animation-delay:0.57s;
    -ms-animation-delay:0.57s;
    -webkit-animation-delay:0.57s;
    -moz-animation-delay:0.57s;
}
.circularG_6[data-v-c69a5c23]{
    transform:scale(0.3);
    right:6px;
    bottom:6px;
    animation-delay:0.7s;
    -o-animation-delay:0.7s;
    -ms-animation-delay:0.7s;
    -webkit-animation-delay:0.7s;
    -moz-animation-delay:0.7s;
}
.circularG_7[data-v-c69a5c23]{
    transform:scale(0.3);
    left:23px;
    bottom:0;
    animation-delay:0.84s;
    -o-animation-delay:0.84s;
    -ms-animation-delay:0.84s;
    -webkit-animation-delay:0.84s;
    -moz-animation-delay:0.84s;
}
.circularG_8[data-v-c69a5c23]{
    transform:scale(0.3);
    left:6px;
    bottom:6px;
    animation-delay:0.98s;
    -o-animation-delay:0.98s;
    -ms-animation-delay:0.98s;
    -webkit-animation-delay:0.98s;
    -moz-animation-delay:0.98s;
}
@keyframes bounce_circularG-c69a5c23{
0%{
        transform:scale(.3);
}
35%{
        transform:scale(1);
}
90%{
        transform:scale(0.3);
}
100%{
        transform:scale(0.3);
}
}
@-o-keyframes bounce_circularG-c69a5c23{
0%{
        -o-transform:scale(.3);
}
35%{
        -o-transform:scale(1);
}
90%{
        -o-transform:scale(0.3);
}
100%{
        -o-transform:scale(0.3);
}
}
@-ms-keyframes bounce_circularG-c69a5c23{
0%{
        -ms-transform:scale(.3);
}
35%{
        -ms-transform:scale(1);
}
90%{
        -ms-transform:scale(0.3);
}
100%{
        -ms-transform:scale(0.3);
}
}
@-webkit-keyframes bounce_circularG-c69a5c23{
0%{
        -webkit-transform:scale(.3);
}
35%{
        -webkit-transform:scale(1);
}
90%{
        -webkit-transform:scale(0.3);
}
100%{
        -webkit-transform:scale(0.3);
}
}
@-moz-keyframes bounce_circularG-c69a5c23{
0%{
        -moz-transform:scale(.3);
}
35%{
        -moz-transform:scale(1);
}
90%{
        -moz-transform:scale(0.3);
}
100%{
        -moz-transform:scale(0.3);
}
}

    /*@keyframes ldio-jepi1z6vv3q {*/
    /*    0% { transform: translate(-50%,-50%) rotate(0deg); }*/
    /*    100% { transform: translate(-50%,-50%) rotate(360deg); }*/
    /*}*/
    /*.ldio-jepi1z6vv3q div {*/
    /*    position: absolute;*/
    /*    width: 49px;*/
    /*    height: 49px;*/
    /*    border: 21px solid #151d5e;*/
    /*    border-top-color: transparent;*/
    /*    border-radius: 50%;*/
    /*}*/
    /*.ldio-jepi1z6vv3q div {*/
    /*    animation: ldio-jepi1z6vv3q 0.6756756756756757s linear infinite;*/
    /*    top: 50px;*/
    /*    left: 50px*/
    /*}*/
    /*.loadingio-spinner-rolling-ox1tlhmk37k {*/
    /*    width: 50px;*/
    /*    height: 50px;*/
    /*    display: inline-block;*/
    /*    overflow: hidden;*/
    /*    background: #ffffff;*/
    /*}*/
    /*.ldio-jepi1z6vv3q {*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    position: relative;*/
    /*    transform: translateZ(0) scale(0.5);*/
    /*    backface-visibility: hidden;*/
    /*    transform-origin: 0 0; !* see note above *!*/
    /*}*/
    /*.ldio-jepi1z6vv3q div { box-sizing: content-box; }*/
    /*!* generated by https://loading.io/ *!*/

.background[data-v-3b4ec582] {
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    height: 100%;
    width: 100%;
}
html {
    font-size: 14px;
}
h1 {
    font-size: xx-large;
}
h2 {
    color: #346a9d;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
.btn-primary {
    background-color: #12344d;
    color: #BBDCFE;
}
.btn-primary:active {
    background-color: #345c7c;
}
.btn-primary:hover {
    background-color: #345c7c;
}
.shadowBox {
    box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.5);
    border-radius: 0.25rem;
    padding-bottom: 30px;
}
.form-control, .btn {
    line-height: 1;
    height: 1.8rem;
}

.sidebar-button-icon {
    width: 30px;
    /*background-color: #42b983;*/
}