.qa-hero{background:linear-gradient(180deg, rgba(13,110,253,.10), rgba(25,135,84,.06)); border-bottom:1px solid rgba(0,0,0,.08);}
    .qa-section{padding:56px 0;}
    .qa-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:1.25rem;}
    .qa-muted{color:rgba(0,0,0,.65);}
    .qa-pill{border-radius:999px;}
    .qa-divider{border-top:1px solid rgba(0,0,0,.08);}
    .qa-kpi{border:1px dashed rgba(0,0,0,.18);border-radius:1rem;padding:14px;background:rgba(255,255,255,.75);}


 .qa-hero{background:linear-gradient(180deg, rgba(25,135,84,.10), rgba(13,110,253,.06)); border-bottom:1px solid rgba(0,0,0,.08);}


    .qa-lock{opacity:.85;}





    /* ===== QuizPathshala Dashboard UI (Modern) ===== */
.qp-wrap{
  background: radial-gradient(1200px 420px at 10% 0%, rgba(99,102,241,.10), transparent 55%),
              radial-gradient(1200px 420px at 90% 0%, rgba(16,185,129,.10), transparent 55%),
              #fff;
  min-height: calc(100vh - 120px);
}

.qp-header{
  border:1px solid rgba(15,23,42,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.72));
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 18px 60px rgba(15,23,42,.06);
}

.qp-pill{
  display:inline-flex; gap:.5rem; align-items:center;
  padding:.38rem .75rem;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.75);
  font-weight:700; color:#0f172a;
}

.qp-title{font-weight:900; color:#0f172a; letter-spacing:-.02em; margin:10px 0 4px;}
.qp-sub{color: rgba(15,23,42,.70); margin:0;}

.qp-card{
  border:1px solid rgba(15,23,42,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.66));
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 18px 60px rgba(15,23,42,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  overflow:hidden;
  position:relative;
}

.qp-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 22px 75px rgba(15,23,42,.10);
  border-color: rgba(99,102,241,.22);
}

.qp-icon{
  width: 44px; height: 44px;
  display:grid; place-items:center;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.78);
  font-size: 1.15rem;
  margin-bottom: 10px;
}

.qp-card h5{margin:0 0 6px; font-weight:900; color:#0f172a;}
.qp-muted{color: rgba(15,23,42,.70);}

.qp-btn-primary{
  border-radius: 12px;
  padding: .62rem 1rem;
  font-weight: 800;
  border: 1px solid rgba(99,102,241,.25);
  background: linear-gradient(135deg, rgba(99,102,241,1), rgba(59,130,246,1));
  color:#fff;
  box-shadow: 0 14px 30px rgba(99,102,241,.25);
}
.qp-btn-primary:hover{ filter: brightness(1.02); transform: translateY(-1px); }

.qp-btn-ghost{
  border-radius: 12px;
  padding: .62rem 1rem;
  font-weight: 800;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.75);
  color:#0f172a;
}
.qp-btn-ghost:hover{ background: rgba(255,255,255,.95); transform: translateY(-1px); }

.qp-badge{
  font-size:.78rem; font-weight:900;
  padding:.35rem .7rem; border-radius:999px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(15,23,42,.04);
  color:#0f172a;
}
.qp-badge-success{border-color: rgba(16,185,129,.25); background: rgba(16,185,129,.10);}
.qp-badge-warn{border-color: rgba(245,158,11,.25); background: rgba(245,158,11,.10);}
.qp-badge-danger{border-color: rgba(239,68,68,.25); background: rgba(239,68,68,.10);}

.qp-list{
  border:1px solid rgba(15,23,42,.10);
  border-radius: 16px;
  overflow:hidden;
}
.qp-list .qp-row{
  display:flex; justify-content:space-between; gap:12px;
  padding: 12px 14px;
  background: rgba(255,255,255,.75);
  border-bottom:1px solid rgba(15,23,42,.08);
}
.qp-list .qp-row:last-child{border-bottom:none;}
.qp-row strong{color:#0f172a;}
.qp-kpi{
  padding: 14px;
  border-radius: 18px;
  border:1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.78);
}
.qp-kpi .v{font-weight:900; font-size:1.2rem; color:#0f172a;}
.qp-kpi .l{color: rgba(15,23,42,.70); font-size:.9rem;}