.account-page{display:grid;gap:22px}.account-hero{display:flex;align-items:center;gap:18px;padding:24px}.account-hero h1{margin:2px 0 6px}.account-hero>.btn{margin-left:auto}.account-avatar{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#111827,#4f46e5);color:#fff;font-size:24px;font-weight:900;box-shadow:0 14px 30px rgba(79,70,229,.22)}.account-kicker{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#4f46e5}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.account-panel{padding:24px}.account-panel-wide{grid-column:1/-1}.account-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.account-panel-heading h2{margin:2px 0 0;font-size:21px}.account-step{font-size:11px;font-weight:900;color:#6366f1;letter-spacing:.12em}.account-form{display:grid;gap:10px}.account-form label{font-weight:800;font-size:13px;margin-top:4px}.account-form input{width:100%;min-height:46px}.account-form .btn{margin-top:8px}.account-sensitive-field{padding:14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;display:grid;gap:8px}.account-security-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.account-security-status>div{padding:14px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:16px;display:grid;gap:5px}.account-security-status strong{font-size:12px}.account-security-status span{font-size:13px;color:#475569}.account-inline-form{display:flex;gap:10px;align-items:center}.account-inline-form input{max-width:320px}.btn.danger{background:#b91c1c;color:#fff;border-color:#b91c1c}.password-meter{height:7px;background:#e2e8f0;border-radius:999px;overflow:hidden}.password-meter span{display:block;height:100%;width:0;background:#dc2626;transition:.2s}.password-meter span.level-2{background:#d97706}.password-meter span.level-3{background:#2563eb}.password-meter span.level-4{background:#16a34a}.auth-security-card{padding:28px}.security-code-input{font-size:23px;letter-spacing:.18em;text-align:center;font-weight:800}.security-callout{padding:16px 18px;border-radius:16px;border:1px solid;margin-bottom:18px}.security-callout p{margin:4px 0 0}.security-callout.warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.security-callout.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.security-callout.success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.secret-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border-radius:16px;background:#111827;color:#fff;margin:14px 0}.secret-box code{font-size:17px;letter-spacing:.14em;word-break:break-all}.recovery-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.recovery-code-grid code{padding:12px;border-radius:12px;background:#111827;color:#fff;text-align:center;letter-spacing:.1em}.security-steps{padding-left:20px;color:#475569;display:grid;gap:8px}.account-menu{position:relative}.account-menu summary{list-style:none;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-menu-popover{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 20px 50px rgba(15,23,42,.16);padding:8px;z-index:180}.account-menu-popover a{display:block;padding:11px 12px;border-radius:12px;color:#0f172a;text-decoration:none}.account-menu-popover a:hover{background:#f1f5f9}.account-menu-user{padding:10px 12px;border-bottom:1px solid #e2e8f0;margin-bottom:4px}.account-menu-user strong,.account-menu-user span{display:block}.account-menu-user span{font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis}.admin-security-page code{user-select:all}@media(max-width:800px){.account-grid{grid-template-columns:1fr}.account-panel-wide{grid-column:auto}.account-hero{align-items:flex-start;flex-wrap:wrap}.account-hero>.btn{margin-left:0}.account-security-status{grid-template-columns:repeat(2,minmax(0,1fr))}.account-inline-form{align-items:stretch;flex-direction:column}.account-inline-form input{max-width:none}.recovery-code-grid{grid-template-columns:1fr}}