html { scroll-behavior: smooth; }
body {
  background:
    radial-gradient(circle at top right, rgba(39,179,95,.18), transparent 25%),
    radial-gradient(circle at bottom left, rgba(255,255,255,.06), transparent 20%),
    linear-gradient(135deg, #050505 0%, #0e1110 35%, #121614 100%);
}
.glass {
  background: rgba(17, 24, 39, 0.72);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.section-card {
  background: linear-gradient(180deg, rgba(17,24,39,.82), rgba(15,23,42,.74));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 30px rgba(0,0,0,.20);
}
.status-dot {
  width: .65rem;
  height: .65rem;
  border-radius: 999px;
  display: inline-block;
}
.table-scroll::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.table-scroll::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.18);
  border-radius: 999px;
}
.modal-hidden { display: none; }

@keyframes fit-fade-in {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fit-fade-out {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: 0; transform: translateY(6px); }
}
.fade-in { animation: fit-fade-in .18s ease-out both; }
.fade-out { animation: fit-fade-out .18s ease-in both; }