#sidebar.w-20 .sidebar-label,
#sidebar.w-20 .expanded-only {
  display: none !important;
}

:root {
  --dt-accent: #1d4ed8;
  --dt-accent-strong: #102a56;
  --dt-accent-soft: #eef4ff;
  --dt-accent-border: #d9e4f5;
  --dt-accent-dark-soft: rgba(29, 78, 216, .24);
  --dt-accent-dark-border: rgba(29, 78, 216, .48);
}

#sidebar,
#subSidebar,
[navbar-main] {
  color-scheme: light dark;
}

.sidebar-brand-link {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  justify-content: center;
}

.sidebar-brand-logo {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  justify-content: center;
}

.sidebar-brand-icon,
#sidebar[data-mini="true"] .sidebar-brand-logo {
  display: none;
}

#sidebar[data-mini="true"] .sidebar-brand-icon {
  display: inline-flex;
}

#sidebar[data-mini="true"] .sidebar-brand-link {
  justify-content: center;
}

.sidebar-brand-icon {
  height: 2.75rem;
  width: 2.75rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: .75rem;
  background: linear-gradient(135deg, rgba(29, 78, 216, .14), rgba(12, 12, 12, .08));
  box-shadow: inset 0 0 0 1px var(--dt-accent-border);
}

.dark .sidebar-brand-icon {
  background: linear-gradient(135deg, var(--dt-accent-dark-soft), rgba(255, 255, 255, .05));
  box-shadow: inset 0 0 0 1px var(--dt-accent-dark-border);
}

#sidebar[data-mini="true"] .sidebar-brand-icon {
  height: 2.5rem;
  width: 2.5rem;
}

#sidebar[data-mini="true"] .sidebar-dropdown {
  display: flex;
  justify-content: center;
}

#sidebar[data-mini="true"] .dropdown-toggle {
  width: 2.75rem;
  justify-content: center;
  padding: .4rem;
}

#sidebar[data-mini="false"] .dropdown-toggle,
.dropdown-toggle {
  display: flex;
  width: 100%;
  align-items: center;
  gap: .7rem;
  border: 0;
  border-radius: .65rem;
  padding: .7rem .75rem;
  background: transparent;
  color: #3f3f46;
  transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.dark .dropdown-toggle {
  color: #f4f4f5;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus-visible,
.dropdown-toggle.is-active {
  background: var(--dt-accent-soft);
  color: var(--dt-accent-strong);
  outline: none;
}

.dark .dropdown-toggle:hover,
.dark .dropdown-toggle:focus-visible,
.dark .dropdown-toggle.is-active {
  background: var(--dt-accent-dark-soft);
  color: #fff;
}

#sidebar[data-mini="true"] .dropdown-toggle.is-active {
  background: transparent;
  box-shadow: none;
}

.sidebar-icon-box {
  display: inline-flex;
  height: 2rem;
  width: 2rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: .6rem;
  background: var(--dt-accent-soft);
  color: var(--dt-accent);
  font-size: .92rem;
  transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.dark .sidebar-icon-box {
  background: var(--dt-accent-dark-soft);
  color: #d8e6ff;
}

.dropdown-toggle:hover .sidebar-icon-box,
.dropdown-toggle:focus-visible .sidebar-icon-box,
.dropdown-toggle.is-active .sidebar-icon-box {
  background: var(--dt-accent);
  color: #fff;
  transform: none;
  box-shadow: none;
}

#sidebar[data-mini="true"] .dropdown-toggle.is-active .sidebar-icon-box {
  background: var(--dt-accent-soft);
  color: var(--dt-accent);
  box-shadow: inset 0 0 0 1px var(--dt-accent);
}

.dark #sidebar[data-mini="true"] .dropdown-toggle.is-active .sidebar-icon-box {
  background: var(--dt-accent-dark-soft);
  color: #d8e6ff;
  box-shadow: inset 0 0 0 1px var(--dt-accent-dark-border);
}

.sidebar-label {
  font-size: .83rem;
  font-weight: 700;
  letter-spacing: 0;
}

.sidebar-sub-link,
#subSidebar a {
  display: flex;
  align-items: center;
  gap: .55rem;
  border-radius: .55rem;
  padding: .58rem .75rem;
  color: #52525b;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}

.sidebar-sub-link i,
#subSidebar a i {
  width: 1rem;
  text-align: center;
  font-size: .75rem;
}

.sidebar-sub-link:hover,
.sidebar-sub-link:focus-visible,
.sidebar-sub-link.is-active,
#subSidebar a:hover,
#subSidebar a:focus-visible {
  background: var(--dt-accent-soft);
  color: var(--dt-accent);
  outline: none;
}

.dark .sidebar-sub-link,
.dark #subSidebar a {
  color: #e4e4e7;
}

.dark #sidebar .sidebar-label,
.dark #sidebar .sidebar-label span,
.dark #sidebar p {
  color: #f8fafc;
}

.dark #sidebar .sidebar-label span:last-child,
.dark #sidebar p:first-child {
  color: #d8e6ff;
}

.dark .sidebar-sub-link:hover,
.dark .sidebar-sub-link:focus-visible,
.dark .sidebar-sub-link.is-active,
.dark #subSidebar a:hover,
.dark #subSidebar a:focus-visible {
  background: var(--dt-accent-dark-soft);
  color: #d8e6ff;
}

#toggleSidebar i {
  transition: transform .22s ease;
}

#toggleSidebar[data-mini="true"] i {
  transform: rotate(180deg);
}

#subSidebar {
  z-index: 200;
}

#subSidebar.sub-open {
  animation: subSlide .18s ease;
}

@keyframes subSlide {
  from {
    opacity: 0;
    transform: translateX(8px) scale(.98);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

.body-lock {
  overflow: hidden;
  touch-action: none;
}

.nav-icon-button {
  display: inline-flex;
  height: 2.4rem;
  width: 2.4rem;
  align-items: center;
  justify-content: center;
  border-radius: .7rem;
  border: 1px solid var(--dt-accent-border);
  background: rgba(255, 255, 255, .9);
  color: var(--dt-accent);
  box-shadow: none;
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.nav-icon-button:hover,
.nav-icon-button:focus-visible {
  background: var(--dt-accent-soft);
  color: var(--dt-accent-strong);
  outline: none;
  transform: translateY(-1px);
}

.dark .nav-icon-button {
  border-color: var(--dt-accent-dark-border);
  background: rgba(15, 15, 15, .95);
  color: #d8e6ff;
  box-shadow: none;
}

.dark .nav-icon-button:hover,
.dark .nav-icon-button:focus-visible {
  background: var(--dt-accent-dark-soft);
  color: #fff;
}

.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  padding: 0;
}

.theme-toggle-track {
  position: relative;
  display: inline-flex;
  height: 2.4rem;
  width: 4.3rem;
  align-items: center;
  justify-content: space-between;
  border-radius: .8rem;
  border: 0;
  background: var(--dt-accent-soft);
  padding: .25rem .55rem;
  color: #4169a8;
  box-shadow: inset 0 0 0 1px var(--dt-accent-border);
  transition: background .2s ease;
}

.theme-toggle-thumb {
  position: absolute;
  left: .25rem;
  z-index: 1;
  display: inline-flex;
  height: 1.85rem;
  width: 1.85rem;
  align-items: center;
  justify-content: center;
  border-radius: .62rem;
  background: #fff;
  color: var(--dt-accent);
  box-shadow: 0 3px 10px rgba(16, 42, 86, .14);
  transition: transform .22s ease, color .22s ease, background .22s ease;
}

.theme-toggle.is-dark .theme-toggle-track {
  background: #0a0a0a;
  box-shadow: inset 0 0 0 1px var(--dt-accent-dark-border);
}

.theme-toggle.is-dark .theme-toggle-thumb {
  transform: translateX(1.9rem);
  background: var(--dt-accent);
  color: #fff;
}

.theme-toggle-icon {
  position: relative;
  z-index: 0;
  font-size: .82rem;
}

.theme-toggle-icon-light {
  color: var(--dt-accent);
}

.theme-toggle-icon-dark {
  color: #d8e6ff;
}

.user-trigger {
  display: inline-flex;
  min-height: 2.4rem;
  align-items: center;
  gap: .65rem;
  border-radius: .8rem;
  border: 1px solid var(--dt-accent-border);
  background: rgba(255, 255, 255, .88);
  padding: .25rem .45rem .25rem .3rem;
  color: #334155;
  box-shadow: none;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.user-trigger:hover,
.user-trigger:focus-visible {
  background: var(--dt-accent-soft);
  outline: none;
  transform: translateY(-1px);
}

.dark .user-trigger {
  border-color: var(--dt-accent-dark-border);
  background: rgba(15, 15, 15, .95);
  color: #f4f4f5;
}

.dark .user-trigger:hover,
.dark .user-trigger:focus-visible {
  background: var(--dt-accent-dark-soft);
}

.user-menu {
  z-index: 120;
}

.user-menu.show {
  opacity: 1 !important;
  transform: scale(1) !important;
  pointer-events: auto !important;
}

.user-menu .menu-item {
  display: flex;
  align-items: center;
  gap: .75rem;
  border-radius: .7rem;
  padding: .7rem;
  color: #3f3f46;
  text-decoration: none;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}

.user-menu .menu-item:hover,
.user-menu .menu-item:focus-visible {
  background: var(--dt-accent-soft);
  color: var(--dt-accent-strong);
  outline: none;
}

.dark .user-menu .menu-item {
  color: #e4e4e7;
}

.dark .user-menu .menu-item:hover,
.dark .user-menu .menu-item:focus-visible {
  background: var(--dt-accent-dark-soft);
  color: #fff;
}

.menu-item-icon {
  display: inline-flex;
  height: 2rem;
  width: 2rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: .6rem;
  background: var(--dt-accent-soft);
  color: var(--dt-accent);
}

.dark .menu-item-icon {
  background: var(--dt-accent-dark-soft);
  color: #d8e6ff;
}

.menu-item.danger {
  color: var(--dt-accent);
}

.menu-item.danger .menu-item-icon {
  background: var(--dt-accent-soft);
  color: var(--dt-accent);
}

.dark .menu-item.danger {
  color: #d8e6ff;
}

.dark .menu-item.danger .menu-item-icon {
  background: var(--dt-accent-dark-soft);
  color: #d8e6ff;
}

@media (max-width: 1023.5px) {
  #sidebar {
    width: 17rem !important;
  }
}