.form-container{padding:20px;border:1px solid #ccc;border-radius:10px;margin:20px auto;width:400px;background-color:#f9f9f9;box-shadow:0 4px 6px #0000001a}.form-container h2{margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px}.form-actions{display:flex;justify-content:space-between}.form-actions button{padding:8px 15px;border:none;border-radius:5px;cursor:pointer}.form-actions button{background-color:#008b8b;color:#fff}.form-actions button:hover{background-color:green}@media screen and (max-width: 480px){.form-container{width:100%}}.app{padding:20px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif,sans-serif}h1{text-align:center;margin-bottom:20px}.card-container{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.user-card{border:1px solid #ccc;border-radius:10px;padding:15px;width:500px;box-shadow:0 4px 6px #0000001a;background-color:#fff;display:flex;justify-content:space-between;margin-bottom:20px}.user-card h3{margin:0 0 10px}.user-card:hover{background-color:#f0f8ff}.card-actions{display:flex;justify-content:flex-start;align-items:flex-start;gap:10px}.card-actions button{color:#008b8b;border:none;padding:5px;border-radius:5px;cursor:pointer}.card-actions button:hover{background-color:#d3d3d3}.add-button{margin:20px auto;display:block;padding:10px 20px;background-color:green;color:#fff;border:none;border-radius:5px;cursor:pointer}.add-button:hover{background-color:#006400}.pagination{list-style-type:none;display:flex;gap:10px}.active-page{background-color:#008b8b;cursor:pointer;border:none;padding:5px 8px;color:#fff;font-size:12px;border-radius:5px}.not-active{cursor:pointer;border:solid 1px;padding:5px 8px;color:#000;font-size:12px;border-radius:5px}@media screen and (max-width: 768px){.user-card{width:100%;padding:10px}.user-card .card-actions{display:flex;flex-direction:column;align-items:center;margin-top:10px}.user-card .card-actions button{width:100%;margin-bottom:10px}}@media screen and (max-width: 480px){.user-card{width:100%;padding:8px}.user-card .card-actions button{width:100%}}