.toast-container {
            position: fixed;
            top: 90px;
            right: 20px;
            z-index: 9999;
        }

        .toast {
            padding: 14px 20px;
            margin-bottom: 12px;
            border-radius: 12px;
            background: #fff;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            display: flex;
            align-items: center;
            gap: 12px;
            min-width: 280px;
            transform: translateX(120%);
            transition: transform 0.3s ease;
            border-left: 4px solid;
        }

        .toast.show { transform: translateX(0); }
        .toast-success { border-left-color:#059669; }
        .toast-error { border-left-color: #ef4444; }