/* HTMX Loading Indicator */
.htmx-indicator {
    display: none;
}
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
    display: block;
}

/* Spinner animation for HTMX loading state */
.htmx-spinner-circle {
    width: 50px;
    height: 50px;
    border: 4px solid #e9ecef;
    border-top: 4px solid #003263;
    border-radius: 50%;
    animation: htmx-spin 0.8s linear infinite;
    margin: 0 auto;
}

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