.container{display:flex;justify-content:center;flex-direction:column}.card{padding:20px;margin:10px auto;border-radius:10px;box-shadow:0 4px 6px #0000001a;background-color:#fff;border:1px solid #e0e0e0;width:100%;max-width:960px}h1{text-align:center;color:#333}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{border:1px solid #e0e0e0;padding:10px;text-align:center}th{background-color:#f5f5f5;font-weight:700}tr:nth-child(2n){background-color:#f9f9f9}button{margin:0 5px;padding:5px 10px;border:none;border-radius:5px;background-color:#e0e0e0;color:#fff;cursor:pointer}button:hover{background-color:#b0b0b0}.action-buttons{display:flex;justify-content:center;gap:5px}.add-button-container{display:flex;justify-content:center;margin-top:20px}@media (max-width: 768px){h1{font-size:18px}.card{width:95%;padding:15px}table{font-size:14px}button{padding:4px 8px;font-size:14px}}@media (max-width: 480px){.card{padding:10px;border-radius:none;box-shadow:none;background-color:none;border:none}table,button{font-size:10px}.action-buttons{gap:2px}}body{background-color:#f0f0f0}