.loading-dot::after {
  content: "";
  animation: pulse-dot 1.1s infinite linear;
}

.auth-shell {
  background:
    radial-gradient(circle at top right, rgba(15, 73, 189, 0.18), transparent 30%),
    linear-gradient(135deg, #0a192f, #101622 60%, #0f172a);
}

.dashboard-grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 1024px) {
  .dashboard-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  }
}

@keyframes pulse-dot {
  0% {
    content: "";
  }
  33% {
    content: ".";
  }
  66% {
    content: "..";
  }
  100% {
    content: "...";
  }
}