body {
  font-family: sans-serif;
  display: flex;
  margin: 0;
}
.sidebar {
  width: 200px;
  background: #222;
  color: white;
  height: 100vh;
  padding: 20px;
}
.sidebar ul { list-style: none; padding: 0; }
.sidebar a { color: white; text-decoration: none; display: block; padding: 5px 0; }
.sidebar a:hover { background: #444; }

.content { flex: 1; padding: 20px; }

.cards { display: flex; gap: 20px; }
.card {
  background: #f1f1f1;
  padding: 15px;
  border-radius: 10px;
  flex: 1;
  text-align: center;
}
table { width: 100%; border-collapse: collapse; margin-top: 10px; }
th, td { border: 1px solid #ccc; padding: 8px; }
.btn {
  display: inline-block;
  background: #008cff;
  color: white;
  padding: 8px 12px;
  border-radius: 5px;
  text-decoration: none;
}