.toast {
	position: fixed;
	bottom: 30px;
	right: 30px;
	min-width: 260px;
	max-width: 360px;
	padding: 14px 18px;
	border-radius: 6px;
	color: #fff;
	font-size: 14px;
	opacity: 0;
	transform: translateY(20px);
	transition: all .3s ease;
	z-index: 9999;
}

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

/* Modeller */
.toast-info    { background: #3498db; }
.toast-warning { background: #f39c12; }
.toast-error   { background: #e74c3c; }
.toast-success { background: #2ecc71; }