:root {
    --qb-blue : #00b0d6;
    --qb-green: #2e7d32;
    --qb-red  : #d32f2f;
    --card-r  : 8px;
    --shadow  : 0 2px 8px rgba(0,0,0,.05);
  }
  body { font-family: "Inter", Roboto, Segoe UI, sans-serif; background:#f7f9fc; color:#0c0f3a; }
  h1,h2,h3 { font-weight:600; color:#0c0f3a; }
  .card,.item-card,.half,.bar-chart-wrapper,.day-card,.member-break-card {
    border-radius:var(--card-r); background:#fff; box-shadow:var(--shadow);
  }
  .nav-item.active { background:#e6f5fa; border-left-color:var(--qb-blue); color:var(--qb-blue); }
  .btn { background:var(--qb-blue); }
  .btn:hover { background:#0090ae; }
  .bar-green { background:var(--qb-green)!important; }
  .bar-red   { background:var(--qb-red)!important; }
  header,.main-header { background:linear-gradient(90deg,#14cc80 0%,var(--qb-blue) 100%); color:#fff; }