.auth-login-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line,#32313e);border-radius:12px;margin:20px 0;background:var(--bg,#101017)}.auth-login-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;min-height:40px;border:0;border-radius:9px;background:transparent;color:var(--muted,#aaa7bc);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.auth-login-tabs [aria-selected=true]{background:var(--primary,#7c3aed);color:#fff}
#qrLogin [hidden],#qrConfirm [hidden]{display:none!important}.qr-login-panel{text-align:center}.qr-login-panel h2{font-size:19px;line-height:1.4;margin:0 0 9px}.qr-login-panel>p{font-size:12px;color:var(--muted,#aaa7bc);line-height:1.8}.qr-canvas-box{display:grid;place-items:center;min-height:252px;padding:10px;border:1px solid var(--line,#32313e);border-radius:16px;margin:17px auto;background:var(--surface,#191820);max-width:272px}.qr-canvas-box canvas{width:232px;height:232px;max-width:100%;background:#fff;image-rendering:pixelated;border-radius:8px}.qr-canvas-box p{font-size:12px;line-height:1.8;padding:16px;color:var(--muted,#aaa7bc)}.qr-login-match{display:grid;gap:6px;padding:9px}.qr-login-match span{font-size:11px;color:var(--muted,#aaa7bc)}.qr-login-match strong{font:700 25px ui-monospace,monospace;letter-spacing:7px;color:var(--primary,#b99dff)}.qr-status{font-size:13px;line-height:1.7;margin:12px 0;color:var(--text,#f3f2fa);overflow-wrap:anywhere}.qr-status.is-error{color:#f38191}.qr-timer{font-size:11px;color:var(--muted,#aaa7bc)}.qr-small{font-size:11px!important;line-height:1.8;color:var(--muted,#aaa7bc)}.qr-login-active #bonzAiAssistant,.qr-login-active .custom-live-chat{display:none!important}
.qr-auth-page{--bg:#101017;--surface:#191820;--line:#32313e;--text:#f3f2fa;--muted:#aaa7bc;--primary:#b99dff;margin:0;min-height:100dvh;background:radial-gradient(ellipse at top,#332149 0,transparent 65%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;display:grid;place-items:center;padding:24px 16px;box-sizing:border-box}.qr-auth-page *{box-sizing:border-box}.qr-confirm-card{width:min(100%,440px);padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 24px 80px #0005}.qr-brand{display:flex;align-items:center;gap:8px;font-weight:750;color:var(--text);text-decoration:none;margin-bottom:28px}.qr-brand span{font-size:27px}.qr-eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--primary);font-weight:750}.qr-confirm-card h1{font-size:25px;line-height:1.35;letter-spacing:-.6px;margin:12px 0}.qr-confirm-card p{font-size:13px;color:var(--muted);line-height:1.8}.qr-confirm-card .qr-status.is-error{color:#f38191}.qr-device{display:grid;gap:6px;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:12px;margin:20px 0}.qr-device span,.qr-device small{font-size:11px;color:var(--muted)}.qr-device strong{font-size:17px}.qr-code-label{display:grid;gap:10px;font-size:12px;line-height:1.6;margin:18px 0 10px}.qr-code-label input{width:100%;padding:13px;border-radius:11px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:600 22px ui-monospace,monospace;letter-spacing:6px;text-align:center;min-width:0}.qr-confirm-primary,.qr-confirm-secondary{display:flex;align-items:center;justify-content:center;min-height:45px;width:100%;padding:11px 15px;box-sizing:border-box;text-align:center;text-decoration:none;border-radius:11px;font:600 13px system-ui,sans-serif;cursor:pointer;margin-top:10px}.qr-confirm-primary{background:#7c3aed;color:#fff;border:1px solid transparent}.qr-confirm-secondary{background:transparent;border:1px solid var(--line);color:var(--muted)}.qr-confirm-card button:disabled{opacity:.6;cursor:default}.qr-confirm-card :is(a,button,input):focus-visible,.auth-login-tabs button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.qr-back{display:block;margin-top:22px;text-align:center;font-size:12px;color:var(--primary);text-decoration:none}.qr-confirm-card .qr-account strong{color:var(--text)}
@media(max-width:400px){.qr-confirm-card{padding:22px 18px}.qr-confirm-card h1{font-size:23px}.qr-login-match strong{letter-spacing:5px}.qr-canvas-box{min-height:234px}.qr-canvas-box canvas{width:214px;height:214px}}
.qr-web-scanner-link{display:inline-block;margin:15px 0;color:var(--primary,#b99dff);font-size:12px;text-decoration:underline;text-underline-offset:4px}.qr-camera-wrap{position:relative;aspect-ratio:1;background:#08080c;overflow:hidden;border-radius:18px;margin:20px 0}.qr-camera-wrap video{display:block;width:100%;height:100%;object-fit:cover}.qr-camera-guide{position:absolute;inset:14%;border:2px solid #b99dff;border-radius:15px;box-shadow:0 0 0 100px #0005;pointer-events:none}.qr-device-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);overflow:auto;overscroll-behavior:contain;box-shadow:0 25px 90px #0009}.qr-device-dialog::backdrop{background:#08080bc7;backdrop-filter:blur(4px)}.qr-dialog-content{padding:25px}.qr-dialog-content h2{font-size:24px;line-height:1.3;margin:14px 0 8px;letter-spacing:-.5px}.qr-dialog-content p{font-size:12px;color:var(--muted);line-height:1.8}.qr-scanned-badge{display:flex;align-items:center;gap:8px;color:#8ce3b9;font-size:12px;font-weight:700}.qr-scanned-badge span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#153e2c}.qr-device-dialog .qr-device{margin:18px 0;padding:14px}.qr-device-dialog .qr-device strong{font-size:18px}.qr-device-dialog .qr-status.is-error{color:#f38191}.qr-device-dialog .qr-code-label{font-size:12px}.qr-dialog-content :is(button,input):focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media(max-width:400px){.qr-dialog-content{padding:20px 18px}.qr-dialog-content h2{font-size:22px}}
.login-qr-modal{border:1px solid #3b2a59;box-shadow:0 30px 100px rgba(0,0,0,0.85)}.qr-login-modal-match{margin:18px 0;padding:18px;background:rgba(255,255,255,0.03);border:1px dashed var(--line,#32313e);border-radius:14px;text-align:center}.qr-modal-match-label{display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--primary,#b99dff);margin-bottom:8px}.qr-modal-code-display{display:block;font:800 34px ui-monospace,monospace;letter-spacing:10px;color:#38bdf8;margin:10px 0;text-shadow:0 0 20px rgba(56,189,248,0.3)}.qr-modal-match-help{font-size:12px;color:var(--muted,#aaa7bc);margin:0;line-height:1.6}
.qr-account-card{display:flex;align-items:center;gap:14px;padding:14px;background:var(--bg,#101017);border:1px solid var(--line,#32313e);border-radius:14px;margin:16px 0;text-align:left}
.qr-account-avatar-wrap{position:relative;flex-shrink:0}
.qr-account-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--primary,#b99dff);display:block}
.qr-account-initial{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;display:grid;place-items:center;font-weight:700;font-size:20px;border:2px solid rgba(255,255,255,0.15)}
.qr-account-details{flex:1;min-width:0;display:grid;gap:3px}
.qr-account-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.qr-account-name{font-size:15px;color:var(--text,#f3f2fa);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qr-account-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;background:rgba(124,58,237,0.15);color:var(--primary,#b99dff);border:1px solid rgba(124,58,237,0.3)}
.qr-account-email{font-size:12px;color:var(--muted,#aaa7bc);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qr-account-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted,#aaa7bc);margin-top:2px}
.qr-account-dot{opacity:0.5}
.qr-account-balance{color:#10b981;font-weight:600}
.qr-login-active .community-bottom-nav{display:none!important}