body{background:#f4f4f4;justify-content:center;margin-top:50px;font-family:Arial,sans-serif;display:flex}.container{background:#fff;border-radius:8px;width:350px;padding:20px;box-shadow:0 0 10px #0000001a}h1{text-align:center}form{gap:10px;display:flex}input{flex:1;padding:8px}button{cursor:pointer;color:#fff;background:#007bff;border:none;padding:8px 12px}button:hover{background:#0056b3}ul{margin-top:20px;padding:0;list-style:none}li{background:#eee;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.delete-btn{color:#fff;cursor:pointer;background:red;border:none;padding:5px}