#toast-container {
               position: fixed;
               top: 20px;
               right: 20px;
               z-index: 10000;
               max-width: 380px;
           }

           .toast {
               margin-bottom: 12px;
               padding: 16px 20px;
               border-radius: 8px;
               color: white;
               box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
               display: flex;
               align-items: center;
               opacity: 0;
               transform: translateY(-20px);
               transition: all 0.4s ease;
           }

           .toast.show {
               opacity: 1;
               transform: translateY(0);
           }

           .toast.success {
               background: #28a745;
           }

           .toast.error {
               background: #dc3545;
           }

           .toast .close {
               margin-left: auto;
               font-size: 22px;
               cursor: pointer;
               line-height: 1;
           }