<div class="fixed bottom-0 w-full max-w-md bg-white dark:bg-slate-900 border-t border-gray-200 dark:border-slate-800 pb-4 pt-3 z-[99] rounded-t-2xl shadow-[0_-5px_20px_rgba(0,0,0,0.05)]">
    <div class="flex justify-around items-center px-2">
        
        <a href="dashboard.php" class="flex flex-col items-center group <?php echo ($active_menu == 'home') ? 'text-primary' : 'text-gray-400 dark:text-slate-500 hover:text-primary'; ?>">
            <div class="mb-1 transition-transform group-hover:-translate-y-1">
                <i class="fas fa-home text-xl"></i>
            </div>
            <span class="text-[10px] <?php echo ($active_menu == 'home') ? 'font-bold' : ''; ?>">Home</span>
        </a>
        
        <a href="network.php" class="flex flex-col items-center group <?php echo ($active_menu == 'network') ? 'text-primary' : 'text-gray-400 dark:text-slate-500 hover:text-primary'; ?>">
            <div class="mb-1 transition-transform group-hover:-translate-y-1">
                <i class="fas fa-sitemap text-xl"></i>
            </div>
            <span class="text-[10px] <?php echo ($active_menu == 'network') ? 'font-bold' : ''; ?>">Network</span>
        </a>
        
        <div class="relative -top-8">
            <a href="qris.php" class="w-16 h-16 bg-gradient-to-br from-emerald-400 to-emerald-600 rounded-full flex items-center justify-center shadow-lg shadow-emerald-500/30 border-[6px] border-white dark:border-slate-900 text-white cursor-pointer hover:scale-105 transition transform">
                <i class="fas fa-qrcode text-2xl"></i>
            </a>
        </div>
        
        <a href="history.php" class="flex flex-col items-center group <?php echo ($active_menu == 'history') ? 'text-primary' : 'text-gray-400 dark:text-slate-500 hover:text-primary'; ?>">
            <div class="mb-1 transition-transform group-hover:-translate-y-1">
                <i class="fas fa-history text-xl"></i>
            </div>
            <span class="text-[10px] <?php echo ($active_menu == 'history') ? 'font-bold' : ''; ?>">History</span>
        </a>
        
        <a href="profile.php" class="flex flex-col items-center group <?php echo ($active_menu == 'profile') ? 'text-primary' : 'text-gray-400 dark:text-slate-500 hover:text-primary'; ?>">
            <div class="mb-1 transition-transform group-hover:-translate-y-1">
                <i class="fas fa-user text-xl"></i>
            </div>
            <span class="text-[10px] <?php echo ($active_menu == 'profile') ? 'font-bold' : ''; ?>">Profile</span>
        </a>
        
    </div>
</div>