.loading {
	z-index: 999990;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.loading::after {
	content: 'Loading...';
	display: block;
	margin-top: 15px;
	font-size: 14px;
	color: #666;
	font-weight: 500;
}

.loading-content {
	width: 48px;
	height: 48px;
	border: 4px solid #e0e0e0;
	border-top: 4px solid #3c8dbc;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}