.passkey-management-page .page-content{max-width:1000px;padding-block:30px 56px}.passkey-management-back{min-height:44px;color:var(--muted);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;font-weight:600;display:inline-flex}.passkey-management-back:hover{color:var(--brand)}.passkey-management-back svg{width:19px;height:19px}.passkey-management-header{align-items:center;gap:18px;margin-bottom:28px;display:flex}.passkey-management-header-icon{border:1px solid var(--line);background:var(--brand-soft);width:64px;height:64px;color:var(--brand);box-shadow:var(--shadow-sm);border-radius:20px;flex:none;place-items:center;display:grid}.passkey-management-header-icon svg{width:31px;height:31px}.passkey-management-header h1{letter-spacing:-.03em;margin:0;font-size:clamp(25px,3.5vw,36px);line-height:1.4}.passkey-management-header p{color:var(--muted);margin:6px 0 0;font-size:14px;line-height:1.7}.passkey-management-overview{gap:24px;display:grid}.passkey-management-overview>.profile-passkey-row{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-md);border-radius:20px;margin:0;padding:24px}.passkey-management-overview>.profile-passkey-ready{background:color-mix(in srgb, var(--success) 8%, var(--surface));grid-template-columns:44px minmax(0,1fr)}.passkey-management-overview>.profile-passkey-row>span{background:var(--brand-soft);width:44px;height:44px;color:var(--brand);border-radius:13px;align-self:center;margin:0}.passkey-management-overview .profile-passkey-heading>b{font-size:18px}.passkey-management-overview .profile-passkey-description{font-size:14px;line-height:1.7}.passkey-management-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.passkey-management-card{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow-md);border-radius:20px;flex-direction:column;align-items:flex-start;padding:26px;display:flex}.passkey-management-icon{border:1px solid var(--line);background:var(--brand-soft);width:44px;height:44px;color:var(--brand);border-radius:13px;place-items:center;margin-bottom:18px;display:grid}.passkey-management-icon svg{width:23px;height:23px}.passkey-management-help .passkey-management-icon{background:color-mix(in srgb, var(--warning) 10%, var(--surface));color:var(--warning)}.passkey-management-card h2{margin:0 0 12px;font-size:22px;line-height:1.5}.passkey-management-card p{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.8}.passkey-management-card .passkey-management-count{border:1px solid color-mix(in srgb, var(--success) 45%, var(--line));background:color-mix(in srgb, var(--success) 8%, var(--surface));color:#187047;border-radius:8px;margin-bottom:16px;padding:5px 10px;font-size:13px;font-weight:600}html[data-theme=dark] .passkey-management-count{color:#8dd9ae}.passkey-management-card .passkey-management-count[aria-busy=true]{border-color:var(--line);background:var(--surface-2);color:var(--muted)}.passkey-management-card>.button{white-space:normal;text-align:start;border:1px solid var(--line);background:var(--brand-soft);max-width:100%;height:auto;min-height:46px;box-shadow:var(--shadow-sm);justify-content:space-between;margin-top:auto;padding:10px 14px;font-size:13px;line-height:1.6}.passkey-management-card>.button svg{flex:none}.passkey-management-help>.button{background:var(--surface)}.passkey-management-flow.profile-enrollment-dialog{border:1px solid var(--line);background:var(--surface);width:100%;max-height:none;color:var(--ink);box-shadow:var(--shadow-md);scroll-margin-top:calc(var(--header-height) + 24px);border-radius:20px;margin-block:24px 0;padding:30px;position:relative}.passkey-management-flow h2{margin:0 0 12px;padding-inline-end:28px;font-size:25px;line-height:1.5}.passkey-management-flow-description{color:var(--muted);font-size:14px;line-height:1.8}.passkey-management-flow .profile-enrollment-code-grid,.passkey-management-flow .profile-passkey-actions{max-width:600px}.passkey-management-back:focus-visible{outline:3px solid var(--brand);outline-offset:4px;border-radius:6px}@media (max-width:700px){.passkey-management-page .page-content{padding-block:18px 36px}.passkey-management-back{margin-bottom:18px}.passkey-management-header{align-items:flex-start;gap:14px;margin-bottom:22px}.passkey-management-header-icon{border-radius:15px;width:48px;height:48px}.passkey-management-header-icon svg{width:25px;height:25px}.passkey-management-header h1{font-size:25px}.passkey-management-header p{font-size:12px}.passkey-management-grid{grid-template-columns:minmax(0,1fr);gap:20px}.passkey-management-overview{gap:20px}.passkey-management-overview>.profile-passkey-row{padding:18px}.passkey-management-overview .profile-passkey-heading>b{font-size:16px}.passkey-management-overview .profile-passkey-description{font-size:13px}.passkey-management-card{padding:22px}.passkey-management-card>.button{width:100%}.passkey-management-flow.profile-enrollment-dialog{padding:22px 18px}.passkey-management-flow h2{font-size:22px}}.passkey-management-flow.profile-enrollment-dialog .profile-enrollment-footer{margin:24px 0 0;padding:18px 0 0;position:static}.passkey-management-flow .profile-passkey-actions>.button{white-space:normal;height:auto;padding-block:10px;line-height:1.6}