.qbk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}
.qbk-card{background:#fff;border:1px solid #EEF2F6;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.qbk-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -12px var(--qbk-sh,rgba(14,165,233,.3))}
.qbk-head{padding:16px 17px;color:#fff;background:linear-gradient(135deg,var(--qbk-c1),var(--qbk-c2));position:relative;overflow:hidden}
.qbk-head::before{content:"";position:absolute;inset:auto -15% -50% auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%)}
.qbk-head-ic{font-size:30px;margin-bottom:8px;position:relative}
.qbk-head-name{font-size:15px;font-weight:800;position:relative;line-height:1.3}
.qbk-head-sub{font-size:11px;opacity:.9;margin-top:2px;position:relative}
.qbk-body{padding:14px 17px;flex:1;display:flex;flex-direction:column;gap:10px}
.qbk-stats-row{display:flex;gap:8px}
.qbk-stat{flex:1;background:#F8FAFC;border-radius:9px;padding:8px;text-align:center}
.qbk-stat b{font-size:17px;font-weight:800;font-family:'Tajawal';color:#0F172A;display:block;line-height:1}
.qbk-stat span{font-size:9.5px;color:#64748B;font-weight:700}
.qbk-foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #F1F5F9}
.qbk-foot .open-btn{font-size:11.5px;font-weight:800;color:#0EA5E9}
.qbk-del{width:26px;height:26px;border-radius:7px;border:1px solid #FECACA;background:#FEF2F2;color:#DC2626;cursor:pointer;font-size:12px}
.qbk-del:hover{background:#DC2626;color:#fff}
.qbk-new{border:2px dashed #BAE6FD;background:#F0F9FF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;cursor:pointer;color:#0369A1;transition:all .15s}
.qbk-new:hover{background:#E0F2FE;border-color:#0EA5E9}
.qbk-new-ic{font-size:38px}
.qbk-back{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#0EA5E9;cursor:pointer;margin-bottom:6px}
.qbk-back:hover{text-decoration:underline}