html:has(.auth-page), body:has(.auth-page){width:100%;height:100%;margin:0;overflow:hidden}
body:has(.auth-page){padding:0}
body:has(.auth-page) #app-page-content{min-height:0;height:100%}
.auth-page{position:fixed;inset:0;box-sizing:border-box;display:grid;place-items:center;overflow:hidden;padding:24px;background:#f4f6f8;color:#172033;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.auth-card{position:relative;z-index:2;box-sizing:border-box;width:min(420px,100%);padding:36px;border:1px solid #dce2e8;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(23,32,51,.09)}
.auth-card h1{margin:0 0 24px;font-size:25px;line-height:1.2;letter-spacing:-.025em}
.auth-card .auth-welcome{color:#075985;font-size:clamp(23px,2.2vw,30px);font-weight:850;letter-spacing:0}
.auth-form{display:grid;gap:17px}.auth-form>label{display:grid;gap:7px;color:#344054;font-size:13px;font-weight:650}.auth-form input{box-sizing:border-box;width:100%;height:44px;border:1px solid #b9c3cf;border-radius:8px;background:#fff;padding:0 12px;color:#172033;font:inherit;font-size:15px;outline:0}.auth-form input:focus{border-color:#17678f;box-shadow:0 0 0 3px rgba(23,103,143,.13)}.auth-form button,.auth-button{display:grid;place-items:center;box-sizing:border-box;width:100%;min-height:44px;border:1px solid #17678f;border-radius:8px;background:#17678f;color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.auth-form button:hover,.auth-button:hover{background:#125878}.auth-error,.auth-success{margin:0;border-radius:7px;padding:10px 12px;font-size:13px}.auth-error{background:#fef2f2;color:#b42318}.auth-success{margin-bottom:18px;background:#ecfdf3;color:#067647}.auth-link{display:block;margin-top:18px;color:#475467;text-align:center;text-decoration:none;font-size:13px}.auth-companies{display:grid;gap:8px;margin:0;border:0;padding:0}.auth-companies legend{margin-bottom:8px;color:#344054;font-size:13px;font-weight:650}.auth-companies label{display:flex;align-items:center;gap:10px;border:1px solid #d0d5dd;border-radius:8px;padding:10px 12px;cursor:pointer}.auth-companies input{width:16px;height:16px;box-shadow:none}.auth-companies span{display:grid;gap:2px}.auth-companies small{color:#667085;font-weight:400}
@media(max-width:520px){.auth-page{place-items:start center;padding:18px;background:#fff}.auth-card{margin-top:8vh;padding:24px 6px;border:0;box-shadow:none}}
.auth-page--login{display:flex;align-items:center;justify-content:flex-end;padding:72px 6% 72px 24px;overflow-y:auto;background:#061829 url('/static/images/login-highway.jpg') center/cover no-repeat;color:#eff6fa}
.auth-page--login::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 50%,rgba(3,15,28,.24) 100%)}
.auth-page--login .auth-brand{position:absolute;z-index:2;left:3.5%;top:5%;color:#eff6fa;font-size:clamp(25px,2.3vw,34px);font-weight:650;letter-spacing:-1px;line-height:1}
.auth-page--login .auth-card{width:clamp(240px,23vw,330px);max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.auth-page--login .auth-form{gap:9px}
.auth-page--login .auth-form>label{margin-top:9px;gap:9px;color:#e9f2f7;font-size:12px;font-weight:400}
.auth-page--login .auth-form input{height:36px;border-color:#597588;border-radius:6px;background:rgba(6,25,43,.64);padding:0 11px;color:#f6fafc;font-size:13px;font-weight:400;transition:none}
.auth-page--login .auth-form input:focus{border-color:#69dfe6;box-shadow:0 0 0 2px rgba(105,223,230,.2)}
.auth-page--login .auth-password{position:relative}
.auth-page--login .auth-password input{padding-right:40px}
.auth-page--login .auth-form .auth-password-toggle{position:absolute;right:2px;top:2px;display:grid;place-items:center;width:32px;height:32px;min-height:0;padding:0;border:0;background:transparent;color:#dce9ee;box-shadow:none}
.auth-page--login .auth-form button[type="submit"]{min-height:36px;margin-top:10px;border:0;border-radius:6px;background:#0098a4;font-size:12px;font-weight:500}
.auth-page--login .auth-form button[type="submit"]:hover{background:#008995}
.auth-page--login .auth-form button:focus-visible,.auth-page--login .auth-link:focus-visible{outline:2px solid #69dfe6;outline-offset:3px}
.auth-page--login .auth-form button:disabled{opacity:.7;cursor:wait}
.auth-page--login .auth-link{margin-top:9px;color:#69dfe6;text-align:left;font-size:11px}
.auth-page--login .auth-link:hover{text-decoration:underline}
.auth-page--login .auth-error{background:#431e29;color:#ffe0e3;font-size:12px}
.auth-page--login .auth-companies legend{color:#e9f2f7;font-size:12px}
.auth-page--login .auth-companies label{border-color:#597588;background:rgba(6,25,43,.64);color:#e9f2f7;font-size:12px}
.auth-page--login .auth-companies small{color:#becfdc}
.auth-page--login .auth-companies input{height:16px;width:16px;accent-color:#0098a4}
@media(max-width:600px){.auth-page--login{padding:100px 24px 48px;justify-content:center;background-position:43% center}.auth-page--login::before{background:rgba(3,15,28,.32)}.auth-page--login .auth-brand{top:28px;left:24px;font-size:26px}.auth-page--login .auth-card{width:min(300px,100%)}.auth-page--login .auth-form input{height:40px;font-size:16px}.auth-page--login .auth-form button[type="submit"]{min-height:40px}.auth-page--login .auth-form .auth-password-toggle{height:36px}}
@media(max-height:460px){.auth-page--login{align-items:flex-start;padding-top:76px}.auth-page--login .auth-brand{top:24px}}