@CHARSET "UTF-8";



.uiToast{
	position: fixed;
	left: 50%;
	top: 88px;
	transform: translateX(-50%);
	z-index: 9999;
	min-width: 320px;
	max-width: 560px;
}
.uiToastInner{
	display:flex;
	align-items:center;
	gap:10px;
	padding: 12px 16px;
	border-radius: 8px;
	box-shadow: 0 6px 18px rgba(0,0,0,0.12);
	font-size: 14px;
	line-height: 1.2;
}
.uiToast.success .uiToastInner{
	background: #eaf7ee;
	border: 1px solid #bfe6c8;
	color: #1d6b2a;
}
.uiToast.error .uiToastInner{
	background: #fff1f1;
	border: 1px solid #ffc9c9;
	color: #9d1c1c;
}
.uiToastIcon{
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display:inline-block;
	position: relative;
}
.uiToast.success .uiToastIcon{ background:#2fb344; }
.uiToast.error .uiToastIcon{ background:#e03131; }
.uiToast.success .uiToastIcon:after{
	content:"";
	position:absolute;
	left:5px; top:4px;
	width:7px; height:4px;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	transform: rotate(-45deg);
}
.uiToast.error .uiToastIcon:after{
	content:"!";
	position:absolute;
	left:6px; top:0px;
	color:#fff;
	font-weight:700;
}

.uiModal{ position: fixed; inset:0; z-index: 10000; }
.uiModalDim{ position:absolute; inset:0; background: rgba(0,0,0,0.45); }
.uiModalBox{
	position:absolute;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
	width: 360px;
	background:#fff;
	border-radius: 10px;
	box-shadow: 0 10px 28px rgba(0,0,0,0.18);
	overflow:hidden;
}
.uiModalTitle{
	padding: 14px 16px;
	font-size: 15px;
	font-weight: 700;
	border-bottom: 1px solid #eee;
}
.uiModalContent{
	padding: 16px;
	font-size: 14px;
	color:#333;
	white-space: pre-line;
}
.uiModalBtns{
	display:flex;
	justify-content:flex-end;
	gap:8px;
	padding: 12px 16px;
	border-top: 1px solid #eee;
}
.uiModalBtns button{
	min-width: 84px;
	height: 34px;
	border-radius: 6px;
	border: 1px solid #ddd;
	background:#fff;
	cursor:pointer;
}
.uiModalBtns .btnOk{
	border-color:#2fb344;
	background:#2fb344;
	color:#fff;
}