@media(max-width:640px){
  .content{padding:8px 8px 72px}
  .card{border-radius:12px;padding:9px;margin-bottom:8px}
  .cards,.split{gap:8px}
  h2,h3,h4{margin:0 0 6px}
  p{margin:4px 0}
  .point-item{padding:8px;margin-bottom:6px}
  button,.btn{min-height:40px;padding:8px 10px}
  .topbar{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:8px}
  .brand{font-size:15px}
  .mode-switcher{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:6px}
  .mode-switcher button{width:100%;min-height:34px;padding:5px 8px;font-size:12px}
  .admin-metric{font-size:22px}
  .admin-nav-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .admin-nav-links .btn{min-height:34px;padding:6px 8px;font-size:12px}
  .admin-filters{grid-template-columns:1fr;gap:6px}
  .admin-filters label{font-size:13px}
  .admin-table th,.admin-table td{padding:6px;font-size:12px}
  .analytics-mobile-list{display:grid;gap:6px;margin-bottom:6px}
  .analytics-mobile-card{padding:8px}
  .analytics-mobile-card p{margin:3px 0}
  .analytics-mobile-list + .admin-table-wrap{display:none}
  .payment-choice-lg .btn-branch{width:100%}
}

@media(max-width:768px){
  .dashboard-stats-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .dashboard-stat-card{
    padding:8px 9px;
    min-height:74px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
  }
  .dashboard-stat-card h4{
    margin:0;
    font-size:11px;
    color:#5e6f84;
    font-weight:600;
    line-height:1.15;
  }
  .dashboard-stat-value{
    margin:3px 0 0;
    font-size:20px;
    font-weight:700;
    line-height:1.1;
  }
  .dashboard-stat-status{
    margin:3px 0 0;
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    white-space:normal;
  }
}