#toast-container {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 12px;
	pointer-events: none;
}
.toast {
	min-width: 260px;
	max-width: 340px;
	padding: 14px 16px;
	border-radius: 14px;
	backdrop-filter: blur(14px);
	background: linear-gradient(
		135deg,
		rgba(30, 41, 59, 0.9),
		rgba(15, 23, 42, 0.9)
	);
	color: #e5e7eb;
	font-size: 14px;
	line-height: 1.4;
	box-shadow:
		0 10px 30px rgba(0, 0, 0, 0.45),
		inset 0 0 0 1px rgba(255, 255, 255, 0.05);
	display: flex;
	gap: 10px;
	align-items: flex-start;
	animation: toast-in 0.35s ease;
	pointer-events: auto;
}

.toast .icon {
	font-size: 12px;
	margin-top: 2px;
}

.toast.success {
	border-left: 4px solid #22c55e;
}

.toast.error {
	border-left: 4px solid #ef4444;
}

.toast.warning {
	border-left: 4px solid #facc15;
}

.toast.info {
	border-left: 4px solid #38bdf8;
}

@keyframes toast-in {
	from {
		opacity: 0;
		transform: translateY(-8px) scale(0.96);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes toast-out {
	to {
		opacity: 0;
		transform: translateY(-8px) scale(0.96);
	}
}