{{define "error.html"}}
<div class="p-4 border border-red-500 bg-red-500/10">
    <div class="flex items-start">
        <svg class="w-5 h-5 text-red-400 mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
        </svg>
        <div>
            <p class="font-medium text-red-400">Error</p>
            <p class="text-sm text-red-300 mt-1">{{.Error}}</p>
        </div>
    </div>
</div>
{{end}}