.hba-account{--account-ink:#000840;--account-muted:#5c6178;--account-line:#e1e4ed;--account-brand:#6d3de9;--account-paper:#fff;--account-tint:#f3eeff;width:100%;max-width:none;color:var(--account-ink);margin:0;padding:32px clamp(24px,3vw,48px) 48px;font:14px/1.6 Inter_400Regular,Inter,system-ui,sans-serif;container:account/inline-size}.hba-account *,.hba-account :before,.hba-account :after{box-sizing:border-box}.hba-account :where(h1,h2,h3,p,dl,dd,ul){margin:0;padding:0}.hba-account :is(h1,h2,h3){letter-spacing:-.02em;font-family:PublicSans_600SemiBold,Public Sans,system-ui,sans-serif;font-style:normal;font-weight:600}.hba-account h1{font-size:26px;line-height:1.3}.hba-account h2{font-size:22px;line-height:1.4}.hba-account h3{font-size:15px;line-height:1.5}.hba-account .hba-heading{margin-bottom:40px}.hba-account .hba-heading p{color:var(--account-muted);margin-top:8px}.hba-account .hba-sheet{border:1px solid var(--account-line);background:var(--account-paper);border-radius:8px;overflow:hidden}.hba-account .hba-identity{align-items:center;gap:16px;padding:32px;display:flex}.hba-account .hba-identity>div{overflow-wrap:anywhere;min-width:0}.hba-account .hba-identity p{color:var(--account-muted);margin-top:6px;font-size:13px}.hba-account .hba-avatar{background:var(--account-tint);width:56px;height:56px;color:var(--account-brand);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:600;display:grid}.hba-account .hba-section{border-top:1px solid var(--account-line);padding:28px 32px}.hba-account .hba-section-heading{margin-bottom:20px}.hba-account .hba-section-heading p{color:var(--account-muted);margin-top:6px;font-size:13px}.hba-account .hba-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;display:grid}.hba-account .hba-details dt{color:var(--account-muted);margin-bottom:6px;font-size:12px}.hba-account .hba-details dd{overflow-wrap:anywhere;font-size:14px}.hba-account .hba-help{color:var(--account-muted);margin-top:20px;font-size:12px}.hba-account .hba-help a{color:var(--account-brand);text-underline-offset:4px;text-decoration:underline}.hba-account .hba-permissions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;list-style:none;display:grid}.hba-account .hba-permissions li{align-items:center;gap:10px;font-size:13px;display:flex}.hba-account .hba-permissions svg{color:var(--account-brand);flex-shrink:0}.hba-account .hba-session{border-top:1px solid var(--account-line);justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;display:flex}.hba-account .hba-session p{color:var(--account-muted);margin-top:6px;font-size:13px}.hba-account .hba-secondary{border:1px solid var(--account-line);background:var(--account-paper);min-height:44px;color:var(--account-ink);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font:600 13px/22px Inter_400Regular,Inter,system-ui,sans-serif;text-decoration:none;transition:transform .16s cubic-bezier(.23,1,.32,1);display:inline-flex}.hba-account .hba-secondary:disabled{opacity:.55;cursor:not-allowed}.hba-account .hba-secondary:active:not(:disabled):not(:focus-visible){transform:scale(.98)}.hba-account :is(a,button):focus-visible{outline:2px solid var(--account-brand);outline-offset:3px}.hba-account .hba-error{color:#9f2929;background:#fff3f3;border-radius:6px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding:16px;font-size:13px;display:flex}.hba-account .hba-loading{color:var(--account-muted);padding:0 32px 24px}@container account (width<=580px){.hba-account .hba-details,.hba-account .hba-permissions{grid-template-columns:minmax(0,1fr)}.hba-account .hba-session{flex-direction:column;align-items:flex-start;gap:16px}}@media (width<=700px){.hba-account{padding:24px 16px}.hba-account h1{font-size:24px}.hba-account .hba-identity,.hba-account .hba-section,.hba-account .hba-session{padding:24px 20px}}@media (hover:hover) and (pointer:fine){.hba-account .hba-secondary:not(:disabled):hover{background:#f6f7fb}}@media (prefers-reduced-motion:reduce){.hba-account .hba-secondary{transition:none}.hba-account .hba-secondary:active:not(:disabled):not(:focus-visible){transform:none}}.hba-account .hba-password-dialog{border:1px solid var(--account-line);background:var(--account-paper);width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--account-ink);font:inherit;border-radius:12px;margin:auto;padding:28px;overflow-y:auto}.hba-account .hba-password-dialog::backdrop{background:#00084066}.hba-account .hba-password-dialog-head{margin-bottom:28px;padding-right:36px;position:relative}.hba-account .hba-password-dialog-head h2{letter-spacing:-.025em;font-size:20px;line-height:1.35}.hba-account .hba-password-dialog-head p{color:var(--account-muted);margin-top:8px;font-size:13px;line-height:1.6}.hba-account .hba-password-close{width:44px;height:44px;color:var(--account-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:-10px;right:-10px}.hba-account .hba-password-close:disabled{opacity:.5;cursor:not-allowed}.hba-account .hba-password-form{width:100%}.hba-account .hba-password-form fieldset{border:0;flex-direction:column;gap:20px;min-width:0;margin:0;padding:0;display:flex}.hba-account .hba-password-field{flex-direction:column;gap:8px;min-width:0;display:flex}.hba-account .hba-password-field.is-current{border-bottom:1px solid var(--account-line);margin-bottom:4px;padding-bottom:24px}.hba-account .hba-password-field label{font-size:13px;font-weight:500;line-height:20px}.hba-account .hba-password-control{position:relative}.hba-account .hba-password-form input{width:100%;min-width:0;height:48px;color:var(--account-ink);background:#fafbfc;border:1px solid #d2d6e2;border-radius:7px;padding:12px 48px 12px 12px;font:16px/1.5 Inter_400Regular,Inter,system-ui,sans-serif;display:block}.hba-account .hba-password-form input:focus-visible{outline:2px solid var(--account-brand);outline-offset:2px;background:#fff}.hba-account #hba-password-hint{color:var(--account-muted);margin:0;font-size:12px;line-height:1.5}.hba-account .hba-password-visibility{width:44px;color:var(--account-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid;position:absolute;inset:2px 2px 2px auto}.hba-account .hba-password-visibility:disabled{cursor:not-allowed;opacity:.5}.hba-account .hba-password-actions{border-top:1px solid var(--account-line);justify-content:flex-end;align-items:center;gap:12px;margin-top:28px;padding-top:20px;display:flex}.hba-account .hba-password-actions>button{min-width:112px}.hba-account .hba-primary{background:var(--account-brand);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font:600 13px/22px Inter_400Regular,Inter,system-ui,sans-serif;display:inline-flex}.hba-account .hba-primary:disabled{opacity:.55;cursor:not-allowed}.hba-account .hba-password-success p{color:var(--account-muted);margin-bottom:24px;font-size:14px}.hba-account .hba-password-success .hba-primary{width:100%}.hba-account .hba-password-success [tabindex]:focus{outline:none}.hba-account .hba-password-form .hba-error{margin:20px 0 0;font-size:13px}@media (width<=420px){.hba-account .hba-password-dialog{padding:24px 20px}.hba-account .hba-password-actions>button{flex:1;min-width:0}}@media (hover:hover) and (pointer:fine){.hba-account .hba-primary:not(:disabled):hover{background:#582bc9}.hba-account :is(.hba-password-close,.hba-password-visibility):not(:disabled):hover{color:var(--account-brand);background:#f0edf8}}@container account (width<=380px){.hba-account .hba-identity{align-items:flex-start}.hba-account .hba-identity h2{font-size:20px}.hba-account .hba-session>button{width:100%}}