.sup-teacher-card{background:#fff;border:1px solid #E0F2FE;border-radius:13px;padding:14px;transition:all .15s;cursor:pointer}
.sup-teacher-card:hover{border-color:#BAE6FD;box-shadow:0 8px 20px -6px rgba(14,165,233,.15);transform:translateY(-2px)}
.sup-tc-hd{display:flex;align-items:center;gap:11px;margin-bottom:10px}
.sup-tc-av{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0EA5E9,#6366F1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex-shrink:0}
.sup-tc-name{font-size:14px;font-weight:800;color:#0F172A;line-height:1.3}
.sup-tc-meta{font-size:11.5px;color:#64748B;margin-top:2px}
.sup-tc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.sup-tc-stat{background:#F0F9FF;border-radius:8px;padding:8px;text-align:center}
.sup-tc-stat-v{font-size:16px;font-weight:800;font-family:'Tajawal';line-height:1}
.sup-tc-stat-l{font-size:9.5px;color:#64748B;font-weight:700;margin-top:2px}
.sup-tc-foot{display:flex;gap:6px;margin-top:6px}
.sup-tc-btn{flex:1;padding:7px;border-radius:7px;border:1px solid #BAE6FD;background:#F0F9FF;color:#0369A1;font-family:'Cairo';font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;text-align:center}
.sup-tc-btn:hover{background:#0EA5E9;color:#fff;border-color:#0EA5E9}
.sup-tc-btn.primary{background:#0EA5E9;color:#fff;border-color:#0EA5E9}
.sup-rating{display:inline-flex;gap:2px}
.sup-star{color:#FCD34D;font-size:13px}
.sup-star.empty{color:#E2E8F0}

.sup-eval-stars{display:flex;gap:6px;justify-content:center;margin:10px 0}
.sup-eval-star{font-size:32px;color:#E2E8F0;cursor:pointer;transition:all .12s}
.sup-eval-star:hover,.sup-eval-star.on{color:#FCD34D;transform:scale(1.1)}
.sup-eval-crit{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #E0F2FE;border-radius:9px;margin-bottom:7px}
.sup-eval-crit-name{font-size:12.5px;font-weight:700;color:#0F172A}
.sup-eval-opts{display:flex;gap:4px}
.sup-eval-opt{width:30px;height:28px;border-radius:6px;border:1.5px solid #E2E8F0;background:#fff;cursor:pointer;font-size:11px;font-weight:800;color:#94A3B8;display:flex;align-items:center;justify-content:center}
.sup-eval-opt.on{background:#0EA5E9;color:#fff;border-color:#0EA5E9}