/* Popup modal styles */
#requirementModal {
  display: none; 
  position: fixed; 
  z-index: 9999; 
  left: 0; top: 0; width: 100%; height: 100%;
  overflow: auto; background: rgba(0,0,0,0.5);
}
#requirementModal .modal-content {
  background: #fff; margin: 10% auto; padding: 30px 20px; border-radius: 8px; width: 90%; max-width: 400px; position: relative;
  box-shadow: 0 2px 16px rgba(0,0,0,0.2);
}
#requirementModal .close {
  color: #aaa; position: absolute; right: 16px; top: 10px; font-size: 28px; font-weight: bold; cursor: pointer;
}
#requirementModal .close:hover { color: #333; }
#requirementModal label { display: block; margin: 15px 0 5px; }
#requirementModal input, #requirementModal textarea {
  width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; margin-bottom: 10px;
}
#requirementModal button[type="submit"] {
  background: #007bff; color: #fff; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer;
  transition: background 0.2s;
}
#requirementModal button[type="submit"]:hover { background: #0056b3; }