.loading-screen { text-align: center; padding: 80px 24px; color: var(--text-muted); }
.spinner {
  width: 40px; height: 40px; border: 3px solid rgba(37,99,235,0.2);
  border-top-color: var(--primary); border-radius: 50%;
  animation: spin 1s linear infinite; margin: 0 auto 16px;
}
@keyframes spin { to { transform: rotate(360deg); } }

.empty-state { text-align: center; padding: 60px 24px; color: var(--text-muted); }
.empty-state h3 { font-size: 20px; color: var(--text); margin-bottom: 8px; }

.text-center { text-align: center; }
.mt-1 { margin-top: 8px; }
.mt-2 { margin-top: 16px; }
.mt-3 { margin-top: 24px; }
.hidden { display: none !important; }