/*
     Idrisu Chungho
     991817155
     Assignment 3
*/


    body {
      font-family: Arial, sans-serif;
      max-width: 900px;
      margin: 20px auto;
    }
    h1 {
      text-align: center;
    }
    form {
      border: 1px solid #ddd;
      padding: 15px;
      margin-bottom: 20px;
    }
    label {
      display: block;
      margin-top: 10px;
      font-weight: bold;
    }
    input[type="text"],
    input[type="date"],
    textarea,
    select {
      width: 100%;
      padding: 6px;
      margin-top: 4px;
      box-sizing: border-box;
    }
    button {
      margin-top: 10px;
      padding: 8px 16px;
      cursor: pointer;
    }
    #message {
      margin-bottom: 15px;
      padding: 8px;
      display: none;
    }
    #message.error {
      background-color: #ffd5d5;
      color: #a40000;
    }
    #message.success {
      background-color: #d5ffdf;
      color: #006b21;
    }
    table {
      width: 100%;
      border-collapse: collapse;
    }
    th, td {
      border: 1px solid #ddd;
      padding: 8px;
      text-align: left;
    }
    th {
      background-color: #f2f2f2;
    }
    .actions button {
      margin-right: 5px;
    }