.sidebar {
  width: 230px;
  height: 100vh;
  background: rgba(15, 15, 15, 0.9);
  border-right: 1px solid #333;
  position: fixed;
  top: 0;
  left: 0;
  padding: 20px;
  transform: translateX(0);
  transition: 0.4s ease;
}

.sidebar.hidden {
  transform: translateX(-260px);
}

.toggle-btn {
  position: fixed;
  top: 10px;
  left: 10px;
  background: #550000;
  border: 1px solid #770000;
  padding: 10px 15px;
  cursor: pointer;
  z-index: 20;
  color: white;
}

.sb-title {
  color: #ff3333;
  text-shadow: 0 0 6px #ff0000;
  margin-bottom: 20px;
}

.sb-section {
  margin-top: 20px;
  color: #888;
  font-size: 13px;
}

.sb-link {
  width: 100%;
  background: none;
  color: #ddd;
  border: none;
  text-align: left;
  padding: 8px 0;
  cursor: pointer;
}

.sb-link:hover {
  color: #ff5555;
}

.content {
  margin-left: 260px;
  padding: 40px;
  transition: 0.4s ease;
}

.sidebar.hidden ~ .content {
  margin-left: 40px;
}

.role-display {
  margin-top: -10px;
  color: #888;
}