.auth-page .brand { text-decoration: none; color: var(--ink); }
.auth-wrap { max-width: 620px; padding-top: 48px; }
.auth-card { padding: 30px; border: 1px solid var(--line); border-top: 4px solid var(--accent); border-radius: 10px; background: var(--paper); }
.auth-card h1 { font-size: 28px; }
.auth-card form { margin-top: 24px; }
.auth-card label { margin: 20px 0 7px; }
.auth-card input { font-size: 17px; }
.auth-card .auth-remember { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.auth-card .auth-remember input { flex: 0 0 auto; width: 18px; height: 18px; margin: 0; padding: 0; accent-color: var(--accent); }
.auth-card button { margin-top: 24px; }
.auth-card .hint { margin: 7px 0 0; }
.auth-card .message { margin: 20px 0 0; }
.auth-links { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 22px 0; font-size: 14px; }
.account-data { margin-block: 24px; }
.account-data dt { margin-top: 16px; color: var(--muted); font-size: 14px; }
.account-data dd { margin: 2px 0 0; overflow-wrap: anywhere; }
.auth-card .account-enter { display: inline-block; margin-top: 10px; }
.account-page .wrap { width: calc(100% - 48px); }
.account-page .auth-wrap { max-width: 1600px; }
.account-toolbar, .account-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.account-toolbar { margin-top: 18px; }
.account-toolbar .account-email { margin: 0 auto 0 0; overflow-wrap: anywhere; }
.account-toolbar form, .account-toolbar button { margin: 0; }
.account-nav { margin-top: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.account-section { margin-top: 32px; scroll-margin-top: 24px; }
.account-section h2 { margin: 0 0 14px; font-size: 23px; }
.account-panel h3 { margin: 0 0 10px; font-size: 19px; }
.account-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.account-panel { min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 8px; background: #f7faf9; overflow-wrap: anywhere; }
.account-panel p { margin: 10px 0; }
.account-panel form { max-width: 480px; }
.account-panel .account-price { font-size: 24px; font-weight: 650; }
.account-scroll { max-width: 100%; max-height: 60dvh; overflow: auto; border: 1px solid var(--line); border-radius: 6px; }
.account-table { width: 100%; min-width: 720px; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.account-table th, .account-table td { padding: 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.account-table th { position: sticky; top: 0; background: #edf4f1; }
@media (max-width: 760px) {
    .account-grid { grid-template-columns: minmax(0, 1fr); }
    .account-panel { padding: 18px; }
}
@media (max-width: 560px) {
    .account-page .wrap { width: calc(100% - 24px); }
    .account-page .auth-card { padding-inline: 14px; }
    .auth-wrap { width: calc(100% - 24px); padding-top: 24px; }
    .auth-card { padding: 22px 18px; }
    .auth-page .topbar .source { display: none; }
    .auth-card button { width: 100%; }
}