/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.q-menu.admin-dropdown-menu {
  background-color: var(--Neutral-UI-neutral-ui-80);
  border-radius: 12px;
  box-shadow: none;
  overflow: hidden;
  padding: 4px 0;
}
.q-menu.admin-dropdown-menu .q-item {
  color: var(--Neutral-UI-neutral-ui-0);
  font-family: var(--Font-Primary-Font);
  font-size: 14px;
  font-weight: 500;
  min-height: 44px;
  padding: 10px 16px;
}
.q-menu.admin-dropdown-menu .q-item:hover {
  background-color: var(--Neutral-UI-neutral-ui-70);
}
.q-menu.admin-dropdown-menu .q-item.q-manual-focusable--focused,
.q-menu.admin-dropdown-menu .q-item--active {
  background-color: var(--Neutral-UI-neutral-ui-70);
  font-weight: 700;
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-6ac5d8e6 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.admin-overview-filters[data-v-6ac5d8e6] {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 32px;
  background: var(--Neutral-UI-neutral-ui-0);
  border-radius: 100px;
  padding: 12px 24px;
}
.admin-overview-filters__select[data-v-6ac5d8e6] .q-field__control {
  min-height: unset;
  height: auto;
}
.admin-overview-filters__select[data-v-6ac5d8e6] .q-field__native {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  padding: 0;
  min-height: unset;
}
.admin-overview-filters__select[data-v-6ac5d8e6] .q-field__append {
  padding: 0;
  min-height: unset;
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-5e19f052 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.admin-stat-card[data-v-5e19f052] {
  background: var(--Neutral-UI-neutral-ui-0);
  border-radius: 12px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4px;
  flex: 1;
  min-width: 0;
  min-height: 200px;
}
.admin-stat-card__top[data-v-5e19f052] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.admin-stat-card__value[data-v-5e19f052] {
  /* Metric/Metric LG */
  font-family: var(--Font-Metric-Font);
  font-size: var(--Typography-Metric---LG);
  font-style: italic;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -1.26px;
  font-size: 56px;
  color: var(--Neutral-UI-neutral-ui-80);
}
.admin-stat-card__value--suppressed[data-v-5e19f052] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  font-size: 16px;
  opacity: 0.5;
  font-style: italic;
}
.admin-stat-card__change[data-v-5e19f052] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}
.admin-stat-card__arrow[data-v-5e19f052] {
  flex-shrink: 0;
}
.admin-stat-card__arrow--up[data-v-5e19f052] {
  color: var(--Functional-wl-complete-text);
}
.admin-stat-card__arrow--down[data-v-5e19f052] {
  color: var(--Functional-wl-error-text);
}
.admin-stat-card__change-value[data-v-5e19f052] {
  /* Metric/Metric MD */
  font-family: var(--Font-Metric-Font);
  font-size: var(--Typography-Metric---MD);
  font-style: italic;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.6px;
  font-size: 24px;
  color: var(--Neutral-UI-neutral-ui-80);
}
.admin-stat-card__period[data-v-5e19f052] {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  text-align: right;
}
.admin-stat-card__label[data-v-5e19f052] {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.admin-stat-card__info[data-v-5e19f052] {
  position: relative;
  display: flex;
  cursor: help;
  margin-left: auto;
}
.admin-stat-card__info-icon[data-v-5e19f052] {
  color: var(--Neutral-UI-neutral-ui-80);
  opacity: 0.3;
}
.admin-stat-card__tooltip[data-v-5e19f052] {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  width: 220px;
  padding: 10px 14px;
  background: var(--Neutral-UI-neutral-ui-80);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: none;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-stat-card__tooltip-title[data-v-5e19f052] {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-0);
  line-height: 1.4;
}
.admin-stat-card__tooltip-text[data-v-5e19f052] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-0);
  opacity: 0.7;
  line-height: 1.5;
}
.admin-stat-card__tooltip-arrow[data-v-5e19f052] {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--Neutral-UI-neutral-ui-80);
}
.admin-stat-card__skeleton-value[data-v-5e19f052] {
  height: 56px;
  width: 100px;
  border-radius: 8px;
  background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-10) 25%, var(--Neutral-UI-neutral-ui-20) 37%, var(--Neutral-UI-neutral-ui-10) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer-5e19f052 1.4s ease infinite;
  border-radius: 4px;
}
@container dark-mode (min-width: 0) {
.admin-stat-card__skeleton-value[data-v-5e19f052] {
    background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-20) 25%, var(--Neutral-UI-neutral-ui-30) 37%, var(--Neutral-UI-neutral-ui-20) 63%);
    background-size: 400% 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.admin-stat-card__skeleton-value[data-v-5e19f052] {
    animation: none;
}
}
.admin-stat-card__skeleton-label[data-v-5e19f052] {
  height: 16px;
  width: 120px;
  margin-top: 8px;
  background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-10) 25%, var(--Neutral-UI-neutral-ui-20) 37%, var(--Neutral-UI-neutral-ui-10) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer-5e19f052 1.4s ease infinite;
  border-radius: 4px;
}
@container dark-mode (min-width: 0) {
.admin-stat-card__skeleton-label[data-v-5e19f052] {
    background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-20) 25%, var(--Neutral-UI-neutral-ui-30) 37%, var(--Neutral-UI-neutral-ui-20) 63%);
    background-size: 400% 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.admin-stat-card__skeleton-label[data-v-5e19f052] {
    animation: none;
}
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-ce71df0f {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.voucher-card[data-v-ce71df0f] {
  background: var(--Neutral-UI-neutral-ui-0);
  border-radius: 12px;
  padding: 32px;
}
.voucher-card__header[data-v-ce71df0f] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin-bottom: 16px;
}
.voucher-card__title[data-v-ce71df0f] {
  /* Body/Body - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  margin: 0;
}
.voucher-card__date-range[data-v-ce71df0f] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-60);
}
.voucher-card__select[data-v-ce71df0f] {
  margin-top: 8px;
  background: var(--Neutral-UI-neutral-ui-10);
  border-radius: 100px;
  padding: 4px 16px;
}
.voucher-card__select[data-v-ce71df0f] .q-field__control {
  min-height: unset;
  height: auto;
}
.voucher-card__select[data-v-ce71df0f] .q-field__native {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  padding: 0;
  min-height: unset;
}
.voucher-card__select[data-v-ce71df0f] .q-field__append {
  padding: 0;
  min-height: unset;
}
.voucher-card__table[data-v-ce71df0f] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.voucher-card__table th[data-v-ce71df0f] {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  text-align: left;
  padding: 8px 16px;
  border-bottom: 1px solid var(--Neutral-UI-neutral-ui-10);
  white-space: nowrap;
}
.voucher-card__table th[data-v-ce71df0f]:nth-child(1), .voucher-card__table th[data-v-ce71df0f]:nth-child(2) {
  width: 35%;
}
.voucher-card__table th[data-v-ce71df0f]:nth-child(3) {
  width: 30%;
}
.voucher-card__table td[data-v-ce71df0f] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  padding: 16px;
  border-top: 1px solid var(--Neutral-UI-neutral-ui-10);
}
.voucher-card__table .voucher-card__table-bold[data-v-ce71df0f] {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
.voucher-card__table .voucher-card__table-num[data-v-ce71df0f] {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  text-align: right;
}
.voucher-card__skeleton[data-v-ce71df0f] {
  display: flex;
  flex-direction: column;
}
.voucher-card__skeleton-header[data-v-ce71df0f] {
  display: flex;
  gap: 16px;
  padding: 8px 16px;
}
.voucher-card__skeleton-row[data-v-ce71df0f] {
  display: flex;
  gap: 16px;
  padding: 16px;
}
.voucher-card__skeleton-cell[data-v-ce71df0f] {
  flex: 1;
  height: 14px;
  background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-10) 25%, var(--Neutral-UI-neutral-ui-20) 37%, var(--Neutral-UI-neutral-ui-10) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer-ce71df0f 1.4s ease infinite;
  border-radius: 4px;
}
@container dark-mode (min-width: 0) {
.voucher-card__skeleton-cell[data-v-ce71df0f] {
    background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-20) 25%, var(--Neutral-UI-neutral-ui-30) 37%, var(--Neutral-UI-neutral-ui-20) 63%);
    background-size: 400% 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.voucher-card__skeleton-cell[data-v-ce71df0f] {
    animation: none;
}
}
.voucher-card__empty[data-v-ce71df0f] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
  text-align: center;
  padding: 40px;
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-fb889285 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.trend-chart[data-v-fb889285] {
  background: var(--Neutral-UI-neutral-ui-0);
  border-radius: 12px;
  padding: 32px;
}
.trend-chart__header[data-v-fb889285] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}
.trend-chart__title[data-v-fb889285] {
  /* Body/Body - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  margin: 0 0 4px;
}
.trend-chart__date-range[data-v-fb889285] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-60);
}
.trend-chart__container[data-v-fb889285] {
  width: 100%;
  min-height: 360px;
}
.trend-chart__skeleton[data-v-fb889285] {
  position: relative;
  height: 320px;
  display: flex;
  flex-direction: column;
}
.trend-chart__skeleton-wave[data-v-fb889285] {
  flex: 1;
  width: 100%;
}
.trend-chart__skeleton-grid[data-v-fb889285] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 0 60px;
  pointer-events: none;
}
.trend-chart__skeleton-grid-line[data-v-fb889285] {
  height: 1px;
  background: var(--Neutral-UI-neutral-ui-10);
}
.trend-chart__skeleton-labels[data-v-fb889285] {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}
.trend-chart__skeleton-label[data-v-fb889285] {
  width: 48px;
  height: 12px;
  background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-10) 25%, var(--Neutral-UI-neutral-ui-20) 37%, var(--Neutral-UI-neutral-ui-10) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer-fb889285 1.4s ease infinite;
  border-radius: 4px;
}
@container dark-mode (min-width: 0) {
.trend-chart__skeleton-label[data-v-fb889285] {
    background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-20) 25%, var(--Neutral-UI-neutral-ui-30) 37%, var(--Neutral-UI-neutral-ui-20) 63%);
    background-size: 400% 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.trend-chart__skeleton-label[data-v-fb889285] {
    animation: none;
}
}
.trend-chart__empty[data-v-fb889285] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
  text-align: center;
  padding: 40px;
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-5ef142ce {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.weekly-data-table[data-v-5ef142ce] {
  background: var(--Neutral-UI-neutral-ui-0);
  border-radius: 12px;
  padding: 32px;
}
.weekly-data-table__table[data-v-5ef142ce] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.weekly-data-table__table th[data-v-5ef142ce] {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  text-align: left;
  padding: 8px 16px;
  border-bottom: 1px solid var(--Neutral-UI-neutral-ui-10);
  white-space: nowrap;
  width: 33.33%;
}
.weekly-data-table__table td[data-v-5ef142ce] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  padding: 16px;
  border-top: 1px solid var(--Neutral-UI-neutral-ui-10);
}
.weekly-data-table__table .weekly-data-table__table-bold[data-v-5ef142ce] {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
.weekly-data-table__table .weekly-data-table__table-num[data-v-5ef142ce] {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  text-align: right;
}
.weekly-data-table__skeleton[data-v-5ef142ce] {
  display: flex;
  flex-direction: column;
}
.weekly-data-table__skeleton-header[data-v-5ef142ce] {
  display: flex;
  gap: 16px;
  padding: 8px 16px;
}
.weekly-data-table__skeleton-row[data-v-5ef142ce] {
  display: flex;
  gap: 16px;
  padding: 16px;
}
.weekly-data-table__skeleton-cell[data-v-5ef142ce] {
  flex: 1;
  height: 14px;
  background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-10) 25%, var(--Neutral-UI-neutral-ui-20) 37%, var(--Neutral-UI-neutral-ui-10) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer-5ef142ce 1.4s ease infinite;
  border-radius: 4px;
}
@container dark-mode (min-width: 0) {
.weekly-data-table__skeleton-cell[data-v-5ef142ce] {
    background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-20) 25%, var(--Neutral-UI-neutral-ui-30) 37%, var(--Neutral-UI-neutral-ui-20) 63%);
    background-size: 400% 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.weekly-data-table__skeleton-cell[data-v-5ef142ce] {
    animation: none;
}
}
.weekly-data-table__empty[data-v-5ef142ce] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
  text-align: center;
  padding: 40px;
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-7d7d0fd0 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.admin-overview[data-v-7d7d0fd0] {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1200px;
}
@media (max-width: 600px) {
.admin-overview[data-v-7d7d0fd0] {
    padding: 16px;
}
}
.admin-overview__header h1[data-v-7d7d0fd0] {
  /* Display/D1 */
  font-family: var(--Font-Secondary-Font);
  font-size: var(--Typography-D1);
  font-style: normal;
  font-weight: 200;
  line-height: 90%;
  letter-spacing: -0.1rem;
  margin: 0 0 4px;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.admin-overview__title-icon[data-v-7d7d0fd0] {
  width: 24px;
  height: 24px;
}
.admin-overview__subtitle[data-v-7d7d0fd0] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-60);
  margin: 0;
}
.admin-overview__error[data-v-7d7d0fd0] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Functional-wl-error-text);
  background: var(--Neutral-UI-neutral-ui-0);
  padding: 12px 16px;
  border-radius: 8px;
}
.admin-overview__stats[data-v-7d7d0fd0] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 1280px) {
.admin-overview__stats[data-v-7d7d0fd0] {
    flex-direction: row;
}
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-e977f104 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.donut-chart[data-v-e977f104] {
  background: var(--Neutral-UI-neutral-ui-0);
  border-radius: 12px;
  padding: 32px;
  display: flex;
  flex-direction: column;
}
.donut-chart__header[data-v-e977f104] {
  margin-bottom: 16px;
}
.donut-chart__title[data-v-e977f104] {
  /* Body/Body - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  margin: 0 0 4px;
}
.donut-chart__date-range[data-v-e977f104] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-60);
}
.donut-chart__container[data-v-e977f104] {
  width: 100%;
  min-height: 320px;
}
.donut-chart__skeleton[data-v-e977f104] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 16px 0;
}
.donut-chart__skeleton-donut[data-v-e977f104] {
  width: 200px;
  height: 200px;
}
.donut-chart__skeleton-legend[data-v-e977f104] {
  display: flex;
  gap: 24px;
}
.donut-chart__skeleton-legend-item[data-v-e977f104] {
  width: 64px;
  height: 12px;
  background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-10) 25%, var(--Neutral-UI-neutral-ui-20) 37%, var(--Neutral-UI-neutral-ui-10) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer-e977f104 1.4s ease infinite;
  border-radius: 4px;
}
@container dark-mode (min-width: 0) {
.donut-chart__skeleton-legend-item[data-v-e977f104] {
    background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-20) 25%, var(--Neutral-UI-neutral-ui-30) 37%, var(--Neutral-UI-neutral-ui-20) 63%);
    background-size: 400% 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.donut-chart__skeleton-legend-item[data-v-e977f104] {
    animation: none;
}
}
.donut-chart__empty[data-v-e977f104] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 24px 0;
}
.donut-chart__empty-donut[data-v-e977f104] {
  width: 160px;
  height: 160px;
  opacity: 0.5;
}
.donut-chart__empty-label[data-v-e977f104] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-b9f3b3d0 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.column-chart[data-v-b9f3b3d0] {
  background: var(--Neutral-UI-neutral-ui-0);
  border-radius: 12px;
  padding: 32px;
}
.column-chart__header[data-v-b9f3b3d0] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}
.column-chart__title[data-v-b9f3b3d0] {
  /* Body/Body - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  margin: 0 0 4px;
}
.column-chart__subtitle[data-v-b9f3b3d0] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-60);
}
.column-chart__container[data-v-b9f3b3d0] {
  width: 100%;
}
.column-chart__empty[data-v-b9f3b3d0] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
  text-align: center;
  padding: 40px;
}
.column-chart__skeleton[data-v-b9f3b3d0] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 16px;
}
.column-chart__skeleton-bars[data-v-b9f3b3d0] {
  display: flex;
  align-items: flex-end;
  height: 280px;
  padding: 0 40px;
}
.column-chart__skeleton-bar-slot[data-v-b9f3b3d0] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
}
.column-chart__skeleton-bar[data-v-b9f3b3d0] {
  width: 55%;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-10) 25%, var(--Neutral-UI-neutral-ui-20) 37%, var(--Neutral-UI-neutral-ui-10) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer-b9f3b3d0 1.4s ease infinite;
  border-radius: 4px;
}
@container dark-mode (min-width: 0) {
.column-chart__skeleton-bar[data-v-b9f3b3d0] {
    background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-20) 25%, var(--Neutral-UI-neutral-ui-30) 37%, var(--Neutral-UI-neutral-ui-20) 63%);
    background-size: 400% 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.column-chart__skeleton-bar[data-v-b9f3b3d0] {
    animation: none;
}
}
.column-chart__skeleton-axis[data-v-b9f3b3d0] {
  height: 1px;
  background: var(--Neutral-UI-neutral-ui-10);
}
.column-chart__skeleton-labels[data-v-b9f3b3d0] {
  display: flex;
  padding: 0 40px;
}
.column-chart__skeleton-label[data-v-b9f3b3d0] {
  flex: 1;
  display: flex;
  justify-content: center;
}
.column-chart__skeleton-label-bar[data-v-b9f3b3d0] {
  width: 32px;
  height: 12px;
  background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-10) 25%, var(--Neutral-UI-neutral-ui-20) 37%, var(--Neutral-UI-neutral-ui-10) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer-b9f3b3d0 1.4s ease infinite;
  border-radius: 4px;
}
@container dark-mode (min-width: 0) {
.column-chart__skeleton-label-bar[data-v-b9f3b3d0] {
    background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-20) 25%, var(--Neutral-UI-neutral-ui-30) 37%, var(--Neutral-UI-neutral-ui-20) 63%);
    background-size: 400% 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.column-chart__skeleton-label-bar[data-v-b9f3b3d0] {
    animation: none;
}
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-5775fb69 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.gender-age-table[data-v-5775fb69] {
  background: var(--Neutral-UI-neutral-ui-0);
  border-radius: 12px;
  padding: 32px;
}
.gender-age-table__header[data-v-5775fb69] {
  margin-bottom: 16px;
}
.gender-age-table__title[data-v-5775fb69] {
  /* Body/Body - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  margin: 0 0 4px;
}
.gender-age-table__subtitle[data-v-5775fb69] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-60);
}
.gender-age-table__table[data-v-5775fb69] {
  width: 100%;
  border-collapse: collapse;
}
.gender-age-table__table th[data-v-5775fb69] {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  text-align: left;
  padding: 8px 16px;
  border-bottom: 1px solid var(--Neutral-UI-neutral-ui-10);
  white-space: nowrap;
}
.gender-age-table__table td[data-v-5775fb69] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  padding: 16px;
  border-top: 1px solid var(--Neutral-UI-neutral-ui-10);
}
.gender-age-table__num[data-v-5775fb69] {
  text-align: right;
}
.gender-age-table__gender-row[data-v-5775fb69] {
  cursor: pointer;
}
.gender-age-table__gender-row[data-v-5775fb69]:hover {
  background: var(--Neutral-UI-neutral-ui-10);
}
.gender-age-table__expand-cell[data-v-5775fb69] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.gender-age-table__chevron[data-v-5775fb69] {
  transition: transform 200ms ease;
}
.gender-age-table__chevron--expanded[data-v-5775fb69] {
  transform: rotate(90deg);
}
.gender-age-table__detail-row td[data-v-5775fb69] {
  color: var(--Neutral-UI-neutral-ui-80);
  padding: 12px 16px;
  border-top: 1px solid var(--Neutral-UI-neutral-ui-10);
}
.gender-age-table__bold[data-v-5775fb69] {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
.gender-age-table__empty[data-v-5775fb69] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
  text-align: center;
  padding: 40px;
}
.gender-age-table__skeleton[data-v-5775fb69] {
  display: flex;
  flex-direction: column;
}
.gender-age-table__skeleton-header[data-v-5775fb69] {
  display: flex;
  gap: 16px;
  padding: 8px 16px;
}
.gender-age-table__skeleton-row[data-v-5775fb69] {
  display: flex;
  gap: 16px;
  padding: 16px;
}
.gender-age-table__skeleton-cell[data-v-5775fb69] {
  flex: 1;
  height: 14px;
  background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-10) 25%, var(--Neutral-UI-neutral-ui-20) 37%, var(--Neutral-UI-neutral-ui-10) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer-5775fb69 1.4s ease infinite;
  border-radius: 4px;
}
@container dark-mode (min-width: 0) {
.gender-age-table__skeleton-cell[data-v-5775fb69] {
    background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-20) 25%, var(--Neutral-UI-neutral-ui-30) 37%, var(--Neutral-UI-neutral-ui-20) 63%);
    background-size: 400% 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.gender-age-table__skeleton-cell[data-v-5775fb69] {
    animation: none;
}
}
.gender-age-table__skeleton-cell--narrow[data-v-5775fb69] {
  flex: 0.6;
}
@container dark-mode (min-width: 0) {
.gender-age-table__gender-row[data-v-5775fb69]:hover {
    background: var(--Neutral-UI-neutral-ui-10);
}
.gender-age-table__detail-row td[data-v-5775fb69] {
    border-top-color: var(--Neutral-UI-neutral-ui-20);
}
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-44807355 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.suppression-notice[data-v-44807355] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 16px;
  background: var(--Neutral-UI-neutral-ui-10);
  border: 1px solid var(--Neutral-UI-neutral-ui-10);
  border-radius: 8px;
}
.suppression-notice__icon[data-v-44807355] {
  color: var(--Neutral-UI-neutral-ui-50);
  flex-shrink: 0;
  margin-top: 1px;
}
.suppression-notice__text[data-v-44807355] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
  line-height: 1.5;
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-e4bdb91e {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.admin-segments[data-v-e4bdb91e] {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1200px;
}
@media (max-width: 600px) {
.admin-segments[data-v-e4bdb91e] {
    padding: 16px;
}
}
.admin-segments__header h1[data-v-e4bdb91e] {
  /* Display/D1 */
  font-family: var(--Font-Secondary-Font);
  font-size: var(--Typography-D1);
  font-style: normal;
  font-weight: 200;
  line-height: 90%;
  letter-spacing: -0.1rem;
  margin: 0 0 4px;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.admin-segments__title-icon[data-v-e4bdb91e] {
  width: 24px;
  height: 24px;
}
.admin-segments__subtitle[data-v-e4bdb91e] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-60);
  margin: 0;
}
.admin-segments__error[data-v-e4bdb91e] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Functional-wl-error-text);
  background: var(--Neutral-UI-neutral-ui-0);
  padding: 12px 16px;
  border-radius: 8px;
}
.admin-segments__stats[data-v-e4bdb91e] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.admin-segments__charts-row[data-v-e4bdb91e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 768px) {
.admin-segments__charts-row[data-v-e4bdb91e] {
    grid-template-columns: 1fr;
}
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-b1a53004 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.admin-engagement[data-v-b1a53004] {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1200px;
}
@media (max-width: 600px) {
.admin-engagement[data-v-b1a53004] {
    padding: 16px;
}
}
.admin-engagement__header h1[data-v-b1a53004] {
  /* Display/D1 */
  font-family: var(--Font-Secondary-Font);
  font-size: var(--Typography-D1);
  font-style: normal;
  font-weight: 200;
  line-height: 90%;
  letter-spacing: -0.1rem;
  margin: 0 0 4px;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.admin-engagement__title-icon[data-v-b1a53004] {
  width: 24px;
  height: 24px;
}
.admin-engagement__subtitle[data-v-b1a53004] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-60);
  margin: 0;
}
.admin-engagement__error[data-v-b1a53004] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Functional-wl-error-text);
  background: var(--Neutral-UI-neutral-ui-0);
  padding: 12px 16px;
  border-radius: 8px;
}
.admin-engagement__stats[data-v-b1a53004] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 1280px) {
.admin-engagement__stats[data-v-b1a53004] {
    flex-direction: row;
}
}
.admin-engagement__charts-row[data-v-b1a53004] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (min-width: 1280px) {
.admin-engagement__charts-row[data-v-b1a53004] {
    flex-direction: row;
}
.admin-engagement__charts-row[data-v-b1a53004] > * {
    flex: 1;
    min-width: 0;
}
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-1acf17fa {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.intervention-accordion[data-v-1acf17fa] {
  background: var(--Neutral-UI-neutral-ui-0);
  border-radius: 12px;
  padding: 32px;
}
.intervention-accordion__header[data-v-1acf17fa] {
  margin-bottom: 24px;
}
.intervention-accordion__title[data-v-1acf17fa] {
  /* Body/Body - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  margin: 0 0 4px;
}
.intervention-accordion__subtitle[data-v-1acf17fa] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-60);
}
.intervention-accordion__skeleton[data-v-1acf17fa] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.intervention-accordion__skeleton-card[data-v-1acf17fa] {
  background: var(--Neutral-UI-neutral-ui-10);
  border-radius: 12px;
  padding: 20px 24px 16px;
}
.intervention-accordion__skeleton-top[data-v-1acf17fa] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}
.intervention-accordion__skeleton-info[data-v-1acf17fa] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.intervention-accordion__skeleton-name[data-v-1acf17fa] {
  height: 16px;
  width: 220px;
  background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-10) 25%, var(--Neutral-UI-neutral-ui-20) 37%, var(--Neutral-UI-neutral-ui-10) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer-1acf17fa 1.4s ease infinite;
  border-radius: 4px;
}
@container dark-mode (min-width: 0) {
.intervention-accordion__skeleton-name[data-v-1acf17fa] {
    background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-20) 25%, var(--Neutral-UI-neutral-ui-30) 37%, var(--Neutral-UI-neutral-ui-20) 63%);
    background-size: 400% 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.intervention-accordion__skeleton-name[data-v-1acf17fa] {
    animation: none;
}
}
.intervention-accordion__skeleton-metrics[data-v-1acf17fa] {
  height: 12px;
  width: 160px;
  background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-10) 25%, var(--Neutral-UI-neutral-ui-20) 37%, var(--Neutral-UI-neutral-ui-10) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer-1acf17fa 1.4s ease infinite;
  border-radius: 4px;
}
@container dark-mode (min-width: 0) {
.intervention-accordion__skeleton-metrics[data-v-1acf17fa] {
    background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-20) 25%, var(--Neutral-UI-neutral-ui-30) 37%, var(--Neutral-UI-neutral-ui-20) 63%);
    background-size: 400% 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.intervention-accordion__skeleton-metrics[data-v-1acf17fa] {
    animation: none;
}
}
.intervention-accordion__skeleton-rate[data-v-1acf17fa] {
  height: 14px;
  width: 80px;
  flex-shrink: 0;
  background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-10) 25%, var(--Neutral-UI-neutral-ui-20) 37%, var(--Neutral-UI-neutral-ui-10) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer-1acf17fa 1.4s ease infinite;
  border-radius: 4px;
}
@container dark-mode (min-width: 0) {
.intervention-accordion__skeleton-rate[data-v-1acf17fa] {
    background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-20) 25%, var(--Neutral-UI-neutral-ui-30) 37%, var(--Neutral-UI-neutral-ui-20) 63%);
    background-size: 400% 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.intervention-accordion__skeleton-rate[data-v-1acf17fa] {
    animation: none;
}
}
.intervention-accordion__skeleton-progress[data-v-1acf17fa] {
  height: 6px;
  border-radius: 3px;
  margin-top: 12px;
  background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-10) 25%, var(--Neutral-UI-neutral-ui-20) 37%, var(--Neutral-UI-neutral-ui-10) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer-1acf17fa 1.4s ease infinite;
  border-radius: 4px;
}
@container dark-mode (min-width: 0) {
.intervention-accordion__skeleton-progress[data-v-1acf17fa] {
    background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-20) 25%, var(--Neutral-UI-neutral-ui-30) 37%, var(--Neutral-UI-neutral-ui-20) 63%);
    background-size: 400% 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.intervention-accordion__skeleton-progress[data-v-1acf17fa] {
    animation: none;
}
}
.intervention-accordion__empty[data-v-1acf17fa] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
  text-align: center;
  padding: 40px;
}
.intervention-accordion__list[data-v-1acf17fa] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.intervention-accordion__item[data-v-1acf17fa] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: var(--Neutral-UI-neutral-ui-10);
  border: 1px solid var(--Neutral-UI-neutral-ui-10);
  border-radius: 12px;
  padding: 20px 24px 16px;
  transition: background 200ms ease;
}
.intervention-accordion__item[data-v-1acf17fa]:hover {
  background: var(--Neutral-UI-neutral-ui-20);
}
.intervention-accordion__card[data-v-1acf17fa] {
  cursor: pointer;
}
.intervention-accordion__row[data-v-1acf17fa] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.intervention-accordion__row-left[data-v-1acf17fa] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1;
}
.intervention-accordion__info[data-v-1acf17fa] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.intervention-accordion__name[data-v-1acf17fa] {
  /* Body/Body - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
}
.intervention-accordion__metrics[data-v-1acf17fa] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-60);
}
.intervention-accordion__row-right[data-v-1acf17fa] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.intervention-accordion__rate[data-v-1acf17fa] {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  white-space: nowrap;
}
.intervention-accordion__progress[data-v-1acf17fa] {
  width: 100%;
  height: 6px;
  background: var(--Neutral-UI-neutral-ui-30);
  border-radius: 3px;
  overflow: hidden;
  margin-top: 12px;
}
.intervention-accordion__progress-bar[data-v-1acf17fa] {
  height: 100%;
  background: var(--Functional-wl-completed-surface);
  border-radius: 3px;
  transition: width 300ms ease;
}
.intervention-accordion__chevron[data-v-1acf17fa] {
  color: var(--Neutral-UI-neutral-ui-50);
  flex-shrink: 0;
  transition: transform 200ms ease;
  transform: rotate(180deg);
}
.intervention-accordion__chevron--expanded[data-v-1acf17fa] {
  transform: rotate(0deg);
}
.intervention-accordion__session-card[data-v-1acf17fa] {
  background: var(--Neutral-UI-neutral-ui-0);
  border: 1px solid var(--Neutral-UI-neutral-ui-20);
  border-radius: 12px;
  overflow: hidden;
}
.intervention-accordion__session-row[data-v-1acf17fa] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  cursor: pointer;
  transition: background 200ms ease;
}
.intervention-accordion__session-row[data-v-1acf17fa]:hover {
  background: var(--Neutral-UI-neutral-ui-10);
}
.intervention-accordion__session-name[data-v-1acf17fa] {
  /* Body/Body - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
}
.intervention-accordion__questionnaires[data-v-1acf17fa] {
  border-top: 1px solid var(--Neutral-UI-neutral-ui-10);
  padding: 0 24px 16px;
}
.intervention-accordion__table[data-v-1acf17fa] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.intervention-accordion__col-name[data-v-1acf17fa] {
  width: auto;
  text-align: left;
}
.intervention-accordion__col-num[data-v-1acf17fa] {
  width: 160px;
  text-align: center;
}
.intervention-accordion__table th[data-v-1acf17fa] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
  padding: 16px 0 12px;
  white-space: nowrap;
  border-bottom: 1px solid var(--Neutral-UI-neutral-ui-10);
  font-weight: normal;
}
.intervention-accordion__table td[data-v-1acf17fa] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  padding: 14px 0;
  border-top: 1px solid var(--Neutral-UI-neutral-ui-10);
}
.intervention-accordion__no-data[data-v-1acf17fa] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
  padding: 16px 0;
}
@media (max-width: 600px) {
.intervention-accordion[data-v-1acf17fa] {
    padding: 20px 16px;
}
.intervention-accordion__item[data-v-1acf17fa] {
    padding: 16px 16px 12px;
}
.intervention-accordion__session-row[data-v-1acf17fa] {
    padding: 12px 16px;
}
.intervention-accordion__questionnaires[data-v-1acf17fa] {
    padding: 0 16px 12px;
}
.intervention-accordion__table[data-v-1acf17fa] {
    table-layout: auto;
}
.intervention-accordion__col-num[data-v-1acf17fa] {
    width: auto;
    min-width: 64px;
    padding-left: 8px;
}
.intervention-accordion__table th[data-v-1acf17fa] {
    white-space: normal;
    font-size: 11px;
}
.intervention-accordion__table td[data-v-1acf17fa] {
    font-size: 12px;
}
}
@container dark-mode (min-width: 0) {
.intervention-accordion__item[data-v-1acf17fa] {
    background: var(--Neutral-UI-neutral-ui-10);
    border-color: var(--Neutral-UI-neutral-ui-20);
}
.intervention-accordion__item[data-v-1acf17fa]:hover {
    background: var(--Neutral-UI-neutral-ui-20);
}
.intervention-accordion__skeleton-card[data-v-1acf17fa] {
    background: var(--Neutral-UI-neutral-ui-10);
}
.intervention-accordion__session-card[data-v-1acf17fa] {
    background: var(--Neutral-UI-neutral-ui-0);
    border-color: var(--Neutral-UI-neutral-ui-20);
}
.intervention-accordion__session-row[data-v-1acf17fa]:hover {
    background: var(--Neutral-UI-neutral-ui-10);
}
.intervention-accordion__table td[data-v-1acf17fa] {
    border-top-color: var(--Neutral-UI-neutral-ui-20);
}
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-bdf88a16 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.admin-health[data-v-bdf88a16] {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1200px;
}
@media (max-width: 600px) {
.admin-health[data-v-bdf88a16] {
    padding: 16px;
}
}
.admin-health__header h1[data-v-bdf88a16] {
  /* Display/D1 */
  font-family: var(--Font-Secondary-Font);
  font-size: var(--Typography-D1);
  font-style: normal;
  font-weight: 200;
  line-height: 90%;
  letter-spacing: -0.1rem;
  margin: 0 0 4px;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.admin-health__title-icon[data-v-bdf88a16] {
  width: 24px;
  height: 24px;
}
.admin-health__subtitle[data-v-bdf88a16] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-60);
  margin: 0;
}
.admin-health__error[data-v-bdf88a16] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Functional-wl-error-text);
  background: var(--Neutral-UI-neutral-ui-0);
  padding: 12px 16px;
  border-radius: 8px;
}
.admin-health__stats[data-v-bdf88a16] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 1280px) {
.admin-health__stats[data-v-bdf88a16] {
    flex-direction: row;
}
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-d6b394a2 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.data-table[data-v-d6b394a2] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.data-table thead th[data-v-d6b394a2] {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  text-align: left;
  padding: 8px 16px;
  border-bottom: 1px solid var(--Neutral-UI-neutral-ui-10);
  white-space: nowrap;
}
.data-table__th--name[data-v-d6b394a2] {
  width: 50%;
}
.data-table__th--right[data-v-d6b394a2] {
  text-align: right !important;
}
.data-table tbody td[data-v-d6b394a2] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  padding: 12px 16px;
  border-top: 1px solid var(--Neutral-UI-neutral-ui-10);
}
.data-table__name-cell[data-v-d6b394a2] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.data-table__name[data-v-d6b394a2] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  font-weight: 700;
  color: var(--Neutral-UI-neutral-ui-80);
}
.data-table__category[data-v-d6b394a2] {
  font-size: 12px;
  font-weight: 500;
  color: var(--Neutral-UI-neutral-ui-50);
}
.data-table__td--right[data-v-d6b394a2] {
  text-align: right;
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-2398db17 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.content-table[data-v-2398db17] {
  background: var(--Neutral-UI-neutral-ui-0);
  border-radius: 12px;
  padding: 32px;
}
.content-table__header[data-v-2398db17] {
  margin-bottom: 16px;
}
.content-table__title[data-v-2398db17] {
  /* Body/Body - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  margin: 0 0 4px;
}
.content-table__subtitle[data-v-2398db17] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-60);
}
.content-table__view-all[data-v-2398db17] {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  background: none;
  border: none;
  cursor: pointer;
  padding: 12px 0 0;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.content-table__view-all[data-v-2398db17]:hover {
  opacity: 0.7;
}
.content-table__skeleton[data-v-2398db17] {
  display: flex;
  flex-direction: column;
}
.content-table__skeleton-header-row[data-v-2398db17] {
  display: flex;
  gap: 16px;
  padding: 8px 0;
}
.content-table__skeleton-row[data-v-2398db17] {
  display: flex;
  gap: 16px;
  padding: 16px 0;
}
.content-table__skeleton-cell[data-v-2398db17] {
  height: 14px;
  background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-10) 25%, var(--Neutral-UI-neutral-ui-20) 37%, var(--Neutral-UI-neutral-ui-10) 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer-2398db17 1.4s ease infinite;
  border-radius: 4px;
}
@container dark-mode (min-width: 0) {
.content-table__skeleton-cell[data-v-2398db17] {
    background: linear-gradient(90deg, var(--Neutral-UI-neutral-ui-20) 25%, var(--Neutral-UI-neutral-ui-30) 37%, var(--Neutral-UI-neutral-ui-20) 63%);
    background-size: 400% 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.content-table__skeleton-cell[data-v-2398db17] {
    animation: none;
}
}
.content-table__skeleton-cell--wide[data-v-2398db17] {
  flex: 3;
}
.content-table__skeleton-cell--narrow[data-v-2398db17] {
  flex: 1;
}
.content-table__empty[data-v-2398db17] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
  text-align: center;
  padding: 40px;
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-c9536779 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.view-all-dialog[data-v-c9536779] {
  max-width: 800px;
  width: 100%;
  border-radius: 12px;
  background: var(--Neutral-UI-neutral-ui-0);
}
.view-all-dialog__header[data-v-c9536779] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px 24px 16px;
}
.view-all-dialog__title[data-v-c9536779] {
  /* Body/Body - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  margin: 0 0 4px;
}
.view-all-dialog__subtitle[data-v-c9536779] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
}
.view-all-dialog__close[data-v-c9536779] {
  color: var(--Neutral-UI-neutral-ui-50);
}
.view-all-dialog__body[data-v-c9536779] {
  max-height: 60vh;
  overflow-y: auto;
  padding: 0 24px 24px;
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-0f382384 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.admin-content[data-v-0f382384] {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1200px;
}
@media (max-width: 600px) {
.admin-content[data-v-0f382384] {
    padding: 16px;
}
}
.admin-content__header h1[data-v-0f382384] {
  /* Display/D1 */
  font-family: var(--Font-Secondary-Font);
  font-size: var(--Typography-D1);
  font-style: normal;
  font-weight: 200;
  line-height: 90%;
  letter-spacing: -0.1rem;
  margin: 0 0 4px;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.admin-content__title-icon[data-v-0f382384] {
  width: 24px;
  height: 24px;
}
.admin-content__subtitle[data-v-0f382384] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-60);
  margin: 0;
}
.admin-content__error[data-v-0f382384] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Functional-wl-error-text);
  background: var(--Neutral-UI-neutral-ui-0);
  padding: 12px 16px;
  border-radius: 8px;
}
.admin-content__stats[data-v-0f382384] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 1280px) {
.admin-content__stats[data-v-0f382384] {
    flex-direction: row;
}
}
.admin-content__tables-row[data-v-0f382384] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 1280px) {
.admin-content__tables-row[data-v-0f382384] {
    flex-direction: row;
}
.admin-content__tables-row[data-v-0f382384] > * {
    flex: 1;
    min-width: 0;
}
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-a3ffd930 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.admin-login-page[data-v-a3ffd930] {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--Neutral-UI-neutral-ui-10);
}
.admin-login-card[data-v-a3ffd930] {
  background-color: var(--Neutral-UI-neutral-ui-0);
  border-radius: var(--Border-Radius-1);
  padding: var(--Spacing-spacing-7);
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  min-width: 320px;
}
.admin-login-card h1[data-v-a3ffd930] {
  /* Heading/H1 */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-H1);
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: var(--Spacing-spacing-3);
}
.admin-login-card p[data-v-a3ffd930] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-70);
  margin-bottom: var(--Spacing-spacing-5);
}
.login-button[data-v-a3ffd930] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  width: 100%;
  background-color: var(--Primary-primary-100, #0066cc);
  color: var(--Neutral-UI-neutral-ui-0, #ffffff);
  border: none;
  border-radius: var(--Border-Radius-1, 8px);
  padding: var(--Spacing-spacing-3, 12px) var(--Spacing-spacing-5, 20px);
  cursor: pointer;
  transition: background-color 0.2s;
}
.login-button[data-v-a3ffd930]:hover:not(:disabled) {
  background-color: var(--Primary-primary-120, #0052a3);
}
.login-button[data-v-a3ffd930]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-33f46f1c {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.admin-no-access-page[data-v-33f46f1c] {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--Neutral-UI-neutral-ui-10, #f5f5f5);
}
.admin-no-access-card[data-v-33f46f1c] {
  background-color: var(--Neutral-UI-neutral-ui-0, #ffffff);
  border-radius: var(--Border-Radius-1, 8px);
  padding: var(--Spacing-spacing-7, 32px);
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  max-width: 400px;
}
.admin-no-access-card h1[data-v-33f46f1c] {
  /* Heading/H2 */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-H2);
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: var(--Spacing-spacing-3, 12px);
}
.admin-no-access-card p[data-v-33f46f1c] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: var(--Spacing-spacing-2, 8px);
}
.admin-no-access-card p.secondary[data-v-33f46f1c] {
  color: var(--Neutral-UI-neutral-ui-70, #666);
  font-size: 14px;
  margin-bottom: var(--Spacing-spacing-5, 20px);
}
.actions[data-v-33f46f1c] {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-spacing-3, 12px);
}
.button[data-v-33f46f1c] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  width: 100%;
  border: none;
  border-radius: var(--Border-Radius-1, 8px);
  padding: var(--Spacing-spacing-3, 12px) var(--Spacing-spacing-5, 20px);
  cursor: pointer;
  transition: background-color 0.2s;
  text-decoration: none;
  display: inline-block;
}
.button.primary[data-v-33f46f1c] {
  background-color: var(--Primary-primary-100, #0066cc);
  color: var(--Neutral-UI-neutral-ui-0, #ffffff);
}
.button.primary[data-v-33f46f1c]:hover {
  background-color: var(--Primary-primary-120, #0052a3);
}
.button.secondary[data-v-33f46f1c] {
  background-color: var(--Neutral-UI-neutral-ui-20, #e0e0e0);
  color: var(--Neutral-UI-neutral-ui-100, #333);
}
.button.secondary[data-v-33f46f1c]:hover {
  background-color: var(--Neutral-UI-neutral-ui-30, #d0d0d0);
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-0f3daae9 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.admin-profile[data-v-0f3daae9] {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1200px;
}
@media (max-width: 600px) {
.admin-profile[data-v-0f3daae9] {
    padding: 16px;
}
}
.admin-profile__header h1[data-v-0f3daae9] {
  /* Display/D1 */
  font-family: var(--Font-Secondary-Font);
  font-size: var(--Typography-D1);
  font-style: normal;
  font-weight: 200;
  line-height: 90%;
  letter-spacing: -0.1rem;
  margin: 0 0 4px;
}
.admin-profile__subtitle[data-v-0f3daae9] {
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
  margin: 0;
}
.admin-profile__card[data-v-0f3daae9] {
  border-radius: var(--card-border-radius);
  background: var(--Neutral-UI-neutral-ui-20);
  background: var(--Neutral-UI-neutral-ui-0);
  padding: var(--Spacing-spacing-6);
}
.admin-profile__form .form-row[data-v-0f3daae9] {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-spacing-4);
  margin-bottom: var(--Spacing-spacing-6);
  max-width: 1000px;
}
@media screen and (min-width: 768px) {
.admin-profile__form .form-row[data-v-0f3daae9] {
    flex-direction: row;
    gap: var(--Spacing-spacing-6);
}
}
.admin-profile__form .form-row .form-field[data-v-0f3daae9] {
  flex: 1;
}
.admin-profile__form .form-actions[data-v-0f3daae9] {
  margin-top: var(--Spacing-spacing-6);
  display: flex;
  justify-content: flex-end;
}
.admin-profile__form .form-actions .save-btn[data-v-0f3daae9] {
  min-width: 140px;
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-e931bc5e {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.admin-sidebar[data-v-e931bc5e] {
  display: flex;
  flex-direction: column;
  width: 252px;
  min-width: 252px;
  height: 100%;
  color: var(--Neutral-UI-neutral-ui-0);
  transition: width 0.2s ease-in-out, min-width 0.2s ease-in-out;
  overflow: visible;
  position: relative;
}
.admin-sidebar--collapsed[data-v-e931bc5e] {
  width: 64px;
  min-width: 64px;
}
.admin-sidebar__logo[data-v-e931bc5e] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 16px;
  flex-shrink: 0;
  overflow: hidden;
}
.admin-sidebar__logo-img[data-v-e931bc5e] {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.admin-sidebar__logo-text[data-v-e931bc5e] {
  font-family: var(--Font-Secondary-Font);
  font-size: 32px;
  font-weight: 400;
  white-space: nowrap;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.admin-sidebar--collapsed .admin-sidebar__logo-text[data-v-e931bc5e] {
  opacity: 0;
}
.admin-sidebar__nav[data-v-e931bc5e] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px;
  flex: 1;
  overflow: hidden;
  position: relative;
}
.admin-sidebar__highlight[data-v-e931bc5e] {
  position: absolute;
  left: 8px;
  right: 8px;
  border-radius: 8px;
  background-color: var(--Neutral-UI-neutral-ui-60);
  transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.15s ease-in-out, opacity 0.15s ease-in-out;
  pointer-events: none;
  z-index: 0;
}
.admin-sidebar__nav-item[data-v-e931bc5e] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--Neutral-UI-neutral-ui-0);
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  font-family: var(--Font-Primary-Font);
  font-size: 15px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  transition: opacity 0.15s ease-in-out;
}
.admin-sidebar__nav-item[data-v-e931bc5e]:hover {
  opacity: 0.7;
}
.admin-sidebar__nav-item[data-v-e931bc5e]:active {
  opacity: 0.5;
}
.admin-sidebar__nav-icon[data-v-e931bc5e] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  opacity: 0.5;
}
.admin-sidebar__nav-item--active .admin-sidebar__nav-icon[data-v-e931bc5e] {
  opacity: 1;
}
.admin-sidebar__nav-label[data-v-e931bc5e] {
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.admin-sidebar--collapsed .admin-sidebar__nav-label[data-v-e931bc5e] {
  opacity: 0;
  width: 0;
}
.admin-sidebar__footer[data-v-e931bc5e] {
  position: absolute;
  right: 0;
  bottom: 40%;
}
.admin-sidebar__toggle[data-v-e931bc5e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--Neutral-UI-neutral-ui-40);
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}
.admin-sidebar__toggle[data-v-e931bc5e]:hover {
  background-color: var(--Neutral-UI-neutral-ui-70);
}
.admin-sidebar__toggle-icon[data-v-e931bc5e] {
  width: 18px;
  height: 18px;
  transition: transform 0.2s ease-in-out;
}
.admin-sidebar__toggle-icon--collapsed[data-v-e931bc5e] {
  transform: rotate(180deg);
}
.admin-sidebar__bottom[data-v-e931bc5e] {
  padding: 8px;
  margin-top: auto;
}
.admin-sidebar__tour-btn[data-v-e931bc5e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--Neutral-UI-neutral-ui-0);
  cursor: pointer;
  position: relative;
  transition: opacity 0.15s ease-in-out;
}
.admin-sidebar__tour-btn[data-v-e931bc5e]:hover {
  opacity: 0.7;
}
.admin-sidebar__tour-icon[data-v-e931bc5e] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.admin-sidebar__tour-icon[data-v-e931bc5e] svg {
  color: var(--Neutral-UI-neutral-ui-0);
}
.admin-sidebar__tour-badge[data-v-e931bc5e] {
  position: absolute;
  top: 8px;
  left: 28px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--Functional-wl-error-surface);
}
@container dark-mode (min-width: 0) {
.admin-sidebar[data-v-e931bc5e] {
    color: var(--Neutral-UI-neutral-ui-100);
}
.admin-sidebar__highlight[data-v-e931bc5e] {
    background-color: var(--Neutral-UI-neutral-ui-20);
}
.admin-sidebar__nav-item[data-v-e931bc5e] {
    color: var(--Neutral-UI-neutral-ui-100);
}
.admin-sidebar__toggle[data-v-e931bc5e] {
    color: var(--Neutral-UI-neutral-ui-60);
}
.admin-sidebar__toggle[data-v-e931bc5e]:hover {
    background-color: var(--Neutral-UI-neutral-ui-10);
}
.admin-sidebar__tour-btn[data-v-e931bc5e] {
    color: var(--Neutral-UI-neutral-ui-100);
}
.admin-sidebar__tour-icon[data-v-e931bc5e] svg {
    color: var(--Neutral-UI-neutral-ui-100);
}
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-aacff7cb {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.download-report-dialog[data-v-aacff7cb] {
  width: 100%;
  max-width: 480px;
  border-radius: 16px;
  background: var(--Neutral-UI-neutral-ui-0);
}
.download-report-dialog__header[data-v-aacff7cb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 0;
}
.download-report-dialog__title[data-v-aacff7cb] {
  /* Body/Body - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  margin: 0;
}
.download-report-dialog__close[data-v-aacff7cb] {
  color: var(--Neutral-UI-neutral-ui-50);
}
.download-report-dialog__body[data-v-aacff7cb] {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.download-report-dialog__field[data-v-aacff7cb] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.download-report-dialog__label[data-v-aacff7cb] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
}
.download-report-dialog__select[data-v-aacff7cb] .q-field__control {
  border-radius: 12px;
  background: var(--Neutral-UI-neutral-ui-10);
  height: 44px;
  min-height: 44px;
}
.download-report-dialog__select[data-v-aacff7cb] .q-field__control::before {
  border: none;
}
.download-report-dialog__select[data-v-aacff7cb] .q-field__native {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  min-height: unset;
}
.download-report-dialog__select[data-v-aacff7cb] .q-field__append {
  min-height: unset;
}
.download-report-dialog__select[data-v-aacff7cb] .q-field__bottom {
  display: none;
}
.download-report-dialog__date-range[data-v-aacff7cb] {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  padding: 10px 16px;
  background: var(--Neutral-UI-neutral-ui-10);
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.download-report-dialog__date-hint[data-v-aacff7cb] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
  font-weight: 400;
}
.download-report-dialog__date-inputs[data-v-aacff7cb] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.download-report-dialog__date-input[data-v-aacff7cb] {
  flex: 1;
}
.download-report-dialog__date-input[data-v-aacff7cb] .q-field__control {
  border-radius: 12px;
  background: var(--Neutral-UI-neutral-ui-10);
  height: 44px;
  min-height: 44px;
}
.download-report-dialog__date-input[data-v-aacff7cb] .q-field__control::before {
  border: none;
}
.download-report-dialog__date-input[data-v-aacff7cb] .q-field__native {
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-80);
  min-height: unset;
}
.download-report-dialog__date-input[data-v-aacff7cb] .q-field__native::-webkit-calendar-picker-indicator {
  filter: var(--calendar-icon-filter, none);
}
.download-report-dialog__date-input[data-v-aacff7cb] .q-field__bottom {
  display: none;
}
@container dark-mode (min-width: 0) {
.download-report-dialog__date-input[data-v-aacff7cb] {
    --calendar-icon-filter: invert(1);
}
}
.download-report-dialog__date-separator[data-v-aacff7cb] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Neutral-UI-neutral-ui-50);
  flex-shrink: 0;
  line-height: 44px;
}
.download-report-dialog__error[data-v-aacff7cb] {
  /* Body/Body SM */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: var(--Functional-functional-error-color);
}
.download-report-dialog__footer[data-v-aacff7cb] {
  padding: 0 24px 24px;
}
.download-report-dialog__download-btn[data-v-aacff7cb] {
  width: 100%;
  height: 48px;
  border-radius: 100px;
  background: var(--Primary-primary-color-2);
  color: var(--Neutral-UI-neutral-ui-0);
  /* Body/Body SM - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body-SM);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  text-transform: none;
}
.download-report-dialog__download-btn[data-v-aacff7cb]:hover {
  opacity: 0.9;
}
.download-report-dialog__download-icon[data-v-aacff7cb] {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.download-report-dialog__download-icon[data-v-aacff7cb] svg {
  color: var(--Neutral-UI-neutral-ui-0);
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-3840555e {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.admin-header[data-v-3840555e] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  padding: 0 24px;
  color: var(--Neutral-UI-neutral-ui-0);
  flex-shrink: 0;
  position: relative;
}
.admin-header__center[data-v-3840555e] {
  display: flex;
  align-items: center;
}
.admin-header__client-name[data-v-3840555e] {
  font-family: var(--Font-Secondary-Font);
  font-size: 32px;
  font-weight: 400;
  opacity: 0.7;
}
.admin-header__chevron[data-v-3840555e] {
  width: 16px;
  height: 16px;
  opacity: 0.6;
}
.admin-header__chevron[data-v-3840555e] svg {
  color: var(--Neutral-UI-neutral-ui-0);
}
.admin-header__chevron--animated[data-v-3840555e] {
  transition: transform 0.2s ease-in-out;
}
.admin-header__chevron--open[data-v-3840555e] {
  transform: rotate(180deg);
}
.admin-header__right[data-v-3840555e] {
  display: flex;
  align-items: center;
  gap: 16px;
  position: absolute;
  right: 24px;
}
.admin-header__download-wrapper[data-v-3840555e] {
  position: relative;
}
.admin-header__download-btn[data-v-3840555e] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 100px;
  border: none;
  background: var(--Neutral-UI-neutral-ui-70);
  color: var(--Neutral-UI-neutral-ui-0);
  cursor: pointer;
  font-family: var(--Font-Primary-Font);
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  transition: background-color 0.15s ease-in-out;
}
.admin-header__download-btn[data-v-3840555e]:hover {
  background: var(--Neutral-UI-neutral-ui-60);
}
.admin-header__user-btn-wrapper[data-v-3840555e] {
  position: relative;
}
.admin-header__user-btn[data-v-3840555e] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--Neutral-UI-neutral-ui-0);
  cursor: pointer;
  font-family: var(--Font-Primary-Font);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  position: relative;
  transition: background-color 0.15s ease-in-out;
}
.admin-header__user-btn[data-v-3840555e]:hover {
  background-color: var(--Neutral-UI-neutral-ui-70);
}
.admin-header__user-name[data-v-3840555e] {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@container dark-mode (min-width: 0) {
.admin-header[data-v-3840555e] {
    color: var(--Neutral-UI-neutral-ui-100);
}
.admin-header__download-btn[data-v-3840555e] {
    color: var(--Neutral-UI-neutral-ui-0);
}
.admin-header__chevron[data-v-3840555e] svg {
    color: var(--Neutral-UI-neutral-ui-0);
}
.admin-header__user-btn[data-v-3840555e] {
    color: var(--Neutral-UI-neutral-ui-100);
}
.admin-header__user-btn[data-v-3840555e]:hover {
    background-color: var(--Neutral-UI-neutral-ui-10);
}
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.q-menu.admin-download-menu {
  background-color: var(--Neutral-UI-neutral-ui-80);
  border-radius: 12px;
  box-shadow: none;
  min-width: 200px;
  overflow: hidden;
  padding: 4px 0;
}
.q-menu.admin-download-menu .q-list {
  padding: 4px 0;
}
.q-menu.admin-download-menu .q-item {
  color: var(--Neutral-UI-neutral-ui-0);
  font-family: var(--Font-Primary-Font);
  font-size: 14px;
  font-weight: 500;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 0;
}
.q-menu.admin-download-menu .q-item:hover {
  background-color: var(--Neutral-UI-neutral-ui-70);
}
.q-menu.admin-user-menu {
  background-color: var(--Neutral-UI-neutral-ui-80);
  border-radius: 12px;
  box-shadow: none;
  min-width: 200px;
  overflow: hidden;
  padding: 4px 0;
}
.q-menu.admin-user-menu .q-list {
  padding: 4px 0;
}
.q-menu.admin-user-menu .q-item {
  color: var(--Neutral-UI-neutral-ui-0);
  font-family: var(--Font-Primary-Font);
  font-size: 14px;
  font-weight: 500;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 0;
}
.q-menu.admin-user-menu .q-item:hover {
  background-color: var(--Neutral-UI-neutral-ui-70);
}
.q-menu.admin-user-menu .q-item__section--side {
  padding-right: 12px;
  min-width: unset;
}
.admin-user-menu__icon {
  width: 20px;
  height: 20px;
}
.admin-user-menu__icon svg {
  color: var(--Neutral-UI-neutral-ui-30);
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-d9acfa9e {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.admin-onboarding-tour[data-v-d9acfa9e] {
  display: none;
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-7250282c {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.admin-layout[data-v-7250282c] {
  display: flex;
  width: 100%;
  height: 100vh;
  background-color: var(--Neutral-UI-neutral-ui-90);
}
@container dark-mode (min-width: 0) {
.admin-layout[data-v-7250282c] {
    background-color: var(--Neutral-UI-neutral-ui-0);
}
.admin-layout__content[data-v-7250282c] {
    --Neutral-UI-neutral-ui-0: var(--Neutral-UI-neutral-ui-20);
}
}
.admin-layout__right[data-v-7250282c] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.admin-layout__content[data-v-7250282c] {
  flex: 1;
  overflow: auto;
  background-color: var(--Neutral-UI-neutral-ui-10);
  border-top-left-radius: 20px;
}/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-6f2ebd8f {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.page-container[data-v-6f2ebd8f] {
  display: flex;
  max-width: 100%;
  height: 100%;
}