body {
  font-family: Arial;
  background: #f4f6f9;
  margin: 0;
}

.header {
  background: #2c3e50;
  color: white;
  padding: 15px;
  text-align: center;
}

.container {
  padding: 20px;
}

.kpi-container {
  display: flex;
  gap: 15px;
}

.kpi {
  flex: 1;
  background: white;
  padding: 20px;
  text-align: center;
}

table {
  width: 100%;
  background: white;
  margin-top: 20px;
}

th {
  background: #34495e;
  color: white;
}

.status {
  padding: 5px;
  color: white;
}

.completed { background: green; }
.ongoing { background: blue; }
.delayed { background: red; }
.pending { background: gray; }

/* blinking */
.blink {
  animation: blink 1s infinite;
}

@keyframes blink {
  50% { background: #ffcccc; }
}