@media (max-width: 1240px) {
    .lf-live-clock time,
    .lf-global-search {
        display: none;
    }

    .lf-auth-message h1 {
        font-size: 48px;
    }
}

@media (max-width: 960px) {
    .lf-sidebar {
        transform: translateX(-100%);
        transition: transform var(--lf-transition);
    }

    .lf-sidebar.is-open {
        transform: translateX(0);
    }

    .lf-main {
        margin-left: 0;
    }

    .lf-mobile-menu {
        display: inline-flex;
    }

    .lf-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .lf-auth-layout {
        grid-template-columns: 1fr;
    }

    .lf-auth-visual {
        min-height: 420px;
        padding: 34px;
        border-right: 0;
        border-bottom: 1px solid var(--lf-border);
    }

    .lf-auth-message h1 {
        margin-top: 14px;
        font-size: 40px;
    }

    .lf-auth-panel {
        position: relative;
        padding-bottom: 82px;
    }
}

@media (max-width: 640px) {
    .lf-topbar {
        min-height: auto;
        align-items: flex-start;
        padding: 17px;
    }

    .lf-topbar-actions {
        gap: 7px;
    }

    .lf-live-clock {
        display: none;
    }

    .lf-page-content,
    .lf-footer {
        padding-right: 16px;
        padding-left: 16px;
    }

    .lf-auth-visual,
    .lf-auth-panel {
        padding: 24px;
    }

    .lf-auth-metrics {
        grid-template-columns: 1fr;
    }

    .lf-auth-card {
        padding: 24px;
    }

    .lf-form-row {
        align-items: flex-start;
        flex-direction: column;
    }
}