:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.wrap{width:min(680px,calc(100% - 32px));margin:auto}header{padding:28px 0;background:#fff;border-bottom:1px solid #e5e9f0}h1{margin:0;font-size:2rem}main{padding:28px 0}.participant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.participant-card{min-width:0;padding:14px 10px;border:1px solid #e1e7f0;border-radius:14px;background:#fff;text-align:center;box-shadow:0 8px 20px #243b5a0a}.participant-avatar{display:block;width:64px;height:64px;margin:0 auto 10px;border-radius:10px;object-fit:cover;background:#eaf1ff}.avatar-fallback{display:grid;place-items:center;font-weight:800;color:#1748ad}.participant-card h2{margin:0;overflow:hidden;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.participant-uid{margin-top:3px;overflow:hidden;color:#6b7280;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.participant-card p{display:-webkit-box;min-height:2.7em;margin:7px 0 0;overflow:hidden;color:#64748b;font-size:.78rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.empty{grid-column:1/-1;text-align:center}.pagination{margin:24px 0}.back{display:block;padding:14px 16px;border-radius:12px;background:#eaf1ff;color:#1748ad;font-weight:700;text-align:center;text-decoration:none}@media (max-width:520px){.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}