/* Minimal custom CSS; most styling via Tailwind */
:root{
  --accent: 99 102 241; /* indigo-500 */
}

/* Better focus visibility */
:focus-visible{ outline: none; box-shadow: 0 0 0 3px rgba(var(--accent), .35); border-radius: 10px; }

/* Subtle animated gradient background */
.bg-aurora{
  background:
    radial-gradient(1200px 600px at 10% 10%, rgba(99,102,241,.18), transparent 60%),
    radial-gradient(900px 500px at 90% 20%, rgba(34,211,238,.14), transparent 55%),
    radial-gradient(900px 500px at 40% 90%, rgba(244,114,182,.10), transparent 55%),
    linear-gradient(180deg, rgba(2,6,23,1), rgba(2,6,23,1));
}

/* Simple spinner */
@keyframes spin { to { transform: rotate(360deg); } }
.spinner{ width: 18px; height: 18px; border-radius: 9999px; border: 2px solid rgba(148,163,184,.35); border-top-color: rgba(99,102,241,.95); animation: spin .8s linear infinite; }

/* Table scroll shadow hint */
.table-wrap{ position: relative; }
.table-wrap:after{
  content: "";
  position: absolute;
  right: 0; top: 0; bottom: 0;
  width: 28px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(2,6,23,.85));
  opacity: .55;
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .spinner{ animation: none; }
}