body, html {
  margin: 0; padding: 0; font-family: sans-serif; background: #f2f2f2;
}
#loginPage { display: flex; justify-content: center; align-items: center; height: 100vh; background: #2e7d32; }
#loginBox {
  background: #388e3c; color: white; padding: 30px; border-radius: 10px; text-align: center;
}
input, textarea, button {
  display: block; width: 100%; margin: 10px 0; padding: 10px; border-radius: 5px;
}
button { background: #ff6d00; border: none; color: white; font-weight: bold; }
header, nav {
  background: #2e7d32; color: white; padding: 10px; display: flex; justify-content: space-between;
}
nav button {
  background: #1b5e20; color: white; border: none; margin-right: 5px; padding: 10px;
}
main { padding: 20px; }
.list-item {
  background: #e8f5e9; padding: 10px; border-left: 4px solid #4caf50; margin: 5px 0;
}
.btn-delete, .btn-edit {
  float: right; margin-left: 10px; cursor: pointer; background: none; border: none; font-weight: bold;
}
.btn-delete { color: red; }
.btn-edit { color: blue; }