@media (min-width: 768px) {
  .mobile-only, .app-bottom-nav { display: none; }
  .desktop-only { display: inline-flex; }
  .app-shell { grid-template: var(--header-height) minmax(0,1fr) / var(--sidebar-width) minmax(0,1fr); }
  .app-header { grid-column: 2; grid-row: 1; padding: 0 28px; }.app-header .brand { display: none; }
  .app-sidebar { grid-column: 1; grid-row: 1 / 3; min-height: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 20px 13px; background: var(--secondary); color: #fff; }
  .sidebar-brand { display: grid; grid-template: auto auto / 45px 1fr; align-items: center; padding: 0 7px 24px; }.sidebar-brand .brand-mark { grid-row: 1 / 3; }.sidebar-brand strong { letter-spacing: .12em; }.sidebar-brand small { color: #aaa09c; }
  .app-sidebar nav { display: flex; flex: 1; flex-direction: column; gap: 4px; }.app-sidebar nav a { display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 10px 13px; border-radius: 12px; color: #d8d1ce; font-weight: 650; }.app-sidebar nav a:hover, .app-sidebar nav a.active { background: var(--primary); color: #fff; }
  .sidebar-user { display: flex; align-items: center; gap: 10px; padding: 13px 8px 0; border-top: 1px solid rgba(255,255,255,.1); }.sidebar-user > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.12); }.sidebar-user strong, .sidebar-user small { display: block; }.sidebar-user small { color: #aaa09c; }
  .app-content { grid-column: 2; grid-row: 2; padding: 28px; }.page-heading { flex-direction: row; align-items: center; justify-content: space-between; }.metrics, .period-cards { grid-template-columns: repeat(3,1fr); }.grid-2 { grid-template-columns: 1fr 1fr; }.split { grid-template-columns: minmax(300px,390px) 1fr; }.input-actions { grid-template-columns: 1fr auto auto; }.input-actions button:last-child { grid-column: auto; }.section-title { flex-direction: row; align-items: flex-start; justify-content: space-between; }.filter-row { display: flex; align-items: flex-end; }.filter-row button { grid-column: auto; }.report-total { grid-template-columns: repeat(3,1fr); }.bottom-sheet { inset: auto 24px 24px auto; width: 430px; border-radius: var(--radius-lg); transform: translateY(30px); }.bottom-sheet.open { transform: none; }
}