html, body { min-height: 100%; margin: 0; background: #f5f7fb; }
.app-bootstrap-loader { min-height: 100vh; display: grid; place-items: center; background: #f5f7fb; color: #344054; font: 600 14px/1.45 Inter, system-ui, sans-serif; }
.app-bootstrap-loader__card { display: grid; justify-items: center; gap: 14px; border: 1px solid #d7e3fb; border-radius: 12px; background: #fff; box-shadow: 0 18px 45px rgba(16, 24, 40, .09); padding: 28px 36px; }
.app-bootstrap-loader__spinner { width: 30px; height: 30px; border: 3px solid #dbe7ff; border-top-color: #155eef; border-radius: 50%; animation: app-bootstrap-spin .8s linear infinite; }
.app-bootstrap-loader__message { margin: 0; text-align: center; }
.app-bootstrap-loader__hint { max-width: 360px; margin: -4px 0 0; color: #667085; font-weight: 400; text-align: center; }
.app-bootstrap-loader__retry { min-height: 40px; border: 0; border-radius: 8px; background: #155eef; color: #fff; cursor: pointer; font: inherit; padding: 9px 18px; }
.app-bootstrap-loader__retry:hover { background: #004eeb; }
@keyframes app-bootstrap-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .app-bootstrap-loader__spinner { animation-duration: 1.8s; } }