@font-face{font-family:Almarai;src:url('/site-assets/Almarai-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{font-family:Almarai,Arial,sans-serif;background:#f5f7fc;color:#18354c}
#booking,#flutter_host{width:100%;height:100%;min-width:0;min-height:0;position:relative;overflow:hidden}
#flutter_host{isolation:isolate;direction:ltr}
#app-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:#f5f7fc;z-index:5;font-size:14px;line-height:1.8;color:#526779}
#app-loader[hidden]{display:none}
#app-loader p{margin:16px 0}
a{color:#0a5584;text-underline-offset:3px}
.spinner{width:32px;height:32px;border:3px solid #dce5ec;border-top-color:#0a5584;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.company-fallback{position:fixed;inset:0;overflow:auto;padding:32px max(24px,calc((100% - 900px)/2));background:#fff;line-height:1.9}
.company-fallback nav{display:flex;flex-wrap:wrap;gap:16px 24px}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}}