body {
  background: #f5f7fb;
}

.kpi-card {
  color: #fff;
  border-radius: 1rem;
}

.kpi-card small {
  display: block;
  opacity: 0.85;
  margin-bottom: 0.35rem;
}

.kpi-card h3 {
  margin: 0;
  font-weight: 700;
}

.kpi-card { background: #5c6ac4; }
.kpi-card.warning { background: #f59e0b; }
.kpi-card.info { background: #0ea5e9; }
.kpi-card.danger { background: #ef4444; }
.kpi-card.success { background: #10b981; }
.kpi-card.dark { background: #334155; }

.card {
  border: 0;
  border-radius: 1rem;
}

.timeline {
  position: relative;
  padding-left: 1rem;
}

.timeline:before {
  content: '';
  position: absolute;
  left: 0.3rem;
  top: 0;
  width: 2px;
  height: 100%;
  background: #dbe4f0;
}

.timeline-item {
  position: relative;
  padding-left: 1.2rem;
  margin-bottom: 1.2rem;
}

.timeline-item:before {
  content: '';
  position: absolute;
  left: -0.05rem;
  top: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2563eb;
}

.timeline-date {
  font-size: 0.82rem;
  color: #6b7280;
  margin-bottom: 0.2rem;
}

.small-detail p {
  margin-bottom: 0.65rem;
}