[data-v-a4fde940]:root {
  --ft-ibm-plex-mono: "IBM Plex Mono";
  --ft-lato: "Lato";
}
.ft-family-01[data-v-a4fde940] {
  font-family: "Lato";
}
.extra-light[data-v-a4fde940] {
  font-weight: 200;
}
.light[data-v-a4fde940] {
  font-weight: 300;
}
.normal[data-v-a4fde940] {
  font-weight: 400;
}
.medium[data-v-a4fde940] {
  font-weight: 500;
}
.semi-bold[data-v-a4fde940] {
  font-weight: 600;
}
.bold[data-v-a4fde940] {
  font-weight: 700;
}
.extra-bold[data-v-a4fde940] {
  font-weight: 800;
}
[data-v-a4fde940]:root {
  --q-color-app: #1976D2;
  --q-color-app-light: #e8e8e8;
  --q-color-layer: #F7F7F7;
}
.text-app[data-v-a4fde940] {
  color: var(--q-color-app) !important;
}
.text-app-light[data-v-a4fde940] {
  color: var(--q-color-app-light) !important;
}
.bg-app[data-v-a4fde940] {
  background: var(--q-color-app) !important;
}
.bg-layer[data-v-a4fde940] {
  background: var(--q-color-layer) !important;
}
.rms-border[data-v-a4fde940] {
  border-left: 5px solid var(--q-color-app);
}
.body--dark[data-v-a4fde940] {
  --q-app-selection: #393838;
  --q-app-theme: var(--q-color-app, #e8e8e8);
  --q-toolbar: #1D1D1D;
}
.body--light[data-v-a4fde940] {
  --q-app-selection: #e4e4e4;
  --q-app-theme: var(--q-color-app, #1976D2);
  --q-toolbar: #FFFFFF;
  background: var(--app-bg, #FFFFFF);
}
.toolbar[data-v-a4fde940] {
  background-color: var(--q-toolbar) !important;
}
.selected[data-v-a4fde940] {
  background-color: var(--q-app-selection) !important;
}
@media (min-width: 600px) {
.gt-sm--text-app[data-v-a4fde940] {
    color: var(--q-color-app) !important;
}
.gt-sm--bg-app[data-v-a4fde940] {
    background: var(--q-color-app) !important;
}
}
@media (min-width: 1024px) {
.gt-md--text-app[data-v-a4fde940] {
    color: var(--q-color-app) !important;
}
.gt-md--bg-app[data-v-a4fde940] {
    background: var(--q-color-app) !important;
}
}
@media (min-width: 1440px) {
.gt-lg--text-app[data-v-a4fde940] {
    color: var(--q-color-app) !important;
}
.gt-lg--bg-app[data-v-a4fde940] {
    background: var(--q-color-app) !important;
}
}
@media (min-width: 1920px) {
.gt-xl--text-app[data-v-a4fde940] {
    color: var(--q-color-app) !important;
}
.gt-xl--bg-app[data-v-a4fde940] {
    background: var(--q-color-app) !important;
}
}
.tree-menu-wrapper[data-v-a4fde940] {
  width: 100%;
}
.menu-item[data-v-a4fde940] {
  border-radius: 8px;
  min-height: 40px;
  color: #3c4043;
  transition: all 0.2s ease-in-out;
}
.menu-item .q-item__section--avatar[data-v-a4fde940] {
  min-width: 40px;
}
.menu-item .menu-icon[data-v-a4fde940] {
  color: var(--q-app);
  opacity: 1;
}
.menu-item .menu-label[data-v-a4fde940] {
  font-size: 1rem;
  font-weight: 500;
}
.menu-item[data-v-a4fde940]:hover:not(.menu-item-active) {
  background: rgba(0, 0, 0, 0.03);
  color: #202124;
}
.menu-item.menu-item-active[data-v-a4fde940] {
  background: rgba(var(--q-primary), 0.08) !important;
  color: var(--q-primary);
  font-weight: 600;
}
.menu-item.menu-item-active .menu-icon[data-v-a4fde940] {
  color: var(--q-primary);
  opacity: 1;
}
.menu-item.menu-item-active[data-v-a4fde940]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 4px;
  background: var(--q-primary);
  border-radius: 0 4px 4px 0;
}
.menu-expansion-group[data-v-a4fde940] .menu-header {
  border-radius: 8px;
  margin: 2px 8px;
  min-height: 40px;
  font-weight: 600;
  color: #3c4043;
}
.menu-expansion-group[data-v-a4fde940] .menu-header:hover {
  background: rgba(0, 0, 0, 0.03);
}
.menu-expansion-group[data-v-a4fde940] .menu-header .q-item__section--avatar {
  min-width: 40px;
}
.q-item__label--caption[data-v-a4fde940] {
  font-size: 0.7rem;
  letter-spacing: 0.01em;
  margin-top: 2px;
}
.body--dark .menu-item[data-v-a4fde940] {
  color: #cfd3da;
}
.body--dark .menu-item .menu-icon[data-v-a4fde940] {
  color: #cfd3da;
}
.body--dark .menu-item[data-v-a4fde940]:hover:not(.menu-item-active) {
  background: rgba(255, 255, 255, 0.08);
  color: #e8eaed;
}
.body--dark .menu-item:hover:not(.menu-item-active) .menu-icon[data-v-a4fde940] {
  color: #e8eaed;
}
.body--dark .menu-expansion-group[data-v-a4fde940] .menu-header {
  color: #cfd3da;
}
.body--dark .menu-expansion-group[data-v-a4fde940] .menu-header:hover {
  background: rgba(255, 255, 255, 0.08);
}