.mfa-panel{flex-direction:column;gap:16px;width:100%;max-width:760px;font-family:inherit;display:flex;container-type:inline-size}.mfa-card{background:#fff;border:1px solid #e7e8eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.mfa-card--danger{box-shadow:none;border-color:#f2cccc}.mfa-card-head{border-bottom:1px solid #f1f5f9;padding:14px 20px}.mfa-card-head--danger{border-bottom-color:#fbe3e3}.mfa-card-title{color:#0a1433;margin:0;font-size:15px;font-weight:700}.mfa-card-title--sm{font-size:14px}.mfa-card-title--danger{color:#b91c1c;font-size:14px}.mfa-card-sub{color:#64748b;margin:3px 0 0;font-size:12.5px;line-height:1.5}.mfa-card-body{padding:20px}.mfa-card-foot{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.mfa-card-foot--end{justify-content:flex-end}.mfa-card-foot--danger{background:snow;border-top-color:#fbe3e3}.mfa-btn{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.mfa-btn:disabled{cursor:not-allowed}.mfa-btn svg{flex-shrink:0}.mfa-btn--primary{color:#fff;background:#2d586e}.mfa-btn--primary:hover:not(:disabled){background:#3c7592}.mfa-btn--primary:disabled{background:#cbd5e1}.mfa-btn--secondary{color:#334155;background:#fff;border-color:#d9dee5}.mfa-btn--secondary:hover:not(:disabled){background:#f5f7fa}.mfa-btn--secondary:disabled{opacity:.6}.mfa-btn--danger-outline{color:#dc2626;background:#fff;border-color:#f2cccc}.mfa-btn--danger-outline:hover:not(:disabled){background:#fff7f7}.mfa-btn--danger{color:#fff;background:#dc2626}.mfa-btn--danger:hover:not(:disabled){background:#b91c1c}.mfa-btn--danger-outline:disabled,.mfa-btn--danger:disabled{opacity:.6}.mfa-link-btn{color:#2d586e;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-family:inherit;font-size:13px;font-weight:600}.mfa-link-btn:hover:not(:disabled){text-decoration:underline}.mfa-error{color:#b91c1c;background:#fdf0f0;border:1px solid #f2cccc;border-radius:10px;margin:0;padding:10px 14px;font-size:13px;line-height:1.5}.mfa-status{align-items:center;gap:16px;padding:18px 20px;display:flex}.mfa-status-chip{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.mfa-status-chip--off{color:#a16207;background:#fdf6e8}.mfa-status-chip--on{color:#16794c;background:#eaf6f0}.mfa-status-text{flex:1;min-width:0}.mfa-status-title{color:#0a1433;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.mfa-pill{white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.mfa-pill:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px}.mfa-pill--off{color:#a16207;background:#fdf6e8}.mfa-pill--on{color:#16794c;background:#eaf6f0}.mfa-status-line{color:#64748b;margin:3px 0 0;font-size:13px;line-height:1.5}.mfa-status-notice{color:#92400e;background:#fdf6e8;border-top:1px solid #f3e3b3;align-items:flex-start;gap:8px;margin:0;padding:11px 20px;font-size:12.5px;line-height:1.5;display:flex}.mfa-status-notice svg{flex-shrink:0;margin-top:2px}.mfa-card-head--compact{padding:14px 20px}.mfa-how{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mfa-how-step{padding:16px 20px}.mfa-how-step+.mfa-how-step{border-left:1px solid #f1f5f9}.mfa-how-icon,.mfa-codes-info-chip{color:#2d586e;background:#eaf4fb;justify-content:center;align-items:center;display:inline-flex}.mfa-how-icon{border-radius:9px;width:32px;height:32px}.mfa-how-title{color:#0a1433;margin-top:10px;font-size:13px;font-weight:700}.mfa-how-line{color:#64748b;margin-top:3px;font-size:12.5px;line-height:1.5}.mfa-stepper{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;margin:0;padding:14px 20px;list-style:none;display:flex}.mfa-step{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.mfa-step:last-child{flex:none}.mfa-step-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.mfa-step-label{white-space:nowrap;font-size:13px}.mfa-step-line{background:#e7e8eb;flex:1;min-width:24px;height:2px}.mfa-step--done .mfa-step-dot{color:#fff;background:#16794c}.mfa-step--done .mfa-step-label{color:#16794c;font-weight:600}.mfa-step--done .mfa-step-line{background:#16794c}.mfa-step--current .mfa-step-dot{color:#fff;background:#2d586e}.mfa-step--current .mfa-step-label{color:#0a1433;font-weight:600}.mfa-step--next .mfa-step-dot{color:#94a3b8;background:#f1f5f9}.mfa-step--next .mfa-step-label{color:#94a3b8}.mfa-setup{grid-template-columns:auto minmax(0,1fr);gap:28px;padding:22px 20px;display:grid}.mfa-setup-qr{flex-direction:column;align-items:center;gap:10px;display:flex}.mfa-setup-qr img{border:1px solid #e7e8eb;border-radius:10px;width:180px;height:180px}.mfa-setup-caption{color:#94a3b8;font-size:12px}.mfa-setup-steps{flex-direction:column;gap:16px;min-width:0;display:flex}.mfa-setup-label{letter-spacing:.04em;text-transform:uppercase;color:#2d586e;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.mfa-setup-label--done{color:#16794c}.mfa-setup-text{color:#475569;margin:4px 0 0;font-size:13px;line-height:1.5}.mfa-setup-text--gap{margin-bottom:10px}.mfa-key{background:#fbfcfd;border:1px solid #e7e8eb;border-radius:9px;margin-top:10px}.mfa-key summary{color:#2d586e;cursor:pointer;justify-content:space-between;align-items:center;padding:9px 12px;font-size:12.5px;font-weight:600;list-style:none;display:flex}.mfa-key summary::-webkit-details-marker{display:none}.mfa-key[open] summary svg{transform:rotate(180deg)}.mfa-key-row{align-items:center;gap:10px;padding:0 12px 10px;display:flex}.mfa-key-code{letter-spacing:.08em;color:#0a1433;overflow-wrap:anywhere;background:#fff;border:1px solid #e7e8eb;border-radius:7px;flex:1;min-width:0;padding:7px 10px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.mfa-codes{flex-direction:column;gap:14px;display:flex}.mfa-warn{color:#92400e;background:#fdf6e8;border:1px solid #f3e3b3;border-radius:10px;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.mfa-warn svg{flex-shrink:0;margin-top:2px}.mfa-codes-grid{background:#fbfcfd;border:1px dashed #cbd5e1;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px;display:grid}.mfa-codes-item{letter-spacing:.04em;text-align:center;color:#0a1433;background:#fff;border:1px solid #e7e8eb;border-radius:7px;padding:8px 0;font-family:ui-monospace,Menlo,monospace;font-size:14px}.mfa-actions{flex-wrap:wrap;gap:8px;display:flex}.mfa-check{color:#334155;cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.mfa-check input{accent-color:#2d586e;cursor:pointer;width:16px;height:16px;margin:0}.mfa-codes-info{align-items:center;gap:16px;padding:16px 20px;display:flex}.mfa-codes-info-chip{border-radius:10px;flex-shrink:0;width:36px;height:36px}.mfa-codes-info-title{color:#0a1433;font-size:14px;font-weight:700}.mfa-codes-info-line{color:#64748b;margin:2px 0 0;font-size:12.5px;line-height:1.5}.mfa-reset-body{flex-direction:column;gap:10px;display:flex}.mfa-reset-label{color:#0a1433;font-size:13px;font-weight:600}@container (max-width:560px){.mfa-status{flex-wrap:wrap}.mfa-status>.mfa-btn{width:100%}.mfa-how{grid-template-columns:1fr}.mfa-how-step+.mfa-how-step{border-top:1px solid #f1f5f9;border-left:0}.mfa-step-label{display:none}.mfa-step--current .mfa-step-label{display:inline}.mfa-setup{grid-template-columns:1fr;gap:20px}.mfa-codes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mfa-actions .mfa-btn{flex:auto}.mfa-card-foot .mfa-btn{flex:1}}