.totp-qr{border:10px solid #fff;width:220px;height:220px;margin:22px auto;display:block;box-shadow:0 8px 30px #163c6520}.manual-key{color:var(--muted);text-align:center;font-size:11px}.manual-key code{color:var(--navy);overflow-wrap:anywhere;background:#f1f5f8;margin-top:9px;padding:10px;display:block}.recovery{background:#fff8e8;border:1px solid #f0dca7;margin-top:24px;padding:18px}.recovery>strong{font-size:12px}.recovery>p{color:#74684d;font-size:11px}.recovery>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.recovery code{text-align:center;background:#fff;padding:7px;font-size:11px}.access-code-manager{border-top:1px solid var(--line);margin-top:30px;padding-top:26px}.access-code-manager h3{margin:10px 0 5px;font-size:22px}.access-code-manager>p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.access-code-form{background:#f5f8fb;margin-top:18px;padding:20px}.generated-code-row{gap:8px;display:flex}.generated-code-row input{margin-top:7px}.generated-code-row button{background:var(--navy);color:#fff;cursor:pointer;border:0;margin-top:7px;padding:0 16px;font-size:10px;font-weight:800}.download-picker{border:1px solid var(--line);margin:0;padding:14px}.download-picker legend{letter-spacing:1.5px;color:#607186;padding:0 6px;font-size:9px;font-weight:800}.download-picker>label{border-bottom:1px solid #e3eaf0;align-items:flex-start;gap:10px;padding:9px 0;letter-spacing:0!important;display:flex!important}.download-picker>label:last-child{border-bottom:0}.download-picker input{width:auto!important;margin:2px 0 0!important}.download-picker span>*{display:block}.download-picker b{color:var(--navy);font-size:12px}.download-picker small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.4}.access-code-list{border-top:1px solid var(--line);margin-top:18px}.access-code-list>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:13px 0;display:flex}.access-code-list>div>span{flex:1}.access-code-list span>*{display:block}.access-code-list small{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.4}.access-code-list em{font-size:9px;font-style:normal;font-weight:800}.code-active{color:#20784e}.code-inactive{color:#a45635}.access-code-list button{color:var(--blue);cursor:pointer;background:#eef3f7;border:0;padding:8px 10px;font-size:9px}.access-code-list .danger{color:#b63d27}.empty-codes{color:var(--muted);font-size:11px}@media (width<=600px){.generated-code-row{display:block}.generated-code-row button{width:100%;height:38px}.access-code-list>div{flex-wrap:wrap;align-items:flex-start}.access-code-list>div>span{flex-basis:100%}}