.two-factor__text{color:var(--text-secondary);margin:0 0 16px}.two-factor__heading{color:var(--text-strong);margin:0 0 8px;font-size:14px;font-weight:600}.two-factor__actions--section{margin-bottom:24px}.two-factor__state{background:var(--surface-hover);border-radius:6px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.two-factor__state i{color:var(--text-muted);font-size:22px}.two-factor__state b{color:var(--text-strong);display:block}.two-factor__state span{color:var(--text-secondary);font-size:13px}.two-factor__state--on{background:#ecfcf1}.two-factor__state--on i{color:#0eaa42}.two-factor__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.two-factor__qr{align-items:center;gap:16px;display:flex}.two-factor__key-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;display:block}.two-factor__key{word-spacing:3px;color:var(--text-strong);margin-bottom:8px;font-size:14px;line-height:22px;display:block}.two-factor__key span{white-space:nowrap;display:block}.two-factor__copied{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.two-factor__codes{border:1px solid var(--border-default);color:var(--text-strong);border-radius:6px;grid-template-columns:repeat(2,1fr);gap:6px 24px;margin:0 0 16px;padding:12px 16px;font-family:monospace;font-size:15px;list-style:none;display:grid}.account-menu{position:relative}.account-menu__button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.account-menu__button:hover{background:var(--overlay-active)}.account-menu__avatar{color:#1d508b;background:#dae4fd;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:grid}.account-menu__who{flex:1;min-width:0;line-height:16px}.account-menu__who b,.account-menu__who span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-menu__who b{color:var(--text-strong);font-weight:500}.account-menu__who span{color:var(--text-tertiary);font-size:12px}.account-menu__more{color:var(--text-muted)}.account-menu__menu{z-index:50;background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;padding:4px;position:absolute;bottom:calc(100% + 6px);left:0;right:0;box-shadow:0 8px 24px #0708101f}.account-menu__head{border-bottom:1px solid var(--border-default);margin-bottom:4px;padding:8px 8px 6px;line-height:16px}.account-menu__head b{color:var(--text-strong);display:block}.account-menu__head span{color:var(--text-tertiary);font-size:12px}.account-menu__sep{border:0;border-top:1px solid var(--border-default);margin:4px 0}.account-menu__item{width:100%;height:32px;color:var(--text-default);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;padding:0 8px;display:flex}.account-menu__item:hover{background:var(--surface-hover)}.app-frame{background:var(--surface);grid-template-columns:272px minmax(0,1fr);height:100vh;display:grid}.app-frame--details{grid-template-columns:272px minmax(0,1fr) 336px}.app-frame__sidebar{background:var(--surface-hover);border-right:1px solid var(--border-default);flex-direction:column;min-width:0;min-height:0;display:flex}.app-frame__brand{border-bottom:1px solid var(--border-default);flex:none;align-items:center;height:56px;padding:0 16px;display:flex}.app-frame__logo{color:var(--text-strong);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.app-frame__logo,.app-frame__logo:hover{text-decoration:none}.app-frame__logo-mark{color:#fff;background:#5190ef;border-radius:6px;place-items:center;width:24px;height:24px;font-size:15px;display:grid}.app-frame__nav{flex:1;min-height:0;padding:8px;overflow:auto}.app-frame__foot{border-top:1px solid var(--border-default);flex-direction:column;flex:none;gap:4px;padding:8px;display:flex}.app-frame__main{min-width:0}.app-frame__details,.app-frame__main{flex-direction:column;min-height:0;display:flex}.app-frame__details{border-left:1px solid var(--border-default);background:var(--surface)}.app-frame__details-head{border-bottom:1px solid var(--border-default);flex:none;align-items:center;gap:8px;height:56px;padding:0 8px 0 16px;display:flex}.app-frame__details-title{color:var(--text-strong);flex:1;font-weight:600}.app-frame__details-body{flex:1;padding:16px;overflow:auto}.app-frame__hint{color:var(--text-secondary)}.app-frame__scrim{display:none}@media (width<=1180px){.app-frame--details{grid-template-columns:272px minmax(0,1fr)}.app-frame__details{z-index:30;width:min(360px,100%);position:fixed;top:0;bottom:0;right:0;box-shadow:0 8px 24px #0708101f}}@media (width<=780px){.app-frame,.app-frame--details{grid-template-columns:minmax(0,1fr)}.app-frame__sidebar{z-index:40;width:min(300px,86%);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}.app-frame--drawer .app-frame__sidebar{transform:none;box-shadow:0 8px 24px #0708101f}.app-frame--drawer .app-frame__scrim{z-index:35;background:#07081052;display:block;position:fixed;inset:0}}
