/* Global Scrollbar Styles */
/* For Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}

.mobile-padding {
  padding-top: env(safe-area-inset-top, 0px);
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 2px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

/* For Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #888 transparent;
}

/* Optional: Dark Mode */
body.dark-mode * {
  scrollbar-color: #aaa #333;
}

body.dark-mode *::-webkit-scrollbar-thumb {
  background-color: #aaa;
}

.table-sticky-header-column thead tr {
  background-color: #eeeeee;
}
.table-sticky-header-column td:first-child {
  background-color: #eeeeee;
}
.table-sticky-header-column th:first-child,
.table-sticky-header-column td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}

.table-sticky-header {
  max-height: 710px;
}
.table-sticky-header thead tr {
  background-color: #eeeeee;
  position: sticky;
  top: 0;
  z-index: 2;
}
.table-sticky-header td:first-child {
  background-color: #eeeeee;
}

.sticky-table-header {
  max-height: 710px;
}
.sticky-table-header thead tr {
  background-color: #eeeeee;
  position: sticky;
  top: 0;
  z-index: 2;
}

.sticky-header {
  height: 710px;
}
.sticky-header .q-table__top,
.sticky-header .q-table__bottom,
.sticky-header thead tr:first-child th {
  background-color: #eeeeee;
}
.sticky-header thead tr th {
  position: sticky;
  z-index: 1;
}
.sticky-header thead tr:first-child th {
  top: 0;
}
.sticky-header.q-table--loading thead tr:last-child th {
  top: 48px;
}
.sticky-header tbody {
  scroll-margin-top: 48px;
}

.route-enter-from {
  opacity: 0;
  transform: translateY(100px);
}
.route-enter-active {
  transition: all 0.3s ease-out;
}
.route-leave-to {
  opacity: 0;
  transform: translateY(-100px);
}
.route-leave-active {
  transition: all 0.3s ease-in;
}


/*# sourceMappingURL=app.8c69316d.css.map*/