{% extends "base.html" %}
{% block title %}Settings — DriveCore{% endblock %}
{% block page_label %}Settings{% endblock %}

{% block content %}
<div class="max-w-3xl mx-auto pb-20 animate-fade-in">

    <!-- Header -->
    <div class="mb-8">
        <h1 class="text-[28px] font-bold tracking-tight mb-1">Settings</h1>
        <p class="text-[14px] text-[#86868B]">Manage authentication and application configuration.</p>
    </div>

    <!-- Content -->
    <div id="settings-container">
        <div class="flex justify-center py-12"><div class="spinner"></div></div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
document.addEventListener('DOMContentLoaded', loadSettings);
</script>
{% endblock %}