.loading-indicator { display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
.loading-page { position: fixed; inset: 0; min-height: 100dvh; background: #f5f7f7; z-index: 20; }
html[data-theme="dark"] .loading-page { background: #020617; }
.loading-section { width: 100%; min-height: 160px; padding: 24px; }
.loading-inline { display: inline-flex; flex: 0 0 24px; vertical-align: middle; }
.loading-ring { display: block; box-sizing: border-box; width: 24px; height: 24px; min-width: 24px; min-height: 24px; flex: 0 0 24px; border: 2px solid #94a3b84d; border-top-color: #3b82f6; border-radius: 50%; animation: loading-spin .8s linear infinite; }
.loading-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@keyframes loading-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .loading-ring { animation: none; } }