    <!-- Main Footer -->
    <footer class="main-footer d-flex justify-content-between align-items-center">

        <div>
            © <?= date('Y'); ?> <strong style="color:#C9A24D;">Exclusive Concierge</strong>. 
            All rights reserved.
        </div>

        <div class="d-none d-sm-inline-block" style="color:#9CA3AF;">
            Executive Control System • Confidential Access
        </div>

    </footer>

</div> <!-- ./wrapper -->

<!-- REQUIRED SCRIPTS -->

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>

<!-- Bootstrap 4.6 Bundle -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>

<!-- AdminLTE 3.2 -->
<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/js/adminlte.min.js"></script>

<!-- Optional: Chart.js (Used in Dashboard) -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<style>
/* Executive Footer Styling */
.main-footer {
    background: rgba(15, 23, 42, 0.95);
    border-top: 1px solid rgba(201,162,77,0.2);
    font-size: 13px;
    padding: 15px 30px;
}

/* Gold Accent Divider Animation */
.main-footer::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    top: -1px;
    background: linear-gradient(to right, transparent, #C9A24D, transparent);
}
</style>

</body>
</html>
