:root{
  --ihs-blue-dark:#0b1f3a;
  --ihs-blue:#12345c;
  --ihs-blue-light:#1e5f9e;
  --ihs-accent:#2fa3d6;
}
body{ background:#f4f6f9; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; }
.app-navbar{ background:linear-gradient(120deg,var(--ihs-blue-dark),var(--ihs-blue-light)); }
.card{ border:none; border-radius:14px; box-shadow:0 2px 10px rgba(15,35,60,.08); }
.card-header{ background:transparent; border-bottom:1px solid #eef1f5; font-weight:600; }
.btn-primary{ background:var(--ihs-blue-light); border-color:var(--ihs-blue-light); }
.btn-primary:hover{ background:var(--ihs-blue-dark); border-color:var(--ihs-blue-dark); }
.badge-level-1{ background:#dc3545; }
.badge-level-2{ background:#fd7e14; }
.badge-level-3{ background:#0dcaf0; color:#000; }
.badge-level-4{ background:#20c997; }
.badge-level-5{ background:#6f42c1; }
.login-wrap{ min-height:100vh; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--ihs-blue-dark),var(--ihs-blue-light)); padding:1rem; }
.login-card{ max-width:420px; width:100%; border-radius:16px; }
.rubric-level-btn{ cursor:pointer; border:2px solid #dee2e6; border-radius:10px; padding:.6rem .8rem;
  font-size:.85rem; transition:.15s; height:100%; }
.rubric-level-btn:hover{ border-color:var(--ihs-blue-light); }
.rubric-level-btn.selected{ border-color:var(--ihs-blue-light); background:#eaf4fc; font-weight:600; }
.criteria-block{ border-bottom:1px solid #eef1f5; padding:1rem 0; }
.stat-tile{ border-radius:14px; padding:1rem 1.25rem; color:#fff; }
@media (max-width:576px){
  .navbar-text{ display:none; }
}