.kinbase-dashboard {
  padding: 24px;
}

.kinbase-dashboard-header {
  margin-bottom: 24px;
}

.kinbase-dashboard-header h1 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 4px;
}

.kinbase-dashboard-header p {
  color: #666;
  font-size: 15px;
}

.kinbase-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.kinbase-kpi-card {
  background: #fff;
  border-radius: 18px;
  padding: 24px;
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
  min-height: 150px;
}

.kinbase-kpi-label {
  font-size: 14px;
  color: #666;
  font-weight: 600;
}

.kinbase-kpi-number {
  font-size: 42px;
  font-weight: 800;
  margin-top: 14px;
}

.kinbase-kpi-footer {
  margin-top: 16px;
  font-size: 13px;
  color: #777;
}

@media (max-width: 900px) {
  .kinbase-kpi-grid {
    grid-template-columns: 1fr;
  }
}