:root{--totp-primary:var(--main-primary);--totp-bg:#fff;--totp-bg-secondary:#f8fafc;--totp-bg-hover:#f1f5f9;--totp-text:#1e293b;--totp-text-muted:#64748b;--totp-border:#e2e8f0;--totp-border-focus:var(--main-primary);--totp-shadow:0 1px 3px #0000000f;--totp-radius:var(--main-radius);--totp-radius-lg:var(--main-radius-lg);--totp-success:#10b981;--totp-error:#ef4444;--totp-warning:#f59e0b;--totp-code-font:var(--main-font-mono);--totp-code-size:3rem;--totp-code-color:var(--main-primary);--totp-timer-bg:#e2e8f0;--totp-timer-fill:var(--main-primary);--totp-timer-warning:#f59e0b;--totp-timer-danger:#ef4444}._totp-container{gap:var(--main-space-3);max-width:680px;min-height:500px;padding-left:var(--main-space-2);padding-right:var(--main-space-2);flex-direction:column;margin-left:auto;margin-right:auto;display:flex}._totp-hidden{display:none!important}._totp-section-title{font-size:var(--main-text-xs);color:var(--totp-text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.375rem;font-weight:600;display:inline-flex}._totp-title-icon{border-radius:var(--totp-radius);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}._totp-title-icon svg{width:12px;height:12px}._totp-title-icon-key{color:var(--totp-primary);background:#6366f11a}._totp-title-icon-qr{color:#0ea5e9;background:#0ea5e91a}._totp-title-icon-accounts{color:var(--totp-warning);background:#f59e0b1a}._totp-btn{border-radius:var(--totp-radius);border-style:solid;border-width:1px;border-color:var(--totp-border);background:var(--totp-bg);color:var(--totp-text-muted);font-size:var(--main-text-xs);cursor:pointer;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .75rem;font-weight:500;transition:color .15s,background .15s,opacity .15s,box-shadow .15s;display:inline-flex}._totp-btn:hover{color:var(--totp-text);background:var(--totp-bg-hover)}._totp-btn-icon{width:30px;height:30px;padding:.375rem}._totp-btn-sm{font-size:var(--main-text-xs);padding:.25rem .625rem}._totp-btn-danger:hover{color:var(--totp-error);background:#ef44440f}._totp-btn-copy{background:var(--totp-bg-secondary);border-color:var(--totp-border);color:var(--totp-text-muted);padding:.5rem .75rem}._totp-btn-copy:hover{color:var(--totp-primary);border-color:var(--totp-primary);background:#6366f10f}._totp-btn-copy.copied{color:var(--totp-success);border-color:var(--totp-success);background:#10b9810f}@media (max-width:768px){._totp-container{padding-left:1rem;padding-right:1rem}}._totp-input-card{background:var(--totp-bg);border-radius:var(--totp-radius-lg);border-style:solid;border-width:1px;border-color:var(--totp-border);box-shadow:var(--totp-shadow);overflow:hidden}._totp-input-header{padding:var(--main-space-2) var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--totp-border);background:var(--totp-bg-secondary);justify-content:space-between;align-items:center;display:flex}._totp-input-actions{align-items:center;gap:.25rem;display:flex}._totp-input-body{padding:var(--main-space-3);gap:var(--main-space-3);flex-direction:column;display:flex}._totp-secret-wrap{align-items:center;display:flex;position:relative}._totp-secret-input{border-radius:var(--totp-radius);border-style:solid;border-width:1.5px;border-color:var(--totp-border);background:var(--totp-bg);width:100%;color:var(--totp-text);font-family:var(--totp-code-font);font-size:var(--main-text-sm);outline:none;padding:.625rem 2.5rem .625rem .75rem;transition:border-color .15s,box-shadow .15s}._totp-secret-input:focus{border-color:var(--totp-border-focus);box-shadow:0 0 0 3px #6366f11a}._totp-secret-input::placeholder{color:#94a3b8;font-family:inherit}._totp-secret-input[type=password]{letter-spacing:.1em;font-family:inherit}._totp-secret-toggle{background:0 0;border-color:#0000;position:absolute;right:4px}._totp-secret-toggle:hover{background:var(--totp-bg-hover)}._totp-settings{align-items:center;gap:var(--main-space-3);flex-wrap:wrap;display:flex}._totp-setting-group{align-items:center;gap:.5rem;display:flex}._totp-setting-label{font-size:var(--main-text-xs);color:var(--totp-text-muted);white-space:nowrap;font-weight:500}._totp-select{border-radius:var(--totp-radius);border-style:solid;border-width:1px;border-color:var(--totp-border);background:var(--totp-bg);color:var(--totp-text);font-size:var(--main-text-xs);cursor:pointer;outline:none;padding:.3rem .5rem;font-weight:500}._totp-select:focus{border-color:var(--totp-border-focus)}._totp-toggle-group{border-radius:var(--totp-radius);border-style:solid;border-width:1px;border-color:var(--totp-border);display:inline-flex;overflow:hidden}._totp-toggle-btn{background:var(--totp-bg);color:var(--totp-text-muted);font-size:var(--main-text-xs);cursor:pointer;border-style:none;border-width:0;padding:.25rem .625rem;font-weight:600;transition:color .15s,background .15s}._totp-toggle-btn:not(:last-child){border-right-style:solid;border-right-width:1px;border-right-color:var(--totp-border)}._totp-toggle-btn:hover{background:var(--totp-bg-hover)}._totp-toggle-btn.active{background:var(--totp-primary);color:#fff}._totp-qr-section{background:var(--totp-bg);border-radius:var(--totp-radius-lg);border-style:solid;border-width:1px;border-color:var(--totp-border);box-shadow:var(--totp-shadow);overflow:hidden}._totp-qr-header{padding:var(--main-space-2) var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--totp-border);background:var(--totp-bg-secondary);justify-content:space-between;align-items:center;display:flex}._totp-qr-body{padding:var(--main-space-4);align-items:center;gap:var(--main-space-2);flex-direction:column;display:flex}._totp-qr-body canvas{border-radius:var(--totp-radius)}._totp-qr-hint{font-size:var(--main-text-xs);color:var(--totp-text-muted);margin:0}@media (max-width:768px){._totp-settings{gap:var(--main-space-2)}._totp-setting-group{gap:.375rem}}._totp-code-card{background:var(--totp-bg);border-radius:var(--totp-radius-lg);border-style:solid;border-width:1px;border-color:var(--totp-border);box-shadow:var(--totp-shadow);justify-content:center;align-items:center;min-height:180px;display:flex}._totp-empty-state{align-items:center;gap:var(--main-space-2);padding:var(--main-space-6);color:var(--totp-text-muted);flex-direction:column;display:flex}._totp-empty-state svg{opacity:.3}._totp-empty-state p{font-size:var(--main-text-sm);margin:0}._totp-code-display{width:100%;padding:var(--main-space-4) var(--main-space-5);align-items:center;gap:var(--main-space-3);flex-direction:column;display:flex}._totp-code-main{align-items:center;gap:var(--main-space-3);display:flex}._totp-code-value{font-family:var(--totp-code-font);font-size:var(--totp-code-size);color:var(--totp-code-color);letter-spacing:.15em;-webkit-user-select:all;user-select:all;font-weight:700;line-height:1}._totp-timer{align-items:center;gap:var(--main-space-2);width:100%;max-width:320px;display:flex}._totp-timer-bar{background:var(--totp-timer-bg);border-radius:2px;flex:1;height:4px;overflow:hidden}._totp-timer-progress{background:var(--totp-timer-fill);border-radius:2px;height:100%;transition:width .3s linear}._totp-timer-progress.warning{background:var(--totp-timer-warning)}._totp-timer-progress.danger{background:var(--totp-timer-danger)}._totp-timer-text{font-size:var(--main-text-xs);color:var(--totp-text-muted);font-weight:600;font-family:var(--totp-code-font);text-align:right;min-width:2rem}._totp-timer-text.warning{color:var(--totp-timer-warning)}._totp-timer-text.danger{color:var(--totp-timer-danger)}._totp-next-code{align-items:center;gap:.5rem;display:flex}._totp-next-label{font-size:var(--main-text-xs);color:var(--totp-text-muted);align-items:center;gap:.25rem;font-weight:500;display:inline-flex}._totp-next-label svg{width:10px;height:10px}._totp-next-value{font-family:var(--totp-code-font);font-size:var(--main-text-sm);color:var(--totp-text-muted);letter-spacing:.1em;opacity:.7;font-weight:600}@media (max-width:768px){._totp-code-value{font-size:2.25rem}._totp-code-display{padding:var(--main-space-3) var(--main-space-3)}}._totp-accounts-card{background:var(--totp-bg);border-radius:var(--totp-radius-lg);border-style:solid;border-width:1px;border-color:var(--totp-border);box-shadow:var(--totp-shadow);overflow:hidden}._totp-accounts-header{padding:var(--main-space-2) var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--totp-border);background:var(--totp-bg-secondary);justify-content:space-between;align-items:center;display:flex}._totp-accounts-list{padding:var(--main-space-2);flex-direction:column;gap:2px;max-height:240px;display:flex;overflow-y:auto}._totp-accounts-empty{padding:var(--main-space-3);text-align:center}._totp-accounts-empty p{font-size:var(--main-text-xs);color:var(--totp-text-muted);opacity:.7;margin:0}._totp-account-item{align-items:center;gap:var(--main-space-2);border-radius:var(--totp-radius);cursor:pointer;padding:.5rem .75rem;transition:background .15s;display:flex}._totp-account-item:hover{background:var(--totp-bg-hover)}._totp-account-item.active{background:#6366f10f}._totp-account-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}._totp-account-issuer{font-size:var(--main-text-xs);color:var(--totp-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}._totp-account-name{color:var(--totp-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}._totp-account-rename{font-size:var(--main-text-xs);color:var(--totp-text);border-style:solid;border-width:1px;border-color:var(--totp-primary);border-radius:var(--totp-radius);background:var(--totp-bg);outline:none;width:100%;padding:.125rem .375rem;font-weight:600;box-shadow:0 0 0 2px #6366f11a}._totp-account-actions{opacity:0;flex-shrink:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}._totp-account-item:hover ._totp-account-actions{opacity:1}._totp-account-edit,._totp-account-delete{width:24px;height:24px;color:var(--totp-text-muted);border-radius:var(--totp-radius);cursor:pointer;background:0 0;border-style:none;border-width:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}._totp-account-edit:hover{color:var(--totp-primary);background:#6366f10f}._totp-account-delete:hover{color:var(--totp-error);background:#ef44440f}._totp-account-edit svg,._totp-account-delete svg{width:10px;height:10px}._totp-accounts-list::-webkit-scrollbar{width:4px}._totp-accounts-list::-webkit-scrollbar-track{background:0 0}._totp-accounts-list::-webkit-scrollbar-thumb{background:var(--totp-border);border-radius:2px}._totp-status-bar{padding:var(--main-space-1) 0;justify-content:space-between;align-items:center;display:flex}._totp-status-left,._totp-status-right{align-items:center;gap:.5rem;display:flex}._totp-status-indicator{color:var(--totp-text-muted);font-size:.6875rem;font-weight:500}._totp-status-indicator.active{color:var(--totp-success)}._totp-status-indicator.error{color:var(--totp-error)}._totp-status-item{color:var(--totp-text-muted);font-size:.6875rem;font-weight:500;font-family:var(--totp-code-font)}._totp-status-sep{color:var(--totp-border);font-size:.625rem}