.modal-root { position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.modal-root.hidden { display: none; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.5); }
.modal-box { position: relative; width: 100%; max-width: 400px; max-height: 85vh; overflow-y: auto; z-index: 1; }
.modal-title { margin: 0 0 12px; font-size: 1.1rem; }
.modal-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }

.sk-card, .sk-line, .sk-chart, .sk-block {
  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
  background-size: 200% 100%; animation: shimmer 1.2s infinite; border-radius: var(--radius);
}
.sk-card { height: 100px; margin-bottom: 10px; }
.sk-line { height: 20px; margin-bottom: 8px; }
.sk-chart { height: 160px; }
.sk-block { height: 48px; margin-bottom: 8px; }
@keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }