                <footer style="margin-top: auto; padding-top: 2rem; padding-bottom: 2rem; border-top: 1px solid rgba(0,0,0,0.05); text-align: center; color: var(--text-muted); font-size: 0.875rem; width: 100%;">
                    &copy; <?php echo date('Y'); ?> Nexova. All rights reserved. | Powered by Nexova
                </footer>
            </div>
        </main>
    </div>
    <!-- Global Confirmation Modal -->
    <div id="confirmModal" class="modal-overlay">
        <div class="modal-content" style="max-width: 400px; text-align: center; padding: 2rem;">
            <div style="width: 60px; height: 60px; background: rgba(239, 68, 68, 0.1); color: var(--danger); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; font-size: 1.5rem;">
                <i class="fas fa-exclamation-triangle"></i>
            </div>
            <h2 id="confirmTitle" style="margin-bottom: 0.5rem;">Confirm Action</h2>
            <p id="confirmMessage" style="color: var(--text-muted); margin-bottom: 2rem;">Are you sure you want to proceed? This action cannot be undone.</p>
            <div style="display: flex; gap: 1rem; justify-content: center;">
                <button class="btn" style="background: rgba(0,0,0,0.05); min-width: 100px;" onclick="closeModal('confirmModal')">Cancel</button>
                <button id="confirmBtn" class="btn" style="background: var(--danger); color: white; min-width: 100px;">Delete</button>
            </div>
        </div>
    </div>

    <script src="<?php echo url('assets/js/app.js'); ?>?v=1.0.1"></script>
</body>
</html>
