:root {
  --auto-sidebar-open: 280px;
  --auto-sidebar-closed: 76px;
  --auto-sidebar-mobile: min(84vw, 300px);
  --auto-sidebar-ink: #e9fbf5;
  --auto-sidebar-muted: rgba(214, 245, 236, .68);
  --auto-sidebar-line: rgba(153, 246, 228, .16);
  --auto-sidebar-active: rgba(255, 255, 255, .16);
  --auto-sidebar-hover: rgba(255, 255, 255, .10);
  --auto-sidebar-glow: rgba(45, 212, 191, .28);
}

html.auto-premium-desktop body nav.sidebar-navigation.auto-premium-sidebar,
html.auto-premium-mobile body nav.sidebar-navigation.auto-premium-sidebar {
  top: 0 !important;
  left: 0 !important;
  height: 100vh !important;
  color: var(--auto-sidebar-ink) !important;
  background:
    radial-gradient(circle at 24px 20px, rgba(94, 234, 212, .18), transparent 34%),
    linear-gradient(180deg, #062b33 0%, #07363b 46%, #052126 100%) !important;
  border-right: 1px solid var(--auto-sidebar-line) !important;
  box-shadow: 18px 0 42px rgba(2, 8, 23, .24) !important;
  overflow: visible !important;
  z-index: 1001 !important;
  transition: width .22s ease, min-width .22s ease, flex-basis .22s ease, transform .24s ease !important;
}

html.auto-premium-desktop body nav.sidebar-navigation.auto-premium-sidebar.auto-sidebar-expanded {
  width: var(--auto-sidebar-open) !important;
  min-width: var(--auto-sidebar-open) !important;
  flex: 0 0 var(--auto-sidebar-open) !important;
}

html.auto-premium-desktop body nav.sidebar-navigation.auto-premium-sidebar.auto-sidebar-collapsed {
  width: var(--auto-sidebar-closed) !important;
  min-width: var(--auto-sidebar-closed) !important;
  flex: 0 0 var(--auto-sidebar-closed) !important;
}

html.auto-premium-desktop.auto-premium-menu-expanded body main.main-content {
  margin-left: var(--auto-sidebar-open) !important;
}

html.auto-premium-desktop.auto-premium-menu-collapsed body main.main-content {
  margin-left: var(--auto-sidebar-closed) !important;
}

html.auto-premium-desktop body main.main-content {
  transition: margin-left .22s ease !important;
}

html.auto-premium-mobile body main.main-content {
  margin-left: 0 !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar .auto-sidebar-body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
  padding: 18px 14px !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar .auto-premium-brand {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 60px !important;
  margin: 0 0 18px !important;
  padding: 9px 54px 9px 10px !important;
  border: 1px solid rgba(153, 246, 228, .18) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .075) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 14px 34px rgba(0, 0, 0, .16) !important;
  overflow: hidden !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar .auto-premium-mark {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 13px !important;
  color: #062b33 !important;
  background: linear-gradient(135deg, #f8fafc 0%, #99f6e4 100%) !important;
  box-shadow: 0 12px 26px rgba(20, 184, 166, .25) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar .auto-premium-brand-copy {
  display: block !important;
  min-width: 0 !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar .auto-premium-title {
  color: #f8fafc !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar .auto-premium-subtitle {
  margin-top: 3px !important;
  color: var(--auto-sidebar-muted) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html.auto-premium-menu-collapsed body nav.sidebar-navigation.auto-premium-sidebar .auto-premium-brand {
  justify-content: center !important;
  min-height: 54px !important;
  margin-bottom: 62px !important;
  padding: 6px !important;
}

html.auto-premium-menu-collapsed body nav.sidebar-navigation.auto-premium-sidebar .auto-premium-brand-copy {
  display: none !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar li {
  list-style: none !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar .sidebar-item,
html body nav.sidebar-navigation.auto-premium-sidebar #menu-cross-link.menu-cross-link.sidebar-item {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  gap: 12px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: rgba(226, 252, 245, .78) !important;
  box-shadow: none !important;
  text-decoration: none !important;
  outline: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar .sidebar-item:hover,
html body nav.sidebar-navigation.auto-premium-sidebar #menu-cross-link.menu-cross-link.sidebar-item:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(153, 246, 228, .22) !important;
  background: var(--auto-sidebar-hover) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(2, 8, 23, .16) !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar .sidebar-item.auto-active,
html body nav.sidebar-navigation.auto-premium-sidebar .sidebar-item[aria-current="page"] {
  border-color: rgba(153, 246, 228, .30) !important;
  background: var(--auto-sidebar-active) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(2, 8, 23, .20), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar .sidebar-item.auto-active::before,
html body nav.sidebar-navigation.auto-premium-sidebar .sidebar-item[aria-current="page"]::before {
  content: "" !important;
  position: absolute !important;
  left: 7px !important;
  top: 12px !important;
  bottom: 12px !important;
  width: 3px !important;
  border-radius: 99px !important;
  background: #5eead4 !important;
  box-shadow: 0 0 18px var(--auto-sidebar-glow) !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar .sidebar-item svg,
html body nav.sidebar-navigation.auto-premium-sidebar #menu-cross-link.menu-cross-link.sidebar-item svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  flex: 0 0 20px !important;
  stroke-width: 2 !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar .auto-cross-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar #menu-cross-link .sidebar-cross-icon {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar .sidebar-label {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  max-width: 196px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: inherit !important;
  opacity: 1 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

html.auto-premium-menu-collapsed body nav.sidebar-navigation.auto-premium-sidebar .sidebar-item,
html.auto-premium-menu-collapsed body nav.sidebar-navigation.auto-premium-sidebar #menu-cross-link.menu-cross-link.sidebar-item {
  justify-content: center !important;
  width: 48px !important;
  min-width: 48px !important;
  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html.auto-premium-menu-collapsed body nav.sidebar-navigation.auto-premium-sidebar .sidebar-label {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html.auto-premium-menu-collapsed body nav.sidebar-navigation.auto-premium-sidebar .sidebar-item.auto-active::before,
html.auto-premium-menu-collapsed body nav.sidebar-navigation.auto-premium-sidebar .sidebar-item[aria-current="page"]::before {
  left: 5px !important;
}

html.auto-premium-menu-collapsed body nav.sidebar-navigation.auto-premium-sidebar .sidebar-item[data-auto-tooltip]::after {
  content: attr(data-auto-tooltip) !important;
  position: absolute !important;
  left: calc(100% + 12px) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: block !important;
  max-width: 240px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(153, 246, 228, .20) !important;
  border-radius: 10px !important;
  background: rgba(3, 22, 27, .96) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 38px rgba(2, 8, 23, .30) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 10020 !important;
  transition: opacity .14s ease, visibility .14s ease, transform .14s ease !important;
}

html.auto-premium-menu-collapsed body nav.sidebar-navigation.auto-premium-sidebar .sidebar-item[data-auto-tooltip]:hover::after,
html.auto-premium-menu-collapsed body nav.sidebar-navigation.auto-premium-sidebar .sidebar-item[data-auto-tooltip]:focus-visible::after {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(-50%) translateX(2px) !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar .auto-old-tooltip,
html body nav.sidebar-navigation.auto-premium-sidebar .sidebar-item > div[class*="absolute"][class*="left-16"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.auto-premium-desktop body nav.sidebar-navigation.auto-premium-sidebar #desktop-menu-toggle {
  position: absolute !important;
  top: 29px !important;
  right: 18px !important;
  left: auto !important;
  z-index: 10030 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border: 1px solid rgba(153, 246, 228, .24) !important;
  border-radius: 11px !important;
  background: rgba(3, 22, 27, .42) !important;
  color: #ecfeff !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transform: none !important;
  transition: background-color .16s ease, border-color .16s ease, transform .16s ease !important;
}

html.auto-premium-desktop body nav.sidebar-navigation.auto-premium-sidebar #desktop-menu-toggle:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(153, 246, 228, .42) !important;
  background: rgba(255, 255, 255, .11) !important;
}

html.auto-premium-menu-collapsed body nav.sidebar-navigation.auto-premium-sidebar #desktop-menu-toggle {
  top: 86px !important;
  right: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

html.auto-premium-menu-collapsed body nav.sidebar-navigation.auto-premium-sidebar #desktop-menu-toggle:hover {
  transform: translateX(-50%) translateY(-1px) !important;
}

html.auto-premium-mobile body nav.sidebar-navigation.auto-premium-sidebar {
  width: var(--auto-sidebar-mobile) !important;
  min-width: var(--auto-sidebar-mobile) !important;
  flex: 0 0 var(--auto-sidebar-mobile) !important;
  transform: translateX(-108%) !important;
}

html.auto-premium-mobile body nav.sidebar-navigation.auto-premium-sidebar.auto-sidebar-mobile-open {
  transform: translateX(0) !important;
}

html.auto-premium-mobile body nav.sidebar-navigation.auto-premium-sidebar .auto-premium-brand {
  min-height: 62px !important;
  margin-bottom: 18px !important;
  padding: 10px !important;
}

html.auto-premium-mobile body nav.sidebar-navigation.auto-premium-sidebar .auto-premium-brand-copy,
html.auto-premium-mobile body nav.sidebar-navigation.auto-premium-sidebar .sidebar-label {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html.auto-premium-mobile body nav.sidebar-navigation.auto-premium-sidebar .auto-premium-brand-copy {
  display: block !important;
}

html.auto-premium-mobile body nav.sidebar-navigation.auto-premium-sidebar .sidebar-item,
html.auto-premium-mobile body nav.sidebar-navigation.auto-premium-sidebar #menu-cross-link.menu-cross-link.sidebar-item {
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 13px !important;
}

html.auto-premium-mobile body #menu-toggle-btn {
  position: fixed !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 10040 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(153, 246, 228, .28) !important;
  border-radius: 12px !important;
  background: #062b33 !important;
  color: #ecfeff !important;
  box-shadow: 0 14px 30px rgba(2, 8, 23, .28) !important;
  cursor: pointer !important;
  transition: left .22s ease, background-color .16s ease, border-color .16s ease !important;
}

html.auto-premium-mobile.auto-premium-mobile-open body #menu-toggle-btn {
  left: calc(var(--auto-sidebar-mobile) - 54px) !important;
  background: rgba(3, 22, 27, .72) !important;
}

html.auto-premium-mobile body #desktop-menu-toggle {
  display: none !important;
}

.auto-premium-sidebar-overlay {
  display: none !important;
}

html.auto-premium-mobile.auto-premium-mobile-open body .auto-premium-sidebar-overlay {
  position: fixed !important;
  inset: 0 !important;
  display: block !important;
  z-index: 1000 !important;
  background: rgba(2, 8, 23, .52) !important;
  backdrop-filter: blur(2px) !important;
}

html.auto-premium-mobile.auto-premium-mobile-open body {
  overflow: hidden !important;
}

html body nav.sidebar-navigation.auto-premium-sidebar img:not([src*="/api/uploads/"]) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}