<aside id="sidebar">
        <div class="sidebar-brand d-flex align-items-center">
            <span class="sidebar-brand-icon"><i class="bi bi-buildings"></i></span>
            <div>
                <div class="mb-0 fs-6">CML <span class="badge bg-secondary ms-1" style="font-size: 0.6rem;">ERP</span></div>
                <div class="text-secondary" style="font-size: 0.65rem; letter-spacing: 1px;">v1.0.0 • PROTOTYPE</div>
            </div>
        </div>

        <div class="px-3 mb-3">
            <div class="input-group input-group-sm">
                <span class="input-group-text bg-dark border-secondary text-secondary"><i class="bi bi-search"></i></span>
                <input type="text" class="form-control bg-dark border-secondary text-light placeholder-secondary" placeholder="Quick search menus...">
            </div>
        </div>

        <div class="sidebar-heading">Overview</div>
        <a href="#" class="sidebar-nav-item active"><i class="bi bi-grid-1x2 me-2"></i> Dashboard</a>

        <div class="sidebar-heading mt-2">Clients & MNOs</div>
        <a href="#" class="sidebar-nav-item d-flex justify-content-between align-items-center">
            <span><i class="bi bi-people me-2"></i> Clients</span>
            <span class="badge rounded-pill bg-success text-dark" style="background-color: #c3e6cb !important;">4</span>
        </a>
        <a href="#" class="sidebar-nav-item d-flex justify-content-between align-items-center">
            <span><i class="bi bi-receipt me-2"></i> Network Operators</span>
            <span class="badge rounded-pill bg-warning text-dark" style="background-color: #ffeeba !important;">3</span>
        </a>

        <div class="sidebar-heading mt-2">Other Modules</div>
        <a href="#" class="sidebar-nav-item"><i class="bi bi-file-earmark-text me-2"></i> Sender IDs</a>
        <a href="#" class="sidebar-nav-item"><i class="bi bi-file-earmark-text me-2"></i> Short Codes</a>
        <a href="#" class="sidebar-nav-item"><i class="bi bi-file-earmark-text me-2"></i> Documents</a>

        <div class="sidebar-heading mt-2">Utilities</div>
        <a href="#" class="sidebar-nav-item"><i class="bi bi-graph-up-arrow me-2"></i> National Holidays</a>
        <a href="#" class="sidebar-nav-item"><i class="bi bi-gear me-2"></i> Services</a>
        <a href="#" class="sidebar-nav-item"><i class="bi bi-gear me-2"></i> Countries</a>
        <a href="#" class="sidebar-nav-item"><i class="bi bi-gear me-2"></i> Daily Quotes</a>
        <!-- <a href="#" class="sidebar-nav-item"><i class="bi bi-gear me-2"></i> Services</a> -->

        <div class="position-absolute bottom-0 w-100 p-3">
            <div class="d-flex align-items-center bg-dark rounded p-2 text-light" style="background-color: #0d1020 !important;">
                <div class="rounded-circle bg-primary d-flex justify-content-center align-items-center me-2" style="width: 32px; height: 32px; font-size: 0.8rem;">AD</div>
                <div>
                    <div class="fs-6 fw-bold" style="font-size: 0.85rem !important;">Admin User</div>
                    <div class="text-secondary" style="font-size: 0.7rem;">admin@nexuserp.io</div>
                </div>
            </div>
        </div>
    </aside>