.sidebar {
  width: 220px;
  height: calc(100vh - 60px);
  background: #f3f4f6;
  border-right: 1px solid #e5e7eb;
  padding-top: 1rem;
  position: fixed;
  left: 0;
  top: 60px;
  z-index: 10;
  overflow-y: auto;
}

.sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar li {
  padding: 1rem 1.5rem;
  cursor: pointer;
  color: #1e293b;
  font-size: 1.1rem;
  transition: background 0.2s, color 0.2s;
}

.sidebar li.active, .sidebar li:hover {
  background: #2563eb;
  color: #fff;
}