@import url('./app.css');

.header {
  display:flex; align-items:center; justify-content:space-between;
  margin: 6px 0 14px;
}
.nav { display:flex; gap: 8px; flex-wrap: wrap; }
.nav .btn { padding:10px 12px; border-radius:10px; }

.kpis { display:grid; gap: var(--gap); grid-template-columns: repeat(2,minmax(0,1fr)); }
@media (min-width:720px){ .kpis { grid-template-columns: repeat(3,minmax(0,1fr)); } }
.kpi { background: var(--surface); border-radius: var(--radius); padding: 14px; box-shadow: var(--shadow); }
.kpi .t { color: var(--muted); font-size: 12px; }
.kpi .v { font-size: 28px; font-weight: 800; margin-top: 6px; }

.form-actions { display:flex; gap:10px; flex-wrap:wrap; }