@media (max-width: 1050px) {
  .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .content-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .app-shell { display: block; padding-bottom: 72px; }
  .sidebar { display: none; }
  .main { padding: 22px 16px; }
  .topbar { align-items: flex-start; }
  .stats { grid-template-columns: 1fr 1fr; }
  .meta-row { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .field.full { grid-column: auto; }
  .mobile-nav { display: grid; grid-template-columns: repeat(4, 1fr); position: fixed; left: 0; right: 0; bottom: 0; background: #111827; color: #cbd5e1; z-index: 30; }
  .mobile-nav a { padding: 12px 5px; text-align: center; font-size: 12px; }
  .mobile-nav a.active { color: #fff; background: #1f2937; }
}
@media (max-width: 520px) {
  .stats { grid-template-columns: 1fr; }
  .topbar { display: grid; }
  .topbar .btn { width: 100%; }
  .credit-top { display: grid; }
  .credit-amount { text-align: left; }
  .credit-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .timeline-item { grid-template-columns: 48px 1fr; }
  .timeline-item .amount { grid-column: 2; }
}