#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}form textarea{resize:none}form button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}form button:hover{background-color:#0056b3}.member-list{display:flex;flex-wrap:wrap;justify-content:center}.member-list>.member-card{margin:10px;padding:10px;border:1px solid #ccc;border-radius:5px;cursor:pointer;width:200px;text-align:center}.member-card img{max-width:100%;border-radius:5px}.member-card:hover{transform:translateY(-5px);box-shadow:0 0 10px #0003}.error{color:red;margin-top:10px}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;box-shadow:0 0 10px #0000001a;border-radius:8px;z-index:1000}.popup-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup form{display:flex;flex-direction:column}.popup form input,.popup form textarea,.popup form button{margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:4px}.popup form button{background-color:#007bff;color:#fff;border:none;cursor:pointer}.popup form button:hover{background-color:#0056b3}.popup button{background-color:red;color:#fff;border:none;cursor:pointer;margin-top:10px}.popup button:hover{background-color:#8b0000}.app{font-family:Arial,sans-serif;padding:20px}form{display:flex;flex-direction:column;max-width:300px;margin-bottom:20px}form input,form textarea,form button{margin-bottom:10px}.member-list{display:flex;flex-wrap:wrap}.member-list>div{margin:10px;padding:10px;border:1px solid #ccc;border-radius:5px;cursor:pointer}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;box-shadow:0 0 10px #0000001a}
