:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}:root[data-theme=light]{--page: #eef4fb;--page-2: #dce8f6;--panel: rgba( 255, 255, 255, .94 );--panel-strong: #ffffff;--visual: #071425;--visual-2: #0a1c32;--text: #172033;--text-soft: #667085;--border: rgba( 15, 35, 58, .12 );--input: #f8fafc;--input-border: #d6deea;--orange: #ff8a1d;--orange-2: #f67400;--blue: #2e90fa;--cyan: #38bdf8;--green: #32d583;--danger: #f04438;--shadow: 0 30px 90px rgba( 14, 30, 52, .17 )}:root[data-theme=dark]{color-scheme:dark;--page: #050b13;--page-2: #07111e;--panel: rgba( 8, 17, 30, .96 );--panel-strong: #0b1625;--visual: #06101d;--visual-2: #0a1b31;--text: #f8fafc;--text-soft: #aebdce;--border: rgba( 148, 163, 184, .17 );--input: #0f1d2f;--input-border: #24364e;--orange: #ff9b35;--orange-2: #ff7a00;--blue: #60a5fa;--cyan: #67e8f9;--green: #4ade80;--danger: #fb7185;--shadow: 0 30px 100px rgba( 0, 0, 0, .55 )}.login-page{position:relative;display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:26px 26px 18px;background:radial-gradient(circle at 50% 0%,rgba(36,99,235,.12),transparent 40%),linear-gradient(160deg,var(--page),var(--page-2));color:var(--text)}.login-background-glow{position:absolute;width:460px;height:460px;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.35}.glow-one{top:-240px;left:-160px;background:#2563eb59}.glow-two{right:-200px;bottom:-280px;background:#0ea5e93d}.login-brand{position:relative;z-index:2;margin-bottom:18px;text-align:center}.saba-logo{font-size:clamp(38px,5vw,58px);font-weight:900;letter-spacing:.08em;line-height:1;color:var(--text);text-shadow:0 0 25px rgba(46,144,250,.12)}.saba-logo:after{content:"";display:block;width:42px;height:4px;margin:8px auto 9px;border-radius:999px;background:linear-gradient(90deg,var(--orange),var(--orange-2))}.saba-subtitle{font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--text-soft)}.login-card{position:relative;z-index:2;display:grid;width:min(980px,95vw);grid-template-columns:minmax(0,1.13fr) minmax(340px,.87fr);overflow:hidden;border:1px solid var(--border);border-radius:26px;background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.login-visual{position:relative;display:flex;min-height:510px;flex-direction:column;justify-content:center;overflow:hidden;padding:34px 30px;background:radial-gradient(circle at 50% 46%,rgba(21,126,251,.21),transparent 33%),radial-gradient(circle at 20% 18%,rgba(56,189,248,.1),transparent 28%),linear-gradient(145deg,var(--visual),var(--visual-2));color:#fff}.login-visual:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle,black,transparent 82%)}.security-stage{position:relative;width:100%;height:365px;margin:0 auto;max-width:530px}.orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(96,165,250,.22);border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 18px #38bdf808}.orbit-1{width:140px;height:140px}.orbit-2{width:235px;height:235px}.orbit-3{width:335px;height:335px}.orbit-4{width:430px;height:300px;border-color:#60a5fa1c}.security-core{position:absolute;top:50%;left:50%;z-index:5;display:flex;width:118px;height:118px;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(125,211,252,.45);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#12375b,#081829 68%);box-shadow:0 0 28px #38bdf84d,inset 0 0 28px #38bdf81f}.security-shield{display:grid;width:44px;height:44px;place-items:center;margin-bottom:7px;border:1px solid rgba(125,211,252,.42);border-radius:14px;color:#7dd3fc;font-size:24px;box-shadow:0 0 18px #38bdf82e}.security-core strong{font-size:10px;letter-spacing:.18em;color:#f8fafc}.security-core small{margin-top:3px;color:#7dd3fc;font-size:8px;letter-spacing:.15em}.agent{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;transform-origin:center;animation:agentFloat 5s ease-in-out infinite;will-change:transform}.agent-dot{display:grid;width:39px;height:39px;place-items:center;flex:0 0 39px;border:1px solid rgba(125,211,252,.37);border-radius:50%;background:#091b30f0;color:#7dd3fc;font-size:17px;box-shadow:0 0 18px #38bdf824}.agent-label{display:flex;flex-direction:column;white-space:nowrap}.agent-label small{color:#708399;font-size:7px;letter-spacing:.12em}.agent-label strong{margin-top:2px;color:#dbeafe;font-size:9px;letter-spacing:.07em}.agent-1{top:12%;left:23%;animation-delay:-.8s}.agent-2{top:5%;right:15%;animation-delay:-2.1s}.agent-3{top:37%;right:3%;animation-delay:-1.3s}.agent-4{bottom:12%;right:16%;animation-delay:-2.8s}.agent-5{bottom:4%;left:28%;animation-delay:-1.7s}.agent-6{bottom:20%;left:4%;animation-delay:-3.4s}.agent-7{top:38%;left:1%;animation-delay:-.4s}.agent-8{top:7%;left:44%;animation-delay:-2.5s}.security-pulse{position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(125,211,252,.32);animation:pulseRing 4.5s linear infinite}.pulse-2{animation-delay:-1.5s}.pulse-3{animation-delay:-3s}.security-copy{position:relative;z-index:2;margin-top:2px;text-align:center}.security-copy h2{margin:0;font-size:22px;font-weight:750}.security-copy h2 span{color:var(--orange)}.security-copy p{margin:7px 0 0;color:#a8bad0;font-size:13px}.security-copy strong{color:var(--orange)}.login-access{position:relative;display:flex;min-height:510px;flex-direction:column;padding:26px 38px 34px;background:var(--panel-strong)}.login-topbar{display:flex;justify-content:flex-end;min-height:36px}.theme-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;background:var(--input);padding:7px 12px;color:var(--text-soft);font-size:12px}.login-heading{margin-top:12px}.login-kicker{display:inline-block;margin-bottom:7px;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.16em}.login-heading h1,.recovery-panel h1{margin:0 0 7px;color:var(--text);font-size:31px;letter-spacing:-.03em}.login-heading p,.recovery-panel p{margin:0;color:var(--text-soft);font-size:13px;line-height:1.55}.api-status{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:var(--text-soft);font-size:11px;font-weight:650}.api-status i{width:7px;height:7px;border-radius:50%;background:#94a3b8}.api-status.online{color:#16a34a}.api-status.online i{background:#22c55e;box-shadow:0 0 10px #22c55e8c}.api-status.offline{color:var(--danger)}.api-status.offline i{background:var(--danger)}.login-form{display:flex;flex-direction:column;margin-top:24px}.login-form label{margin-bottom:7px;color:var(--text);font-size:12px;font-weight:700}.login-form input{width:100%;height:45px;outline:none;border:1px solid var(--input-border);border-radius:12px;background:var(--input);padding:0 13px;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2e90fa21}.login-form>label:not(:first-child){margin-top:16px}.password-field{position:relative}.password-field input{padding-right:76px}.password-field button{position:absolute;top:50%;right:7px;transform:translateY(-50%);border:0;background:transparent;padding:7px;color:var(--text-soft);font-size:10px;font-weight:700}.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.remember{display:inline-flex;align-items:center;gap:8px;margin:0!important;color:var(--text-soft)!important;font-weight:500!important}.remember input{width:15px;height:15px}.forgot-link,.back-link{border:0;background:transparent;padding:0;color:var(--orange);font-size:11px;font-weight:750}.form-message{margin-top:13px;border:1px solid var(--border);border-radius:10px;background:var(--input);padding:10px 12px;color:var(--text-soft);font-size:11px;line-height:1.45}.primary-button{height:45px;margin-top:18px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;font-weight:800;box-shadow:0 12px 30px #f6740033}.primary-button:disabled{cursor:wait;opacity:.72}.divider{display:flex;align-items:center;gap:9px;margin:18px 0;color:var(--text-soft);font-size:10px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--border)}.identity-button{display:flex;height:43px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--input-border);border-radius:12px;color:var(--text);text-decoration:none;font-size:12px;font-weight:750}.identity-icon{color:var(--blue);font-size:18px}.recovery-panel{margin-top:16px}.back-link{display:inline-block;margin-bottom:28px;color:var(--text-soft)}.recovery-help{margin-top:10px!important}.login-footer{position:relative;z-index:2;display:flex;width:min(980px,95vw);justify-content:space-between;gap:20px;margin-top:12px;color:var(--text-soft);font-size:10px}@keyframes agentFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseRing{0%{width:100px;height:100px;opacity:.5}to{width:340px;height:340px;opacity:0}}@media(max-width:900px){.login-page{justify-content:flex-start;padding-top:20px}.login-card{grid-template-columns:1fr;width:min(620px,96vw)}.login-visual{min-height:430px}.login-access{min-height:auto}.login-footer{width:min(620px,96vw)}}@media(max-width:600px){.login-page{padding:18px 12px}.saba-logo{font-size:40px}.saba-subtitle{font-size:9px;letter-spacing:.15em}.login-card{border-radius:20px}.login-visual{min-height:365px;padding:24px 10px}.security-stage{height:300px;transform:scale(.84)}.login-access{padding:24px 22px 30px}.login-footer{flex-direction:column;align-items:center;gap:4px;text-align:center}}@media(prefers-reduced-motion:reduce){.agent,.security-pulse{animation:none}}.password-rules{display:grid;gap:7px;margin:12px 0 18px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--input)}.rule{display:flex;align-items:center;gap:8px;color:var(--text-soft);font-size:11px;transition:color .18s ease}.rule span{display:inline-grid;width:17px;height:17px;place-items:center;border-radius:50%;font-size:12px}.rule.valid{color:var(--green);font-weight:700}.password-confirm{margin-top:8px;color:var(--danger);font-size:11px}.password-confirm.valid{color:var(--green);font-weight:700}.otp-input{text-align:center;font-size:23px!important;font-weight:800;letter-spacing:.28em}.mfa-apps{margin:12px 0;text-align:left}.mfa-apps-titulo{display:block;font-size:13px;font-weight:700;margin-bottom:8px;color:var(--text)}.mfa-apps-lista{display:flex;flex-wrap:wrap;gap:8px}.mfa-app{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;border:1px solid var(--input-border);background:var(--input);color:var(--text);font-size:12px;cursor:pointer}.mfa-app.ativo{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 30%,transparent);font-weight:700}.mfa-app-icone{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;font-weight:800;flex:none}.mfa-lembrete{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:10px 0;border-radius:10px;border:1px solid var(--border);background:var(--input);font-size:13px;color:var(--text)}.mfa-lembrete p{margin:0}.ltour{position:fixed;inset:0;z-index:9999}.ltour-fundo{position:absolute;inset:0;background:#02061799}.ltour-foco{position:absolute;border-radius:12px;box-shadow:0 0 0 9999px #02061799;outline:3px solid var(--blue);pointer-events:none;transition:all .25s}.ltour-cartao{position:absolute;width:360px;max-width:calc(100vw - 24px);padding:16px;border-radius:14px;background:var(--panel-strong, #fff);color:var(--text);border:1px solid var(--border);box-shadow:0 20px 50px #00000059}.ltour-cartao.centro{top:50%;left:50%;transform:translate(-50%,-50%)}.ltour-cartao h3{margin:4px 0 6px;font-size:17px}.ltour-cartao p{margin:0 0 8px;font-size:13.5px;line-height:1.45;color:var(--text-soft)}.ltour-aviso{font-style:italic}.ltour-contador{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--blue);text-transform:uppercase}.ltour-acoes{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.ltour-espaco{flex:1}.ltour-link{background:none;border:0;color:var(--text-soft);font-size:12px;cursor:pointer;padding:4px}.ltour-btn{border:1px solid var(--border);background:var(--input);color:var(--text);border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer}.ltour-btn.principal{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}.login-tour-abrir{background:none;border:0;color:var(--blue);font-size:13px;cursor:pointer;text-decoration:underline;margin-top:10px}