@font-face{font-family:VendeAkiLogin;src:url('./fonts/manrope-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:VendeAkiLogin;src:url('./fonts/manrope-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:VendeAkiLogin;src:url('./fonts/manrope-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
.va-auth,.va-auth *{box-sizing:border-box}
.va-auth{font:400 14px/1.55 VendeAkiLogin,Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;font-synthesis:none;color:#14213d;min-height:100vh;min-height:100svh;width:100%;padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:20px;background:radial-gradient(ellipse at 0 40%,#dceeff 0,transparent 57%),radial-gradient(ellipse at 100% 60%,#dceeff 0,transparent 57%),#f8fafc;isolation:isolate}
.va-auth :is(h1,h2,p){margin:0}.va-auth :is(input,button,a){font:inherit}.va-auth button{cursor:pointer}.va-auth-icon{width:20px;height:20px;flex-shrink:0;display:block}
.va-auth .va-auth-card{display:grid;grid-template-columns:48% 52%;width:min(900px,100%);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 12px 38px #2563eb1c;min-width:0}
.va-auth-story{padding:34px 36px 26px;background:radial-gradient(ellipse at 100% 0,#0758ff 0,transparent 65%),linear-gradient(135deg,#14213d,#043bb7);color:white;position:relative;overflow:hidden;display:flex;flex-direction:column}
.va-auth-story::after{content:'';position:absolute;width:480px;height:160px;border:42px solid #2563eb40;border-radius:50%;bottom:-125px;right:-190px;transform:rotate(-28deg);z-index:-0;pointer-events:none}
.va-auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.va-auth-brand img{width:174px;height:auto;object-fit:contain;filter:brightness(0) invert(1)}.va-auth-brand span{border:1px solid #ffffff70;border-radius:99px;padding:0 8px;font-size:11px}
.va-auth-story h2{font-size:27px;font-weight:700;line-height:1.3;letter-spacing:-.6px}.va-auth-story>p:not(.va-auth-story-footer){font-size:13px;color:#a5cefa;margin-top:14px}
.va-auth-art{position:relative;height:224px;margin:20px -6px 8px;flex:1;min-height:190px}.va-auth-wire{position:absolute;inset:50px 30px 30px 25px;border:1px solid #40b8ff;border-radius:22px;box-shadow:0 0 12px #3b82f640}
.va-auth-tile{position:absolute;display:flex;gap:14px;align-items:center;border:1px solid #56b9ff;border-radius:12px;background:linear-gradient(140deg,#1b6bdbdf,#07347cd9);box-shadow:inset 0 0 18px #2f9aff45,0 8px 20px #001a5540;padding:18px;color:#dcf2ff}.va-auth-tile>.va-auth-icon{width:38px;height:38px}.va-auth-tile span{display:grid;gap:8px;flex:1}.va-auth-tile span i{height:6px;border-radius:8px;background:#69b8ff66;display:block;min-width:32px}.va-auth-tile span i:last-child{width:65%}
.va-auth-store{width:146px;left:4px;top:8px;transform:rotate(5deg)}.va-auth-bag{width:132px;right:0;bottom:22px;transform:rotate(5deg)}.va-auth-chart{display:block;width:154px;left:77px;top:80px;padding:18px;z-index:1}.va-auth-bars{display:flex;align-items:end;height:66px;gap:9px;margin-bottom:12px}.va-auth-bars i{width:15px;border-radius:3px;background:linear-gradient(#64d8ff,#2563eb);height:25%}.va-auth-bars i:nth-child(2){height:42%}.va-auth-bars i:nth-child(3){height:60%}.va-auth-bars i:nth-child(4){height:80%}.va-auth-bars i:nth-child(5){height:100%}
.va-auth-story-footer{display:flex;align-items:center;gap:10px;font-size:11px;color:#c4dafa;position:relative;z-index:1}.va-auth-panel{padding:40px 42px 28px;min-width:0}.va-auth-badge{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:7px 12px;background:#eff6ff;color:#2563eb;font-size:10px;font-weight:700}.va-auth-badge .va-auth-icon{width:15px;height:15px}.va-auth-panel h1{font-size:27px;letter-spacing:-.7px;line-height:1.3;margin:18px 0 8px;font-weight:700}.va-auth-panel header>p{font-size:12px;color:#64748b}
.va-auth-form{display:flex;flex-direction:column;gap:18px;margin-top:26px}.va-auth-form label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.va-auth-input{position:relative;display:flex;align-items:center}.va-auth-input>.va-auth-icon{position:absolute;left:13px;pointer-events:none;width:18px;height:18px}.va-auth .va-auth-input input{width:100%;min-width:0;height:46px;border:1px solid #d8dce7;border-radius:8px;padding:0 42px;background:#fff;color:#14213d;font-size:16px;box-shadow:none}.va-auth-input input::placeholder{font-size:12px;color:#8292a9}.va-auth .va-auth-toggle{position:absolute;right:5px;background:transparent;border:0;color:#14213d;width:36px;height:36px;display:grid;place-items:center;border-radius:5px;padding:0}
.va-auth :is(input,button,a):focus-visible{outline:3px solid #2563eb80;outline-offset:3px}.va-auth .va-auth-forgot{border:0;background:none;padding:0;align-self:end;color:#2563eb;text-decoration:underline;font-size:11px;min-height:24px;margin-top:-8px}.va-auth .va-auth-submit{display:flex;align-items:center;justify-content:center;position:relative;gap:12px;min-height:46px;width:100%;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:13px;font-weight:600;padding:10px 38px;box-shadow:none}.va-auth-submit>.va-auth-icon{position:absolute;right:17px}.va-auth .va-auth-submit:hover{background:#1d4ed8}.va-auth button:disabled{opacity:.65;cursor:wait}.va-auth .va-auth-error{font-size:12px;line-height:1.5;color:#b42318;overflow-wrap:anywhere}.va-auth-error:empty{display:none}.va-auth .va-auth-security{display:flex;justify-content:center;align-items:center;gap:9px;border-top:1px solid #e4e7ef;padding-top:20px;margin-top:24px;color:#64748b;font-size:11px}.va-auth-security .va-auth-icon{color:#14213d}.va-auth>footer{font-size:11px;color:#64748b;text-align:center}
body.login-active #app:has(.va-auth){padding:0;max-width:none;width:100%}body.login-active:has(.va-auth){overflow:auto!important;background:#f8fafc!important}#crmLogin{height:auto;overflow:visible}#crmLogin.hidden{display:none!important}
@media(max-height:740px) and (min-width:701px){.va-auth{padding:18px;gap:14px}.va-auth-panel{padding:28px 36px 24px}.va-auth-story{padding:26px 30px 22px}.va-auth-art{height:190px;min-height:170px;margin-top:12px}.va-auth-brand{margin-bottom:16px}.va-auth-form{margin-top:20px;gap:15px}.va-auth-panel h1{margin-top:14px}.va-auth-security{margin-top:18px}}
@media(max-width:700px){.va-auth{padding:18px 14px;gap:16px}.va-auth .va-auth-card{grid-template-columns:1fr;max-width:440px;border-radius:18px}.va-auth-story{padding:20px 24px}.va-auth-brand{margin-bottom:10px}.va-auth-brand img{width:140px}.va-auth-story h2{font-size:21px}.va-auth-story>p:not(.va-auth-story-footer){margin-top:8px;font-size:12px}.va-auth-art,.va-auth-story-footer{display:none}.va-auth-panel{padding:26px 24px}.va-auth-panel h1{font-size:25px}.va-auth-form{margin-top:22px}.va-auth-security{padding-top:16px}}

/* Login specificity overrides legacy page-wide selectors without changing other pages. */
.va-auth .va-auth-story h2{color:#fff}.va-auth .va-auth-input input[type]{padding:0 42px;font-family:inherit;font-size:16px}
.va-auth-art{flex:none;height:230px;min-height:230px}.va-auth-story-footer{margin-top:auto!important}
body.login-active:has(.va-auth) #app-shell-root,body.login-active:has(.va-auth) #app{height:auto!important;overflow:visible!important;max-height:none!important}
#loginStatus:empty{display:none}#loginStatus{font-size:12px;color:#64748b}
@media(max-width:700px){.va-auth .va-auth-art{display:none}}
#crmLogin .va-auth .va-auth-input input,body[data-layout="auth"] .va-auth .va-auth-input input{padding:0 42px!important;font:400 16px/1.5 VendeAkiLogin,Manrope,system-ui,sans-serif!important}
html:has(#crmLogin:not(.hidden) .va-auth),body:has(#crmLogin:not(.hidden) .va-auth),html:has(body.login-active .va-auth),body.login-active:has(.va-auth),html:has(body.va-auth-recovery),body.va-auth-recovery{height:auto!important;min-height:100svh;overflow-y:auto!important}