Why does the website show a different balance to the bus?

Transactions (from any source) do not show up on your Account Overview and Card Details until the following day.

Additionally, any transaction you make online will not be available on buses until the following day. You can still make additional transactions as usual and when they show up they will have been processed and combined as necessary.