body {
  display: flex;
  background: #f4f6fb;
  font-family: Arial;
}

/* SIDEBAR */
.sidebar {
  width: 260px;
  height: 100vh;
  background: #2b0a3d;
  padding: 20px;
}

.logo img {
  max-width: 200px;
  display: block;
  margin: auto;
}

/* MENU */
.menu a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #d1b3ff;
  padding: 10px 12px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.menu a i {
  font-size: 18px;
}

.menu a:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

.menu a.active {
  background: #ffb800;
  color: #2b0a3d;
  font-weight: bold;
}

/* CONTEÚDO */
.content {
  flex: 1;
  padding: 30px;
}

/* CARD */
.card {
  border-left: 5px solid #ffb800;
  border-radius: 12px;
}

.input-group-text i {
  color: #6a0dad;
}

/* TABELA */
.table {
  background: #fff;
}

/* MOBILE */
@media (max-width: 768px) {
  body { flex-direction: column; }
  .sidebar { width: 100%; height: auto; }
  .content { padding: 15px; }
}
.divider {
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(255,255,255,0.2),
    transparent
  );
  margin: 12px 0 18px;
}