.sidebar {
  background: #0b1120;
  border-right: 1px solid var(--border);
  padding: 24px 16px;
}

.sidebar-nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sidebar-nav a {
  color: var(--muted);
  text-decoration: none;
  padding: 12px 14px;
  border-radius: 12px;
  font-weight: 600;
}

.sidebar-nav a:hover,
.sidebar-nav a.active {
  color: var(--text);
  background: var(--accent-soft);
}

@media (max-width: 900px) {
  .sidebar {
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }

  .sidebar-nav {
    flex-direction: row;
    overflow-x: auto;
  }
}