.totp-page{box-sizing:border-box;color:#17243b;background:#f6f8fb;min-height:100vh;margin:-8px;padding:32px 24px 64px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.totp-page *{box-sizing:border-box}.totp-container{max-width:1200px;margin:0 auto}.totp-nav{justify-content:space-between;align-items:center;gap:16px;display:flex}.totp-nav a{color:#53647e;font-size:14px;text-decoration:none}.totp-nav a:hover{color:#2563eb}.totp-tag{letter-spacing:.14em;color:#6d7d94;font-size:11px;font-weight:700}.totp-header{margin:56px 0 32px}.totp-eyebrow{color:#2563eb;font-size:13px;font-weight:600}.totp-header h1{letter-spacing:-.035em;margin:12px 0;font-size:clamp(28px,4vw,40px)}.totp-header p,.totp-generator p{color:#64748b;margin:8px 0;line-height:1.7}.totp-generator{background:linear-gradient(110deg,#fff,#eef4ff);border:1px solid #d9e3f3;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex}.totp-generator h2,.totp-table-heading h2{margin:0;font-size:18px;font-weight:650}.totp-generator p{font-size:14px}.totp-badges{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.totp-badges span{color:#4d6081;background:#fff;border:1px solid #dce5f2;border-radius:6px;padding:5px 10px;font-size:12px}.totp-generate{color:#fff;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;padding:14px 20px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 10px #2563eb20}.totp-generate span{font-size:20px;line-height:1}.totp-generate:hover{background:#1d4ed8}.totp-generate:disabled{cursor:not-allowed;box-shadow:none;background:#7f94b9}.totp-page :focus-visible{outline-offset:4px;outline:3px solid #60a5fa}.totp-error{color:#92400e;background:#fff4e6;border-radius:8px;padding:12px 16px;font-size:14px;line-height:1.6}.totp-notice{color:#27644a;overflow-wrap:anywhere;min-height:20px;margin:12px 0;font-size:13px}.totp-history{background:#fff;border:1px solid #e0e6ef;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #20324b04}.totp-table-heading{justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.totp-table-heading h2{align-items:center;gap:10px;display:flex}.totp-table-heading h2 span{color:#526580;background:#edf2fa;border-radius:6px;padding:3px 9px;font-size:12px}.totp-live{color:#64748b;align-items:center;gap:7px;font-size:12px;display:flex}.totp-live>span{background:#21a675;border-radius:50%;width:6px;height:6px}.totp-table-scroll{overflow-x:auto}.totp-page table{border-collapse:collapse;text-align:left;width:100%}.totp-page th{color:#64748b;white-space:nowrap;background:#f8fafc;border-block:1px solid #e8edf4;padding:14px 24px;font-size:12px;font-weight:500}.totp-page td{border-bottom:1px solid #edf0f5;padding:22px 24px}.totp-page tbody tr:last-child td{border-bottom:0}.totp-account{white-space:nowrap;font-size:13px;font-weight:550}.totp-secret,.totp-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.totp-secret{color:#526580;overflow-wrap:anywhere;min-width:160px;max-width:270px;font-size:12px;line-height:1.8;display:block}.totp-code{letter-spacing:.04em;white-space:nowrap;color:#2053bd;font-variant-numeric:tabular-nums;font-size:24px;font-weight:650;display:inline-block}.totp-countdown{color:#4b6585;font-variant-numeric:tabular-nums;width:110px;font-size:16px}.totp-countdown small{font-size:12px}.totp-countdown progress{appearance:none;color:#6395eb;background:#e9eef7;border:0;border-radius:5px;width:100%;height:4px;margin-top:8px;display:block;overflow:hidden}.totp-countdown progress::-webkit-progress-bar{background:#e9eef7}.totp-countdown progress::-webkit-progress-value{background:#6395eb}.totp-countdown progress::-moz-progress-bar{background:#6395eb}.totp-expiring{color:#b45309}.totp-expiring progress::-webkit-progress-value{background:#d99130}.totp-expiring progress::-moz-progress-bar{background:#d99130}.totp-page td.totp-empty{text-align:center;padding:48px 24px}.totp-empty-icon{color:#7390bc;background:#edf3fc;border-radius:12px;width:44px;height:44px;margin:0 auto 16px;font-size:24px;line-height:44px;display:block}.totp-empty strong{font-size:15px;font-weight:500}.totp-empty p{color:#7b899e;margin-bottom:0;font-size:13px}.totp-table-footer{color:#758399;border-top:1px solid #e8edf4;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px 24px;font-size:12px;line-height:1.6;display:flex}.totp-footnote{color:#7b899e;margin:20px 0;font-size:12px;line-height:1.7}.totp-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=680px){.totp-page{padding:24px 16px 40px}.totp-tag{letter-spacing:.08em;font-size:9px}.totp-header{margin-top:36px}.totp-generator{flex-direction:column;align-items:stretch;padding:24px}.totp-table-heading{flex-direction:column;align-items:flex-start;gap:10px;padding:20px}.totp-table-footer{padding:16px 20px}}