#auth-root{position:fixed;inset:0;z-index:100;background:#f5f8fd;display:grid;place-items:center;padding:24px}#auth-root[hidden],main>header[hidden]{display:none!important}.auth-card{width:min(940px,100%);min-height:520px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #dfe7f4;border-radius:18px;background:#fff;box-shadow:0 24px 70px #132b5930}.auth-intro{padding:48px;background:linear-gradient(135deg,#102650,#2861da);color:#fff}.auth-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;color:#245de2;font-size:22px;font-weight:900}.auth-intro h1{margin:32px 0 12px;font-size:34px;line-height:1.1}.auth-intro p{max-width:330px;color:#d7e3ff;line-height:1.6}.auth-permissions{display:grid;gap:10px;margin-top:35px}.auth-permissions div{padding:12px 13px;border:1px solid #ffffff2b;border-radius:9px;background:#ffffff12;font-size:12px}.auth-form{padding:48px}.auth-form h2{font-size:24px;margin:0 0 8px}.auth-form>p{margin:0 0 26px;color:#748198;line-height:1.5}.auth-form label{margin:14px 0}.auth-form input{padding:12px}.auth-error{color:#b42318!important;font-size:12px!important;margin:-4px 0 12px!important}.role-picker{display:grid;gap:8px;margin:18px 0}.role-picker button{padding:11px 12px;border:1px solid #dce4f1;border-radius:8px;background:#fff;text-align:left;color:#41516d;font:12px inherit;cursor:pointer}.role-picker button strong{display:block;color:#1d3154;font-size:13px}.role-picker button.selected{border-color:#2860e9;background:#edf3ff}.auth-signin{width:100%;margin-top:8px}.auth-note{font-size:11px!important;color:#7d899b!important;margin-top:18px!important}.session-role{position:fixed;right:22px;bottom:20px;z-index:20;display:flex;align-items:center;gap:9px;border:1px solid #dfe7f3;border-radius:9px;background:#fff;padding:8px 10px;font-size:11px;box-shadow:0 5px 16px #12284a12}.session-role span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eaf1ff;color:#285fdc;font-weight:800}.session-role button{border:0;background:transparent;color:#255bda;font:inherit;font-weight:700;cursor:pointer}.role-agent [data-view="wallet"],.role-agent [data-view="reports"],.role-agent [data-open-topup],.role-agent .stats,.role-agent .wallet-actions,.role-platform .stats,.role-platform .wallet-actions{display:none!important}.role-office [data-open-topup]{display:none!important}@media(max-width:720px){.auth-card{grid-template-columns:1fr}.auth-intro{padding:30px}.auth-intro h1{margin-top:20px;font-size:28px}.auth-permissions{display:none}.auth-form{padding:30px}}