.account-page { max-width: 680px; }
.language-control { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-bottom: 24px; }
.account-card { margin: 32px 0; padding: 28px; border: 1px solid #27303a; border-radius: 16px; background: #101319; }
.account-card p { line-height: 1.6; }
.account-form { display: grid; gap: 8px; }
.account-form button { margin-top: 8px; }
.account-card button, dialog button, .account-card input, .language-control select { font: inherit; min-height: 48px; border-radius: 8px; }
.account-card input, .language-control select { width: 100%; padding: 10px 12px; color: #e7ebef; background: #080a0c; border: 1px solid #536171; }
.language-control select { width: auto; min-width: 150px; }
.account-card button, dialog button { padding: 10px 16px; color: #080a0c; background: #06d0f9; border: 1px solid transparent; font-weight: 600; cursor: pointer; }
.account-card button.secondary, dialog button.secondary { color: #e7ebef; background: #27303a; }
.account-card button.danger, dialog button.danger { color: #fff; background: #aa2638; }
.account-card button:disabled, dialog button:disabled { opacity: .55; cursor: progress; }
.account-card button:focus-visible, dialog button:focus-visible, .account-card input:focus-visible, .language-control select:focus-visible { outline: 2px solid #06d0f9; outline-offset: 3px; }
.button-stack { display: grid; gap: 10px; }
.account-status { min-height: 1.6em; }
.account-status.error { color: #ff9da8; }
.account-details { margin-top: 40px; }
dialog { width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto; padding: 28px; color: #e7ebef; background: #101319; border: 1px solid #536171; border-radius: 16px; }
dialog::backdrop { background: rgb(0 0 0 / .75); }
dialog h2 { margin-top: 0; }
dialog p { line-height: 1.6; }
[hidden] { display: none !important; }
.light .account-card, .light dialog { color: #162031; background: #fff; border-color: #d0d7e1; }
.light .account-card input, .light .language-control select { color: #162031; background: #fff; border-color: #7d8998; }
.light .account-card button.secondary, .light dialog button.secondary { color: #162031; background: #e9eef3; }
.light .account-status.error { color: #99152b; }
@media (max-width: 480px) { .account-card, dialog { padding: 20px; } .language-control { justify-content: space-between; } }