@media (max-width: 768px) {
    :root {
        --content-padding: var(--space-4);
        --sidebar-width: 0px;
    }

    .sidebar { transform: translateX(-100%); }

    .sidebar.open {
        transform: translateX(0);
        width: 240px;
    }

    .app-content { margin-left: 0 !important; }
    .app-header { left: 0 !important; }
}