.qb-wrap{display:flex;flex-direction:column;gap:16px}
.qb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:900px){.qb-stats{grid-template-columns:repeat(2,1fr)}}
.qb-stat{background:#fff;border:1px solid #EEF2F6;border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px}
.qb-stat-ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.qb-stat-v{font-size:22px;font-weight:800;font-family:'Tajawal';line-height:1;color:#0F172A}
.qb-stat-l{font-size:11px;color:#64748B;font-weight:600;margin-top:2px}

.qb-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid #EEF2F6;border-radius:13px;padding:13px 15px}
.qb-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:9px;font-family:'Cairo';font-size:12.5px;font-weight:700;cursor:pointer;border:none;transition:all .15s}
.qb-btn-primary{background:linear-gradient(135deg,#0EA5E9,#6366F1);color:#fff;box-shadow:0 4px 12px rgba(14,165,233,.3)}
.qb-btn-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}
.qb-btn-excel{background:#10B981;color:#fff}
.qb-btn-excel:hover{background:#059669}
.qb-btn-ghost{background:#F1F5F9;color:#475569}
.qb-btn-ghost:hover{background:#E2E8F0}

.qb-filters{display:flex;gap:9px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid #EEF2F6;border-radius:13px;padding:11px 15px}
.qb-search{flex:1;min-width:160px;display:flex;align-items:center;gap:8px;background:#F8FAFC;border:1px solid #E0F2FE;border-radius:9px;padding:0 12px;height:38px}
.qb-search input{flex:1;border:none;background:none;outline:none;font-family:'Cairo';font-size:12.5px}
.qb-filters select{padding:8px 11px;border:1.5px solid #E0F2FE;border-radius:9px;font-family:'Cairo';font-size:12px;font-weight:700;color:#0369A1;background:#F0F9FF;cursor:pointer}

.qb-list{display:flex;flex-direction:column;gap:10px}
.qb-q{background:#fff;border:1px solid #EEF2F6;border-radius:13px;padding:14px 16px;transition:all .15s}
.qb-q:hover{border-color:#BAE6FD;box-shadow:0 6px 16px -8px rgba(14,165,233,.15)}
.qb-q-top{display:flex;align-items:flex-start;gap:11px;margin-bottom:10px}
.qb-q-type{font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:20px;flex-shrink:0}
.qb-q-type.mcq{background:#EFF6FF;color:#1E40AF}
.qb-q-type.tf{background:#F0FDF4;color:#065F46}
.qb-q-type.fill{background:#FEF3C7;color:#92400E}
.qb-q-type.essay{background:#F5F3FF;color:#5B21B6}
.qb-q-text{flex:1;font-size:13.5px;font-weight:700;color:#0F172A;line-height:1.5}
.qb-q-actions{display:flex;gap:5px;flex-shrink:0}
.qb-q-act{width:28px;height:28px;border-radius:7px;border:1px solid #E0F2FE;background:#F8FAFC;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center}
.qb-q-act:hover{background:#0EA5E9;color:#fff;border-color:#0EA5E9}
.qb-q-act.del:hover{background:#DC2626;border-color:#DC2626}
.qb-q-opts{display:flex;flex-direction:column;gap:4px;padding-right:8px;margin-bottom:8px}
.qb-q-opt{display:flex;align-items:center;gap:7px;font-size:12px;color:#475569}
.qb-q-opt.correct{color:#065F46;font-weight:700}
.qb-q-opt-mark{width:16px;height:16px;border-radius:50%;border:1.5px solid #CBD5E1;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px}
.qb-q-opt.correct .qb-q-opt-mark{background:#10B981;border-color:#10B981;color:#fff}
.qb-q-meta{display:flex;gap:7px;flex-wrap:wrap;font-size:10.5px}
.qb-q-tag{padding:2px 9px;border-radius:20px;background:#F1F5F9;color:#64748B;font-weight:700}

.qb-empty{text-align:center;padding:50px 20px;color:#94A3B8}
.qb-empty-ic{font-size:50px;margin-bottom:12px;opacity:.5}

/* Excel import modal */
.qb-xl-drop{border:2px dashed #BAE6FD;border-radius:14px;padding:30px;text-align:center;background:#F0F9FF;cursor:pointer;transition:all .15s}
.qb-xl-drop:hover{border-color:#0EA5E9;background:#E0F2FE}
.qb-xl-ic{font-size:46px;margin-bottom:10px}
.qb-xl-tmpl{background:#F8FAFC;border:1px solid #E0F2FE;border-radius:10px;padding:12px;margin-top:14px;font-size:11.5px;color:#475569;line-height:1.7}
.qb-xl-tmpl b{color:#0F172A}
.qb-xl-tmpl code{background:#EEF2FF;padding:1px 6px;border-radius:4px;font-family:monospace;color:#4338CA}
.qb-xl-preview{max-height:300px;overflow:auto;margin-top:14px}
.qb-xl-prow{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #E0F2FE;border-radius:9px;margin-bottom:6px;font-size:12px}
.qb-xl-prow .n{width:22px;height:22px;border-radius:6px;background:#0EA5E9;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}