body { font-family: Arial, sans-serif; margin: 0; background: #f4f4f4; }
header { background: #2b5d34; color: white; padding: 15px; text-align: center; font-size: 1.5em; }
nav { background: #ffa500; display: flex; flex-wrap: wrap; justify-content: center; }
nav button {
  background: white; margin: 5px; padding: 10px 15px; border-radius: 6px; border: none; cursor: pointer;
  font-weight: bold;
}
nav button:hover { background: #ffe0b3; }
.container { display: none; padding: 20px; max-width: 900px; margin: 20px auto; background: white; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
input, select, textarea {
  width: 100%; padding: 10px; margin: 6px 0; border-radius: 6px; border: 1px solid #ccc;
  box-sizing: border-box;
}
button.save-btn {
  background: #2b5d34; color: white; border: none; padding: 12px 25px; border-radius: 8px; margin-top: 12px;
}
button.save-btn:hover { background: #244f29; }
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
th, td { border: 1px solid #ccc; padding: 12px; text-align: left; }
th { background: #eee; }
.action-btn {
  background: #cc3c3c; color: white; border: none; padding: 6px 12px; border-radius: 6px; cursor: pointer;
  font-weight: bold; margin-right: 5px;
}
.action-btn.edit { background: #2b5d34; }
.action-btn:hover { opacity: 0.9; }
#login {
  max-width: 400px; margin: 100px auto; background: white; padding: 30px 25px; border-radius: 12px;
  box-shadow: 0 0 15px rgba(0,0,0,0.15);
  text-align: center;
}
#erroLogin { color: red; display: none; margin-top: 15px; font-weight: bold; }