*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f5f6;color:#101828}.container{max-width:1180px;margin:0 auto;padding:18px}.topnav{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:14px}.topnav a,.topnav button{display:inline-flex;align-items:center;text-decoration:none;border:0;border-radius:12px;padding:11px 15px;background:#edf1f3;color:#111;font-weight:800;cursor:pointer}.topnav .primary,.btn.primary{background:#0b8f3d;color:#fff}.hero{background:linear-gradient(135deg,#0b8f3d,#075e35);color:#fff;padding:24px;border-radius:20px;margin-bottom:18px}.hero h1{margin:0 0 8px;font-size:34px}.hero p{margin:0;line-height:1.5}.card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.06);margin-bottom:18px}.card h2{margin-top:0}.status{padding:11px 12px;border-radius:12px;background:#eefaf1;color:#166534;margin:10px 0}.status.error{background:#fff1f2;color:#b42318}.status.warn{background:#fff8e6;color:#92400e}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn,button.btn{border:0;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer;background:#edf1f3;color:#111;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn.danger{background:#fee2e2;color:#991b1b}.btn.warn{background:#fff1d6;color:#92400e}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.match-card{border:1px solid #e3e8e5;border-radius:16px;background:#fbfcfc;padding:14px}.match-head{display:flex;gap:12px;align-items:center}.avatar{width:66px;height:66px;border-radius:50%;object-fit:cover;background:#eefaf1;border:1px solid #d7eadc}.avatar-placeholder{width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eefaf1;font-size:28px}.match-card h3{margin:0 0 3px;font-size:18px}.muted{color:#667085;font-size:13px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.chip{padding:5px 8px;border-radius:999px;background:#eefaf1;color:#166534;font-size:12px;font-weight:700}.intro{line-height:1.45;font-size:14px;min-height:42px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{font-weight:800;font-size:13px;display:block;margin-bottom:5px}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:11px;padding:11px;font:inherit;background:#fff}textarea{min-height:110px;resize:vertical}.checkbox-grid{display:flex;gap:12px;flex-wrap:wrap}.checkbox-grid label{display:flex;align-items:center;gap:6px;font-weight:700}.checkbox-grid input{width:auto}.notice{background:#fff8e6;border:1px solid #f5d89a;color:#7c4a03;border-radius:12px;padding:12px}.match-banner{background:#dcfce7;border:1px solid #86efac;color:#166534;border-radius:12px;padding:12px;font-weight:800}.report-card{border:1px solid #e5e7eb;border-radius:14px;padding:13px;margin:10px 0}.report-card.pending{border-left:4px solid #d97706}.report-card.resolved{border-left:4px solid #16a34a}.report-card.dismissed{border-left:4px solid #64748b}.compact-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2f6;font-size:11px;font-weight:900;text-transform:uppercase}.pill.active{background:#dcfce7;color:#166534}.pill.paused{background:#fff1d6;color:#92400e}.pill.hidden{background:#fee2e2;color:#991b1b}@media(max-width:720px){.container{padding:10px}.hero{padding:18px}.hero h1{font-size:28px}.form-grid{grid-template-columns:1fr}.match-card{padding:12px}.avatar,.avatar-placeholder{width:54px;height:54px}.topnav{justify-content:flex-start}}

/* Matchmaking Photos v1 */
.mm-photo-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:12px;
  margin-top:12px
}

.mm-photo-card{
  border:1px solid #e3e8e5;
  border-radius:14px;
  background:#fbfcfc;
  overflow:hidden
}

.mm-photo-card>a{
  display:block;
  background:#eef2ef;
  aspect-ratio:4/5
}

.mm-photo-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover
}

.mm-photo-meta{
  padding:9px;
  display:flex;
  flex-direction:column;
  gap:8px
}

.mm-main-badge{
  display:inline-flex;
  width:max-content;
  padding:4px 8px;
  border-radius:999px;
  background:#dcfce7;
  color:#166534;
  font-size:11px;
  font-weight:900
}

.mm-photo-empty{
  grid-column:1/-1;
  border:1px dashed #d0d5dd;
  border-radius:12px;
  padding:18px;
  text-align:center;
  color:#667085;
  background:#fafafa
}

.match-photo-strip{
  display:flex;
  gap:6px;
  margin:10px 0 2px;
  overflow-x:auto
}

.match-photo-strip img{
  width:58px;
  height:70px;
  object-fit:cover;
  border-radius:9px;
  border:1px solid #d9e2dc;
  background:#eef2ef
}

@media(max-width:600px){
  .mm-photo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}