html, body, div, h1, h2, h3, h4, h5 {
		font-family: 'Arial', sans-serif;
	}

label {
		font-weight: bold;
	}

.htmx-indicator {
		opacity: 0;
		pointer-events: none;
		transition: opacity 500ms ease-in;
	}

.htmx-request .htmx-indicator {
		opacity: 1;
		pointer-events: auto;
	}

.htmx-request.htmx-indicator {
		opacity: 1;
		pointer-events: auto;
	}

/* Progress bar styles */
.progress-bar-container {
		width: 300px;
		height: 20px;
		background-color: #e0e0e0;
		border-radius: 4px;
		overflow: hidden;
		box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		position: relative;
		border: 1px solid #555;
	}

.progress-bar-fill {
		position: absolute;
		height: 100%;
		width: 100%;
		background: #2196f3;
		border-radius: 4px;
		transform: translateX(-100%);
		animation: progressSlide 4s linear infinite;
		box-shadow: 0 2px 6px rgba(33, 150, 243, 0.4);
	}

@keyframes progressSlide {
		0% {
			transform: translateX(-100%);
		}
		100% {
			transform: translateX(100%);
		}
	}