.account-navigation { flex-shrink: 0; flex-direction: row; gap: 12px; list-style: none; margin: 0; padding: 0; }
.account-toggle { display: inline-flex; align-items: center; gap: 10px; padding: 5px 12px 5px 5px; border: 1px solid #dde5e2; border-radius: 30px; background: #fff; color: #244840; font-size: .875rem; font-weight: 600; }
.account-toggle:hover, .account-toggle[aria-expanded="true"] { background: #eff5f2; border-color: #a6bbb1; }
.account-avatar { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #244e43; color: white; font-size: .9rem; }
.account-menu { width: min(290px, calc(100vw - 32px)); padding: 8px; margin-top: 10px !important; border: 1px solid #e3e9e5; border-radius: 16px; box-shadow: 0 14px 40px #17392d1a; }
.account-menu-heading { padding: 10px 12px; }
.account-menu-heading span { display: block; color: #67766f; font-size: .75rem; margin-bottom: 4px; }
.account-menu-heading strong { display: block; font-size: .875rem; overflow-wrap: anywhere; }
.account-menu .dropdown-item { padding: 10px 12px; border-radius: 8px; font-size: .875rem; color: #263d34; }
.account-menu .dropdown-item:hover, .account-menu .dropdown-item:focus { background: #edf4f0; color: #193f30; }
.account-menu .account-signout { color: #984736; }
.account-shell { max-width: 1060px; margin: 42px auto 70px; color: #243d33; }
.account-header { margin-bottom: 32px; }
.account-eyebrow { font-size: .7rem; letter-spacing: .16em; font-weight: 700; color: #657d70; }
.account-header h1 { margin: 10px 0; font-size: clamp(1.8rem, 4vw, 2.4rem); letter-spacing: -.045em; font-weight: 650; }
.account-header p, .account-description { color: #65746c; line-height: 1.65; }
.account-grid { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 38px; align-items: start; }
.account-sidebar { display: flex; flex-direction: column; gap: 5px; }
.account-sidebar a { display: flex; align-items: center; gap: 10px; padding: 13px 16px; border-radius: 10px; color: #5b6b62; text-decoration: none; font-size: .9rem; }
.account-sidebar a:hover { background: #f3f6f4; color: #244e43; }
.account-sidebar a[aria-current="page"] { background: #eaf2ed; color: #244e43; font-weight: 650; }
.account-sidebar-note { border-top: 1px solid #e4ebe6; margin: 20px 16px 0; padding-top: 20px; font-size: .78rem; line-height: 1.7; color: #748279; }
.account-panel { border: 1px solid #e0e8e2; border-radius: 18px; padding: clamp(22px, 4vw, 38px); background: #fff; box-shadow: 0 4px 24px #1f403305; min-width: 0; }
.account-panel h2, .account-panel h3 { font-size: 1.35rem; letter-spacing: -.025em; margin-bottom: 12px; }
.account-panel .form-control { border-color: #cfdcd3; border-radius: 9px; min-height: 46px; }
.account-panel .form-label { font-size: .875rem; font-weight: 600; }
.account-panel .btn-primary { background: #244e43; border-color: #244e43; border-radius: 9px; padding: 11px 20px; font-weight: 600; }
.account-panel .btn-primary:hover { background: #183c32; }
.account-panel .row > .col-md-6 { width: 100%; }
.account-form { max-width: 470px; }
.account-summary { display: flex; gap: 16px; align-items: center; margin: 24px 0; padding: 20px; background: #f5f8f5; border-radius: 12px; }
.account-summary .account-avatar { width: 48px; height: 48px; flex-shrink: 0; font-size: 1.2rem; }
.account-summary strong { display: block; overflow-wrap: anywhere; }
.account-summary small { color: #67766f; }
.account-options { display: grid; gap: 0; }
.account-option { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0; border-top: 1px solid #e7ece8; text-decoration: none; color: #244e43; }
.account-option small { display: block; margin-top: 5px; color: #67766f; line-height: 1.6; }
.account-option:hover strong { text-decoration: underline; }
.account-empty { padding: 28px 22px; background: #f5f8f5; border: 1px dashed #cedbd2; border-radius: 12px; text-align: center; margin-top: 24px; }
.account-connection { border-top: 1px solid #e7ece8; padding: 20px 0; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.account-connection h3 { font-size: 1rem; }
.account-connection p { font-size: .85rem; color: #67766f; margin: 0; }
.account-toggle:focus-visible, .account-sidebar a:focus-visible, .account-option:focus-visible { outline: 3px solid #75a58c; outline-offset: 3px; }
@media (max-width: 767px) {
    .account-shell { margin-top: 24px; }
    .account-grid { grid-template-columns: 1fr; gap: 20px; }
    .account-sidebar { flex-direction: row; flex-wrap: wrap; gap: 4px; }
    .account-sidebar a { padding: 10px 12px; font-size: .8rem; }
    .account-sidebar-note { display: none; }
}
@media (max-width: 575px) {
    .account-toggle-label { display: none; }
    .account-navigation .dropdown-menu { position: absolute; right: 0; left: auto; }
    .account-connection { align-items: start; flex-direction: column; }
}