*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;color:#333;background:linear-gradient(135deg,#667eea,#764ba2)}.app{max-width:500px;margin:0 auto;padding:3rem 1rem}.app h1{text-align:center;margin-bottom:2rem;color:#fff}form{display:flex;flex-direction:column;gap:.75rem;background-color:#fff;padding:2rem;border-radius:1rem;margin-bottom:2rem}form input,form button{padding:.8rem;border-radius:.7rem;font-size:1rem;border:1px solid #eee}form button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;font-weight:600}form button:hover{opacity:.8}.user-list{display:flex;flex-direction:column;gap:.8rem}.user-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background-color:#fff;border-radius:.8rem}.user-card-avatar{width:4rem;height:4rem;border-radius:50%;object-fit:cover}
