body { 
  font-family: Arial, sans-serif; 
  padding: 20px; 
  background-color: #f9f9f9; 
}
h1 { color: #333; }
input[type="text"] { 
  padding: 8px; 
  width: 250px; 
  margin-right: 10px; 
  border-radius: 4px; 
  border: 1px solid #ccc; 
}
button { 
  padding: 8px 12px; 
  border: none; 
  border-radius: 4px; 
  background-color: #4CAF50; 
  color: white; 
  cursor: pointer; 
}
button:hover { background-color: #45a049; }

table { 
  width: 100%; 
  border-collapse: collapse; 
  margin-top: 20px; 
  background-color: white; 
}
th, td { 
  padding: 10px; 
  border: 1px solid #ddd; 
  text-align: left; 
}
th { background-color: #f2f2f2; }

.delete-btn { background-color: #f44336; }
.delete-btn:hover { background-color: #e53935; }

.no-data { margin-top: 20px; color: #666; }


/* nut quay lai   */
.btn-back {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 6px;
  background-color: #4CAF50;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}

.btn-back:hover {
  background-color: #ddd;
}

.btn-back-container {
  margin-top: 15px;  /* cách nội dung phía trên */
  width: 100%;
  text-align: left;
}