.app-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative; // Needed for footer positioning
}

.main-content {
    flex: 1;
    padding: 24px;
    max-width: 90%;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 80px;
}

@media (max-width: 960px) {
    .main-content {
        padding: 16px;
        padding-bottom: 80px; // Maintain bottom padding on mobile
    }
}