.account-page { max-width: 1020px; margin: 0 auto; }
.account-page-heading { display: flex; align-items: center; gap: 18px; margin-bottom: 34px; }
.account-page-heading-plain { min-height: 56px; }
.account-page-heading h1 { margin: 7px 0 6px; color: #142437; font-size: 32px; letter-spacing: -.045em; }
.account-page-heading p { margin: 0; color: #71809a; font-size: 15px; }
.account-avatar { display: grid; flex: 0 0 58px; width: 58px; height: 58px; place-items: center; border-radius: 18px; background: linear-gradient(135deg, #0a67ed, #0545a8); box-shadow: 0 9px 20px rgb(7 95 229 / 20%); color: #fff; font-size: 17px; font-weight: 900; letter-spacing: .04em; }
.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.settings-card { min-height: 236px; padding: 24px; border: 1px solid #e2e9f2; border-radius: 15px; background: #fff; }
.settings-card-wide { grid-column: 1 / -1; min-height: 0; }
.settings-card-heading { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; margin-bottom: 22px; }
.settings-card h2 { margin: 0 0 5px; color: #172b43; font-size: 18px; }
.settings-card-heading p { margin: 0; color: #71809a; font-size: 13px; }
.settings-status { flex: 0 0 auto; padding: 5px 9px; border-radius: 999px; background: #e9f8ef; color: #15803d; font-size: 11px; font-weight: 800; }
.settings-status-muted { background: #eef2f7; color: #637089; }
.settings-list { margin: 0; }
.settings-list div { display: flex; justify-content: space-between; gap: 20px; padding: 11px 0; border-top: 1px solid #edf1f6; }
.settings-list dt { color: #71809a; font-size: 13px; font-weight: 600; }
.settings-list dd { margin: 0; color: #253950; font-size: 13px; font-weight: 800; text-align: right; }
.settings-note { margin: 16px 0 0; color: #8490a3; font-size: 12px; line-height: 1.5; }
.settings-toast { position: fixed; right: 28px; bottom: 28px; z-index: 110; max-width: 390px; padding: 13px 16px; border: 1px solid #b9e6c8; border-radius: 12px; background: #f0fdf4; box-shadow: 0 14px 32px rgb(0 27 51 / 16%); color: #166534; font-size: 13px; font-weight: 700; }
.navigation-settings .settings-note { margin: -4px 0 18px; }
.navigation-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 20px; }
.navigation-option { display: flex; align-items: center; gap: 10px; min-height: 58px; padding: 10px; border: 1px solid #e8edf4; border-radius: 10px; color: #253950; cursor: pointer; }
.navigation-option:hover { border-color: #b8d1f5; background: #f8fbff; }
.navigation-option input { display: block; width: auto; margin: 0 2px 0 0; accent-color: #075fe5; }
.navigation-option input:disabled { cursor: not-allowed; }
.navigation-option:has(input:disabled) { cursor: default; opacity: .75; }
.navigation-icon { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: #edf4ff; font-size: 16px; }
.navigation-option strong, .navigation-option small { display: block; }
.navigation-option strong { font-size: 13px; }
.navigation-option small { margin-top: 3px; color: #71809a; font-size: 11px; line-height: 1.25; }
@media (max-width: 760px) { .settings-grid { grid-template-columns: 1fr; } .account-page-heading { align-items: flex-start; } }
@media (max-width: 600px) { .account-page-heading h1 { font-size: 27px; } .settings-card { padding: 20px; } .settings-list div { display: block; } .settings-list dd { margin-top: 4px; text-align: left; } .navigation-options { grid-template-columns: 1fr; } }