.system-loader { display: flex; min-height: 100svh; width: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 20px; background: #e9ebed; color: #63686b; font-family: Arial, sans-serif; }
.dark .system-loader { background: #191b1a; color: #a8aeaa; }
.system-loader img { width: 104px; height: 32px; object-fit: contain; opacity: .8; }
.dark .system-loader img { filter: brightness(0) invert(1); }
.system-loader-track { display: block; width: 112px; height: 2px; overflow: hidden; border-radius: 2px; background: #737a781f; }
.system-loader-track > span { display: block; width: 48%; height: 100%; background: #7e8983; border-radius: inherit; animation: system-drift 2.4s ease-in-out infinite; }
.system-loader-label { font-size: 12px; font-weight: 400; letter-spacing: 0; }
.system-loader--inline { min-height: 40vh; background: transparent; }
.dark .system-loader--inline { background: transparent; }
@keyframes system-drift { 0%, 100% { transform: translateX(-105%); opacity: .3; } 50% { transform: translateX(210%); opacity: .8; } }
@media (prefers-reduced-motion: reduce) { .system-loader-track > span { animation: none; width: 100%; opacity: .5; } }