.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background-color:#333;color:#fff;padding:16px 25px;border-radius:8px;z-index:1000;opacity:0;visibility:hidden;transition:transform .4s ease,opacity .4s ease,visibility .4s ease;pointer-events:none}.toast.success{background-color:#4caf50}.toast.error{background-color:#f44336}.toast.show{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible;pointer-events:auto}