/* Mobile Responsive Additions */
@media (max-width: 768px) {
    .container {
        padding: 0 15px;
    }
    .grid-3 {
        grid-template-columns: 1fr !important;
    }
    .dash-wrapper {
        flex-direction: column;
    }
    .dash-sidebar {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .hero h1 {
        font-size: 2.5rem;
    }
    .hero-stats {
        flex-direction: column;
        gap: 15px;
    }
    .dash-stats-grid {
        grid-template-columns: 1fr;
    }
    .nav-links {
        display: none; /* simple mobile nav hide for demo */
    }
}

@media (min-width: 769px) { .mobile-top-header, .mobile-bottom-nav { display: none !important; } }