/* Tablet Styles */
@media (min-width: 768px) {
    .app-container {
        max-width: 768px;
    }
    
    .menu-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .stats-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .balance-row {
        flex-direction: row;
    }
    
    .balance-actions {
        flex-direction: row;
    }
}

/* Desktop Styles */
@media (min-width: 1024px) {
    .app-container {
        max-width: 1024px;
    }
    
    .menu-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Landscape Mode */
@media (orientation: landscape) and (max-height: 600px) {
    .app-container {
        padding-bottom: 60px;
    }
    
    .bottom-nav {
        padding: 5px 0;
    }
    
    .nav-item i {
        font-size: 20px;
    }
}