body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{font-family:sans-serif}.add-user-button,.title{margin-bottom:20px}.add-user-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;padding:10px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.add-user-button:hover{background-color:#0056b3}.user-card{background-color:#f9f9f9;justify-content:space-between}.user-avatar,.user-info-left{align-items:center;display:flex}.user-avatar{background-color:#eee;border-radius:50%;height:50px;justify-content:center;margin-right:15px;overflow:hidden;width:50px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-info h2{font-size:1.2em;margin:0 0 5px}.user-info p{font-size:.9em;margin:0}.delete-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:8px 12px;text-align:center;text-decoration:none}.delete-button:hover{background-color:#c82333}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);max-width:500px;padding:20px;position:relative;width:90%}.close-button{background:none;border:none;color:#333;cursor:pointer;font-size:20px;font-weight:700;position:absolute;right:10px;top:10px}.close-button:hover{color:#000}.modal-details{margin-top:15px}.modal-avatar{border-radius:50%;height:80px;margin-bottom:10px;object-fit:cover;width:80px}.add-user-form{display:flex;flex-direction:column}.add-user-form div{margin-bottom:15px}.add-user-form label{color:#555;display:block;font-weight:700;margin-bottom:5px}.add-user-form input[type=number],.add-user-form input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.add-user-form button[type=submit]{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 15px}.add-user-form button[type=submit]:hover{background-color:#218838}.confirmation-buttons{display:flex;justify-content:flex-end;margin-top:20px}.cancel-button,.confirm-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-left:10px;padding:10px 15px}.confirm-button{background-color:#dc3545;color:#fff}.confirm-button:hover{background-color:#c82333}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#5a6268}body{background-color:#f7f7f7;font-family:Arial,sans-serif;margin:0}.app-container{background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:0 auto;max-width:800px;padding:20px}.title{color:#333;text-align:center}.user-list{list-style:none;margin:0;padding:0}.user-card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;display:flex;margin-bottom:10px;padding:15px;transition:box-shadow .3s}.user-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.user-avatar img{border-radius:50%;height:60px;margin-right:15px;width:60px}.user-info h2{color:#333;font-size:18px;margin:0}.user-info p{color:#666;font-size:14px;margin:5px 0 0}
/*# sourceMappingURL=main.201d0afc.css.map*/