:root{
  --accent:#0b75c9;
  --muted:#6b7280;
  --card:#fff;
  --glass:rgba(255,255,255,0.6);
  --success:#0f9d58;
  --warn:#f59e0b;
  --bg:#f3f6fb;
}
*{box-sizing:border-box}
body{
  font-family:Inter, system-ui, Arial, sans-serif;
  margin:0; padding:20px;
  background:var(--bg);
  color:#0b3b5a;
}
.courses-wrap{max-width:1100px;margin:0 auto}
h2{color:#0b3b5a;margin:0 0 6px}
.muted{color:var(--muted)}
.small{font-size:13px}
.controls{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 18px}
select,input{padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;background:white;min-width:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.card{background:var(--card);padding:14px;border-radius:12px;box-shadow:0 6px 18px rgba(9,30,66,0.06)}
.card h3{margin:0 0 8px}
.pill{display:inline-block;padding:6px 10px;border-radius:999px;font-size:13px;background:var(--glass);color:var(--muted);margin-right:8px}
table{width:100%;border-collapse:collapse;margin-top:12px}
th,td{padding:8px 10px;text-align:left;border-bottom:1px solid #eef2f7}
th{color:var(--muted);font-size:13px}
.btn{padding:9px 12px;border-radius:8px;border:none;background:var(--accent);color:white;cursor:pointer}
.btn-ghost{background:#eef2f7;color:#1f2937}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border-radius:999px;font-weight:600;font-size:13px}
.badge.approved{background:rgba(15,157,88,0.12);color:var(--success);border:1px solid rgba(15,157,88,0.14)}
.badge.unverified{background:rgba(245,158,11,0.08);color:var(--warn);border:1px solid rgba(245,158,11,0.12)}
.institute-list{margin-top:10px}
.institute-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:8px}
.institute-item a{font-weight:600;text-decoration:none}
.verified-icon{width:14px;height:14px;border-radius:50%;display:inline-block}
.verified-icon.ok{background:var(--success)}
.verified-icon.warn{background:var(--warn)}
.details-head{display:flex;justify-content:space-between;align-items:center}
.meta-pills{margin:8px 0}
.card.details-card{padding:18px}
label{display:block;margin:8px 0;font-weight:600}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);align-items:center;justify-content:center;padding:20px;z-index:999}
.modal[aria-hidden="false"]{display:flex}
.modal-panel{background:white;padding:18px;border-radius:12px;max-width:520px;width:100%;box-shadow:0 10px 30px rgba(8,20,40,0.18)}
.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
@media (max-width:600px){
  .controls{flex-direction:column}
  .grid{grid-template-columns:1fr}
}