:root { --sar-text:#181d27; --sar-muted:#535862; --sar-border:#e9eaeb; --sar-orange:#fe470c; }
html,body { margin:0; padding:0; background:#fff!important; }
/* Safari uses the root canvas behind the rubber-band scroll area. */
html { min-height:100%; color-scheme:light; }
body,#app { min-height:100dvh; background:#fff; }
.brand-mark { display:inline-block; position:relative; width:47.88px; height:48px; vertical-align:middle; }
.brand-mark i { position:absolute; display:block; width:9.576px; height:9.576px; border-radius:50%; background:rgba(45,6,6,.05); }
.brand-mark i:after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; background:#fe470c; }
.brand-mark .full:after { width:100%; height:100%; }.brand-mark .half:after { width:50%; height:50%; }.brand-mark .large:after { width:75%; height:75%; }.brand-mark .quarter:after { width:25%; height:25%; }.brand-mark .tiny:after { width:12.5%; height:12.5%; }
.brand-mark i:nth-child(1) { left:0; top:0; }.brand-mark i:nth-child(2) { left:19.152px; top:0; }.brand-mark i:nth-child(3) { left:38.304px; top:0; }.brand-mark i:nth-child(4) { left:9.576px; top:9.576px; }.brand-mark i:nth-child(5) { left:28.728px; top:9.576px; }.brand-mark i:nth-child(6) { left:0; top:19.152px; }.brand-mark i:nth-child(7) { left:19.152px; top:19.152px; }.brand-mark i:nth-child(8) { left:38.304px; top:19.152px; }.brand-mark i:nth-child(9) { left:9.576px; top:28.848px; }.brand-mark i:nth-child(10) { left:28.728px; top:28.728px; }.brand-mark i:nth-child(11) { left:0; top:38.424px; }.brand-mark i:nth-child(12) { left:19.152px; top:38.304px; }.brand-mark i:nth-child(13) { left:38.304px; top:38.424px; }
.loader-container { display:flex; flex-direction:column; align-items:center; position:relative; min-height:100dvh; text-align:center; font-family:Inter,sans-serif; background:rgba(255,255,255,.95); backdrop-filter:blur(15px); padding-top:max(80px,calc(50dvh - 135px)); }
.loader-container:before { content:''; position:absolute; inset:0; z-index:-1; opacity:.05; background:url('assets/figma/100-13943-imgImage2.png') right center / auto 1078px no-repeat; filter:blur(25px); }
.loading-title { margin:24px 0 64px; font-size:30px; font-weight:600; line-height:38px; color:#181d27; }
.progress-container { position:relative; width:360px; max-width:calc(100% - 42px); height:8px; background:#e9eaeb; border-radius:999px; }
.progress-container .progress-bar { transition:none!important; position:absolute; inset:0 auto 0 0; width:var(--startup-progress,0%); border-radius:4px; background:#fe470c;  }
.progress-container .progress-tooltip { transition:none!important; position:absolute; top:-42px; left:var(--startup-progress,0%); transform:translateX(-50%); background:white; padding:8px 12px; border:1px solid #e9eaeb; border-radius:8px; font:600 12px/18px Inter,sans-serif; color:#414651; box-shadow:0 12px 16px -4px #0a0d1214,0 4px 6px -2px #0a0d1208; }

.loading-subtext { margin-top:64px; font:400 16px/24px Inter,sans-serif; color:#535862; }
.loader-footer { position:fixed; bottom:32px; left:0; right:0; text-align:center; padding:0 16px; color:#717680; font:400 14px/20px Inter,sans-serif; }
@media(max-width:767px) { .loading-title { font-size:24px; line-height:32px; }.loader-footer { left:0; right:0; text-align:center; padding:0 16px; } }

.system-logo{display:block;width:184px;height:auto;max-width:100%;object-fit:contain;}.login-left>.system-logo,.auth-card>.system-logo{width:245px;margin-bottom:32px;}body .sidebar-brand a>.system-logo{width:184px;height:auto;}