@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
		body { font-family: 'Inter', sans-serif; }
		
		.bg-fade-mask {
			mask-image: linear-gradient(to bottom, black 0%, black 350px, transparent 500px);
			-webkit-mask-image: linear-gradient(to bottom, black 0%, black 350px, transparent 500px);
		}

		.modal-hidden { display: none; }
		
		/* Custom Alert Styles */
		.custom-alert {
			position: fixed;
			top: 20px;
			left: 50%;
			transform: translateX(-50%);
			z-index: 9999;
			padding: 12px 24px;
			border-radius: 12px;
			font-weight: 500;
			font-size: 14px;
			display: flex;
			align-items: center;
			gap: 10px;
			box-shadow: 0 4px 15px rgba(0,0,0,0.2);
			animation: slideDown 0.3s ease-out;
		}
		
		@keyframes slideDown {
			from {
				top: -100px;
				opacity: 0;
			}
			to {
				top: 20px;
				opacity: 1;
			}
		}
		
		.alert-error {
			background: #dc2626;
			color: white;
			border-left: 4px solid #991b1b;
		}
		
		.alert-success {
			background: #10b981;
			color: white;
			border-left: 4px solid #047857;
		}
		
		.alert-info {
			background: #3b82f6;
			color: white;
			border-left: 4px solid #1e40af;
		}