body{justify-content:center;align-items:center;display:flex}.app{background-color:#fff;border-radius:8px;width:800px;padding:20px;box-shadow:0 4px 8px #0000001a}h1{color:#333;text-align:center}table{border-collapse:collapse;width:100%;margin-top:20px}th,td{text-align:left;border:1px solid #ddd;padding:12px}th{background-color:#f7f7f7;font-weight:700}.form-container{border:1px solid #eee;border-radius:8px;margin-bottom:30px;padding:20px}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px;font-weight:700;display:block}.form-group input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:8px}button[type=submit]{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;width:100%;padding:10px;font-size:16px}button[type=submit]:hover{background-color:#0056b3}.action-buttons{gap:10px;display:flex}.action-button{color:#fff;cursor:pointer;border:none;border-radius:4px;padding:5px 10px}.edit-button{background-color:#ffc107}.edit-button:hover{background-color:#e0a800}.delete-button{background-color:#dc3545}.delete-button:hover{background-color:#c82333}.cancel-button{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:4px;width:100%;margin-top:10px;padding:10px;font-size:16px}.cancel-button:hover{background-color:#5a6268}