.main-layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main-wrapper {
    display: flex;
    flex: 1;
}

.main-content {
    flex: 1;
    min-height: calc(100vh - 64px);
    background: var(--bg-secondary);
}

.main-content-with-sidebar {
    margin-left: 260px;
}

@media (max-width: 1024px) {
    .main-content-with-sidebar {
        margin-left: 0;
    }
}