/* === analytics.css === */
/* ======================================================
   === SECTION: ANALYTICS ===
   ====================================================== */
.analytics-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px;
}
.analytics-card {
  background: white; border-radius: 14px; padding: 20px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06); border: 1px solid #e2e8f0;
}
.analytics-card-wide { grid-column: span 2; }
.analytics-card h3 {
  font-size: 0.75rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 1px; color: #94a3b8; margin-bottom: 16px;
}
.kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 24px; }
.kpi-card {
  background: white; border-radius: 12px; padding: 18px 16px;
  text-align: center; border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.kpi-val { font-size: 2rem; font-weight: 900; color: #1e293b; font-family: 'JetBrains Mono', monospace; }
.kpi-label { font-size: 0.65rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: #94a3b8; margin-top: 4px; }
.kpi-trend { font-size: 0.7rem; font-weight: 700; margin-top: 6px; }
.kpi-up { color: var(--green); }
.kpi-down { color: var(--red); }