<div class="row">
    <div class="col-12 col-sm-4 col-md-3 mb-3">
        <a href="{$currentDir}?action=general-analytics" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color1);">
            <h6 class="title mb-1">{$lang.nav.general_analytics}</h6>
            <p class="small text-muted mb-0">Overview & statistics</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>
    <div class="col-12 col-sm-4 col-md-3 mb-3">
        <a href="{$currentDir}?action=financial-analytics" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color2);">
            <h6 class="title mb-1">{$lang.nav.financial_analytics}</h6>
            <p class="small text-muted mb-0">Revenue & expenses</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>
    <div class="col-12 col-sm-4 col-md-3 mb-3">
        <a href="{$currentDir}?action=activity-and-behavior" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color3);">
            <h6 class="title mb-1">{$lang.nav.activity_and_behavior}</h6>
            <p class="small text-muted mb-0">User behavior analytics</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>
    <div class="col-12 col-sm-4 col-md-3 mb-3">
        <a href="{$currentDir}?action=module-reports" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color4);">
            <h6 class="title mb-1">{$lang.nav.module_reports}</h6>
            <p class="small text-muted mb-0">Modules performance</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>
    <div class="col-12 col-sm-4 col-md-3 mb-3">
        <a href="{$currentDir}?action=activity-reports" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color5);">
            <h6 class="title mb-1">{$lang.nav.activity_reports}</h6>
            <p class="small text-muted mb-0">User actions</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>
    <div class="col-12 col-sm-4 col-md-3 mb-3">
        <a href="{$currentDir}?action=system-reports" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color6);">
            <h6 class="title mb-1">{$lang.nav.system_reports}</h6>
            <p class="small text-muted mb-0">System logs & health</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>
</div>