*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#fff;color:#1a1a1a;min-height:100dvh}.status{text-align:center;padding:4rem 1rem;font-size:1.125rem}.status.error{color:#dc2626}.roster{max-width:1200px;margin:0 auto;padding:2rem 1rem}.roster h1{font-size:1.5rem;font-weight:700;display:inline;margin-right:.75rem}.env-badge{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;vertical-align:middle}.env-badge[data-env=prod]{background:#16a34a;color:#fff}.env-badge[data-env=uat]{background:#d97706;color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1.5rem}.card{background:#f5f5f5;border-radius:8px;overflow:hidden;transition:transform .15s}.card:hover{transform:translateY(-2px)}.card img{width:100%;aspect-ratio:1;object-fit:cover;background:#e5e5e5}.card-info{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.card-info .location{font-size:.75rem;font-weight:700;color:#7c3aed;text-transform:uppercase}.card-info .name{font-size:.875rem;font-weight:500}