/* Scale Xpert v0.4.30 approved authentication UI.
   Loaded after the legacy styles so this layer intentionally wins without changing auth behavior. */
html,body,#app{margin:0;min-height:100%;width:100%}
body{overflow-x:hidden;background:#f6f9fe}
#app .auth-page,#app .auth-page *{box-sizing:border-box}
#app .auth-page{min-height:100vh!important;width:100%!important;display:grid!important;grid-template-columns:minmax(520px,42%) minmax(0,58%)!important;background:#fff!important;color:#101936!important;overflow:hidden!important}
#app .auth-left{position:relative!important;display:grid!important;grid-template-rows:84px minmax(0,1fr) 96px!important;min-width:0!important;min-height:100vh!important;padding:0 34px!important;background:radial-gradient(55% 45% at 22% 31%,rgba(225,236,255,.85),transparent 72%),radial-gradient(62% 48% at 80% 63%,rgba(235,241,255,.9),transparent 74%),linear-gradient(135deg,#fbfdff 0%,#f7fbff 54%,#f4f8ff 100%)!important;color:#101936!important;z-index:1!important}
#app .auth-left:before,#app .auth-left:after{content:"";position:absolute;pointer-events:none;z-index:0;opacity:.9}
#app .auth-left:before{left:-22%;top:29%;width:62%;height:37%;background:linear-gradient(145deg,rgba(232,240,255,.78),rgba(245,248,255,.15));border-radius:0 80% 18% 0;transform:rotate(18deg)}
#app .auth-left:after{right:-22%;bottom:-2%;width:55%;height:34%;background:linear-gradient(145deg,rgba(229,238,255,.75),rgba(247,250,255,.22));border-radius:70% 0 0 0;transform:rotate(-22deg)}
#app .auth-logo{position:relative!important;z-index:5!important;width:100%!important;height:84px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:transparent!important}
#app .auth-logo>.sx-brandmark{display:block!important;width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;object-fit:contain!important;margin:0!important;padding:0!important}
#app .auth-language-menu{position:relative!important;margin:0!important;padding:0!important;color:#111936!important;font-size:15px!important;font-weight:600!important;line-height:1!important;z-index:20!important}
#app .auth-language-menu>summary{list-style:none!important;display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:10px 2px!important;border:0!important;background:transparent!important;cursor:pointer!important;white-space:nowrap!important;color:#111936!important}
#app .auth-language-menu>summary::-webkit-details-marker{display:none!important}
#app .auth-language-menu svg.auth-language-icon{display:block!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;color:#35405e!important}
#app .auth-language-menu svg.auth-language-chevron{display:block!important;width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;max-width:14px!important;max-height:14px!important;color:#27334f!important;transition:transform .16s ease}
#app .auth-language-menu[open] svg.auth-language-chevron{transform:rotate(180deg)}
#app .auth-language-popover{position:absolute!important;top:43px!important;right:0!important;width:158px!important;padding:6px!important;background:#fff!important;border:1px solid #dfe5ef!important;border-radius:6px!important;box-shadow:0 14px 38px rgba(25,40,70,.14)!important;z-index:100!important}
#app .auth-language-popover button{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:4px!important;width:100%!important;min-height:34px!important;margin:0!important;padding:7px 8px!important;border:0!important;border-radius:4px!important;background:#fff!important;color:#1a2439!important;text-align:left!important;font:inherit!important;font-size:12px!important;cursor:pointer!important}
#app .auth-language-popover button:hover,#app .auth-language-popover button.active{background:#edf3fb!important}
#app .auth-language-tag{font-size:9px!important;font-weight:800!important;letter-spacing:.2px!important;text-transform:uppercase!important;color:#243149!important}
#app .auth-language-name{font-size:12px!important;font-weight:500!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#app .auth-stack{position:relative!important;z-index:3!important;width:100%!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:34px 0 44px!important}
#app .auth-card{width:min(458px,100%)!important;min-height:0!important;margin:0!important;padding:49px 42px 38px!important;background:rgba(255,255,255,.98)!important;border:1px solid #dce4ee!important;border-radius:12px!important;box-shadow:0 12px 36px rgba(27,44,78,.07)!important;color:#0c1539!important;text-align:left!important}
#app .auth-card h2{margin:0 0 36px!important;padding:0!important;color:#0b1438!important;text-align:center!important;font-size:31px!important;line-height:1.12!important;font-weight:800!important;letter-spacing:-1.1px!important}
#app .sx-auth-providers{display:block!important;margin:0!important;padding:0!important}
#app .auth-provider{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;width:100%!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0 18px!important;border:1px solid #cad5e4!important;border-radius:7px!important;background:#fff!important;color:#111a38!important;text-decoration:none!important;font-size:15px!important;line-height:1!important;font-weight:650!important;box-shadow:none!important}
#app .auth-provider img{display:block!important;width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;object-fit:contain!important;margin:0!important}
#app .sx-auth-divider{display:flex!important;align-items:center!important;gap:14px!important;margin:31px 0 26px!important;padding:0!important;color:#586789!important;font-size:13px!important;line-height:1!important;white-space:nowrap!important}
#app .sx-auth-divider:before,#app .sx-auth-divider:after{content:""!important;display:block!important;flex:1!important;height:1px!important;background:#dbe3ee!important}
#app .auth-form{display:grid!important;gap:10px!important;margin:0!important;padding:0!important}
#app .auth-form>label{display:block!important;margin:0!important;padding:0!important;color:#0f1730!important;font-size:13px!important;line-height:1.3!important;font-weight:700!important}
#app .auth-email-input{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 14px!important;border:1px solid #c9d5e5!important;border-radius:7px!important;background:#fff!important;box-shadow:0 2px 8px rgba(29,43,70,.02)!important}
#app .auth-email-input svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;color:#536489!important;flex:0 0 18px!important}
#app .auth-email-input input{display:block!important;flex:1!important;width:auto!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#111936!important;font-size:14px!important;line-height:46px!important;font-weight:400!important}
#app .auth-email-input input::placeholder{color:#7380a0!important;opacity:1!important}
#app .auth-submit{display:block!important;width:100%!important;height:52px!important;min-height:52px!important;margin:10px 0 0!important;padding:0 18px!important;border:0!important;border-radius:7px!important;background:linear-gradient(103deg,#1f80f4 0%,#286df9 46%,#4d2af6 100%)!important;color:#fff!important;font-size:15px!important;line-height:52px!important;font-weight:650!important;text-align:center!important;box-shadow:0 10px 24px rgba(49,84,239,.18)!important}
#app .auth-submit span{display:inline!important;margin-left:8px!important;font-size:21px!important;line-height:1!important;vertical-align:-1px!important}
#app .auth-password-help{margin:13px 0 0!important;padding:0!important;text-align:center!important;color:#617094!important;font-size:12px!important;line-height:1.45!important}
#app .auth-card-rule{display:block!important;height:1px!important;margin:25px 0 21px!important;background:#dce4ee!important}
#app .auth-switch{margin:0!important;padding:0!important;text-align:center!important;color:#627093!important;font-size:13px!important;line-height:1.4!important}
#app .auth-text-link{display:inline!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#075cf7!important;font:inherit!important;font-weight:500!important;cursor:pointer!important;text-decoration:none!important}
#app .auth-terms{max-width:365px!important;margin:31px auto 0!important;padding:0!important;text-align:center!important;color:#627093!important;font-size:11px!important;line-height:1.55!important}
#app .auth-terms a{color:#075cf7!important;text-decoration:none!important}
#app .auth-footer{position:relative!important;z-index:4!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important}
#app .auth-footer-inner{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:24px!important;width:100%!important;height:96px!important;min-height:96px!important;margin:0!important;padding:0!important;border-top:1px solid #d9e2ee!important}
#app .auth-footer .sx-brandmark{display:block!important;width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important}
#app .auth-legal{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;width:100%!important;margin:0!important;padding:0!important;color:#5f6c8c!important;font-size:10.5px!important;line-height:1!important;white-space:nowrap!important}
#app .auth-legal a{display:inline!important;margin:0!important;padding:0 12px!important;color:#5f6c8c!important;text-decoration:none!important}
#app .auth-legal>span{display:block!important;width:1px!important;height:14px!important;background:#bfc9d8!important}
#app .auth-right{position:relative!important;display:block!important;min-width:0!important;min-height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#2f82ef!important}
#app .auth-right-image{display:block!important;width:100%!important;height:100vh!important;min-height:100vh!important;margin:0!important;padding:0!important;object-fit:fill!important;object-position:center!important;border:0!important}
#app .auth-verify-card{max-width:458px!important}
#app .auth-check{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;margin:0 auto 18px!important;border-radius:50%!important;background:#e9fbf2!important;color:#10a769!important;font-size:24px!important}
#app .auth-verify-copy{margin:-18px 0 24px!important;color:#627093!important;text-align:center!important;font-size:12px!important;line-height:1.5!important}
#app .auth-back{display:block!important;margin:17px auto 0!important}
@media(max-width:1180px){#app .auth-page{grid-template-columns:minmax(480px,46%) minmax(0,54%)!important}}
@media(max-width:960px){#app .auth-page{display:block!important;overflow:auto!important}#app .auth-left{min-height:100vh!important;padding:0 28px!important}#app .auth-right{display:none!important}#app .auth-stack{padding:30px 0 38px!important}#app .auth-footer-inner{height:82px!important;min-height:82px!important}#app .auth-legal{font-size:10px!important}#app .auth-legal a{padding:0 8px!important}}
@media(max-width:560px){#app .auth-left{grid-template-rows:72px minmax(0,1fr) auto!important;padding:0 18px!important}#app .auth-logo{height:72px!important}#app .auth-logo>.sx-brandmark{width:34px!important;height:34px!important}#app .auth-language-menu{font-size:13px!important}#app .auth-card{padding:36px 22px 30px!important;border-radius:10px!important}#app .auth-card h2{font-size:27px!important;margin-bottom:30px!important}#app .auth-footer-inner{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;padding:24px 0!important;text-align:center!important}#app .auth-footer .sx-brandmark{margin:0 auto 14px!important}#app .auth-legal{white-space:normal!important;flex-wrap:wrap!important;row-gap:12px!important}#app .auth-legal>span{display:none!important}}