.kpi-grid { display: grid; gap: 12px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.kpi { padding: 14px; border-radius: 12px; background: rgba(17, 26, 47, .8); border: 1px solid #2f466f; }
.table-wrap { overflow: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { border-bottom: 1px solid #24385f; text-align: left; padding: 10px; }
@media (max-width: 900px) { .kpi-grid { grid-template-columns: 1fr 1fr; } }

.table-advanced td,
.table-advanced th {
  border-bottom: 1px solid rgba(99, 125, 188, .35);
}
.kpi h3 { font-size: 1.5rem; margin: 0; }