body { font-family: Arial, sans-serif; background-color: #f4f4f9; text-align: center; padding: 20px; }
table { border-collapse: collapse; width: 80%; margin: 20px auto; background: white; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
th, td { border: 1px solid #444; padding: 12px; text-align: left; }
th { background-color: #b8c9e0; }
tr:nth-child(even) { background-color: #fdf2e9; }

.form-box { margin: 20px auto; padding: 20px; border: 1px solid #ccc; width: 50%; background: #e8eff7; border-radius: 8px; text-align: left; }
input[type="text"], select { padding: 8px; width: 95%; margin-bottom: 10px; border: 1px solid #ddd; }

.btn { padding: 6px 12px; text-decoration: none; border-radius: 4px; font-size: 13px; color: black; border: 1px solid #888; display: inline-block; }
.btn-add { background: #28a745; color: white; border: none; cursor: pointer; width: auto; }
.btn-edit { background: #ccffcc; }
.btn-delete { background: #ffcccc; }