body {
  font-family: sans-serif;
  margin: 30px;
  background: #fafafa;
}

#grid {
  display: grid;
  gap: 16px;
  max-width: 900px;
}

.cell {
  aspect-ratio: 1 / 1;
  border: 4px solid red;
  border-radius: 10px;
  padding: 12px;

  display: flex;
  flex-direction: column;
  gap: 8px;

  background: white;
}

label {
  font-size: 0.8rem;
  font-weight: 600;
}

select {
  width: 100%;
  padding: 4px;
}

.status {
  margin-top: auto;
  font-size: 0.9rem;
}

.cell.green-bg {
  background: #dff7df;
}

.cell.red-bg {
  background: #f8dede;
}

.cell.border-green {
  border-color: green;
}

.cell.border-yellow {
  border-color: gold;
}

.cell.border-red {
  border-color: red;
}