:root {
  --sidebar-width: 228px;
  --sidebar-collapsed-width: 64px;

  --sidebar-bg:
    rgba(
      255,
      255,
      255,
      0.96
    );

  --sidebar-bg-solid:
    #ffffff;

  --sidebar-surface:
    #ffffff;

  --sidebar-surface-soft:
    #f7f8fa;

  --sidebar-surface-hover:
    #f1f3f5;

  --sidebar-text:
    #111318;

  --sidebar-text-soft:
    #4b5563;

  --sidebar-text-muted:
    #7a8494;

  --sidebar-border:
    rgba(
      17,
      24,
      39,
      0.08
    );

  --sidebar-border-strong:
    rgba(
      17,
      24,
      39,
      0.14
    );

  --sidebar-accent:
    #111827;

  --sidebar-accent-contrast:
    #ffffff;

  --sidebar-icon:
    #5f6775;

  --sidebar-shadow:
    6px 0 24px
    rgba(
      15,
      23,
      42,
      0.03
    );

  --sidebar-transition:
    190ms
    cubic-bezier(
      0.22,
      1,
      0.36,
      1
    );
}



html[data-theme="dark"],
body[data-theme="dark"] {
  --sidebar-bg:
    rgba(
      10,
      10,
      11,
      0.97
    );

  --sidebar-bg-solid:
    #0a0a0b;

  --sidebar-surface:
    #111214;

  --sidebar-surface-soft:
    #16181b;

  --sidebar-surface-hover:
    #1c1e22;

  --sidebar-text:
    #f4f5f7;

  --sidebar-text-soft:
    #c1c5cc;

  --sidebar-text-muted:
    #888e99;

  --sidebar-border:
    rgba(
      255,
      255,
      255,
      0.07
    );

  --sidebar-border-strong:
    rgba(
      255,
      255,
      255,
      0.13
    );

  --sidebar-accent:
    #f4f5f7;

  --sidebar-accent-contrast:
    #111214;

  --sidebar-icon:
    #a4aab4;

  --sidebar-shadow:
    8px 0 30px
    rgba(
      0,
      0,
      0,
      0.18
    );
}



.app-sidebar {
  position: relative;
  z-index: 850;

  width:
    var(--sidebar-width);

  min-width:
    var(--sidebar-width);

  height: 100vh;

  overflow: hidden;

  color:
    var(--sidebar-text);

  background:
    var(--sidebar-bg);

  border-right:
    1px solid
    var(--sidebar-border);

  box-shadow:
    var(--sidebar-shadow);

  backdrop-filter:
    blur(18px)
    saturate(135%);

  -webkit-backdrop-filter:
    blur(18px)
    saturate(135%);

  transition:
    width
      var(--sidebar-transition),
    min-width
      var(--sidebar-transition),
    transform
      var(--sidebar-transition),
    background-color
      var(--sidebar-transition),
    border-color
      var(--sidebar-transition);

  animation:
    sidebarEnter
    380ms
    cubic-bezier(
      0.22,
      1,
      0.36,
      1
    )
    both;
}



@keyframes sidebarEnter {
  from {
    opacity: 0;
    transform:
      translateX(-10px);
  }

  to {
    opacity: 1;
    transform:
      translateX(0);
  }
}



.sidebar-inner {
  position: relative;
  z-index: 2;

  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;

  padding:
    10px
    9px;
}



.sidebar-ambient {
  position: absolute;
  inset: 0;

  overflow: hidden;

  pointer-events: none;
}



.sidebar-ambient span {
  position: absolute;

  width: 130px;
  height: 130px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      currentColor 0%,
      transparent 68%
    );

  color:
    var(--sidebar-accent);

  opacity: 0.025;

  filter:
    blur(6px);

  animation:
    sidebarAmbientMove
    14s
    ease-in-out
    infinite alternate;
}



.sidebar-ambient span:first-child {
  top: -55px;
  left: -45px;
}



.sidebar-ambient span:last-child {
  right: -65px;
  bottom: 50px;

  animation-delay:
    -6s;
}



@keyframes sidebarAmbientMove {
  from {
    transform:
      translate3d(
        -5px,
        -5px,
        0
      )
      scale(0.95);
  }

  to {
    transform:
      translate3d(
        16px,
        16px,
        0
      )
      scale(1.08);
  }
}



.sidebar-brand {
  position: relative;

  min-height: 56px;

  display: flex;
  align-items: center;

  gap: 10px;

  padding:
    5px
    5px
    11px;

  border-bottom:
    1px solid
    var(--sidebar-border);

  transition:
    padding
      var(--sidebar-transition),
    border-color
      var(--sidebar-transition);
}



.sidebar-logo-shell {
  position: relative;

  width: 36px;
  height: 36px;

  flex:
    0 0
    36px;

  display: grid;
  place-items: center;

  border-radius: 50%;

  background:
    var(--sidebar-surface-soft);

  border:
    1px solid
    var(--sidebar-border);

  box-shadow:
    0 4px 12px
    rgba(
      0,
      0,
      0,
      0.05
    );

  transition:
    transform
      var(--sidebar-transition),
    box-shadow
      var(--sidebar-transition);
}



.sidebar-logo-shell:hover {
  transform:
    translateY(-1px)
    scale(1.04);

  box-shadow:
    0 8px 18px
    rgba(
      0,
      0,
      0,
      0.08
    );
}



.sidebar-logo {
  width: 30px;
  height: 30px;

  display: block;

  object-fit: cover;

  border-radius: 50%;

  user-select: none;
}



.sidebar-logo-ring {
  position: absolute;
  inset: -3px;

  border:
    1px solid
    var(--sidebar-border-strong);

  border-radius: 50%;

  opacity: 0.35;

  animation:
    sidebarLogoPulse
    3.4s
    ease-in-out
    infinite;
}



@keyframes sidebarLogoPulse {
  0%,
  100% {
    opacity: 0.18;
    transform:
      scale(0.96);
  }

  50% {
    opacity: 0.6;
    transform:
      scale(1.04);
  }
}



.sidebar-brand-copy {
  min-width: 0;

  overflow: hidden;

  transition:
    opacity
      120ms ease,
    width
      var(--sidebar-transition),
    transform
      var(--sidebar-transition);
}



.sidebar-brand-copy strong {
  display: block;

  overflow: hidden;

  color:
    var(--sidebar-text);

  font-size: 12px;
  font-weight: 780;
  line-height: 1.15;

  letter-spacing:
    -0.02em;

  text-overflow:
    ellipsis;

  white-space: nowrap;
}



.sidebar-brand-copy span {
  display: block;

  margin-top: 2px;

  overflow: hidden;

  color:
    var(--sidebar-text-muted);

  font-size: 8px;
  font-weight: 560;
  line-height: 1.2;

  text-overflow:
    ellipsis;

  white-space: nowrap;
}



.sidebar-navigation {
  min-height: 0;

  flex: 1;

  display: flex;
  flex-direction: column;

  padding-top: 10px;
}



.sidebar-navigation-label {
  padding:
    0
    8px
    7px;

  color:
    var(--sidebar-text-muted);

  font-size: 7.5px;
  font-weight: 760;
  line-height: 1;

  letter-spacing:
    0.11em;

  text-transform: uppercase;

  transition:
    opacity
      120ms ease,
    height
      var(--sidebar-transition),
    padding
      var(--sidebar-transition);
}



.sidebar-nav {
  min-height: 0;

  flex: 1;

  display: flex;
  flex-direction: column;

  gap: 10px;

  overflow-y: auto;
  overflow-x: hidden;

  padding-right: 1px;

  scrollbar-width:
    thin;

  scrollbar-color:
    var(--sidebar-border-strong)
    transparent;
}



.sidebar-nav::-webkit-scrollbar {
  width: 4px;
}



.sidebar-nav::-webkit-scrollbar-track {
  background:
    transparent;
}



.sidebar-nav::-webkit-scrollbar-thumb {
  background:
    var(--sidebar-border-strong);

  border-radius:
    999px;
}



.sidebar-area {
  display: flex;
  flex-direction: column;

  gap: 4px;

  opacity: 0;

  transform:
    translateY(7px);

  animation:
    sidebarAreaEnter
    360ms
    cubic-bezier(
      0.22,
      1,
      0.36,
      1
    )
    forwards;

  animation-delay:
    calc(
      var(--sidebar-area-index, 0) *
      55ms
    );
}



@keyframes sidebarAreaEnter {
  to {
    opacity: 1;
    transform:
      translateY(0);
  }
}



.sidebar-area-heading {
  min-width: 0;

  display: flex;
  align-items: center;

  gap: 6px;

  padding:
    1px
    7px
    4px;
}



.sidebar-area-icon {
  width: 16px;
  height: 16px;

  flex:
    0 0
    16px;

  display: grid;
  place-items: center;

  color:
    var(--sidebar-text-muted);
}



.sidebar-area-icon svg {
  width: 11px;
  height: 11px;

  stroke-width: 1.8;
}



.sidebar-area-title {
  flex:
    0 0
    auto;

  color:
    var(--sidebar-text-muted);

  font-size: 7.5px;
  font-weight: 760;
  line-height: 1;

  letter-spacing:
    0.08em;

  text-transform: uppercase;

  white-space: nowrap;
}



.sidebar-area-line {
  min-width: 12px;

  flex: 1;

  height: 1px;

  background:
    var(--sidebar-border);
}



.sidebar-area-links {
  display: flex;
  flex-direction: column;

  gap: 3px;
}



.sidebar-link {
  position: relative;

  width: 100%;
  min-height: 36px;

  display: flex;
  align-items: center;

  gap: 8px;

  padding:
    3px
    8px;

  overflow: hidden;

  color:
    var(--sidebar-text-soft);

  background:
    transparent;

  border:
    1px solid
    transparent;

  border-radius:
    10px;

  text-decoration: none;

  outline: none;

  font-size: 10.5px;
  font-weight: 640;
  line-height: 1;

  white-space: nowrap;

  transition:
    color
      var(--sidebar-transition),
    background-color
      var(--sidebar-transition),
    border-color
      var(--sidebar-transition),
    transform
      var(--sidebar-transition),
    box-shadow
      var(--sidebar-transition);
}



.sidebar-link::before {
  content: "";

  position: absolute;

  inset:
    0;

  border-radius:
    inherit;

  background:
    linear-gradient(
      90deg,
      transparent,
      currentColor,
      transparent
    );

  opacity: 0;

  transform:
    translateX(-100%);

  transition:
    opacity
      180ms ease,
    transform
      360ms
      cubic-bezier(
        0.22,
        1,
        0.36,
        1
      );

  pointer-events: none;
}



.sidebar-link:hover::before {
  opacity: 0.02;

  transform:
    translateX(100%);
}



.sidebar-link:hover {
  color:
    var(--sidebar-text);

  background:
    var(--sidebar-surface-hover);

  border-color:
    var(--sidebar-border);

  transform:
    translateX(2px);
}



.sidebar-link:active,
.sidebar-link.is-clicking {
  transform:
    translateX(1px)
    scale(0.985);
}



.sidebar-link:focus-visible {
  border-color:
    var(--sidebar-border-strong);

  box-shadow:
    inset
    0
    0
    0
    1px
    var(--sidebar-border-strong);
}



.sidebar-link-glow {
  position: absolute;

  left: -12px;
  top: 50%;

  width: 28px;
  height: 28px;

  border-radius: 50%;

  background:
    var(--sidebar-accent);

  opacity: 0;

  filter:
    blur(14px);

  transform:
    translateY(-50%)
    scale(0.6);

  transition:
    opacity
      var(--sidebar-transition),
    transform
      var(--sidebar-transition);
}



.sidebar-link:hover
.sidebar-link-glow {
  opacity: 0.04;

  transform:
    translateY(-50%)
    scale(1);
}



.sidebar-link-icon {
  position: relative;
  z-index: 2;

  width: 26px;
  height: 26px;

  flex:
    0 0
    26px;

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

  color:
    var(--sidebar-icon);

  border:
    1px solid
    transparent;

  border-radius:
    8px;

  transition:
    color
      var(--sidebar-transition),
    background-color
      var(--sidebar-transition),
    border-color
      var(--sidebar-transition),
    transform
      var(--sidebar-transition),
    border-radius
      var(--sidebar-transition);
}



.sidebar-link-icon svg {
  width: 15px;
  height: 15px;

  stroke-width: 1.9;
}



.sidebar-link:hover
.sidebar-link-icon {
  color:
    var(--sidebar-text);

  background:
    var(--sidebar-surface-soft);

  border-color:
    var(--sidebar-border);

  transform:
    scale(1.05);
}



.sidebar-link-text {
  position: relative;
  z-index: 2;

  min-width: 0;

  flex: 1;

  overflow: hidden;

  text-overflow:
    ellipsis;

  transition:
    opacity
      120ms ease,
    transform
      var(--sidebar-transition);
}



.sidebar-link-active-indicator {
  position: absolute;

  top: 50%;
  right: 4px;

  width: 3px;
  height: 15px;

  background:
    var(--sidebar-accent);

  border-radius:
    999px;

  opacity: 0;

  transform:
    translateY(-50%)
    scaleY(0.35);

  transition:
    opacity
      var(--sidebar-transition),
    transform
      var(--sidebar-transition);
}



.sidebar-link.is-active {
  color:
    var(--sidebar-text);

  background:
    var(--sidebar-surface-soft);

  border-color:
    var(--sidebar-border);

  box-shadow:
    inset
    0
    0
    0
    1px
    rgba(
      127,
      127,
      127,
      0.02
    );
}



.sidebar-link.is-active
.sidebar-link-icon {
  color:
    var(--sidebar-accent-contrast);

  background:
    var(--sidebar-accent);

  border-color:
    var(--sidebar-accent);

  border-radius:
    9px;

  transform:
    scale(1);
}



.sidebar-link.is-active
.sidebar-link-glow {
  opacity: 0.05;

  transform:
    translateY(-50%)
    scale(1.15);
}



.sidebar-link.is-active
.sidebar-link-active-indicator {
  opacity: 1;

  transform:
    translateY(-50%)
    scaleY(1);
}



.sidebar-link.is-active:hover {
  transform:
    none;
}



.sidebar-link.sidebar-active-enter {
  animation:
    sidebarActiveEnter
    360ms
    cubic-bezier(
      0.22,
      1,
      0.36,
      1
    );
}



@keyframes sidebarActiveEnter {
  0% {
    transform:
      scale(0.985);
  }

  45% {
    transform:
      scale(1.012);
  }

  100% {
    transform:
      scale(1);
  }
}



.sidebar-footer {
  min-height: 46px;

  display: flex;
  align-items: center;

  gap: 8px;

  margin-top: 8px;

  padding:
    8px
    6px
    2px;

  border-top:
    1px solid
    var(--sidebar-border);
}



.sidebar-footer-status {
  width: 28px;
  height: 28px;

  flex:
    0 0
    28px;

  display: grid;
  place-items: center;

  border:
    1px solid
    var(--sidebar-border);

  border-radius:
    9px;

  background:
    var(--sidebar-surface-soft);
}



.sidebar-footer-status-dot {
  position: relative;

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background:
    var(--sidebar-accent);
}



.sidebar-footer-status-dot::after {
  content: "";

  position: absolute;
  inset: -3px;

  border:
    1px solid
    var(--sidebar-accent);

  border-radius: 50%;

  opacity: 0;

  animation:
    sidebarStatusPulse
    2.1s
    ease-out
    infinite;
}



@keyframes sidebarStatusPulse {
  0% {
    opacity: 0.35;
    transform:
      scale(0.6);
  }

  75%,
  100% {
    opacity: 0;
    transform:
      scale(1.7);
  }
}



.sidebar-footer-copy {
  min-width: 0;

  flex: 1;

  overflow: hidden;

  transition:
    opacity
      120ms ease,
    width
      var(--sidebar-transition);
}



.sidebar-footer-copy strong {
  display: block;

  color:
    var(--sidebar-text-soft);

  font-size: 9px;
  font-weight: 720;
  line-height: 1.1;

  white-space: nowrap;
}



.sidebar-footer-copy span {
  display: block;

  margin-top: 2px;

  color:
    var(--sidebar-text-muted);

  font-size: 7.5px;
  font-weight: 550;

  white-space: nowrap;
}



.sidebar-footer-icon {
  width: 14px;
  height: 14px;

  flex:
    0 0
    14px;

  color:
    var(--sidebar-text-muted);

  stroke-width: 1.8;

  animation:
    sidebarSparkle
    4.5s
    ease-in-out
    infinite;
}



@keyframes sidebarSparkle {
  0%,
  100% {
    opacity: 0.55;
    transform:
      rotate(0deg)
      scale(0.94);
  }

  50% {
    opacity: 1;
    transform:
      rotate(8deg)
      scale(1.06);
  }
}



.app-shell.sidebar-collapsed
.app-sidebar {
  width:
    var(--sidebar-collapsed-width);

  min-width:
    var(--sidebar-collapsed-width);
}



.app-shell.sidebar-collapsed
.sidebar-inner {
  padding-left: 7px;
  padding-right: 7px;
}



.app-shell.sidebar-collapsed
.sidebar-brand {
  justify-content: center;

  padding-left: 0;
  padding-right: 0;
}



.app-shell.sidebar-collapsed
.sidebar-brand-copy {
  width: 0;

  opacity: 0;

  transform:
    translateX(-5px);

  pointer-events: none;
}



.app-shell.sidebar-collapsed
.sidebar-navigation-label {
  height: 0;

  padding: 0;

  opacity: 0;

  overflow: hidden;
}



.app-shell.sidebar-collapsed
.sidebar-navigation {
  padding-top: 8px;
}



.app-shell.sidebar-collapsed
.sidebar-nav {
  gap: 8px;
}



.app-shell.sidebar-collapsed
.sidebar-area {
  gap: 3px;
}



.app-shell.sidebar-collapsed
.sidebar-area-heading {
  height: 8px;

  justify-content: center;

  padding: 0;
}



.app-shell.sidebar-collapsed
.sidebar-area-icon,
.app-shell.sidebar-collapsed
.sidebar-area-title {
  display: none;
}



.app-shell.sidebar-collapsed
.sidebar-area-line {
  width: 18px;
  min-width: 18px;
  max-width: 18px;

  flex: 0 0 18px;

  background:
    var(--sidebar-border);
}



.app-shell.sidebar-collapsed
.sidebar-link {
  justify-content: center;

  gap: 0;

  padding-left: 4px;
  padding-right: 4px;
}



.app-shell.sidebar-collapsed
.sidebar-link:hover {
  transform: none;
}



.app-shell.sidebar-collapsed
.sidebar-link-text {
  width: 0;

  flex: 0;

  opacity: 0;

  transform:
    translateX(-5px);

  pointer-events: none;
}



.app-shell.sidebar-collapsed
.sidebar-link-active-indicator {
  right: 1px;
}



.app-shell.sidebar-collapsed
.sidebar-footer {
  justify-content: center;

  padding-left: 0;
  padding-right: 0;
}



.app-shell.sidebar-collapsed
.sidebar-footer-copy,
.app-shell.sidebar-collapsed
.sidebar-footer-icon {
  display: none;
}



.sidebar-mobile-overlay {
  display: none;
}



html[data-theme="dark"]
.sidebar-logo-shell {
  box-shadow:
    0 5px 16px
    rgba(
      0,
      0,
      0,
      0.24
    );
}



html[data-theme="dark"]
.sidebar-link.is-active {
  box-shadow:
    inset
    0
    0
    0
    1px
    rgba(
      255,
      255,
      255,
      0.015
    );
}



@media (
  max-width: 780px
) {
  .app-sidebar {
    position: fixed;

    top: 0;
    left: 0;
    bottom: 0;

    z-index: 1500;

    width:
      min(
        228px,
        calc(
          100vw - 46px
        )
      );

    min-width: 0;

    height: 100dvh;

    transform:
      translateX(-105%);

    box-shadow:
      16px 0 50px
      rgba(
        0,
        0,
        0,
        0.18
      );

    visibility: hidden;

    transition:
      transform
        220ms
        cubic-bezier(
          0.22,
          1,
          0.36,
          1
        ),
      visibility
        220ms ease;
  }



  .app-shell.sidebar-mobile-open
  .app-sidebar {
    transform:
      translateX(0);

    visibility: visible;
  }



  .app-shell.sidebar-collapsed
  .app-sidebar {
    width:
      min(
        228px,
        calc(
          100vw - 46px
        )
      );

    min-width: 0;
  }



  .app-shell.sidebar-collapsed
  .sidebar-inner {
    padding:
      10px
      9px;
  }



  .app-shell.sidebar-collapsed
  .sidebar-brand {
    justify-content:
      flex-start;

    padding:
      5px
      5px
      11px;
  }



  .app-shell.sidebar-collapsed
  .sidebar-brand-copy {
    width: auto;

    opacity: 1;

    transform: none;

    pointer-events: auto;
  }



  .app-shell.sidebar-collapsed
  .sidebar-navigation-label {
    height: auto;

    padding:
      0
      8px
      7px;

    opacity: 1;
  }



  .app-shell.sidebar-collapsed
  .sidebar-navigation {
    padding-top: 10px;
  }



  .app-shell.sidebar-collapsed
  .sidebar-nav {
    gap: 10px;
  }



  .app-shell.sidebar-collapsed
  .sidebar-area {
    gap: 4px;
  }



  .app-shell.sidebar-collapsed
  .sidebar-area-heading {
    height: auto;

    justify-content:
      flex-start;

    padding:
      1px
      7px
      4px;
  }



  .app-shell.sidebar-collapsed
  .sidebar-area-icon {
    display: grid;
  }



  .app-shell.sidebar-collapsed
  .sidebar-area-title {
    display: inline;
  }



  .app-shell.sidebar-collapsed
  .sidebar-area-line {
    min-width: 12px;
    max-width: none;

    flex: 1;
  }



  .app-shell.sidebar-collapsed
  .sidebar-link {
    justify-content:
      flex-start;

    gap: 8px;

    padding:
      3px
      8px;
  }



  .app-shell.sidebar-collapsed
  .sidebar-link-text {
    width: auto;

    flex: 1;

    opacity: 1;

    transform: none;

    pointer-events: auto;
  }



  .app-shell.sidebar-collapsed
  .sidebar-link-active-indicator {
    right: 4px;
  }



  .app-shell.sidebar-collapsed
  .sidebar-footer {
    justify-content:
      flex-start;

    padding:
      8px
      6px
      2px;
  }



  .app-shell.sidebar-collapsed
  .sidebar-footer-copy {
    display: block;

    width: auto;

    opacity: 1;

    pointer-events: auto;
  }



  .app-shell.sidebar-collapsed
  .sidebar-footer-icon {
    display: block;
  }



  .sidebar-mobile-overlay {
    position: fixed;

    inset: 0;

    z-index: 1400;

    display: block;

    padding: 0;

    background:
      rgba(
        0,
        0,
        0,
        0.38
      );

    border: 0;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    backdrop-filter:
      blur(2px);

    -webkit-backdrop-filter:
      blur(2px);

    transition:
      opacity
        200ms ease,
      visibility
        200ms ease;
  }



  .app-shell.sidebar-mobile-open
  .sidebar-mobile-overlay {
    opacity: 1;

    visibility: visible;

    pointer-events: auto;
  }



  body.sidebar-mobile-lock {
    overflow: hidden;
  }
}



@media (
  max-width: 480px
) {
  .app-sidebar {
    width:
      min(
        218px,
        calc(
          100vw - 34px
        )
      );
  }



  .app-shell.sidebar-collapsed
  .app-sidebar {
    width:
      min(
        218px,
        calc(
          100vw - 34px
        )
      );
  }



  .sidebar-inner {
    padding:
      9px
      8px;
  }



  .sidebar-brand {
    min-height: 52px;

    padding-bottom:
      9px;
  }



  .sidebar-logo-shell {
    width: 34px;
    height: 34px;

    flex-basis: 34px;
  }



  .sidebar-logo {
    width: 28px;
    height: 28px;
  }



  .sidebar-link {
    min-height: 35px;
  }
}



@media (
  hover: none
) {
  .sidebar-link:hover,
  .sidebar-logo-shell:hover {
    transform: none;
  }
}



@media (
  prefers-reduced-motion:
  reduce
) {
  .app-sidebar,
  .sidebar-ambient span,
  .sidebar-logo-shell,
  .sidebar-logo-ring,
  .sidebar-brand-copy,
  .sidebar-navigation-label,
  .sidebar-area,
  .sidebar-link,
  .sidebar-link::before,
  .sidebar-link-glow,
  .sidebar-link-icon,
  .sidebar-link-text,
  .sidebar-link-active-indicator,
  .sidebar-footer-copy,
  .sidebar-footer-status-dot::after,
  .sidebar-footer-icon,
  .sidebar-mobile-overlay {
    animation: none !important;

    transition: none !important;
  }
}.sidebar-brand-copy span,
.sidebar-navigation-label,
.sidebar-area-title,
.sidebar-link,
.sidebar-link-text,
.sidebar-footer-copy strong,
.sidebar-footer-copy span {
  font-weight: 700;
}



.sidebar-brand-copy span {
  color: #616a65;
  font-size: 8.5px;
}



.sidebar-navigation-label {
  color: #59615c;
  font-size: 8px;
  font-weight: 800;
}



.sidebar-area-title {
  color: #5f6762;
  font-size: 8px;
  font-weight: 800;
}



.sidebar-area-icon {
  color: #626a65;
}



.sidebar-link {
  color: #3f4742;
  font-size: 10.8px;
  font-weight: 720;
}



.sidebar-link-text {
  color: inherit;
  font-weight: 720;
}



.sidebar-link-icon {
  color: #59615c;
}



.sidebar-footer-copy strong {
  color: #3f4742;
  font-size: 9.3px;
  font-weight: 760;
}



.sidebar-footer-copy span {
  color: #626a65;
  font-size: 8px;
  font-weight: 680;
}



html[data-theme="dark"]
.sidebar-brand-copy span {
  color: #a8adb3;
}



html[data-theme="dark"]
.sidebar-navigation-label {
  color: #aeb3b9;
}



html[data-theme="dark"]
.sidebar-area-title {
  color: #aeb3b9;
}



html[data-theme="dark"]
.sidebar-area-icon {
  color: #a6abb1;
}



html[data-theme="dark"]
.sidebar-link {
  color: #c7cbd0;
}



html[data-theme="dark"]
.sidebar-link-text {
  color: inherit;
}



html[data-theme="dark"]
.sidebar-link-icon {
  color: #afb4ba;
}



html[data-theme="dark"]
.sidebar-link:hover {
  color: #f4f5f7;
}



html[data-theme="dark"]
.sidebar-link.is-active {
  color: #f4f5f7;
}



html[data-theme="dark"]
.sidebar-footer-copy strong {
  color: #d5d8dc;
}



html[data-theme="dark"]
.sidebar-footer-copy span {
  color: #a5abb1;
}