@media (min-width: 480px) {
  .login-card { padding: 32px 28px; }
  .kpi-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 640px) {
  .bottom-nav { max-width: 480px; left: 50%; right: auto; transform: translateX(-50%); border-radius: var(--r-xl) var(--r-xl) 0 0; border-left: 1px solid var(--border-soft); border-right: 1px solid var(--border-soft); }
}