<!-- Topbar -->
<div class="topbar">
    <div class="topbar-left">
        <h2>Super Admin Dashboard</h2>
    </div>
    <div class="topbar-right">
        <div class="search-box">
            <i class="fas fa-search"></i>
            <input type="text" placeholder="Search modules, reports...">
        </div>
        <div class="topbar-actions">
            <button class="action-btn" id="notification-toggle">
                <i class="fas fa-bell"></i>
                <span class="notification-badge">5</span>
            </button>
            <button class="action-btn" id="messaging-toggle">
                <i class="fas fa-comment-dots"></i>
                <span class="notification-badge">3</span>
            </button>
            <button class="theme-toggle" id="theme-toggle"></button>
            <div class="user-profile">
                <div class="user-avatar">HB</div>
                <div class="user-info">
                    <div class="user-name"><? echo $userName ?></div>
                    <div class="user-role"><? echo $userID ?></div>
                </div>
            </div>
        </div>
    </div>
</div>