body {
  margin: 0;
  background: #000;
  font-family: Arial, sans-serif;
  color: white;
}
.sidebar {
  width: 220px;
  height: 100vh;
  background: #0a0a0a;
  position: fixed;
  padding: 20px;
  border-right: 2px solid #00ff66;
}
.sidebar a {
  display: block;
  padding: 10px;
  margin: 10px 0;
  color: #00ff66;
  text-decoration: none;
}
.sidebar a.active { background: rgba(0,255,102,0.05); }
.content {
  margin-left: 240px;
  padding: 20px;
}
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
}
.card {
  padding: 12px;
  background: #111;
  border-radius: 10px;
}
.login-body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.login-box {
  padding: 20px;
  width: 320px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
input[type="text"], input[type="password"], textarea { padding:8px; border-radius:6px; border:1px solid #222; background:#0b0b0b; color:#e6ffe6; width:100%; }