body {
font-family: Arial, sans-serif;
background: #f2f2f2;
}


.container {
width: 600px;
margin: 40px auto;
background: #fff;
padding: 20px;
border-radius: 8px;
}


form {
display: flex;
gap: 10px;
margin-bottom: 15px;
}


input, button {
padding: 8px;
}


button {
cursor: pointer;
}


table {
width: 100%;
border-collapse: collapse;
}


th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}


.edit {
background: orange;
color: white;
}


.delete {
background: red;
color: white;
}