.mob-bottom-nav {
    display: none;
}
@media (max-width: 900px) {
    .mob-bottom-nav {
        display: flex;
        position: fixed;
        bottom: 0; left: 0; right: 0;
        z-index: 999;
        background: #0f0f1a;
        border-top: 1px solid rgba(99,102,241,0.25);
        padding: 6px 0 8px;
    }
    .mob-bottom-nav a {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        text-decoration: none;
        color: #7a7a9a;
        font-size: 10px;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
        transition: color 0.2s;
    }
    .mob-bottom-nav a i { font-size: 16px; }
    .mob-bottom-nav a.active,
    .mob-bottom-nav a:hover { color: #6366f1; }
    .mob-bottom-nav a.logout-btn { color: #ff6b6b; }
}