@media (max-width: 1024px) {
    .home-layout { grid-template-columns: 1fr; }
    .sidebar { display: none; }
    .apps-layout { grid-template-columns: 1fr; }
    .user-page .user-layout { grid-template-columns: 1fr; }
    .admin-layout { grid-template-columns: 1fr; }
    .admin-nav { display: none; }
    .app-icon-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 768px) {
    .top-bar { display: none; }
    .header { border-bottom: 1px solid var(--border); }
    .main { padding-top: 20px; }

    .header-content { flex-wrap: wrap; height: auto; padding: 12px 0; gap: 10px; }
    .main-nav { order: 3; width: 100%; justify-content: center; margin-top: 6px; gap: 20px; }
    .header-search { order: 2; flex: 1; max-width: none; }
    .logo { flex: 1; }

    .app-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
    .app-list-grid { grid-template-columns: 1fr; }
    .app-icon-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 16px 0; }

    .sub-nav-tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 0; }
    .category-tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; gap: 20px; }

    .detail-header { flex-direction: column; align-items: center; text-align: center; }
    .detail-meta { flex-wrap: wrap; justify-content: center; }
    .detail-action { align-items: center; width: 100%; }

    .form-row { grid-template-columns: 1fr; }
    .order-item { flex-direction: column; align-items: flex-start; }
    .order-info, .order-status, .order-action { text-align: left; width: 100%; }

    .table { display: block; overflow-x: auto; }
}

@media (max-width: 480px) {
    .container { padding: 0 14px; }
    .logo { font-size: 15px; }
    .nav-link { font-size: 13px; padding: 13px 0; }
    .section-title { font-size: 15px; }
    .app-grid { grid-template-columns: 1fr; }
    .app-card-cover { aspect-ratio: 16/9; }
    .auth-card { padding: 24px 18px; }
}