:root{
  --brand-blue:#0b5ed7;
  --brand-blue-dark:#0a4fb6;
  --brand-bg:#f5f8ff;
}
body{ background:var(--brand-bg); }
.navbar{ background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-dark)); }
.card{
  border:0;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(10,30,70,0.08);
}
.btn-primary{ background-color:var(--brand-blue); border-color:var(--brand-blue); }
.btn-primary:hover{ background-color:var(--brand-blue-dark); border-color:var(--brand-blue-dark); }
.metric{ font-size:0.9rem; color:#5a6b86; }
.metric-value{ font-size:1.6rem; font-weight:700; color:#13213c; }
.page-title{ font-weight:800; color:#13213c; letter-spacing:0.2px; }
.table thead th{ color:#27406a; font-weight:700; }
.badge-soft{ background:#e7f0ff; color:#0b5ed7; border:1px solid #cfe2ff; }
@media print{
  .no-print{ display:none !important; }
  body{ background:#fff; }
  .card{ box-shadow:none; }
}

.chart-container {
  height: 260px;
  position: relative;
}