:root{
  --ceg-blue:#0121A3;
  --ceg-cyan:#02ADE5;
  --bg:#f6f8fb;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --line:#e5e7eb;
}
body{ background:var(--bg); color:var(--text); }
.navbar{ background:linear-gradient(90deg,var(--ceg-blue),#0b3bd6); }
.navbar .navbar-brand, .navbar .nav-link, .navbar .navbar-text{ color:#fff !important; }
.btn-primary{ background:var(--ceg-blue); border-color:var(--ceg-blue); }
.btn-primary:hover{ filter:brightness(0.95); }
.badge-ceg{ background:var(--ceg-cyan); }
.card{ border:1px solid var(--line); border-radius:16px; box-shadow:0 8px 24px rgba(2,6,23,.06); }
.table thead th{ position:sticky; top:0; background:#fff; z-index:1; }
.kpi{ border-left:6px solid var(--ceg-cyan); }
.small-muted{ color:var(--muted); font-size:.9rem; }
.avatar{
  width:34px;height:34px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#e0f2fe;color:#0f172a;font-weight:700;
}