/* === SIDEBAR MENU - JSON Version === */
.sidebar-nav { width: 100%; }
.sidebar-menu { list-style: none; margin: 0; padding: 0; }

.sidebar-menu-item { margin-bottom: 4px; border-radius: 8px; overflow: hidden; }
.sidebar-menu-item.active { background: var(--primary); }

.sidebar-menu-link, .sidebar-menu-toggle {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  padding: 12px 16px;
  border: none;
  background: none;
  text-decoration: none;
  color: var(--text-dark);
  transition: all 0.3s ease;
  cursor: pointer;
}

.sidebar-menu-link:hover,
.sidebar-menu-toggle:hover { background: rgba(0,0,0,0.05); }

.sidebar-menu-icon { margin-right: 10px; font-size: 1.2em; }
.sidebar-submenu-toggle { margin-left: auto; transition: transform 0.3s ease; }
.sidebar-menu-item.has-submenu.active .sidebar-submenu-toggle { transform: rotate(180deg); }

.sidebar-submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background: rgba(0,0,0,0.03);
}

.sidebar-menu-item.has-submenu.active .sidebar-submenu { max-height: 500px; }

.sidebar-submenu-item a {
  display: block;
  padding: 10px 16px 10px 48px;
  color: var(--text-light);
  text-decoration: none;
  transition: all 0.3s ease;
}

.sidebar-submenu-item a:hover { color: var(--primary); }

[data-theme="dark"] .sidebar-menu-link,
[data-theme="dark"] .sidebar-menu-toggle { color: var(--text-dark); }

[data-theme="dark"] .sidebar-submenu { background: rgba(255,255,255,0.03); }